代码提交

This commit is contained in:
何嘉峣 2023-01-05 13:28:31 +08:00
parent 67ea3a295c
commit 9170ff17d3
27 changed files with 862 additions and 825 deletions

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\Hjm项目\\TransFlow\\src\\api\\index.js","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\api\\index.js","mtime":1672881375889},{"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 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":["D:/Hjm项目/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","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"]}]} {"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\Hjm项目\\TransFlow\\src\\api\\index.js","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\api\\index.js","mtime":1672881699161},{"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 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":["D:/Hjm项目/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"]}]}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -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\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672881376071},{"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//\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\";\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 },\n data: function data() {\n return {\n title1: '01断面',\n title2: '01区域',\n dialogVisible: false\n };\n },\n created: function created() {},\n methods: {}\n};",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,OAAA,UAAA;AACA,OAAA,UAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,UAAA;AACA,OAAA,WAAA;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;AAPA,GADA;AAUA,EAAA,IAVA,kBAUA;AACA,WAAA;AACA,MAAA,MAAA,EAAA,MADA;AAEA,MAAA,MAAA,EAAA,MAFA;AAGA,MAAA,aAAA,EAAA;AAHA,KAAA;AAKA,GAhBA;AAiBA,EAAA,OAjBA,qBAiBA,CACA,CAlBA;AAmBA,EAAA,OAAA,EAAA;AAnBA,CAAA","sourcesContent":["<template>\r\n\r\n <div>\r\n <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p>\r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <p class=\"board-title\">{{ title1 }}</p>\r\n <speedChart />\r\n <flowChart />\r\n <headWayChart />\r\n </div>\r\n <div class=\"region\">\r\n <p class=\"board-title\">{{ title2 }}</p>\r\n \r\n <checkChart />\r\n <lineUpChart />\r\n <delayChart />\r\n <congestionChart />\r\n </div>\r\n </div>\r\n \r\n\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\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 },\r\n data() {\r\n return {\r\n title1: '01断面',\r\n title2: '01区域',\r\n dialogVisible: false,\r\n }\r\n },\r\n created() {\r\n },\r\n methods: {\r\n \r\n }\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.dataBoard {\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n width: 48%;\r\n border: 1px solid #E4E7ED;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n}\r\n\r\n.dataBoard .board-title {\r\n font-size: 18px;\r\n font-weight: 400;\r\n position: relative;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.dataBoard .board-title::after {\r\n content: \"\";\r\n width: 95%;\r\n height: 10px;\r\n border-bottom: 1px solid #DCDFE6;\r\n border-top: 1px solid #DCDFE6;\r\n position: absolute;\r\n bottom: -15px;\r\n left: 0;\r\n}\r\n\r\n.test-div i {\r\n font-size: 25px;\r\n}\r\n.down{\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n</style>"],"sourceRoot":"src/views/bounced"}]} {"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\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672881699162},{"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//\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\";\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 },\n data: function data() {\n return {\n title1: '01断面',\n title2: '01区域',\n dialogVisible: false\n };\n },\n created: function created() {},\n methods: {}\n};",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,OAAA,UAAA;AACA,OAAA,UAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,UAAA;AACA,OAAA,WAAA;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;AAPA,GADA;AAUA,EAAA,IAVA,kBAUA;AACA,WAAA;AACA,MAAA,MAAA,EAAA,MADA;AAEA,MAAA,MAAA,EAAA,MAFA;AAGA,MAAA,aAAA,EAAA;AAHA,KAAA;AAKA,GAhBA;AAiBA,EAAA,OAjBA,qBAiBA,CACA,CAlBA;AAmBA,EAAA,OAAA,EAAA;AAnBA,CAAA","sourcesContent":["<template>\r\n\r\n <div>\r\n <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <p class=\"board-title\">{{ title1 }}</p>\r\n <speedChart />\r\n <flowChart />\r\n <headWayChart />\r\n </div>\r\n <div class=\"region\">\r\n <p class=\"board-title\">{{ title2 }}</p>\r\n \r\n <checkChart />\r\n <lineUpChart />\r\n <delayChart />\r\n <congestionChart />\r\n </div>\r\n </div>\r\n \r\n\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\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 },\r\n data() {\r\n return {\r\n title1: '01断面',\r\n title2: '01区域',\r\n dialogVisible: false,\r\n }\r\n },\r\n created() {\r\n },\r\n methods: {\r\n \r\n }\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.dataBoard {\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n width: 48%;\r\n border: 1px solid #E4E7ED;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n}\r\n\r\n.dataBoard .board-title {\r\n font-size: 18px;\r\n font-weight: 400;\r\n position: relative;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.dataBoard .board-title::after {\r\n content: \"\";\r\n width: 95%;\r\n height: 10px;\r\n border-bottom: 1px solid #DCDFE6;\r\n border-top: 1px solid #DCDFE6;\r\n position: absolute;\r\n bottom: -15px;\r\n left: 0;\r\n}\r\n\r\n.test-div i {\r\n font-size: 25px;\r\n}\r\n.down{\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n</style>"],"sourceRoot":"src/views/bounced"}]}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\components\\common\\Whole.vue","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1672881376061},{"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 \"./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(\"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('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"]} {"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\components\\common\\Whole.vue","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1672881699161},{"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 \"./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(\"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('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"]}

View File

@ -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\\components\\common\\Whole.vue?vue&type=template&id=39ed39fa&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1672881376061},{"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: \"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 }"]} {"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\\components\\common\\Whole.vue?vue&type=template&id=39ed39fa&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1672881699161},{"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: \"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 }"]}

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672881376071},{"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\n<div>\n <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p>\n <div class=\"dataBoard\">\n <div class=\"section\">\n <p class=\"board-title\">{{ title1 }}</p>\n <speedChart />\n <flowChart />\n <headWayChart />\n </div>\n <div class=\"region\">\n <p class=\"board-title\">{{ title2 }}</p>\n \n <checkChart />\n <lineUpChart />\n <delayChart />\n <congestionChart />\n </div>\n </div>\n \n\n <!-- 详情框 -->\n \n</div>\n",null]} {"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672881699162},{"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\n<div>\n <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\n <div class=\"dataBoard\">\n <div class=\"section\">\n <p class=\"board-title\">{{ title1 }}</p>\n <speedChart />\n <flowChart />\n <headWayChart />\n </div>\n <div class=\"region\">\n <p class=\"board-title\">{{ title2 }}</p>\n \n <checkChart />\n <lineUpChart />\n <delayChart />\n <congestionChart />\n </div>\n </div>\n \n\n <!-- 详情框 -->\n \n</div>\n",null]}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672881376071},{"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 \"./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(\"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('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"]} {"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672881699162},{"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 \"./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(\"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('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"]}

View File

@ -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\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672881376071},{"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\", [\n _c(\n \"p\",\n {\n staticClass: \"title\",\n staticStyle: {\n \"margin-bottom\": \"20px\",\n \"font-size\": \"20px\",\n \"font-weight\": \"400\"\n }\n },\n [_vm._v(\"数据看板\")]\n ),\n _c(\"div\", { staticClass: \"dataBoard\" }, [\n _c(\n \"div\",\n { staticClass: \"section\" },\n [\n _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(_vm._s(_vm.title1))]),\n _c(\"speedChart\"),\n _c(\"flowChart\"),\n _c(\"headWayChart\")\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"region\" },\n [\n _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(_vm._s(_vm.title2))]),\n _c(\"checkChart\"),\n _c(\"lineUpChart\"),\n _c(\"delayChart\"),\n _c(\"congestionChart\")\n ],\n 1\n )\n ])\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]} {"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\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672881699162},{"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\", [\n _c(\"div\", { staticClass: \"dataBoard\" }, [\n _c(\n \"div\",\n { staticClass: \"section\" },\n [\n _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(_vm._s(_vm.title1))]),\n _c(\"speedChart\"),\n _c(\"flowChart\"),\n _c(\"headWayChart\")\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"region\" },\n [\n _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(_vm._s(_vm.title2))]),\n _c(\"checkChart\"),\n _c(\"lineUpChart\"),\n _c(\"delayChart\"),\n _c(\"congestionChart\")\n ],\n 1\n )\n ])\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}

View File

@ -1 +1 @@
{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672881376071},{"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\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\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 },\r\n data() {\r\n return {\r\n title1: '01断面',\r\n title2: '01区域',\r\n dialogVisible: false,\r\n }\r\n },\r\n created() {\r\n },\r\n methods: {\r\n \r\n }\r\n}\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA;AACA;AACA;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":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n\r\n <div>\r\n <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p>\r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <p class=\"board-title\">{{ title1 }}</p>\r\n <speedChart />\r\n <flowChart />\r\n <headWayChart />\r\n </div>\r\n <div class=\"region\">\r\n <p class=\"board-title\">{{ title2 }}</p>\r\n \r\n <checkChart />\r\n <lineUpChart />\r\n <delayChart />\r\n <congestionChart />\r\n </div>\r\n </div>\r\n \r\n\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\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 },\r\n data() {\r\n return {\r\n title1: '01断面',\r\n title2: '01区域',\r\n dialogVisible: false,\r\n }\r\n },\r\n created() {\r\n },\r\n methods: {\r\n \r\n }\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.dataBoard {\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n width: 48%;\r\n border: 1px solid #E4E7ED;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n}\r\n\r\n.dataBoard .board-title {\r\n font-size: 18px;\r\n font-weight: 400;\r\n position: relative;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.dataBoard .board-title::after {\r\n content: \"\";\r\n width: 95%;\r\n height: 10px;\r\n border-bottom: 1px solid #DCDFE6;\r\n border-top: 1px solid #DCDFE6;\r\n position: absolute;\r\n bottom: -15px;\r\n left: 0;\r\n}\r\n\r\n.test-div i {\r\n font-size: 25px;\r\n}\r\n.down{\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n</style>"]}]} {"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672881699162},{"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\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\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 },\r\n data() {\r\n return {\r\n title1: '01断面',\r\n title2: '01区域',\r\n dialogVisible: false,\r\n }\r\n },\r\n created() {\r\n },\r\n methods: {\r\n \r\n }\r\n}\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA;AACA;AACA;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":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n\r\n <div>\r\n <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <p class=\"board-title\">{{ title1 }}</p>\r\n <speedChart />\r\n <flowChart />\r\n <headWayChart />\r\n </div>\r\n <div class=\"region\">\r\n <p class=\"board-title\">{{ title2 }}</p>\r\n \r\n <checkChart />\r\n <lineUpChart />\r\n <delayChart />\r\n <congestionChart />\r\n </div>\r\n </div>\r\n \r\n\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\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 },\r\n data() {\r\n return {\r\n title1: '01断面',\r\n title2: '01区域',\r\n dialogVisible: false,\r\n }\r\n },\r\n created() {\r\n },\r\n methods: {\r\n \r\n }\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.dataBoard {\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n width: 48%;\r\n border: 1px solid #E4E7ED;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n}\r\n\r\n.dataBoard .board-title {\r\n font-size: 18px;\r\n font-weight: 400;\r\n position: relative;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.dataBoard .board-title::after {\r\n content: \"\";\r\n width: 95%;\r\n height: 10px;\r\n border-bottom: 1px solid #DCDFE6;\r\n border-top: 1px solid #DCDFE6;\r\n position: absolute;\r\n bottom: -15px;\r\n left: 0;\r\n}\r\n\r\n.test-div i {\r\n font-size: 25px;\r\n}\r\n.down{\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n</style>"]}]}

View File

@ -1 +1 @@
{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=template&id=39ed39fa&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1672881376061},{"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=\"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]} {"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=template&id=39ed39fa&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1672881699161},{"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=\"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]}

View File

@ -1 +1 @@
{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=css&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672881376071},{"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\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.dataBoard {\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n width: 48%;\r\n border: 1px solid #E4E7ED;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n}\r\n\r\n.dataBoard .board-title {\r\n font-size: 18px;\r\n font-weight: 400;\r\n position: relative;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.dataBoard .board-title::after {\r\n content: \"\";\r\n width: 95%;\r\n height: 10px;\r\n border-bottom: 1px solid #DCDFE6;\r\n border-top: 1px solid #DCDFE6;\r\n position: absolute;\r\n bottom: -15px;\r\n left: 0;\r\n}\r\n\r\n.test-div i {\r\n font-size: 25px;\r\n}\r\n.down{\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;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\r\n <div>\r\n <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p>\r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <p class=\"board-title\">{{ title1 }}</p>\r\n <speedChart />\r\n <flowChart />\r\n <headWayChart />\r\n </div>\r\n <div class=\"region\">\r\n <p class=\"board-title\">{{ title2 }}</p>\r\n \r\n <checkChart />\r\n <lineUpChart />\r\n <delayChart />\r\n <congestionChart />\r\n </div>\r\n </div>\r\n \r\n\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\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 },\r\n data() {\r\n return {\r\n title1: '01断面',\r\n title2: '01区域',\r\n dialogVisible: false,\r\n }\r\n },\r\n created() {\r\n },\r\n methods: {\r\n \r\n }\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.dataBoard {\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n width: 48%;\r\n border: 1px solid #E4E7ED;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n}\r\n\r\n.dataBoard .board-title {\r\n font-size: 18px;\r\n font-weight: 400;\r\n position: relative;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.dataBoard .board-title::after {\r\n content: \"\";\r\n width: 95%;\r\n height: 10px;\r\n border-bottom: 1px solid #DCDFE6;\r\n border-top: 1px solid #DCDFE6;\r\n position: absolute;\r\n bottom: -15px;\r\n left: 0;\r\n}\r\n\r\n.test-div i {\r\n font-size: 25px;\r\n}\r\n.down{\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n</style>"]}]} {"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=css&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672881699162},{"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\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.dataBoard {\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n width: 48%;\r\n border: 1px solid #E4E7ED;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n}\r\n\r\n.dataBoard .board-title {\r\n font-size: 18px;\r\n font-weight: 400;\r\n position: relative;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.dataBoard .board-title::after {\r\n content: \"\";\r\n width: 95%;\r\n height: 10px;\r\n border-bottom: 1px solid #DCDFE6;\r\n border-top: 1px solid #DCDFE6;\r\n position: absolute;\r\n bottom: -15px;\r\n left: 0;\r\n}\r\n\r\n.test-div i {\r\n font-size: 25px;\r\n}\r\n.down{\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;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\r\n <div>\r\n <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <p class=\"board-title\">{{ title1 }}</p>\r\n <speedChart />\r\n <flowChart />\r\n <headWayChart />\r\n </div>\r\n <div class=\"region\">\r\n <p class=\"board-title\">{{ title2 }}</p>\r\n \r\n <checkChart />\r\n <lineUpChart />\r\n <delayChart />\r\n <congestionChart />\r\n </div>\r\n </div>\r\n \r\n\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\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 },\r\n data() {\r\n return {\r\n title1: '01断面',\r\n title2: '01区域',\r\n dialogVisible: false,\r\n }\r\n },\r\n created() {\r\n },\r\n methods: {\r\n \r\n }\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.dataBoard {\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n width: 48%;\r\n border: 1px solid #E4E7ED;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n}\r\n\r\n.dataBoard .board-title {\r\n font-size: 18px;\r\n font-weight: 400;\r\n position: relative;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.dataBoard .board-title::after {\r\n content: \"\";\r\n width: 95%;\r\n height: 10px;\r\n border-bottom: 1px solid #DCDFE6;\r\n border-top: 1px solid #DCDFE6;\r\n position: absolute;\r\n bottom: -15px;\r\n left: 0;\r\n}\r\n\r\n.test-div i {\r\n font-size: 25px;\r\n}\r\n.down{\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n</style>"]}]}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\index.vue","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\index.vue","mtime":1672881376075},{"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 \"./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(\"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('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"]} {"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\index.vue","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\index.vue","mtime":1672881699163},{"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 \"./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(\"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('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"]}

File diff suppressed because one or more lines are too long

View File

@ -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":1672881376071},{"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"]} {"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":1672882315774},{"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"]}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -5,7 +5,8 @@
<div class="section"> <div class="section">
<el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="140px"> <el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="140px">
<div class="warning"> <div class="warning">
<i class="el-icon-warning" style="color: #409EFF; margin: 0 3px 0 10px;"></i>自动保存可以使系统在异常关闭后自动恢复在这种情况下缓存数据将会丢失但所有存储数据将被保存 <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
>自动保存可以使系统在异常关闭后自动恢复在这种情况下缓存数据将会丢失但所有存储数据将被保存
</div> </div>
<el-form-item label="自动保存:"> <el-form-item label="自动保存:">
<el-switch v-model="formInline.user"></el-switch> <el-switch v-model="formInline.user"></el-switch>
@ -19,12 +20,12 @@
</el-form> </el-form>
<el-form ref="form" :model="sizeForm" label-width="140px"> <el-form ref="form" :model="sizeForm" label-width="140px">
<div class="warning"> <div class="warning">
<i class="el-icon-warning" style="color: #409EFF; margin: 0 3px 0 10px;"></i>重置分析将删除所有累计的轨迹数据 <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i>重置分析将删除所有累计的轨迹数据
</div> </div>
<!-- <el-form-item > --> <!-- <el-form-item > -->
<el-button type="primary" @click="handleagain()" size="small" style="width: 150px">重置</el-button> <el-button type="primary" @click="handleagain()" size="small" style="width: 150px">重置</el-button>
<div class="warning"> <div class="warning">
<i class="el-icon-warning" style="color: #409EFF; margin: 0 3px 0 10px;"></i> WGS84 坐标系中输入相机位置 <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i> WGS84 坐标系中输入相机位置
</div> </div>
<el-form-item label="相机位置:"> <el-form-item label="相机位置:">
<el-input v-model="sizeForm.name" style="width: 150px" placeholder="经度"></el-input> <el-input v-model="sizeForm.name" style="width: 150px" placeholder="经度"></el-input>
@ -54,41 +55,32 @@
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<div style="width: 100%; height: 300px"> <div style="width: 100%; height: 300px">
<iframe id="mapModuleTop" @load="load" src="./VideoWeb/index.html" frameborder="0" style="width: 100%; height:100%;" ></iframe> <iframe
id="mapModuleTop"
@load="load"
src="./VideoWeb/index.html"
frameborder="0"
style="width: 100%; height: 100%"
></iframe>
<!-- <iframe src="./VideoWeb/index.html" style="height: 100%; width: 100%;border: none" <!-- <iframe src="./VideoWeb/index.html" style="height: 100%; width: 100%;border: none"
ref="iframe"></iframe> --> ref="iframe"></iframe> -->
</div> </div>
<el-table border :data="coordinateTableData" v-if="coordinateForm.coordinateClose == true"> <el-table border :data="coordinateTableData" v-if="coordinateForm.coordinateClose == true">
<el-table-column prop="name" label="点名称" align="center"> <el-table-column prop="name" label="点名称" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input <el-input v-if="scope.$index === 0" v-model="scope.row.name" maxlength="30" placeholder="Required" />
v-if="scope.$index === 0"
v-model="scope.row.name"
maxlength="30"
placeholder="Required"
/>
<span v-else v-text="scope.row.name"></span> <span v-else v-text="scope.row.name"></span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="longitude" label="经度" align="center"> <el-table-column prop="longitude" label="经度" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input <el-input v-if="scope.row.isEdit" v-model="scope.row.longitude" maxlength="20" placeholder="Required" />
v-if="scope.row.isEdit"
v-model="scope.row.longitude"
maxlength="20"
placeholder="Required"
/>
<span v-else v-text="scope.row.longitude"></span> <span v-else v-text="scope.row.longitude"></span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="latitude" label="纬度" align="center"> <el-table-column prop="latitude" label="纬度" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input <el-input v-if="scope.row.isEdit" v-model="scope.row.latitude" maxlength="20" placeholder="Required" />
v-if="scope.row.isEdit"
v-model="scope.row.latitude"
maxlength="20"
placeholder="Required"
/>
<span v-else v-text="scope.row.latitude"></span> <span v-else v-text="scope.row.latitude"></span>
</template> </template>
</el-table-column> </el-table-column>
@ -114,7 +106,7 @@
v-if="scope.$index !== 0" v-if="scope.$index !== 0"
size="mini" size="mini"
type="text" type="text"
style="color: #F56C6C" style="color: #f56c6c"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
>{{ scope.row.isEdit ? 'Cancel' : 'Delete' }} >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}
</el-button> </el-button>
@ -122,18 +114,23 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<div style="margin-top: 15px"> <div style="margin-top: 15px">
<el-button type="primary" @click="handleagain()" size="small" style="width:150px" v-if="coordinateForm.coordinateClose==true">保存</el-button> <el-button
type="primary"
@click="handleagain()"
size="small"
style="width: 150px"
v-if="coordinateForm.coordinateClose == true"
>保存</el-button
>
</div> </div>
</el-form> </el-form>
</div> </div>
</div> </div>
<div class="dataBoard"> <div class="dataBoard">
<div class="section"> <div class="section">
<p class="board-title">车道识别配置</p> <p class="board-title">车道识别配置</p>
<div class="warning"> <div class="warning">
<i class="el-icon-warning" style="color: #409EFF; margin: 0 3px 0 10px;"></i>在视频/动图上设置进口出口道 <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i>在视频/动图上设置进口出口道
</div> </div>
<el-form ref="form" :model="laneform" label-width="350px"> <el-form ref="form" :model="laneform" label-width="350px">
<!-- <p>车道识别配置</p> --> <!-- <p>车道识别配置</p> -->
@ -146,21 +143,25 @@
<el-form-item label="各车道中心线(区域检测器):" style="width: 300px" v-if="laneform.laneClose == true"> <el-form-item label="各车道中心线(区域检测器):" style="width: 300px" v-if="laneform.laneClose == true">
<el-switch v-model="laneform.areaDetector"></el-switch> <el-switch v-model="laneform.areaDetector"></el-switch>
</el-form-item> </el-form-item>
<el-form-item label="自动识别各车道中心点坐标(断面检测器):" style="width:300px" v-if="laneform.laneClose==true"> <el-form-item
label="自动识别各车道中心点坐标(断面检测器):"
style="width: 300px"
v-if="laneform.laneClose == true"
>
<el-switch v-model="laneform.sectionDetector"></el-switch> <el-switch v-model="laneform.sectionDetector"></el-switch>
</el-form-item> </el-form-item>
<el-button type="primary" @click="handleagain()" size="small" style="width:150px" v-if="laneform.laneClose==true">保存</el-button> <el-button type="primary" @click="handleagain()" size="small" style="width: 150px" v-if="laneform.laneClose == true"
>保存</el-button
>
</el-form> </el-form>
</div> </div>
</div> </div>
<div class="dataBoard"> <div class="dataBoard">
<div class="section"> <div class="section">
<p class="board-title">识别区域</p> <p class="board-title">识别区域</p>
<div class="warning"> <div class="warning">
<i class="el-icon-warning" style="color: #409EFF; margin: 0 3px 0 10px;"></i>您可以自定义进行视频分析的区域区域之外的部分将被忽略此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象实现检测器的数字变焦功能 <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
>您可以自定义进行视频分析的区域区域之外的部分将被忽略此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象实现检测器的数字变焦功能
</div> </div>
<el-form ref="form" :model="identificationAreaform" label-width="140px"> <el-form ref="form" :model="identificationAreaform" label-width="140px">
<!-- <p>车道识别配置</p> --> <!-- <p>车道识别配置</p> -->
@ -171,35 +172,58 @@
<!-- <div style="width:100%;height:300px" v-if="identificationAreaform.identificationAreaClose==true"> <!-- <div style="width:100%;height:300px" v-if="identificationAreaform.identificationAreaClose==true">
<iframe id="mapModule" src="./VideoWeb/index.html" frameborder="0" style="width: 100%; height: calc(100% - 50px)"></iframe> <iframe id="mapModule" src="./VideoWeb/index.html" frameborder="0" style="width: 100%; height: calc(100% - 50px)"></iframe>
</div> --> </div> -->
<el-button type="primary" @click="handleagain()" size="small" style="width:150px" v-if="identificationAreaform.identificationAreaClose==true">保存</el-button> <el-button
type="primary"
@click="handleagain()"
size="small"
style="width: 150px"
v-if="identificationAreaform.identificationAreaClose == true"
>保存</el-button
>
</el-form> </el-form>
</div> </div>
</div> </div>
<div class="dataBoard"> <div class="dataBoard">
<div class="section"> <div class="section">
<p class="board-title">轨迹平滑</p> <p class="board-title">轨迹平滑</p>
<div class="warning"> <div class="warning">
<i class="el-icon-warning" style="color: #409EFF; margin: 0 3px 0 10px;"></i>为轨迹预测滤波算法定义细化轨迹的时间窗口数值越小延迟越小适用于实时性要求高的场景数值越大轨迹的连续性越好目标即使越过一些障碍也不容易丢失 <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
>为轨迹预测滤波算法定义细化轨迹的时间窗口数值越小延迟越小适用于实时性要求高的场景数值越大轨迹的连续性越好目标即使越过一些障碍也不容易丢失
</div> </div>
<el-form ref="form" :model="trajectorySmoothingform" label-width="140px"> <el-form ref="form" :model="trajectorySmoothingform" label-width="140px">
<el-form-item label="轨迹平滑开关" style="width: 250px"> <el-form-item label="轨迹平滑开关" style="width: 250px">
<el-switch v-model="trajectorySmoothingform.trajectorySmoothingClose"></el-switch> <el-switch v-model="trajectorySmoothingform.trajectorySmoothingClose"></el-switch>
</el-form-item> </el-form-item>
<el-form-item label="预测滤波时间" style="width:250px" v-if="trajectorySmoothingform.trajectorySmoothingClose==true"> <el-form-item
<el-input-number v-model="trajectorySmoothingform.time" @change="handleChange" :min="2000" :max="3000" label="预测滤波时间"></el-input-number> label="预测滤波时间"
style="width: 250px"
v-if="trajectorySmoothingform.trajectorySmoothingClose == true"
>
<el-input-number
v-model="trajectorySmoothingform.time"
@change="handleChange"
:min="2000"
:max="3000"
label="预测滤波时间"
></el-input-number>
</el-form-item> </el-form-item>
<el-button type="primary" @click="handleagain()" size="small" style="width:150px" v-if="trajectorySmoothingform.trajectorySmoothingClose==true">保存</el-button> <el-button
type="primary"
@click="handleagain()"
size="small"
style="width: 150px"
v-if="trajectorySmoothingform.trajectorySmoothingClose == true"
>保存</el-button
>
</el-form> </el-form>
</div> </div>
</div> </div>
<div class="dataBoard"> <div class="dataBoard">
<div class="section"> <div class="section">
<p class="board-title">车牌识别</p> <p class="board-title">车牌识别</p>
<div class="warning"> <div class="warning">
<i class="el-icon-warning" style="color: #409EFF; margin: 0 3px 0 10px;"></i>车牌识别开关牌照信息表示与目标属性断面号牌与断面设置关联 <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
>车牌识别开关牌照信息表示与目标属性断面号牌与断面设置关联
</div> </div>
<el-form ref="form" :model="licensePlateform" label-width="140px"> <el-form ref="form" :model="licensePlateform" label-width="140px">
<el-form-item label="车牌识别开关" style="width: 250px"> <el-form-item label="车牌识别开关" style="width: 250px">
@ -264,7 +288,7 @@
v-if="scope.$index !== 0" v-if="scope.$index !== 0"
size="mini" size="mini"
type="text" type="text"
style="color: #F56C6C" style="color: #f56c6c"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
>{{ scope.row.isEdit ? 'Cancel' : 'Delete' }} >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}
</el-button> </el-button>
@ -272,44 +296,64 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<div style="margin-top: 15px"> <div style="margin-top: 15px">
<el-button type="primary" @click="handleagain()" size="small" style="width:150px" v-if="licensePlateform.licensePlateClose==true">保存</el-button> <el-button
type="primary"
@click="handleagain()"
size="small"
style="width: 150px"
v-if="licensePlateform.licensePlateClose == true"
>保存</el-button
>
</div> </div>
</el-form> </el-form>
</div> </div>
</div> </div>
<div class="dataBoard"> <div class="dataBoard">
<div class="section"> <div class="section">
<p class="board-title">停车状态</p> <p class="board-title">停车状态</p>
<div class="warning"> <div class="warning">
<i class="el-icon-warning" style="color: #409EFF; margin: 0 3px 0 10px;"></i>更新频率更新频率可以根据链路带宽进行设置 <i class="el-icon-warning" style="color: #409eff; margin: 0 3px 0 10px"></i
>更新频率更新频率可以根据链路带宽进行设置
</div> </div>
<el-form :inline="true" :model="stopStateform" class="demo-form-inline" label-width="140px"> <el-form :inline="true" :model="stopStateform" class="demo-form-inline" label-width="140px">
<el-form-item label="位移:"> <el-form-item label="位移:">
<el-input-number v-model="stopStateform.displacement" @change="handleChange" :min="2000" :max="3000" label="位移"></el-input-number> <el-input-number
v-model="stopStateform.displacement"
@change="handleChange"
:min="2000"
:max="3000"
label="位移"
></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="速度:"> <el-form-item label="速度:">
<el-input-number v-model="stopStateform.speed" @change="handleChange" :min="2000" :max="3000" label="速度"></el-input-number> <el-input-number
v-model="stopStateform.speed"
@change="handleChange"
:min="2000"
:max="3000"
label="速度"
></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="加速度:"> <el-form-item label="加速度:">
<el-input-number v-model="stopStateform.acceleration" @change="handleChange" :min="2000" :max="3000" label="加速度"></el-input-number> <el-input-number
v-model="stopStateform.acceleration"
@change="handleChange"
:min="2000"
:max="3000"
label="加速度"
></el-input-number>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div style="margin-top: 15px"> <div style="margin-top: 15px">
<el-button type="primary" @click="handleagain()" size="small" style="width: 150px">保存</el-button> <el-button type="primary" @click="handleagain()" size="small" style="width: 150px">保存</el-button>
</div> </div>
</div> </div>
</div> </div>
<div class="dataBoard"> <div class="dataBoard">
<div class="section"> <div class="section">
<p class="board-title">通信设置</p> <p class="board-title">通信设置</p>
<el-form :model="communicationform" class="demo-form-inline" label-width="200px"> <el-form :model="communicationform" class="demo-form-inline" label-width="200px">
<el-form-item label="类型:" style="margin-bottom: 20px;"> <el-form-item label="类型:" style="margin-bottom: 20px">
<el-radio-group v-model="communicationform.type"> <el-radio-group v-model="communicationform.type">
<el-radio label="快速-用于高带宽连接"></el-radio> <el-radio label="快速-用于高带宽连接"></el-radio>
<el-radio label="平衡-适用于大多数连接"></el-radio> <el-radio label="平衡-适用于大多数连接"></el-radio>
@ -318,22 +362,22 @@
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="请求轻型有效载荷:" v-if="communicationform.type == '自定义'"> <el-form-item label="请求轻型有效载荷:" v-if="communicationform.type == '自定义'">
<el-input v-model="communicationform.name" style="width:200px;margin-bottom: 20px;"></el-input>ms <el-input v-model="communicationform.name" style="width: 200px; margin-bottom: 20px"></el-input>ms
</el-form-item> </el-form-item>
<el-form-item label="请求重型有效载荷:" v-if="communicationform.type == '自定义'"> <el-form-item label="请求重型有效载荷:" v-if="communicationform.type == '自定义'">
<el-input v-model="communicationform.name" style="width:200px;margin-bottom: 20px;"></el-input>ms <el-input v-model="communicationform.name" style="width: 200px; margin-bottom: 20px"></el-input>ms
</el-form-item> </el-form-item>
<el-form-item label="FPS分配器" v-if="communicationform.type == '自定义'"> <el-form-item label="FPS分配器" v-if="communicationform.type == '自定义'">
<el-input v-model="communicationform.name" style="width:200px;margin-bottom: 20px;"></el-input> <el-input v-model="communicationform.name" style="width: 200px; margin-bottom: 20px"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="框架决议:" v-if="communicationform.type == '自定义'"> <el-form-item label="框架决议:" v-if="communicationform.type == '自定义'">
<el-select v-model="communicationform.region" placeholder="框架决议" style="margin-bottom: 20px;"> <el-select v-model="communicationform.region" placeholder="框架决议" style="margin-bottom: 20px">
<el-option label="自动" value="shanghai"></el-option> <el-option label="自动" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option> <el-option label="区域二" value="beijing"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="压缩格式:" v-if="communicationform.type == '自定义'"> <el-form-item label="压缩格式:" v-if="communicationform.type == '自定义'">
<el-select v-model="communicationform.region" placeholder="压缩格式" style="margin-bottom: 20px;"> <el-select v-model="communicationform.region" placeholder="压缩格式" style="margin-bottom: 20px">
<el-option label="JPG" value="shanghai"></el-option> <el-option label="JPG" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option> <el-option label="区域二" value="beijing"></el-option>
</el-select> </el-select>
@ -344,15 +388,13 @@
<el-button type="primary" @click="handleagain()" size="small" style="width: 150px">保存</el-button> <el-button type="primary" @click="handleagain()" size="small" style="width: 150px">保存</el-button>
</el-form> </el-form>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import mqtt from "mqtt"; // mqtt import mqtt from 'mqtt'; // mqtt
export default { export default {
data() { data() {
return { return {
@ -371,14 +413,12 @@ export default {
region: '' region: ''
}, },
// //
topForm:{ topForm: {},
},
// //
coordinateForm: { coordinateForm: {
coordinateClose: false, coordinateClose: false,
model: 'Georeferencing', model: 'Georeferencing',
coordinateTransformation:'84坐标系', coordinateTransformation: '84坐标系'
}, },
coordinateTableData: [ coordinateTableData: [
{ {
@ -386,23 +426,25 @@ export default {
longitude: '111', longitude: '111',
inIp: '01', inIp: '01',
latitude: '' latitude: ''
},{ },
{
name: '22', name: '22',
longitude: '222', longitude: '222',
inIp: '02', inIp: '02',
latitude: '' latitude: ''
},{ },
{
name: '33', name: '33',
longitude: '333', longitude: '333',
inIp: '03', inIp: '03',
latitude: '' latitude: ''
}, }
], ],
// //
laneform: { laneform: {
laneClose: false, laneClose: false,
areaDetector: false, areaDetector: false,
sectionDetector:false, sectionDetector: false
}, },
// //
identificationAreaform: { identificationAreaform: {
@ -415,7 +457,7 @@ export default {
}, },
// //
licensePlateform: { licensePlateform: {
licensePlateClose:false, licensePlateClose: false
}, },
licensePlateTableData: [ licensePlateTableData: [
{ {
@ -423,28 +465,29 @@ export default {
sectionPlate: '111', sectionPlate: '111',
inIp: '01', inIp: '01',
setAssociation: '' setAssociation: ''
},{ },
{
thresholdValue: '22', thresholdValue: '22',
sectionPlate: '222', sectionPlate: '222',
inIp: '02', inIp: '02',
setAssociation: '' setAssociation: ''
},{ },
{
thresholdValue: '33', thresholdValue: '33',
sectionPlate: '333', sectionPlate: '333',
inIp: '03', inIp: '03',
setAssociation: '' setAssociation: ''
}, }
], ],
// //
stopStateform: { stopStateform: {
displacement: '2000', displacement: '2000',
speed: '2000', speed: '2000',
acceleration:'2000', acceleration: '2000'
}, },
// //
communicationform: { communicationform: {
type:'快速-用于高带宽连接', type: '快速-用于高带宽连接'
}, },
form: { form: {
name: '', name: '',
@ -461,15 +504,17 @@ export default {
name: '11', name: '11',
inPort: '111', inPort: '111',
inIp: '01' inIp: '01'
},{ },
{
name: '22', name: '22',
inPort: '222', inPort: '222',
inIp: '02' inIp: '02'
},{ },
{
name: '33', name: '33',
inPort: '333', inPort: '333',
inIp: '03' inIp: '03'
}, }
], ],
internalIpList: [], internalIpList: [],
fileList: [] fileList: []
@ -489,24 +534,21 @@ export default {
// this.load() // this.load()
// }, 5000);// // }, 5000);//
// } // }
}, },
methods: { methods: {
load() { load() {
console.log("1111") console.log('1111');
var iframe = document.getElementById("mapModuleTop"); var iframe = document.getElementById('mapModuleTop');
console.log("iframe",iframe) console.log('iframe', iframe);
iframe.onload = () => { iframe.onload = () => {
// setTimeout(() => { // setTimeout(() => {
this.testMqtt() this.testMqtt();
// }, 5000); // }, 5000);
} };
}, },
testMqtt() { testMqtt() {
console.log("222") console.log('222');
this.getDataByMqtt() this.getDataByMqtt();
}, },
handleChange() {}, handleChange() {},
handleagain() { handleagain() {
@ -580,7 +622,7 @@ export default {
outPort: null, outPort: null,
enabled: null, enabled: null,
isEdit: true isEdit: true
}) });
// } // }
// }) // })
}, },
@ -589,18 +631,18 @@ export default {
for (let key in row) { for (let key in row) {
// //
if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') { if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {
this.msgError('Please complete the information') this.msgError('Please complete the information');
return return;
} }
} }
const params = { const params = {
name: row.name, name: row.name,
inIp: row.inIp, inIp: row.inIp
// inPort: parseInt(row.inPort), // inPort: parseInt(row.inPort),
// outPort: parseInt(row.outPort), // outPort: parseInt(row.outPort),
// enabled: row.enabled // enabled: row.enabled
} };
this.getReverseShellList() this.getReverseShellList();
// addShell(params).then(res => { // addShell(params).then(res => {
// if (res.code === 200) { // if (res.code === 200) {
// this.msgSuccess('Add reverse shell successfully') // this.msgSuccess('Add reverse shell successfully')
@ -615,8 +657,8 @@ export default {
if (row.isEdit) { if (row.isEdit) {
for (let key in row) { for (let key in row) {
if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') { if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {
this.msgError('Please complete the information') this.msgError('Please complete the information');
return return;
} }
} }
const params = { const params = {
@ -625,7 +667,7 @@ export default {
inPort: parseInt(row.inPort), inPort: parseInt(row.inPort),
outPort: parseInt(row.outPort), outPort: parseInt(row.outPort),
enabled: row.enabled enabled: row.enabled
} };
// updateShell(params).then(res => { // updateShell(params).then(res => {
// if (res.code === 200) { // if (res.code === 200) {
// this.msgSuccess('Update reverse shell successfully') // this.msgSuccess('Update reverse shell successfully')
@ -634,29 +676,30 @@ export default {
// }) // })
} else { } else {
// //
row.isEdit = true row.isEdit = true;
} }
}, },
// //
handleDelete(row) { handleDelete(row) {
// //
if (row.isEdit) { if (row.isEdit) {
this.getReverseShellList() this.getReverseShellList();
} else { } else {
// //
this.$confirm('Are you sure to delete reverse shell?', 'warning', { this.$confirm('Are you sure to delete reverse shell?', 'warning', {
confirmButtonText: 'Sure', confirmButtonText: 'Sure',
cancelButtonText: 'Cancel', cancelButtonText: 'Cancel',
type: 'warning' type: 'warning'
}).then(() => { })
.then(() => {
// deleteShell(row.name).then(res => { // deleteShell(row.name).then(res => {
// if (res.code === 200) { // if (res.code === 200) {
// this.msgSuccess('Delete reverse shell successfully') // this.msgSuccess('Delete reverse shell successfully')
// this.getReverseShellList() // this.getReverseShellList()
// } // }
// }) // })
}).catch(() => {
}) })
.catch(() => {});
} }
}, },
// mqtt // mqtt
@ -665,7 +708,7 @@ export default {
// that.$refs.iframe.contentWindow.getDestination(1) // that.$refs.iframe.contentWindow.getDestination(1)
// console.log("1111",document.getElementById("mapModule")) // console.log("1111",document.getElementById("mapModule"))
// document.getElementById("mapModule").contentWindow.getDestination(1) // document.getElementById("mapModule").contentWindow.getDestination(1)
const clientId = "test_id_" + String(new Date().getTime()); // const clientId = 'test_id_' + String(new Date().getTime()); //
// const host = 'ws://49.234.27.18:10087/'; // urlws://broker.emqx.io:8083/mqtt // const host = 'ws://49.234.27.18:10087/'; // urlws://broker.emqx.io:8083/mqtt
const host = 'ws://172.16.1.168:10087/'; const host = 'ws://172.16.1.168:10087/';
@ -679,18 +722,18 @@ export default {
username: 'admin', // username: 'admin', //
password: '123456', // password: '123456', //
clientId: clientId, // ID clientId: clientId, // ID
protocolId: "MQTT", protocolId: 'MQTT',
protocolVersion: 4, protocolVersion: 4,
clean: true, // false线QoS12 clean: true, // false线QoS12
reconnectPeriod: 2000, // 1000 reconnectPeriod: 2000, // 1000
connectTimeout: 30 * 1000, // CONNACK connectTimeout: 30 * 1000, // CONNACK
will: { will: {
// Broker // Broker
topic: "img1", // topic: 'img1', //
payload: "[MQTT-TEST] 遗嘱消息:连接异常断开!", // payload: '[MQTT-TEST] 遗嘱消息:连接异常断开!', //
qos: 0, // QoS(Quality of Service)QoS0QoS11QoS21 qos: 0, // QoS(Quality of Service)QoS0QoS11QoS21
retain: false, // retain: false //
}, }
}; };
if (this.mqttClient == undefined) { if (this.mqttClient == undefined) {
this.mqttClient = mqtt.connect(host, options); // this.mqttClient = mqtt.connect(host, options); //
@ -698,16 +741,16 @@ export default {
// const client = mqtt.connect(host) // // const client = mqtt.connect(host) //
// //
// console.log("this.mqttClient", this.mqttClient) // console.log("this.mqttClient", this.mqttClient)
this.mqttClient.on("error", (err) => { this.mqttClient.on('error', (err) => {
console.log("[MQTT-TEST] 连接错误:", err); console.log('[MQTT-TEST] 连接错误:', err);
this.mqttClient.end(); this.mqttClient.end();
}); });
// //
this.mqttClient.on("reconnect", (reconnect) => { this.mqttClient.on('reconnect', (reconnect) => {
// console.log("[MQTT-TEST] ", reconnect); // console.log("[MQTT-TEST] ", reconnect);
}); });
// //
this.mqttClient.on("connect", (connect) => { this.mqttClient.on('connect', (connect) => {
// console.log("[MQTT-TEST] ID: ", connect); // console.log("[MQTT-TEST] ID: ", connect);
// //
this.mqttClient.subscribe('img0', { qos: 0 }); this.mqttClient.subscribe('img0', { qos: 0 });
@ -722,17 +765,15 @@ export default {
this.mqttClient.subscribe('stream3', { qos: 0 }); this.mqttClient.subscribe('stream3', { qos: 0 });
this.mqttClient.subscribe('stream4', { qos: 0 }); this.mqttClient.subscribe('stream4', { qos: 0 });
this.mqttClient.subscribe('stream5', { qos: 0 }); this.mqttClient.subscribe('stream5', { qos: 0 });
}); });
// //
this.mqttClient.on("message", (topic, message, packet) => { this.mqttClient.on('message', (topic, message, packet) => {
if (topic.indexOf('img0') != -1) {
if (topic.indexOf("img0") != -1) {
// try { // try {
const utf8decoder = new TextDecoder() const utf8decoder = new TextDecoder();
const u8arr = new Uint8Array(message) const u8arr = new Uint8Array(message);
const temp = utf8decoder.decode(u8arr) // const temp = utf8decoder.decode(u8arr); //
const msg = JSON.parse(temp) //JSON const msg = JSON.parse(temp); //JSON
// debugger // debugger
// console.log("msg", msg) //msgJSON // console.log("msg", msg) //msgJSON
// console.log("msg.pic", msg.pic) // console.log("msg.pic", msg.pic)
@ -753,131 +794,127 @@ export default {
// const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob) // const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
// // console.log("imageUrl", imageUrl) // // console.log("imageUrl", imageUrl)
// } // }
} else if (topic.indexOf("img1") != -1) { } else if (topic.indexOf('img1') != -1) {
try { try {
const utf8decoder = new TextDecoder() const utf8decoder = new TextDecoder();
const u8arr = new Uint8Array(message) const u8arr = new Uint8Array(message);
const temp = utf8decoder.decode(u8arr) // const temp = utf8decoder.decode(u8arr); //
const msg = JSON.parse(temp) //JSON const msg = JSON.parse(temp); //JSON
console.log("msg", msg) //msgJSON console.log('msg', msg); //msgJSON
this.imgUrl1 = 'data:image/png;base64,' + msg.pic; this.imgUrl1 = 'data:image/png;base64,' + msg.pic;
console.log("imageUrl", imageUrl) console.log('imageUrl', imageUrl);
} catch { } catch {
let imageType = 'arraybuffer'; let imageType = 'arraybuffer';
const blob = new Blob([message], { type: imageType }) const blob = new Blob([message], { type: imageType });
const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob) const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);
console.log("imageUrl", imageUrl) console.log('imageUrl', imageUrl);
} }
} else if (topic.indexOf("img2") != -1) { } else if (topic.indexOf('img2') != -1) {
try { try {
const utf8decoder = new TextDecoder() const utf8decoder = new TextDecoder();
const u8arr = new Uint8Array(message) const u8arr = new Uint8Array(message);
const temp = utf8decoder.decode(u8arr) // const temp = utf8decoder.decode(u8arr); //
const msg = JSON.parse(temp) //JSON const msg = JSON.parse(temp); //JSON
console.log("msg", msg) //msgJSON console.log('msg', msg); //msgJSON
this.imgUrl2 = 'data:image/png;base64,' + msg.pic; this.imgUrl2 = 'data:image/png;base64,' + msg.pic;
console.log("imageUrl", imageUrl) console.log('imageUrl', imageUrl);
} catch { } catch {
let imageType = 'arraybuffer'; let imageType = 'arraybuffer';
const blob = new Blob([message], { type: imageType }) const blob = new Blob([message], { type: imageType });
const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob) const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);
console.log("imageUrl", imageUrl) console.log('imageUrl', imageUrl);
} }
} else if (topic.indexOf("img3") != -1) { } else if (topic.indexOf('img3') != -1) {
try { try {
const utf8decoder = new TextDecoder() const utf8decoder = new TextDecoder();
const u8arr = new Uint8Array(message) const u8arr = new Uint8Array(message);
const temp = utf8decoder.decode(u8arr) // const temp = utf8decoder.decode(u8arr); //
const msg = JSON.parse(temp) //JSON const msg = JSON.parse(temp); //JSON
console.log("msg", msg) //msgJSON console.log('msg', msg); //msgJSON
this.imgUrl3 = 'data:image/png;base64,' + msg.pic; this.imgUrl3 = 'data:image/png;base64,' + msg.pic;
console.log("imageUrl", imageUrl) console.log('imageUrl', imageUrl);
} catch { } catch {
let imageType = 'arraybuffer'; let imageType = 'arraybuffer';
const blob = new Blob([message], { type: imageType }) const blob = new Blob([message], { type: imageType });
const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob) const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);
console.log("imageUrl", imageUrl) console.log('imageUrl', imageUrl);
} }
} else if (topic.indexOf("img4") != -1) { } else if (topic.indexOf('img4') != -1) {
try { try {
const utf8decoder = new TextDecoder() const utf8decoder = new TextDecoder();
const u8arr = new Uint8Array(message) const u8arr = new Uint8Array(message);
const temp = utf8decoder.decode(u8arr) // const temp = utf8decoder.decode(u8arr); //
const msg = JSON.parse(temp) //JSON const msg = JSON.parse(temp); //JSON
console.log("msg", msg) //msgJSON console.log('msg', msg); //msgJSON
this.imgUrl4 = 'data:image/png;base64,' + msg.pic; this.imgUrl4 = 'data:image/png;base64,' + msg.pic;
console.log("imageUrl", imageUrl) console.log('imageUrl', imageUrl);
} catch { } catch {
let imageType = 'arraybuffer'; let imageType = 'arraybuffer';
const blob = new Blob([message], { type: imageType }) const blob = new Blob([message], { type: imageType });
const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob) const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);
console.log("imageUrl", imageUrl) console.log('imageUrl', imageUrl);
} }
} else if (topic.indexOf("img5") != -1) { } else if (topic.indexOf('img5') != -1) {
try { try {
const utf8decoder = new TextDecoder() const utf8decoder = new TextDecoder();
const u8arr = new Uint8Array(message) const u8arr = new Uint8Array(message);
const temp = utf8decoder.decode(u8arr) // const temp = utf8decoder.decode(u8arr); //
const msg = JSON.parse(temp) //JSON const msg = JSON.parse(temp); //JSON
console.log("msg", msg) //msgJSON console.log('msg', msg); //msgJSON
this.imgUrl5 = 'data:image/png;base64,' + msg.pic; this.imgUrl5 = 'data:image/png;base64,' + msg.pic;
console.log("imageUrl", imageUrl) console.log('imageUrl', imageUrl);
} catch { } catch {
let imageType = 'arraybuffer'; let imageType = 'arraybuffer';
const blob = new Blob([message], { type: imageType }) const blob = new Blob([message], { type: imageType });
const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob) const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);
console.log("imageUrl", imageUrl) console.log('imageUrl', imageUrl);
} }
} else if (topic.indexOf("stream0") != -1) { } else if (topic.indexOf('stream0') != -1) {
// console.log( // console.log(
// `[MQTT-TEST] "${topic}" : ${message.toString()}`, // `[MQTT-TEST] "${topic}" : ${message.toString()}`,
// new Date(), // new Date(),
// new Date().getMilliseconds() // new Date().getMilliseconds()
// ); // );
} else if (topic.indexOf("stream0") != -1) { } else if (topic.indexOf('stream0') != -1) {
// console.log( // console.log(
// `[MQTT-TEST] "${topic}" : ${message.toString()}`, // `[MQTT-TEST] "${topic}" : ${message.toString()}`,
// new Date(), // new Date(),
// new Date().getMilliseconds() // new Date().getMilliseconds()
// ); // );
} else if (topic.indexOf("stream1") != -1) { } else if (topic.indexOf('stream1') != -1) {
console.log( console.log(
`[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`, `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
new Date(), new Date(),
new Date().getMilliseconds() new Date().getMilliseconds()
); );
} else if (topic.indexOf("stream2") != -1) { } else if (topic.indexOf('stream2') != -1) {
console.log( console.log(
`[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`, `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
new Date(), new Date(),
new Date().getMilliseconds() new Date().getMilliseconds()
); );
} else if (topic.indexOf("stream3") != -1) { } else if (topic.indexOf('stream3') != -1) {
console.log( console.log(
`[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`, `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
new Date(), new Date(),
new Date().getMilliseconds() new Date().getMilliseconds()
); );
} else if (topic.indexOf("stream4") != -1) { } else if (topic.indexOf('stream4') != -1) {
console.log( console.log(
`[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`, `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
new Date(), new Date(),
new Date().getMilliseconds() new Date().getMilliseconds()
); );
} else if (topic.indexOf("stream5") != -1) { } else if (topic.indexOf('stream5') != -1) {
console.log( console.log(
`[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`, `[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
new Date(), new Date(),
new Date().getMilliseconds() new Date().getMilliseconds()
); );
} }
}); });
} }
}
},
} }
}; };
</script> </script>
@ -907,7 +944,7 @@ export default {
.dataBoard .section { .dataBoard .section {
width: 80%; width: 80%;
// border: 1px solid gray; // border: 1px solid gray;
border: 1px solid #E4E7ED; border: 1px solid #e4e7ed;
box-sizing: border-box; box-sizing: border-box;
padding: 15px; padding: 15px;
margin-bottom: 3%; margin-bottom: 3%;