chengdandan
/
TransFlow
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

20230109

This commit is contained in:
chengdandan 2023-01-09 13:47:19 +08:00
parent f2012de479
commit 70b6874a54
47 changed files with 1129 additions and 408 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/static/css/chunk-vendors.01ce1428.css vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/babel-loader/059d5adeedfd49e03c79144bc2817279.json generated vendored
View File

@ -1 +1 @@
{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\src\\config\\apiurl.js","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\config\\apiurl.js","mtime":1671371571867},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599}],"contextDependencies":[],"result":["export default {\n dataUrl: \"http://172.16.1.22:8080/aps/AddShipjk\",\n getSpareElementOrder: \"http://172.16.1.22:8080/aps/Upload\",\n postSetQuanjsz: \"http://172.16.1.22:8080/aps/SetQuanjsz\"\n};",{"version":3,"sources":["D:/视频边缘1215/TransFlow/src/config/apiurl.js"],"names":["dataUrl","getSpareElementOrder","postSetQuanjsz"],"mappings":"AACA,eAAe;AACbA,EAAAA,OAAO,EAAE,uCADI;AAEbC,EAAAA,oBAAoB,EAAE,oCAFT;AAGbC,EAAAA,cAAc,EAAE;AAHH,CAAf","sourcesContent":["\r\nexport default {\r\n dataUrl: \"http://172.16.1.22:8080/aps/AddShipjk\",\r\n getSpareElementOrder: \"http://172.16.1.22:8080/aps/Upload\",\r\n postSetQuanjsz: \"http://172.16.1.22:8080/aps/SetQuanjsz\",\r\n};\r\n"]}]}
{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\src\\config\\apiurl.js","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\config\\apiurl.js","mtime":1673230495535},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599}],"contextDependencies":[],"result":["export default {\n dataUrl: \"http://172.16.1.22:8080/aps/AddShipjk\",\n getSpareElementOrder: \"http://172.16.1.22:8080/aps/Upload\",\n postSetQuanjsz: \"http://172.16.1.22:8080/aps/SetQuanjsz\",\n //新增图形接口\n addFigure: \"http://172.16.1.22:8080/aps/AddJianktx\",\n //编辑图形名称\n editFigure: \"http://172.16.1.22:8080/aps/EditTuxmc\",\n //编辑保存组件弹窗传参\n editComponent: \"http://172.16.1.22:8080/aps/SetMonqjkzjcs\"\n};",{"version":3,"sources":["D:/视频边缘1215/TransFlow/src/config/apiurl.js"],"names":["dataUrl","getSpareElementOrder","postSetQuanjsz","addFigure","editFigure","editComponent"],"mappings":"AACA,eAAe;AACbA,EAAAA,OAAO,EAAE,uCADI;AAEbC,EAAAA,oBAAoB,EAAE,oCAFT;AAGbC,EAAAA,cAAc,EAAE,wCAHH;AAIb;AACAC,EAAAA,SAAS,EAAE,wCALE;AAMb;AACAC,EAAAA,UAAU,EAAE,uCAPC;AAQb;AACAC,EAAAA,aAAa,EAAE;AATF,CAAf","sourcesContent":["\r\nexport default {\r\n dataUrl: \"http://172.16.1.22:8080/aps/AddShipjk\",\r\n getSpareElementOrder: \"http://172.16.1.22:8080/aps/Upload\",\r\n postSetQuanjsz: \"http://172.16.1.22:8080/aps/SetQuanjsz\",\r\n //新增图形接口\r\n addFigure: \"http://172.16.1.22:8080/aps/AddJianktx\", \r\n //编辑图形名称\r\n editFigure: \"http://172.16.1.22:8080/aps/EditTuxmc\",\r\n //编辑保存组件弹窗传参\r\n editComponent: \"http://172.16.1.22:8080/aps/SetMonqjkzjcs\", \r\n};\r\n"]}]}

2
node_modules/.cache/babel-loader/0d0a67c3a11c31ef0be71c9594d93670.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/babel-loader/4a7ff7c944fe614ccc407eac834d9008.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/babel-loader/535cc76357a620247311197cb441a7ba.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/babel-loader/66edb5e66641cac92090dcb2e9d58edf.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/babel-loader/ebcbf507f66a6b4210cfde98cae6e2ca.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/babel-loader/f068ef3330d09ff4e61d35edd6ca7a60.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/vue-loader/03a1b3b90bbaf1b3ee12000de5b9982e.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/vue-loader/15168471d579e14cc7f70c7942e291f6.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/vue-loader/1db22d1108c073eef47225b9519f65a3.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/vue-loader/24bf31099c61573419217df87b42a41f.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/vue-loader/2e2e85b5feafd4fe96b406ba5eebab22.json generated vendored
View File

File diff suppressed because one or more lines are too long

1
node_modules/.cache/vue-loader/36312619c477ffe93078075d54568fe0.json generated vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/vue-loader/3938235635ed7834f8ed3a438e794f63.json generated vendored
View File

@ -1 +1 @@
{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue","mtime":1672822927551},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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:\\\\视频边缘1215\\\\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:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\index.vue","mtime":1673242746061},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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:\\\\视频边缘1215\\\\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"]}

2
node_modules/.cache/vue-loader/3e598c5a852c4ea5e3b80c6686461684.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/vue-loader/4268d31790d54de7ca97337f1ebb5a7e.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/vue-loader/58422cd80ca25e4fe658982ece358f5f.json generated vendored
View File

@ -1 +1 @@
{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1672821548992},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<div class=\"tableContent\">\n <div class=\"down\">\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n <span>编辑<i class=\"el-icon-caret-bottom\"></i></span>\n <el-dropdown-menu slot=\"dropdown\">\n <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </div>\n <el-table :data=\"msg\" border style=\"width: 100%\">\n <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n </el-table>\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" :before-close=\"handleClose\">\n <el-form :model=\"msg\" label-width=\"80px\">\n <el-form-item label=\"val1\">\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n </el-time-select>\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n </el-time-select>\n </el-form-item>\n <el-form-item label=\"val2\">\n <el-select>\n <el-option>\n\n </el-option>\n </el-select>\n </el-form-item>\n <el-form-item label=\"val3\">\n <el-input v-model=\"msg[0].val3\"></el-input>\n </el-form-item>\n <el-form-item label=\"val4\">\n <el-checkbox-group v-model=\"checkList\">\n <el-checkbox label=\"数值\"></el-checkbox>\n <el-checkbox label=\"表格\"></el-checkbox>\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\n <el-checkbox label=\"均值图\"></el-checkbox>\n </el-checkbox-group>\n </el-form-item>\n <el-form-item>\n <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n <el-button @click=\"dialogVisible = false\">取消</el-button>\n </el-form-item>\n </el-form>\n </el-dialog>\n</div>\n",null]}
{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1672897414327},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<div class=\"tableContent\">\n <div class=\"down\">\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n <span>编辑<i class=\"el-icon-caret-bottom\"></i></span>\n <el-dropdown-menu slot=\"dropdown\">\n <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n </el-dropdown-menu>\n </el-dropdown>\n </div>\n <el-table :data=\"msg\" border style=\"width: 100%\">\n <el-table-column align=\"center\" prop=\"name\" label=\"名称\"></el-table-column>\n <el-table-column align=\"center\" prop=\"val1\" label=\"val1\"></el-table-column>\n <el-table-column align=\"center\" prop=\"val2\" label=\"val2\"></el-table-column>\n <el-table-column align=\"center\" prop='val3' label=\"val3\"></el-table-column>\n <el-table-column align=\"center\" prop='val4' label=\"val4\"></el-table-column>\n </el-table>\n <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" :before-close=\"handleClose\">\n <el-form :model=\"msg\" label-width=\"80px\">\n <el-form-item label=\"val1\">\n <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n </el-time-select>\n <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n </el-time-select>\n </el-form-item>\n <el-form-item label=\"val2\">\n <el-select>\n <el-option>\n\n </el-option>\n </el-select>\n </el-form-item>\n <el-form-item label=\"val3\">\n <el-input v-model=\"msg[0].val3\"></el-input>\n </el-form-item>\n <el-form-item label=\"val4\">\n <el-checkbox-group v-model=\"checkList\">\n <el-checkbox label=\"数值\"></el-checkbox>\n <el-checkbox label=\"表格\"></el-checkbox>\n <el-checkbox label=\"时间曲线图\"></el-checkbox>\n <el-checkbox label=\"均值图\"></el-checkbox>\n </el-checkbox-group>\n </el-form-item>\n <el-form-item>\n <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n <el-button @click=\"dialogVisible = false\">取消</el-button>\n </el-form-item>\n </el-form>\n </el-dialog>\n</div>\n",null]}

2
node_modules/.cache/vue-loader/5ac92f13aae02d7338aadf40c8c42e4f.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/vue-loader/6fa4ff6ee4f1dd9a4c1ca8350800fb90.json generated vendored
View File

@ -1 +1 @@
{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1672884159767},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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:\\\\视频边缘1215\\\\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:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1672889246647},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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:\\\\视频边缘1215\\\\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"]}

2
node_modules/.cache/vue-loader/74b527b1d141c14a52267de720112ca5.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/vue-loader/7854ba8aec41c4f08a48f8e373319add.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/vue-loader/ac3852b8fc5662ab0c9a8c128895bb4a.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/vue-loader/b13b9bbc088dffdb295e1969ec53fd5e.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/vue-loader/baa122f9311393b8486f6fe1c38bbf9a.json generated vendored
View File

@ -1 +1 @@
{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1672022989486},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\"\nimport script from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nexport * from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AnalysisMain.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\n/* hot reload */\nif (module.hot) {\n var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n api.install(require('vue'))\n if (api.compatible) {\n module.hot.accept()\n if (!api.isRecorded('689d6d6f')) {\n api.createRecord('689d6d6f', component.options)\n } else {\n api.reload('689d6d6f', component.options)\n }\n module.hot.accept(\"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\", function () {\n api.rerender('689d6d6f', {\n render: render,\n staticRenderFns: staticRenderFns\n })\n })\n }\n}\ncomponent.options.__file = \"src/views/AnalysisMain.vue\"\nexport default component.exports"]}
{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673083578152},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\"\nimport script from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nexport * from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AnalysisMain.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\n/* hot reload */\nif (module.hot) {\n var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n api.install(require('vue'))\n if (api.compatible) {\n module.hot.accept()\n if (!api.isRecorded('689d6d6f')) {\n api.createRecord('689d6d6f', component.options)\n } else {\n api.reload('689d6d6f', component.options)\n }\n module.hot.accept(\"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\", function () {\n api.rerender('689d6d6f', {\n render: render,\n staticRenderFns: staticRenderFns\n })\n })\n }\n}\ncomponent.options.__file = \"src/views/AnalysisMain.vue\"\nexport default component.exports"]}

2
node_modules/.cache/vue-loader/c53424f6868f2b1e3893cfe4a593f0b9.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/vue-loader/e9b749ce8ca8485a33469c80ac84f7e1.json generated vendored
View File

@ -1 +1 @@
{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1672821548992},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\"\nimport script from \"./tableShow.vue?vue&type=script&lang=js&\"\nexport * from \"./tableShow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tableShow.vue?vue&type=style&index=0&id=84f76fcc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"84f76fcc\",\n null\n \n)\n\n/* hot reload */\nif (module.hot) {\n var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n api.install(require('vue'))\n if (api.compatible) {\n module.hot.accept()\n if (!api.isRecorded('84f76fcc')) {\n api.createRecord('84f76fcc', component.options)\n } else {\n api.reload('84f76fcc', component.options)\n }\n module.hot.accept(\"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\", function () {\n api.rerender('84f76fcc', {\n render: render,\n staticRenderFns: staticRenderFns\n })\n })\n }\n}\ncomponent.options.__file = \"src/components/chart/tableShow.vue\"\nexport default component.exports"]}
{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1672897414327},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\"\nimport script from \"./tableShow.vue?vue&type=script&lang=js&\"\nexport * from \"./tableShow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tableShow.vue?vue&type=style&index=0&id=84f76fcc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"84f76fcc\",\n null\n \n)\n\n/* hot reload */\nif (module.hot) {\n var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n api.install(require('vue'))\n if (api.compatible) {\n module.hot.accept()\n if (!api.isRecorded('84f76fcc')) {\n api.createRecord('84f76fcc', component.options)\n } else {\n api.reload('84f76fcc', component.options)\n }\n module.hot.accept(\"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\", function () {\n api.rerender('84f76fcc', {\n render: render,\n staticRenderFns: staticRenderFns\n })\n })\n }\n}\ncomponent.options.__file = \"src/components/chart/tableShow.vue\"\nexport default component.exports"]}

2
node_modules/.cache/vue-loader/f087da96cb49aff63ead829546c932a2.json generated vendored
View File

File diff suppressed because one or more lines are too long

2
node_modules/.cache/vue-loader/f361520e87e9675aea6eaae1d0560c0f.json generated vendored
View File

File diff suppressed because one or more lines are too long

BIN
public/VideoWeb/Build/APP.data.unityweb
View File

Binary file not shown.

BIN
public/VideoWeb/Build/APP.framework.js.unityweb
View File

Binary file not shown.

BIN
public/VideoWeb/Build/APP.wasm.unityweb
View File

Binary file not shown.

BIN
public/VideoWeb/Build/VideoWeb.data.unityweb
View File

Binary file not shown.

BIN
public/VideoWeb/Build/VideoWeb.framework.js.unityweb
View File

Binary file not shown.

2
public/VideoWeb/Build/VideoWeb.loader.js
View File

File diff suppressed because one or more lines are too long

BIN
public/VideoWeb/Build/VideoWeb.wasm.unityweb
View File

Binary file not shown.

1
public/VideoWeb/StreamingAssets/IPSettings.txt Normal file
View File

@ -0,0 +1 @@
http://172.16.1.253:5000

96
public/VideoWeb/index.html
View File

@ -18,9 +18,9 @@
</div>
<div id="unity-warning"> </div>
<div id="unity-footer">
<div id="unity-webgl-logo"></div>
<div id="unity-fullscreen-button"></div>
<div id="unity-build-title">Painter</div>
<!-- <div id="unity-webgl-logo"></div> -->
<!-- <div id="unity-fullscreen-button"></div> -->
<!-- <div id="unity-build-title">Painter</div> -->
</div>
</div>
<script>
@ -95,8 +95,10 @@
} else {
// Desktop style: Render the game canvas in a window that can be maximized to fullscreen:
canvas.style.width = "960px";
canvas.style.height = "600px";
// canvas.style.width = "960px";
// canvas.style.height = "600px";
canvas.style.width = window.innerWidth + 'px';
canvas.style.height = window.innerHeight + 'px';
}
loadingBar.style.display = "block";
@ -109,13 +111,17 @@
}).then((unityInstance) => {
unity = unityInstance
loadingBar.style.display = "none";
fullscreenButton.onclick = () => {
unityInstance.SetFullscreen(1);
};
// fullscreenButton.onclick = () => {
// unityInstance.SetFullscreen(1);
// };
}).catch((message) => {
alert(message);
});
};
//unity初始化
function OnSceneLoaded(){
window.parent.OnScene();
}
//获取图像
function getDestination(string){
if(unity!=null){
@ -124,17 +130,87 @@
}
//获取数据
function getData(string){
console.log("string",string)
if(unity!=null){
unity.SendMessage('AAA', 'SendStream', string);
}
}
//获取图形数据
function getfigureData(string){
console.log("图形数据",string)
function getfigureData(string,string1,string2){
// console.log("图形类型",string)
// console.log("图形名称",string1)
// console.log("图形位置",string2)
window.parent.getFigure(string,string1,string2);
}
//新增图形传图形id
function postFigureId(string){
console.log("图形id",string)
// if(unity!=null){
unity.SendMessage("GameManager",'ReceivingPatternId', string);
//打开新增图形命名弹窗
// }
}
//打开修改图形名称弹框
function modifyTheName(data){
console.log("图形名称弹框",data)
window.parent.getModifyTheName(data);
}
//传单个视频id获取到单个视频配置下的所有图形
function postVideoId(data){
console.log("所有图形id",data)
if(unity!=null){
unity.SendMessage("GameManager",'ReceptionVideoId', data);
}
}
//传修改好的名称
function postFigureName(data,data1){
console.log("修改好的名称",data)
if(unity!=null){
unity.SendMessage("GameManager",'ReceiveModifiedName', data,data1);
}
}
//新增图形点击取消
function delFigure(){
if(unity!=null){
unity.SendMessage("GameManager",'DestoryMyLine');
}
}
//获取组件id
function getComponentId(id,type,name){
console.log("id",id)
console.log("type",type)
console.log("name",name)
window.parent.getSingleComponentId(id,type,name);
// window.parent.getSingleComponentId('a840492e26354c0a851fecd675e9f59a');
}
//退出编辑图形
function closeEdit(type,id){
// type,id
console.log("type",type)
console.log("id",id)
if(unity!=null){
unity.SendMessage("GameManager",'ExitEdit',type,id);
}
}
//编辑组件名称传名称
function editComponent(id,name){
// type,id
console.log("id",id)
console.log("name",name)
if(unity!=null){
unity.SendMessage("GameManager",'Unity_UpdateInstanceName',id,name);
}
}
document.body.appendChild(script);
</script>
<style>
#unity-container.unity-desktop::-webkit-scrollbar{
display: none; /* Chrome Safari */
}
</style>
</body>
</html>

21
src/api/index.js
View File

@ -27,6 +27,12 @@ export const postAddShipjk = (data) => {
// })
return axios.post('aps/AddShipjk', data)
};
//分析应用按钮
export const getApplication = (params) => {
return axios.get('aps/SyncVideo', {
params
})
};
//分析-删除视频源接口
//172.16.1.26:5000/api/DeleteShipjk?F_VC_ID=9df02f1a113640c498e74a74c93aca77
export const getDeleteShipjk = (params) => {
@ -35,5 +41,16 @@ export const getDeleteShipjk = (params) => {
})
};
//视频分析预览
//根据组件id获取单个组件信息
export const getComponentData = (params) => {
return axios.get('aps/GetMonqjkzjcsDetails', {
params
})
};
//获取所有断面数据-用于组件OD类型数据
export const getSectionalData = (params) => {
return axios.get('aps/GetSection', {
params
})
};
//

3
src/components/chart/tableShow.vue
View File

@ -78,7 +78,8 @@ export default {
this.dialogVisible = true
}
},
onSubmit(){},
handleClose(){}
},
mounted() {

6
src/config/apiurl.js
View File

@ -3,4 +3,10 @@ export default {
dataUrl: "http://172.16.1.22:8080/aps/AddShipjk",
getSpareElementOrder: "http://172.16.1.22:8080/aps/Upload",
postSetQuanjsz: "http://172.16.1.22:8080/aps/SetQuanjsz",
//新增图形接口
addFigure: "http://172.16.1.22:8080/aps/AddJianktx",
//编辑图形名称
editFigure: "http://172.16.1.22:8080/aps/EditTuxmc",
//编辑保存组件弹窗传参
editComponent: "http://172.16.1.22:8080/aps/SetMonqjkzjcs",
};

5
src/main.js
View File

@ -20,6 +20,11 @@ import './assets/css/theme.scss';
Vue.use(ElementUI);
Vue.use(ViewUI);
Vue.use(VueI18n);
Vue.directive('alterELDialogMarginTop'/*修改elementUI中el-dialog顶部的距离,传入值eg:{marginTop:'5vh'} */, {
inserted(el, binding, vnode) {
el.firstElementChild.style.marginTop = binding.value.marginTop
}
})
const i18n = new VueI18n({
locale: 'zh',
messages

29
src/views/AnalysisMain.vue
View File

@ -21,7 +21,7 @@
<img src="@/assets/img/AnalysisMain/lxVideo.png" alt="" v-if="item.type=='离线视频'">
</div>
<div class="del" @click="open(item.id)"> <i class='el-icon-delete'></i></div>
<img :src="item.img" class="image" @click="goToPage(item.id)">
<img :src="item.img" class="image" @click="goToPage(item.id,item.num)">
<div class="bot">
<span style=" vertical-align: middle;"><img src="@/assets/img/AnalysisMain/video (1).png" alt=""></span>
<div class="bottom clearfix">
@ -43,6 +43,7 @@
</el-card>
</el-col>
</el-row>
<div class="btn"><el-button type="primary" @click="applicationBtn">应用</el-button></div>
</div>
<div id="dialog" class="margin-top: 0px !important;">
<el-dialog
@ -96,7 +97,7 @@
<script>
import editModal from "@/views/bounced/maintenanceRemind";
import {getGetShipjk,getDeleteShipjk} from "../api/index";
import {getGetShipjk,getDeleteShipjk,getApplication} from "../api/index";
import serverUrl from "../config/apiurl.js"
import axios from 'axios'
export default {
@ -210,6 +211,18 @@ export default {
this.file = inputDOM.files[0];// 通过DOM取文件数据
},
//应用
applicationBtn(){
getApplication().then(res=>{
console.log("res",res)
if(res.data.code==200){
this.$message({
message: res.data.msg,
type: 'success'
});
}
})
},
S4() {
return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
},
@ -268,8 +281,10 @@ export default {
});
}
},
goToPage(id) {
this.$router.push({path:'index',query: {id:id}})
goToPage(id,num) {
this.$router.push({path:'index',query: {id:id,num:num}})
},
//获取视频数据
getVideoList(){
@ -283,6 +298,7 @@ export default {
id: item.videoId,
type: item.videoType,
title: item.videoName,
num:item.number,
img: require('@/assets/img/AnalysisMain/img1.png'),
});
})
@ -425,6 +441,11 @@ export default {
font-weight: bold;
color: #000;
}
.btn{
position: absolute;
right: 10%;
bottom: 18%;
}
</style>

3
src/views/bounced/analysisConfiguration.vue
View File

@ -296,8 +296,7 @@
<div class="dataBoard">
<div class="section">
<div class="warning">
<i class="el-icon-warning" style="color: #409EFF; margin: 0 3px 0 10px;"></i>位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，
则判断车辆停车
<i class="el-icon-warning" style="color: #409EFF; margin: 0 3px 0 10px;"></i>位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车
</div>
<p class="board-title">停车状态</p>

281
src/views/bounced/analysisPreview.vue Normal file
View File

@ -0,0 +1,281 @@
<template>
<div >
<div >
<div style="width:100%;height:900px;display:inline-block;border:1px soild #eee;">
<iframe id="mapModule" src="./VideoWeb/index.html" frameborder="0" style="width: 100%; height:100%;"></iframe>
<!-- <iframe src="./VideoWeb/index.html" style="height: 100%; width: 100%;border: none"
ref="iframe"></iframe> -->
</div>
<el-dialog title="提示" :visible.sync="showUpdateCertificate" width="30%">
<el-row>
<el-col :span="6">
文件选择：
</el-col>
<el-col :span="18">
<el-upload action="https://jsonplaceholder.typicode.com/posts/">
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</el-col>
</el-row>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="showUpdateCertificate = false">确 定</el-button>
</span>
</el-dialog>
</div>
</div>
</template>
<script>
import mqtt from "mqtt"; // mqtt协议
export default {
data() {
return {
form: {
name1: '离线',
name2: '重新配置',
state: '关',
endTime: '连接',
blacklist: '-1x-1',
autograph: '-1x-1',
version: '0',
version1: '0',
version2: '0',
version4: '',
version5: '不受支持的',
version6: '不受支持的',
version7: '不受支持的',
version8: '不受支持的',
},
showUpdateCertificate: false,
}
},
created() {
this.testMqtt()
},
methods: {
// 测试：mqtt测试
testMqtt() {
this.getDataByMqtt()
},
// mqtt订阅（独立）
getDataByMqtt(url, topic, cIdNum) {
const clientId = "test_id_" + String(new Date().getTime()); // 用户名
// const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt
const host = 'ws://172.16.1.168:10087/';
const options = {
// 配置
// 测试：订阅本机IP
// host: host,
// port: port,
// host:"172.16.1.168:10086",
keepalive: 60, // 心跳时间，默认60s，设置为0禁用
username: 'admin', // 用户名（可选）
password: '123456', // 密码（可选）
clientId: clientId, // 客户端ID，默认随机生成
protocolId: "MQTT",
protocolVersion: 4,
clean: true, // false在离线时接收QoS1和2的消息
reconnectPeriod: 2000, // 重连间隔，默认1000毫秒
connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间
will: {
// 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）
topic: "img1", // 要发布的主题
payload: "[MQTT-TEST] 遗嘱消息：连接异常断开！", // 要发布的消息
qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次
retain: false, // 保留标志
},
};
if (this.mqttClient == undefined) {
this.mqttClient = mqtt.connect(host, options); // 连接
// const client = mqtt.connect(host, options); // 连接
// const client = mqtt.connect(host) // 连接
// 错误回调
// console.log("this.mqttClient", this.mqttClient)
this.mqttClient.on("error", (err) => {
console.log("[MQTT-TEST] 连接错误：", err);
this.mqttClient.end();
});
// 重连回调
this.mqttClient.on("reconnect", (reconnect) => {
// console.log("[MQTT-TEST] 重连中……", reconnect);
});
// 连接回调
this.mqttClient.on("connect", (connect) => {
// console.log("[MQTT-TEST] 已连接的客户端ID: ", connect);
// 订阅
this.mqttClient.subscribe('img0', { qos: 0 });
// this.client.connect('aaa', '111')
this.mqttClient.publish('aaa', '111');
// this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });
this.mqttClient.subscribe('img1', { qos: 0 });
this.mqttClient.subscribe('img2', { qos: 0 });
this.mqttClient.subscribe('img3', { qos: 0 });
this.mqttClient.subscribe('img4', { qos: 0 });
this.mqttClient.subscribe('img5', { qos: 0 });
this.mqttClient.subscribe('stream0', { qos: 0 });
this.mqttClient.subscribe('stream1', { qos: 0 });
this.mqttClient.subscribe('stream2', { qos: 0 });
this.mqttClient.subscribe('stream3', { qos: 0 });
this.mqttClient.subscribe('stream4', { qos: 0 });
this.mqttClient.subscribe('stream5', { qos: 0 });
});
// 接收回调
this.mqttClient.on("message", (topic, message, packet) => {
if (topic.indexOf("img0") != -1) {
try {
const utf8decoder = new TextDecoder()
const u8arr = new Uint8Array(message)
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
// debugger
// console.log("msg", msg) //msg为转换后的JSON数据
// console.log("1111",document.getElementById("mapModule"))
document.getElementById("mapModule").contentWindow.getDestination(JSON.stringify(msg))
// this.imgUrl = 'data:image/png;base64,' + msg.pic;
// console.log("imageUrl", imageUrl)
} catch {
let imageType = 'arraybuffer';
const blob = new Blob([message], { type: imageType })
const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
// console.log("imageUrl", imageUrl)
}
} else if (topic.indexOf("img1") != -1) {
try {
const utf8decoder = new TextDecoder()
const u8arr = new Uint8Array(message)
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
// console.log("msg", msg) //msg为转换后的JSON数据
this.imgUrl1 = 'data:image/png;base64,' + msg.pic;
console.log("imageUrl", imageUrl)
} catch {
let imageType = 'arraybuffer';
const blob = new Blob([message], { type: imageType })
const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
console.log("imageUrl", imageUrl)
}
} else if (topic.indexOf("img2") != -1) {
try {
const utf8decoder = new TextDecoder()
const u8arr = new Uint8Array(message)
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
console.log("msg", msg) //msg为转换后的JSON数据
this.imgUrl2 = 'data:image/png;base64,' + msg.pic;
console.log("imageUrl", imageUrl)
} catch {
let imageType = 'arraybuffer';
const blob = new Blob([message], { type: imageType })
const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
console.log("imageUrl", imageUrl)
}
} else if (topic.indexOf("img3") != -1) {
try {
const utf8decoder = new TextDecoder()
const u8arr = new Uint8Array(message)
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
console.log("msg", msg) //msg为转换后的JSON数据
this.imgUrl3 = 'data:image/png;base64,' + msg.pic;
console.log("imageUrl", imageUrl)
} catch {
let imageType = 'arraybuffer';
const blob = new Blob([message], { type: imageType })
const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
console.log("imageUrl", imageUrl)
}
} else if (topic.indexOf("img4") != -1) {
try {
const utf8decoder = new TextDecoder()
const u8arr = new Uint8Array(message)
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
console.log("msg", msg) //msg为转换后的JSON数据
this.imgUrl4 = 'data:image/png;base64,' + msg.pic;
console.log("imageUrl", imageUrl)
} catch {
let imageType = 'arraybuffer';
const blob = new Blob([message], { type: imageType })
const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
console.log("imageUrl", imageUrl)
}
} else if (topic.indexOf("img5") != -1) {
try {
const utf8decoder = new TextDecoder()
const u8arr = new Uint8Array(message)
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
const msg = JSON.parse(temp) //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据
console.log("msg", msg) //msg为转换后的JSON数据
this.imgUrl5 = 'data:image/png;base64,' + msg.pic;
console.log("imageUrl", imageUrl)
} catch {
let imageType = 'arraybuffer';
const blob = new Blob([message], { type: imageType })
const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)
console.log("imageUrl", imageUrl)
}
} else if (topic.indexOf("stream0") != -1) {
const utf8decoder = new TextDecoder()
const u8arr = new Uint8Array(message)
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
const msg = JSON.parse(temp)
document.getElementById("mapModule").contentWindow.getData(JSON.stringify(msg))
} else if (topic.indexOf("stream1") != -1) {
console.log(
`[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
new Date(),
new Date().getMilliseconds()
);
} else if (topic.indexOf("stream2") != -1) {
console.log(
`[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
new Date(),
new Date().getMilliseconds()
);
} else if (topic.indexOf("stream3") != -1) {
console.log(
`[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
new Date(),
new Date().getMilliseconds()
);
} else if (topic.indexOf("stream4") != -1) {
console.log(
`[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
new Date(),
new Date().getMilliseconds()
);
} else if (topic.indexOf("stream5") != -1) {
console.log(
`[MQTT-TEST] 从主题 "${topic}" 收到的内容: ${message.toString()}`,
new Date(),
new Date().getMilliseconds()
);
}
});
}
},
}
}
</script>
<style>
.test-div i {
font-size: 25px;
}
.el-form-item {
margin-bottom: 0px;
}
</style>

1033
src/views/index.vue
View File

File diff suppressed because it is too large Load Diff

2
vue.config.js
View File

@ -33,7 +33,7 @@ module.exports = {
// port: 8989, // 开发服务器运行端口号
proxy: {
'/aps': { //代理的名字
target: 'http://172.16.1.26:5000/api/',
target: 'http://172.16.1.253:5000/api/',
// target: 'http://172.16.1.178:5001/',
// target: 'http://ht.api.umayle.com:2022',
ws: true,