{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1675645740323},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.typed.uint8-array\";\nimport _defineProperty from \"E:/\\u89C6\\u9891\\u8FB9\\u7F18\\u8BA1\\u7B97\\u7BA1\\u7406\\u5E73\\u53F0/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//\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: [],\n      componentShow: \"\",\n      numArr: [],\n      currentDate: new Date(),\n      closeStatus: null,\n      dis: false,\n      dialogFormVisible: false,\n      videoTypeShow: false,\n      loading: true,\n      fileList: [],\n      form: {\n        radio: '',\n        videoName: '测试视频01',\n        city: '',\n        videoStreamAddress: '',\n        videoPath: ''\n      },\n      formLabelWidth: '120px'\n    }, _defineProperty(_ref, \"formLabelWidth\", '200px'), _defineProperty(_ref, \"videoTypeForm\", {\n      videoType: '实时视频'\n    }), _defineProperty(_ref, \"videoList\", []), _defineProperty(_ref, \"fullscreenLoading\", false), _ref;\n  },\n  mounted: function mounted() {\n    console.log(\"dialogFormVisible\", this.dialogFormVisible);\n    this.getVideoList();\n    this.createMqtt();\n  },\n  //离开当前页面后执行\n  destroyed: function destroyed() {//  console.log(\"离开当前页\")\n    //   client.end();\n  },\n  methods: {\n    /** 创建mqtt */\n    createMqtt: function createMqtt() {\n      //创建链接，接收数据\n      console.log(window.PubScribe, '********************');\n      window.PubScribe(null, -1, this.realInfo);\n      /*mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      // client.subscribe(,, { 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        //  setTimeout(function() {\r\n            client.subscribe(['hert','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        //   }, 5000);\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      });*/\n    },\n    //停止订阅mqtt\n    disConnect: function disConnect() {//   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      switch (topic) {\n        // 接收托片\n        case \"img0\":\n        case \"img1\":\n        case \"img2\":\n        case \"img3\":\n        case \"img4\":\n        case \"img5\":\n        case \"img6\":\n        case \"img7\":\n        case \"img8\":\n          try {\n            var utf8decoder = new TextDecoder();\n            var u8arr = new Uint8Array(message);\n            var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n            var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n            //   var newArr = []\n            //msg为转换后的JSON数据\n\n            if (msg.rate == 'low') {\n              //    console.log(\"msg\", msg)  \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            } //   this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\n            //   console.log(\"imageUrl\", imageUrl)\n\n          } catch (error) {}\n\n          break;\n\n        case \"hert\":\n          try {\n            var _utf8decoder = new TextDecoder();\n\n            var _u8arr = new Uint8Array(message);\n\n            var _temp = _utf8decoder.decode(_u8arr); // 将二进制数据转为字符串\n\n\n            var _msg = JSON.parse(_temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n            //   console.log(\"hert\", msg)   //msg为转换后的JSON数据\n\n\n            if (_msg == '') {}\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          videoName: '测试视频01',\n          city: '',\n          videoStreamAddress: '',\n          videoPath: ''\n        }, this.dialogFormVisible = true;\n      }\n    },\n    open: function open(item) {\n      var _this = this;\n\n      console.log(\"item\", item);\n      this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {\n        getDeleteShipjk({\n          VideoId: item\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          _this.$message({\n            type: 'success',\n            message: '删除成功!'\n          });\n\n          _this.getVideoList();\n        });\n      }).catch(function () {\n        _this.$message({\n          type: 'info',\n          message: '已取消删除'\n        });\n      });\n    },\n    commit: function commit(form) {\n      var _this2 = this;\n\n      console.log(\"form\", form);\n      var formData = new FormData();\n      formData.append(\"VideoName\", form.videoName);\n      formData.append(\"VideoType\", this.videoTypeForm.videoType);\n\n      if (this.videoTypeForm.videoType == '离线视频') {\n        formData.append(\"VideoPath\", form.videoStreamAddress);\n      } else {\n        formData.append(\"VideoStreamAddress\", form.videoStreamAddress);\n      }\n\n      axios({\n        method: \"post\",\n        url: serverUrl.dataUrl,\n        data: formData\n      }).then(function (res) {\n        console.log(\"提交按钮\", res);\n\n        if (res.data.msg == '添加成功') {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n\n          _this2.getVideoList();\n        } else {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n\n        _this2.dialogFormVisible = false;\n      });\n    },\n    handleFileChange: function handleFileChange(e) {\n      var inputDOM = this.$refs.inputer;\n      this.file = inputDOM.files[0]; // 通过DOM取文件数据\n    },\n    //应用\n    applicationBtn: function applicationBtn() {\n      var _this3 = this;\n\n      getApplication().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          var loading = _this3.$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            _this3.getVideoList();\n\n            _this3.$message({\n              message: res.data.msg,\n              type: 'success'\n            });\n          }, 5000);\n        }\n      });\n    },\n    //停止\n    stopAlgorithmBtn: function stopAlgorithmBtn() {\n      var _this4 = this;\n\n      getStopAlgorithm().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this4.getVideoList();\n\n          _this4.$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 _this5 = 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      var loadingN = this.$loading({\n        lock: true,\n        text: '正在上传中',\n        target: '.el-dialog',\n        spinner: 'el-icon-loading',\n        background: 'rgba(0, 0, 0, 0.7)'\n      });\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          if (r.data.code != 200) {} else {\n            if (r.data.data == null) {\n              _this5.dis = true;\n            } else {\n              _this5.dis = false;\n              loadingN.close();\n\n              _this5.$message({\n                message: r.data.msg,\n                type: 'success'\n              });\n\n              _this5.form.videoStreamAddress = r.data.data;\n            }\n          }\n        }).catch(function (e) {\n          console.log(e);\n        });\n      }\n    },\n    goToPage: function goToPage(id, num, name, type, status) {\n      this.$router.push({\n        path: 'index',\n        query: {\n          id: id,\n          num: num,\n          name: name,\n          type: type,\n          status: status\n        }\n      });\n    },\n    //获取视频数据\n    getVideoList: function getVideoList() {\n      var _this6 = 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              videoStreamAddress: item.videoStreamAddress,\n              videoPath: item.videoPath,\n              img: require('@/assets/img/AnalysisMain/img1.png')\n            });\n          });\n          _this6.videoList = arr;\n\n          if (_this6.videoList.length == '0') {\n            _this6.videoTypeShow = true;\n          } else {\n            _this6.videoTypeShow = false;\n          }\n\n          console.log(\"this.videoList\", _this6.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    <!-- v-if=\"videoTypeShow\" -->\r\n   <div class=\"videoTypeBox\" v-if=\"videoTypeShow\">\r\n    <el-form :inline=\"true\" :model=\"videoTypeForm\" class=\"demo-form-inline\" >\r\n     <el-form-item label=\"视频源类型：\" >\r\n            <el-radio-group v-model=\"videoTypeForm.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>\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=\"statusN\">\r\n             <img src=\"@/assets/img/AnalysisMain/status.png\" alt=\"\" >\r\n             <span class=\"statusName\">{{ item.status }}</span>\r\n        </div>\r\n        \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,item.type,item.status)\">\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         <div class=\"streamAddress\" :content=\"item.videoStreamAddress!=''? item.videoStreamAddress:item.videoPath\">{{item.videoStreamAddress!=''? item.videoStreamAddress:item.videoPath}}</div>\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    <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%\" placeholder=\"请输入视频源名称\"></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=\"videoTypeForm.videoType=='实时视频'\">\r\n     <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\" placeholder=\"请输入视频源地址\" >\r\n    <template slot=\"prepend\">rtsp://</template>\r\n  </el-input>\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=\"videoTypeForm.videoType=='离线视频'\">\r\n        <!-- <el-button slot=\"trigger\" size=\"small\" type=\"primary\">选取文件</el-button> -->\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\"  :disabled=\"dis\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\"  :disabled=\"dis\">确 定</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:[],\r\n        componentShow: \"\",\r\n        numArr:[],\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n        dis:false,\r\n      dialogFormVisible: false,\r\n      videoTypeShow: false,\r\n      loading:true,\r\n       fileList: [],\r\n       form: {\r\n         radio:'',\r\n          videoName:'测试视频01',\r\n          city:'',\r\n          videoStreamAddress:'',\r\n        videoPath:''\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoTypeForm:{\r\n            videoType:'实时视频'\r\n        },\r\n        videoList:[],\r\n         fullscreenLoading: false\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n    this.createMqtt()\r\n  },\r\n   //离开当前页面后执行\r\ndestroyed: function () {\r\n//  console.log(\"离开当前页\")\r\n//   client.end();\r\n},\r\n  methods: {\r\n         /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      console.log(window.PubScribe,'********************');\r\n      window.PubScribe(null,-1,this.realInfo);\r\n      /*mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n    // client.subscribe(,, { 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        //  setTimeout(function() {\r\n            client.subscribe(['hert','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        //   }, 5000);\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             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            //msg为转换后的JSON数据\r\n             if(msg.rate=='low'){\r\n                //    console.log(\"msg\", msg)  \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             \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              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(\"hert\", msg)   //msg为转换后的JSON数据\r\n              if(msg==''){\r\n\r\n              }\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          videoName:'测试视频01',\r\n          city:'',\r\n          videoStreamAddress:'',\r\n          videoPath:''\r\n        },\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\",this.videoTypeForm.videoType);\r\n            if(this.videoTypeForm.videoType=='离线视频'){\r\n                formData.append(\"VideoPath\",form.videoStreamAddress);\r\n                \r\n            }else{\r\n                formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n            }\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                    var loadingN = this.$loading({\r\n                      lock: true,\r\n                      text: '正在上传中',\r\n                      target: '.el-dialog',\r\n                      spinner: 'el-icon-loading',\r\n                      background: 'rgba(0, 0, 0, 0.7)'\r\n                    });\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                            if (r.data.code!=200) {\r\n\r\n                            }else{    \r\n                                if(r.data.data==null){\r\n                                    this.dis = true   \r\n                                }else{\r\n                                    this.dis = false\r\n                                    loadingN.close();\r\n                                      this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                                this.form.videoStreamAddress=r.data.data\r\n                                }\r\n                            }\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num,name,type,status) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num,name:name,type:type,status:status\r\n}})\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                              videoStreamAddress:item.videoStreamAddress,\r\n                              videoPath:item.videoPath,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                if(this.videoList.length=='0'){\r\n                    this.videoTypeShow = true\r\n                }else{\r\n                    this.videoTypeShow = false\r\n                }\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    padding: 8px 15px;\r\n  }\r\n  .streamAddress{\r\n   color: coral;\r\n    font-size: 12px;\r\n    padding-top: 5px;  \r\n     \r\n  }\r\n  .bottom {\r\n    margin-top: 10px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n     width: 67%;\r\n    text-overflow:ellipsis;\r\n    white-space:nowrap; \r\n    overflow:hidden;  \r\n  }\r\n.st{\r\n    position: absolute;\r\n    right: 4%;\r\n    top: 80%;\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.videoTypeBox{\r\n   background: #fff;\r\n    width: 98%;\r\n    margin-left: 1%;\r\n    display: flex;\r\n    padding-top: 20px;\r\n    padding-left: 30px;\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.statusN{\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"}]}