1 line
44 KiB
JSON
1 line
44 KiB
JSON
{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\thread-loader\\dist\\cjs.js!D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673694198615},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1671074747683},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"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 \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.typed.uint8-array\";\nimport _defineProperty from \"D:/\\u89C6\\u9891\\u8FB9\\u7F181215/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport { getGetShipjk, getDeleteShipjk, getApplication, getStopAlgorithm } from \"../api/index\";\nimport serverUrl from \"../config/apiurl.js\";\nimport axios from 'axios';\nimport mqttConfig from \"@/utils/mqttConfig.js\";\nvar mqtt; //mqtt 处理对象（全局变量）\n\nvar client;\nexport default {\n data: function data() {\n var _ref;\n\n return _ref = {\n receiveNews: \"\",\n // topicSends:['img0','img1','img2','img3','img4','img5','img6','img7','img8'],\n topicSends: [],\n componentShow: \"\",\n numArr: [],\n currentDate: new Date(),\n closeStatus: null,\n dialogFormVisible: false,\n fileList: [// {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\n ],\n form: {\n radio: '',\n name: '',\n city: '',\n videoUrl: ''\n },\n formLabelWidth: '120px'\n }, _defineProperty(_ref, \"formLabelWidth\", '200px'), _defineProperty(_ref, \"videoList\", [// {\n // img:require('@/assets/img/AnalysisMain/img1.png'),\n // type:'实时视频',\n // title:'视频监控001'\n // },{\n // img:require('@/assets/img/AnalysisMain/img2.png'),\n // type:'离线视频',\n // title:'视频监控002'\n // },{\n // img:require('@/assets/img/AnalysisMain/img3.png'),\n // type:'实时视频',\n // title:'视频监控003'\n // }\n ]), _defineProperty(_ref, \"fullscreenLoading\", false), _ref;\n },\n mounted: function mounted() {\n console.log(\"dialogFormVisible\", this.dialogFormVisible);\n this.getVideoList();\n },\n //离开当前页面后执行\n destroyed: function destroyed() {\n console.log(\"离开当前页\");\n client.end();\n },\n methods: {\n /** 创建mqtt */\n createMqtt: function createMqtt() {\n var _this = this;\n\n //创建链接，接收数据\n mqtt = new mqttConfig(this.topicSends);\n client = mqtt.createConnect();\n client.subscribe('hert', {\n qos: 0\n }); // client.subscribe('img'+this.videoList[i].num, { qos: 0 }, (err)=> {\n // if (!err) {\n // console.log(\"订阅成功\");\n // client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \n // } else {\n // console.log('消息订阅失败！')\n // }\n // }); \n\n client.subscribe(['img0', 'img1', 'img2', 'img3', 'img4', 'img5', 'img6', 'img7'], {\n qos: 0\n }, function (err) {\n if (!err) {\n console.log(\"订阅成功\"); // client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \n } else {\n console.log('消息订阅失败！');\n }\n });\n client.on(\"message\", function (topic, message) {\n //数据分类\n try {\n // this.receiveNews = this.receiveNews.concat(message);\n // this.realInfo(topic, this.receiveNews);\n _this.realInfo(topic, message);\n } catch (error) {}\n });\n },\n //停止订阅mqtt\n disConnect: function disConnect() {\n if (client != null) {\n client.unsubscribe(this.topicSends);\n client = null;\n }\n },\n\n /** 实时数据分类 */\n realInfo: function realInfo(topic, message) {\n console.log(\"topic\", topic);\n\n switch (topic) {\n // 接收托片\n case \"img0\":\n case \"img1\":\n case \"img2\":\n case \"img3\":\n case \"img4\":\n case \"img5\":\n case \"img6\":\n case \"img7\":\n case \"img8\":\n try {\n console.log(\"msg\", msg);\n\n if (msg.rate == 'low') {\n if (this.videoList.length != 0) {\n for (var i = 0; i < this.videoList.length; i++) {\n if (msg.id == this.videoList[i].id) {\n this.videoList[i].img = 'data:image/png;base64,' + msg.pic;\n }\n }\n }\n }\n\n var utf8decoder = new TextDecoder();\n var u8arr = new Uint8Array(message);\n var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n // var newArr = []\n\n console.log(\"msg\", msg); //msg为转换后的JSON数据\n // this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\n // console.log(\"imageUrl\", imageUrl)\n } catch (error) {}\n\n break;\n\n case \"hert\":\n try {\n console.log(\"message\", message);\n\n var _utf8decoder = new TextDecoder();\n\n var _u8arr = new Uint8Array(message);\n\n var _temp = _utf8decoder.decode(_u8arr); // 将二进制数据转为字符串\n\n\n var _msg = JSON.parse(_temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n console.log(\"msg\", _msg); //msg为转换后的JSON数据\n } catch (error) {}\n\n break;\n }\n\n this.receiveNews = \"\";\n },\n informationInfo: function informationInfo(data, item) {\n console.log(\"data\", data);\n\n if (data == '新增') {\n this.form = {\n radio: '',\n name: '',\n city: '',\n videoUrl: ''\n }, this.dialogFormVisible = true;\n }\n },\n open: function open(item) {\n var _this2 = this;\n\n console.log(\"item\", item);\n this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning'\n }).then(function () {\n getDeleteShipjk({\n VideoId: item\n }).then(function (res) {\n console.log(\"res\", res);\n\n _this2.$message({\n type: 'success',\n message: '删除成功!'\n });\n\n _this2.getVideoList();\n });\n }).catch(function () {\n _this2.$message({\n type: 'info',\n message: '已取消删除'\n });\n });\n },\n commit: function commit(form) {\n var _this3 = this;\n\n console.log(\"form\", form);\n var formData = new FormData();\n formData.append(\"VideoName\", form.videoName);\n formData.append(\"VideoType\", form.videoType);\n formData.append(\"VideoStreamAddress\", form.videoStreamAddress);\n axios({\n method: \"post\",\n url: serverUrl.dataUrl,\n data: formData\n }).then(function (res) {\n console.log(\"提交按钮\", res);\n\n if (res.data.msg == '添加成功') {\n _this3.$message({\n message: res.data.msg,\n type: 'success'\n });\n\n _this3.getVideoList();\n } else {\n _this3.$message({\n message: res.data.msg,\n type: 'warning'\n });\n }\n\n _this3.dialogFormVisible = false;\n });\n },\n handleFileChange: function handleFileChange(e) {\n var inputDOM = this.$refs.inputer;\n this.file = inputDOM.files[0]; // 通过DOM取文件数据\n },\n //应用\n applicationBtn: function applicationBtn() {\n var _this4 = this;\n\n getApplication().then(function (res) {\n console.log(\"res\", res);\n\n if (res.data.code == 200) {\n var loading = _this4.$loading({\n lock: true,\n text: 'Loading',\n spinner: 'el-icon-loading',\n background: 'rgba(0, 0, 0, 0.7)'\n });\n\n setTimeout(function () {\n loading.close();\n\n _this4.getVideoList();\n\n _this4.$message({\n message: res.data.msg,\n type: 'success'\n });\n }, 5000);\n }\n });\n },\n //停止\n stopAlgorithmBtn: function stopAlgorithmBtn() {\n var _this5 = this;\n\n getStopAlgorithm().then(function (res) {\n console.log(\"res\", res);\n\n if (res.data.code == 200) {\n _this5.getVideoList();\n\n _this5.$message({\n message: res.data.msg,\n type: 'success'\n });\n }\n });\n },\n S4: function S4() {\n return ((1 + Math.random()) * 0x10000 | 0).toString(16).substring(1);\n },\n guid: function guid() {\n return this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4();\n },\n load: function load() {\n var _this6 = this;\n\n var size = this.file.size; //文件大小\n\n var maxZrea = 8; //设置每个分区大小 MB\n\n var bufferSize = maxZrea * (1024 * 1024);\n var fileStart = 0;\n var fileEnd = bufferSize;\n var arrFile = [];\n\n while (fileStart < size) {\n var fileInfo = {\n File: this.file.slice(fileStart, fileEnd),\n Start: fileStart,\n End: fileEnd\n };\n arrFile.push(fileInfo);\n fileStart = fileEnd;\n fileEnd = fileStart + bufferSize;\n }\n\n var count = arrFile.length;\n var filename = this.file.name + \"~\" + this.guid();\n\n for (var i = 0; i < count; i++) {\n var formData = new FormData(); //new一个formData事件\n\n formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\n\n var url = serverUrl.getSpareElementOrder + \"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\n axios.post(url, formData, {\n headers: {\n \"Content-Type\": \"multipart/form-data;\"\n }\n }).then(function (r) {\n console.log(\"r.data\", r.data);\n\n if (r.data.code != 200) {\n console.log(r.data);\n } else {\n _this6.$message({\n message: r.data.msg,\n type: 'success'\n });\n } //console.log(r.data.code);\n\n }).catch(function (e) {\n console.log(e);\n });\n }\n },\n goToPage: function goToPage(id, num, name) {\n this.$router.push({\n path: 'index',\n query: {\n id: id,\n num: num,\n name: name\n }\n });\n },\n //获取视频数据\n getVideoList: function getVideoList() {\n var _this7 = this;\n\n getGetShipjk().then(function (res) {\n console.log(\"res\", res);\n\n if (res.data.msg == '成功') {\n var arr = [];\n res.data.data.forEach(function (item) {\n arr.push({\n id: item.videoId,\n type: item.videoType,\n title: item.videoName,\n num: item.number,\n status: item.status,\n img: require('@/assets/img/AnalysisMain/img1.png')\n });\n });\n _this7.videoList = arr;\n\n _this7.createMqtt();\n\n console.log(\"this.videoList\", _this7.videoList);\n }\n });\n },\n handleRemove: function handleRemove(file, fileList) {\n console.log(file, fileList);\n },\n handlePreview: function handlePreview(file) {\n console.log(file);\n },\n handleExceed: function handleExceed(files, fileList) {\n this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n },\n beforeRemove: function beforeRemove(file, fileList) {\n return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n }\n },\n components: {\n editModal: editModal\n }\n};",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n <!-- <div class=\"container\">\r\n <p>分析主页 </p>\r\n <div class=\"test-div\">\r\n <i class=\"el-icon-edit\"></i>\r\n <i class=\"el-icon-share\"></i>\r\n <i class=\"el-icon-delete\"></i>\r\n </div>\r\n </div> -->\r\n <div>\r\n <el-row>\r\n <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n <div class=\"type\">\r\n <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n </div>\r\n <div class=\"name\">\r\n <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n </div>\r\n <div class=\"status\" v-if=\"item.type=='实时视频'|| item.status=='已分析'\">\r\n <img src=\"@/assets/img/AnalysisMain/status.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n <span class=\"statusName\">{{ item.status }}</span>\r\n </div>\r\n <!-- <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div> -->\r\n <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num,item.title)\">\r\n <div class=\"bot\">\r\n <span style=\" vertical-align: middle;\">\r\n <img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\">\r\n <!-- <img :src=\"item.img\" alt=\"\"> -->\r\n </span>\r\n <div class=\"bottom clearfix\">\r\n <time class=\"time\">{{ item.title }}</time>\r\n <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n \r\n </div>\r\n \r\n <div class=\"st\">\r\n <!-- <span>{{ item.status }}</span> -->\r\n <el-button type=\"primary\" icon=\"el-icon-delete\" @click=\"open(item.id)\"></el-button>\r\n </div>\r\n </div>\r\n </el-card>\r\n </el-col>\r\n <el-col :span=\"6\">\r\n <el-card :body-style=\"{ padding: '0px' }\">\r\n <div class=\"middle\">\r\n <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n </div>\r\n \r\n </div>\r\n \r\n </el-card>\r\n </el-col>\r\n</el-row>\r\n<div class=\"btn\">\r\n \r\n \r\n <el-button type=\"primary\" @click=\"applicationBtn\">启动程序</el-button>\r\n <el-button type=\"primary\" @click=\"stopAlgorithmBtn\">关闭程序</el-button>\r\n </div>\r\n </div>\r\n <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n <el-dialog\r\n title=\"视频源配置\"\r\n width=\"40%\"\r\n :visible.sync=\"dialogFormVisible\"\r\n >\r\n <!-- <editModal ></editModal> -->\r\n <el-form :model=\"form\">\r\n <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n <el-radio-group v-model=\"form.videoType\">\r\n <el-radio label=\"实时视频\"></el-radio>\r\n <el-radio label=\"离线视频\"></el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n <!-- <el-upload\r\n v-model=\"form.f_VC_LIXSP\"\r\n class=\"upload-demo\"\r\n action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n :on-preview=\"handlePreview\"\r\n :on-remove=\"handleRemove\"\r\n :before-remove=\"beforeRemove\"\r\n multiple\r\n :limit=\"1\"\r\n :on-exceed=\"handleExceed\"\r\n :file-list=\"fileList\">\r\n <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n </el-upload> -->\r\n <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n </el-form-item>\r\n </el-form>\r\n <div slot=\"footer\" class=\"dialog-footer\">\r\n <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n </div>\r\n </el-dialog>\r\n </div>\r\n \r\n \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication,getStopAlgorithm} from \"../api/index\";\r\nimport serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\nexport default {\r\n data(){\r\n return{\r\n receiveNews: \"\",\r\n // topicSends:['img0','img1','img2','img3','img4','img5','img6','img7','img8'],\r\n topicSends:[],\r\n componentShow: \"\",\r\n numArr:[],\r\n currentDate: new Date(),\r\n closeStatus: null,\r\n dialogFormVisible: false,\r\n fileList: [\r\n // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n ],\r\n form: {\r\n radio: '',\r\n name: '',\r\n city:'',\r\n videoUrl:'',\r\n },\r\n formLabelWidth: '120px',\r\n formLabelWidth: '200px',\r\n \r\n videoList:[\r\n // {\r\n // img:require('@/assets/img/AnalysisMain/img1.png'),\r\n // type:'实时视频',\r\n // title:'视频监控001'\r\n // },{\r\n // img:require('@/assets/img/AnalysisMain/img2.png'),\r\n // type:'离线视频',\r\n // title:'视频监控002'\r\n // },{\r\n // img:require('@/assets/img/AnalysisMain/img3.png'),\r\n // type:'实时视频',\r\n // title:'视频监控003'\r\n // }\r\n ],\r\n fullscreenLoading: false\r\n }\r\n },\r\n mounted() {\r\n console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n this.getVideoList()\r\n \r\n },\r\n //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n client.end();\r\n},\r\n methods: {\r\n /** 创建mqtt */\r\n createMqtt() {\r\n //创建链接，接收数据\r\n \r\n mqtt = new mqttConfig(this.topicSends);\r\n client = mqtt.createConnect();\r\n client.subscribe('hert', { qos: 0 })\r\n // client.subscribe('img'+this.videoList[i].num, { qos: 0 }, (err)=> {\r\n // if (!err) {\r\n // console.log(\"订阅成功\");\r\n // client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \r\n \r\n // } else {\r\n // console.log('消息订阅失败！')\r\n // }\r\n // }); \r\n client.subscribe(['img0','img1','img2','img3','img4','img5','img6','img7'], { qos: 0 }, (err)=> {\r\n if (!err) {\r\n console.log(\"订阅成功\");\r\n // client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \r\n \r\n } else {\r\n console.log('消息订阅失败！')\r\n }\r\n }); \r\n client.on(\"message\", (topic, message) => {\r\n //数据分类\r\n try {\r\n // this.receiveNews = this.receiveNews.concat(message);\r\n // this.realInfo(topic, this.receiveNews);\r\n this.realInfo(topic, message);\r\n } catch (error) {\r\n\r\n }\r\n });\r\n },\r\n //停止订阅mqtt\r\n disConnect() {\r\n if (client != null) {\r\n client.unsubscribe(this.topicSends);\r\n client = null;\r\n }\r\n },\r\n /** 实时数据分类 */\r\n realInfo(topic, message) {\r\n console.log(\"topic\",topic)\r\n switch (topic) {\r\n // 接收托片\r\n case \"img0\":\r\n case \"img1\":\r\n case \"img2\":\r\n case \"img3\":\r\n case \"img4\":\r\n case \"img5\":\r\n case \"img6\":\r\n case \"img7\":\r\n case \"img8\":\r\n try {\r\n console.log(\"msg\",msg)\r\n if(msg.rate=='low'){\r\n if(this.videoList.length!=0){\r\n for (let i = 0; i < this.videoList.length; i++) { \r\n if(msg.id==this.videoList[i].id){\r\n this.videoList[i].img = 'data:image/png;base64,' + msg.pic\r\n } \r\n }\r\n }\r\n }\r\n const utf8decoder = new TextDecoder()\r\n const u8arr = new Uint8Array(message)\r\n const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n // var newArr = []\r\n console.log(\"msg\", msg) //msg为转换后的JSON数据\r\n // this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n // console.log(\"imageUrl\", imageUrl)\r\n \r\n } catch (error) {\r\n\r\n }\r\n break;\r\n case \"hert\":\r\n try {\r\n console.log(\"message\", message)\r\n const utf8decoder = new TextDecoder()\r\n const u8arr = new Uint8Array(message)\r\n const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n console.log(\"msg\", msg) //msg为转换后的JSON数据\r\n \r\n } catch (error) {\r\n\r\n }\r\n break;\r\n }\r\n this.receiveNews = \"\";\r\n },\r\n informationInfo(data,item) {\r\n console.log(\"data\",data)\r\n if(data=='新增'){\r\n this.form= {\r\n radio: '',\r\n name: '',\r\n city:'',\r\n videoUrl:'',\r\n },\r\n this.dialogFormVisible = true;\r\n }\r\n \r\n },\r\n open(item) {\r\n console.log(\"item\",item)\r\n this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n }).then(() => {\r\n getDeleteShipjk({VideoId:item}).then(res=>{\r\n console.log(\"res\",res)\r\n this.$message({\r\n type: 'success',\r\n message: '删除成功!'\r\n });\r\n this.getVideoList()\r\n })\r\n \r\n }).catch(() => {\r\n this.$message({\r\n type: 'info',\r\n message: '已取消删除'\r\n }); \r\n });\r\n },\r\n commit(form){\r\n console.log(\"form\",form)\r\n let formData = new FormData();\r\n formData.append(\"VideoName\",form.videoName);\r\n formData.append(\"VideoType\",form.videoType);\r\n formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n axios({\r\n method: \"post\",\r\n url: serverUrl.dataUrl,\r\n data:formData\r\n }).then((res) => {\r\n console.log(\"提交按钮\",res)\r\n if(res.data.msg=='添加成功'){\r\n this.$message({\r\n message: res.data.msg,\r\n type: 'success'\r\n });\r\n this.getVideoList()\r\n }else{\r\n this.$message({\r\n message: res.data.msg,\r\n type: 'warning'\r\n });\r\n }\r\n\r\n this.dialogFormVisible = false;\r\n \r\n });\r\n \r\n },\r\n handleFileChange(e) {\r\n let inputDOM = this.$refs.inputer;\r\n this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n },\r\n //应用\r\n applicationBtn(){\r\n getApplication().then(res=>{\r\n console.log(\"res\",res)\r\n if(res.data.code==200){\r\n const loading = this.$loading({\r\n lock: true,\r\n text: 'Loading',\r\n spinner: 'el-icon-loading',\r\n background: 'rgba(0, 0, 0, 0.7)'\r\n });\r\n setTimeout(() => {\r\n loading.close();\r\n this.getVideoList()\r\n this.$message({\r\n message: res.data.msg,\r\n type: 'success'\r\n });\r\n }, 5000); \r\n }\r\n })\r\n },\r\n //停止\r\n stopAlgorithmBtn(){\r\n getStopAlgorithm().then(res=>{\r\n console.log(\"res\",res)\r\n if(res.data.code==200){\r\n this.getVideoList()\r\n this.$message({\r\n message: res.data.msg,\r\n type: 'success'\r\n });\r\n }\r\n })\r\n },\r\n S4() {\r\n return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n },\r\n guid() {\r\n return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n },\r\n load() {\r\n let size = this.file.size;//文件大小\r\n\r\n let maxZrea = 8; //设置每个分区大小 MB\r\n let bufferSize = maxZrea * (1024 * 1024);\r\n let fileStart = 0;\r\n let fileEnd = bufferSize;\r\n let arrFile = [];\r\n while (fileStart < size) {\r\n var fileInfo = {\r\n File: this.file.slice(fileStart, fileEnd),\r\n Start: fileStart,\r\n End: fileEnd\r\n }\r\n arrFile.push(fileInfo);\r\n fileStart = fileEnd;\r\n fileEnd = fileStart + bufferSize;\r\n }\r\n let count = arrFile.length;\r\n let filename = this.file.name + \"~\" + this.guid();\r\n for (var i = 0; i < count; i++) {\r\n let formData = new FormData();//new一个formData事件\r\n formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n axios.post(url, formData, {\r\n headers: {\r\n \"Content-Type\": \"multipart/form-data;\",\r\n }\r\n }).then(r => {\r\n console.log(\"r.data\",r.data);\r\n if (r.data.code!=200) {\r\n console.log(r.data);\r\n }else{\r\n this.$message({\r\n message: r.data.msg,\r\n type: 'success'\r\n });\r\n }\r\n //console.log(r.data.code);\r\n }).catch(e => {\r\n console.log(e);\r\n });\r\n }\r\n },\r\n goToPage(id,num,name) {\r\n\r\n this.$router.push({path:'index',query: {id:id,num:num,name:name}})\r\n \r\n },\r\n //获取视频数据\r\n getVideoList(){\r\n getGetShipjk().then(res=>{\r\n console.log(\"res\",res)\r\n if(res.data.msg=='成功'){\r\n \r\n var arr = [];\r\n res.data.data.forEach((item)=>{\r\n arr.push({\r\n id: item.videoId, \r\n type: item.videoType,\r\n title: item.videoName,\r\n num:item.number,\r\n status:item.status,\r\n img: require('@/assets/img/AnalysisMain/img1.png'),\r\n });\r\n }) \r\n this.videoList=arr\r\n this.createMqtt()\r\n console.log(\"this.videoList\",this.videoList)\r\n }\r\n })\r\n },\r\n\r\n handleRemove(file, fileList) {\r\n console.log(file, fileList);\r\n },\r\n handlePreview(file) {\r\n console.log(file);\r\n },\r\n handleExceed(files, fileList) {\r\n this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n },\r\n beforeRemove(file, fileList) {\r\n return this.$confirm(`确定移除 ${ file.name }？`);\r\n },\r\n },\r\n \r\n\r\n components: {\r\n editModal\r\n },\r\n}\r\n</script>\r\n\r\n<style>\r\n .time {\r\n font-size: 13px;\r\n color: #999;\r\n }\r\n .bot{\r\n padding: 14px;\r\n }\r\n .bottom {\r\n margin-top: 13px;\r\n line-height: 12px;\r\n display: inline-block;\r\n margin-left: 15px;\r\n }\r\n.st{\r\n position: absolute;\r\n right: 4%;\r\n display: inline-block;\r\n\r\n}\r\n.st span{\r\n color: #999;\r\n}\r\n .button {\r\n padding: 0;\r\n float: right;\r\n }\r\n\r\n .image {\r\n width: 100%;\r\n display: block;\r\n \r\n }\r\n\r\n .clearfix:before,\r\n .clearfix:after {\r\n display: table;\r\n content: \"\";\r\n }\r\n \r\n .clearfix:after {\r\n clear: both\r\n }\r\n .middle{\r\n width: 100%;\r\n /* height: 100%; */\r\n height: 284px;\r\n }\r\n .el-col-6 {\r\n width: 25%;\r\n padding-left: 20px;\r\n padding-top: 20px;\r\n}\r\n.type{\r\n position: absolute;\r\n left: 0;\r\n top:0px;\r\n z-index: 98;\r\n}\r\n.del{\r\n position: absolute;\r\n right: 0px;\r\n top:0px;\r\n width: 25px;\r\n height: 25px;\r\n z-index: 9999;\r\n /* background-color: #999 */\r\n}\r\n.card{\r\n position: relative;\r\n cursor: pointer;\r\n}\r\n.name{\r\n position: absolute;\r\n left: 7px;\r\n top:0px;\r\n z-index: 99;\r\n}\r\n.status{\r\n position: absolute;\r\n left: 30px;\r\n top:0px;\r\n z-index: 97;\r\n}\r\n .statusName{\r\n position: absolute;\r\n left: 13px;\r\n top: 6px;\r\n z-index: 99;\r\n color: #eee;\r\n}\r\n.el_dialog {\r\n position: fixed;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n .el_dialog__content {\r\n width: v-bind(width1);\r\n height: 400px;\r\n background-color: white;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n \r\n#dialog .el-dialog__header {\r\n border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n font-weight: bold;\r\n color: #000;\r\n}\r\n.btn{\r\n position: absolute;\r\n right: 10%;\r\n bottom: 18%;\r\n}\r\n</style>\r\n\r\n\r\n"],"sourceRoot":"src/views"}]} |