{"remainingRequest":"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\\index.vue?vue&type=script&lang=js&","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\\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/es6.typed.uint8-array\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.regexp.split\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport mqtt from \"mqtt\"; // mqtt协议\n\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\nimport dataBoard from \"@/views/bounced/dataBoard\";\nimport { getComponentData, getSectionalData } from \"../api/index\";\nimport serverUrl from \"../config/apiurl.js\";\nimport axios from 'axios';\nexport default {\n  data: function data() {\n    return {\n      trajectory: false,\n      //轨迹\n      hideBoxShow: true,\n      //隐藏箱子按钮显示隐藏\n      closeStatus: null,\n      modelOthers: false,\n      componentShow: \"\",\n      isShowBtn: true,\n      //菜单按钮隐藏\n      isShowBtn1: false,\n      //菜单按钮显示\n      inputVal: \"\",\n      dialogFormVisible: false,\n      areaComponent: false,\n      indexModule: false,\n      speed: false,\n      component: false,\n      sectionals: [],\n      VideoId: '',\n      title: '断面',\n      componentTitle: '速度',\n      form: {\n        name: '',\n        type: '',\n        id: '',\n        coordinate: '',\n        Direction: '正向',\n        StoppingSpeed: '5'\n      },\n      //初始图形名称\n      startFigureName: '',\n      areaComponentform: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      timeSelect: [{\n        label: '秒',\n        value: '秒'\n      }, {\n        label: '分钟',\n        value: '分钟'\n      }, {\n        label: '小时',\n        value: '小时'\n      }, {\n        label: '天',\n        value: '天'\n      }],\n      componentForm: {\n        //单位\n        company: \"秒\",\n        componentName: \"\",\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\n        //周期间隔\n        cycleInterval: \"\",\n        startSectionIds: \"\",\n        startSectionNames: \"\",\n        endSectionIds: \"\",\n        endSectionNames: \"\",\n        endValue: \"\",\n        //展现形式\n        presentationForm: \"\",\n        presentation: [],\n        startValue: \"\",\n        timeMode: \"触发\",\n        type: \"\",\n        startSection: [],\n        endSection: [],\n        componentType: \"\"\n      },\n      //展现形式\n      presentation: ['数值', '表格', '时间曲线图', '均值图'],\n      trackForm: {\n        name: \"\"\n      },\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\n      nowTime: \"\",\n      //   weekday: this.$moment().format(\"dddd\"),\n      ins: 0,\n      imgUrl: '',\n      imgUrl1: '',\n      imgUrl2: '',\n      imgUrl3: '',\n      imgUrl4: '',\n      imgUrl5: '',\n      btnPic: [],\n      Data: [{\n        title: 'xx路口',\n        url: ''\n      }, {\n        title: '数据看板',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }],\n      messageInfo: [],\n      orderList: [],\n      enterList: [],\n      stockInfo: [],\n      perCent: 0,\n      perCent1: 0,\n      perCent2: 0,\n      facToal: \"\",\n      wbContent: '',\n      //   wxContent:'',\n      inContent: '',\n      outContent: '',\n      containerDetails: \"\",\n      locdesc: '',\n      weatherItem: {},\n      loadingShow1: true,\n      number: '' //   carInfo: [], //小车信息\n      //   carName: '',\n      //   palletizerInfo: [], //码垛机信息\n      //   palletizerName: '',\n      //   destackerInfo: [], //拆垛机信息\n      //   destackerName: '',\n      //   hoistInfo: [], //提升机信息’\n      //   hoistName: '',\n      //   battaryStationInfo: [],//快换电池装置\n      //   battaryStationName: \"\",\n      //   conveyorInfo: [], //输送机信息\n      //   conveyorName: \"\",\n\n    };\n  },\n  mounted: function mounted() {\n    window.getFigure = this.getFigureD;\n    window.getModifyTheName = this.getModifyTheNameN; // window.getModifyTheName = this.getModifyTheNameN;\n\n    window.getSingleComponentId = this.getSingleComponentIdN;\n    window.OnScene = this.OnSceneN;\n    this.getAllSectionalData(this.$route.query.id);\n    this.VideoId = this.$route.query.id;\n    this.number = this.$route.query.num; //   this.getSingleComponentIdN()\n  },\n  created: function created() {\n    this.testMqtt();\n    this.componentForm.company = this.timeSelect[0].value;\n  },\n  methods: {\n    // 测试：mqtt测试\n    testMqtt: function testMqtt() {\n      this.getDataByMqtt();\n    },\n    //初始化unity\n    OnSceneN: function OnSceneN() {\n      document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id));\n    },\n    // //根据组件id获取单个组件数据\n    getSingleComponentIdN: function getSingleComponentIdN(id, type, name) {\n      var _this = this;\n\n      console.log(\"id\", id);\n      console.log(\"type\", type);\n      console.log(\"name\", name);\n      this.componentForm.componentType = type;\n      this.componentTitle = type;\n      getComponentData({\n        AnalogAreaComponentId: id\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          console.log(\"res\", res.data.data);\n          _this.component = true; // this.componentForm.company = res.data.data.company\n\n          _this.componentForm.componentName = res.data.data.componentName + '-' + type;\n          _this.componentForm.componentParameterId = res.data.data.componentParameterId;\n          _this.componentForm.cycleInterval = res.data.data.cycleInterval;\n          _this.componentForm.startSectionIds = res.data.data.startSectionIds;\n          _this.componentForm.startSectionNames = res.data.data.startSectionNames;\n          _this.componentForm.endSectionIds = res.data.data.endSectionIds;\n          _this.componentForm.endSectionNames = res.data.data.endSectionNames;\n          _this.componentForm.endValue = res.data.data.endValue;\n          _this.componentForm.startValue = res.data.data.startValue; // this.componentForm.timeMode = res.data.data.timeMode\n\n          _this.componentForm.presentationForm = res.data.data.presentationForm;\n          _this.componentForm.type = res.data.data.type;\n\n          if (res.data.data.startSectionIds != '') {\n            console.log(\"startSectionIds\", res.data.data.startSectionIds);\n            var startSectionIdArr = [];\n            var startSectionArr = [];\n            startSectionIdArr = res.data.data.startSectionIds.split(',');\n            console.log(\"this.sectionals\", _this.sectionals);\n            console.log(\"startSectionIdArr\", startSectionIdArr);\n            startSectionIdArr.forEach(function (item) {\n              _this.sectionals.forEach(function (items) {\n                if (item == items.graphicId) {\n                  startSectionArr.push(items.graphicName);\n                  _this.componentForm.startSection = startSectionArr;\n                }\n              });\n            });\n          }\n\n          if (res.data.data.endSectionIds != '') {\n            console.log(\"endSectionIds\", res.data.data.endSectionIds);\n            var endSectionIdArr = [];\n            var endSectionArr = [];\n            endSectionIdArr = res.data.data.endSectionIds.split(',');\n            console.log(\"this.sectionals\", _this.sectionals);\n            console.log(\"endSectionIdArr\", endSectionIdArr);\n            endSectionIdArr.forEach(function (item) {\n              _this.sectionals.forEach(function (items) {\n                if (item == items.graphicId) {\n                  endSectionArr.push(items.graphicName);\n                  _this.componentForm.endSection = endSectionArr;\n                }\n              });\n            });\n          }\n\n          if (res.data.data.presentationForm != '') {\n            var presentationN = [];\n            presentationN = res.data.data.presentationForm.split(',');\n            _this.componentForm.presentation = presentationN;\n          }\n        }\n      });\n    },\n    //获取所有断面数据\n    getAllSectionalData: function getAllSectionalData(VideoId) {\n      var _this2 = this;\n\n      getSectionalData({\n        VideoId: VideoId\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this2.sectionals = res.data.data;\n        }\n      });\n    },\n    figureType: function figureType(type) {\n      if (type == 'Move') {\n        type = '轨迹';\n      } else if (type == 'Poly') {\n        type = '区域';\n      } else if (type == 'Line') {\n        type = '断面';\n      }\n\n      return type;\n    },\n    getFigureD: function getFigureD(item, index, indexNew) {\n      console.log(\"图形类型\", item);\n      console.log(\"初始图形名称\", index);\n      this.startFigureName = index;\n      console.log(\"图形位置\", indexNew);\n      this.dialogFormVisible = true;\n      this.form.name = index;\n      this.form.type = this.figureType(item);\n      this.form.coordinate = indexNew;\n      this.form.id = '';\n      this.title = this.figureType(item);\n    },\n    //双击图形修改图形名称弹框\n    getModifyTheNameN: function getModifyTheNameN(data) {\n      console.log(\"data\", data);\n      var arr = [];\n      arr = data.split(',');\n      console.log(\"arr\", arr);\n      this.form.id = arr[0];\n      this.form.name = arr[1];\n      this.form.type = arr[2];\n      this.startFigureName = arr[1];\n\n      if (this.form.type == '轨迹') {\n        // this.open2()\n        this.dialogFormVisible = true;\n      } else if (this.form.type == '区域') {\n        this.dialogFormVisible = true;\n      } else if (this.form.type == '断面') {\n        this.dialogFormVisible = true;\n      }\n    },\n    //新增、编辑图形确认按钮\n    onSubmit: function onSubmit(form) {\n      var _this3 = this;\n\n      console.log(\"form\", form); //新增\n\n      if (form.id == '') {\n        var formData = new FormData();\n\n        if (form.type == '断面') {\n          formData.append(\"GraphicName\", form.name);\n          formData.append(\"GraphicType\", form.type);\n          formData.append(\"Coordinate\", form.coordinate);\n          formData.append(\"VideoId\", this.VideoId);\n          formData.append(\"Direction\", form.Direction);\n        } else if (form.type == '区域') {\n          formData.append(\"GraphicName\", form.name);\n          formData.append(\"GraphicType\", form.type);\n          formData.append(\"Coordinate\", form.coordinate);\n          formData.append(\"VideoId\", this.VideoId);\n          formData.append(\"Direction\", form.Direction);\n          formData.append(\"StoppingSpeed\", form.StoppingSpeed);\n        } else {\n          formData.append(\"GraphicName\", form.name);\n          formData.append(\"GraphicType\", form.type);\n          formData.append(\"Coordinate\", form.coordinate);\n          formData.append(\"VideoId\", this.VideoId); // formData.append(\"Direction\",form.Direction);\n        }\n\n        axios({\n          method: \"post\",\n          url: serverUrl.addFigure,\n          data: formData\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          if (res.data.code == 200) {\n            _this3.$message({\n              message: res.data.msg,\n              type: 'success'\n            });\n\n            document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data));\n            document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data + ',' + form.name + ',' + _this3.startFigureName));\n            _this3.dialogFormVisible = false;\n          } else {\n            _this3.$message({\n              message: res.data.msg,\n              type: 'warning'\n            }); //   this.dialogFormVisible = false\n            // document.getElementById(\"mapModule\").contentWindow.delFigure()\n\n          }\n        });\n      } else {\n        //编辑\n        var _formData = new FormData();\n\n        if (form.type == '断面') {\n          _formData.append(\"GraphicName\", form.name);\n\n          _formData.append(\"GraphicType\", form.type);\n\n          _formData.append(\"Direction\", form.Direction);\n\n          _formData.append(\"GraphicId\", form.id);\n        } else if (form.type == '区域') {\n          _formData.append(\"GraphicName\", form.name);\n\n          _formData.append(\"GraphicType\", form.type);\n\n          _formData.append(\"Direction\", form.Direction);\n\n          _formData.append(\"GraphicId\", form.id);\n\n          _formData.append(\"StoppingSpeed\", form.StoppingSpeed);\n        } else {\n          _formData.append(\"GraphicName\", form.name);\n\n          _formData.append(\"GraphicType\", form.type); // formData.append(\"Direction\",form.Direction);\n\n\n          _formData.append(\"GraphicId\", form.id);\n        }\n\n        axios({\n          method: \"post\",\n          url: serverUrl.editFigure,\n          data: _formData\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          if (res.data.code == 200) {\n            _this3.$message({\n              message: res.data.msg,\n              type: 'success'\n            });\n\n            console.log(\"startFigureName\", _this3.startFigureName); // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\n\n            document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id + ',' + form.name + ',' + _this3.startFigureName));\n            _this3.dialogFormVisible = false;\n          } else {\n            _this3.$message({\n              message: res.data.msg,\n              type: 'warning'\n            });\n          }\n        });\n      }\n    },\n    //新增编辑组件取消\n    onSubmitComponent: function onSubmitComponent(componentForm) {\n      var _this4 = this;\n\n      this.component = false;\n      var formData = new FormData();\n\n      if (componentForm.componentType == 'OD') {\n        //名称\n        formData.append(\"componentName\", componentForm.componentName); //单位\n\n        formData.append(\"company\", componentForm.company); //id\n\n        formData.append(\"componentParameterId\", componentForm.componentParameterId);\n        formData.append(\"cycleInterval\", componentForm.cycleInterval);\n        formData.append(\"startSectionIds\", componentForm.startSectionIds);\n        formData.append(\"startSectionNames\", componentForm.startSectionNames);\n        formData.append(\"endSectionIds\", componentForm.endSectionIds);\n        formData.append(\"endSectionNames\", componentForm.endSectionNames);\n        formData.append(\"endValue\", componentForm.endValue);\n        formData.append(\"startValue\", componentForm.startValue);\n        formData.append(\"timeMode\", componentForm.timeMode);\n        formData.append(\"presentationForm\", '矩阵图');\n        formData.append(\"type\", componentForm.type);\n      } else {\n        //名称\n        formData.append(\"componentName\", componentForm.componentName); //单位\n\n        formData.append(\"company\", componentForm.company); //id\n\n        formData.append(\"componentParameterId\", componentForm.componentParameterId);\n        formData.append(\"cycleInterval\", componentForm.cycleInterval); // formData.append(\"startSectionIds\",componentForm.startSectionIds);\n        // formData.append(\"startSectionNames\",componentForm.startSectionNames);\n        // formData.append(\"endSectionIds\",componentForm.endSectionIds);\n        // formData.append(\"endSectionNames\",componentForm.endSectionNames);\n\n        formData.append(\"endValue\", componentForm.endValue);\n        formData.append(\"startValue\", componentForm.startValue);\n        formData.append(\"timeMode\", componentForm.timeMode);\n        formData.append(\"presentationForm\", componentForm.presentationForm);\n        formData.append(\"type\", componentForm.type);\n      }\n\n      axios({\n        method: \"post\",\n        url: serverUrl.editComponent,\n        data: formData\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this4.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n\n          document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data));\n          document.getElementById(\"mapModule\").contentWindow.editComponent();\n          _this4.dialogFormVisible = false;\n        } else {\n          _this4.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n      });\n    },\n    //新增编辑组件取消\n    closeComponent: function closeComponent(componentForm) {\n      this.component = false;\n    },\n    //新增、编辑图形取消按钮\n    closeFigure: function closeFigure(form) {\n      console.log(\"form\", form);\n\n      if (form.id != '') {\n        this.dialogFormVisible = false;\n        document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id));\n      } else {\n        this.dialogFormVisible = false;\n        document.getElementById(\"mapModule\").contentWindow.delFigure();\n      }\n    },\n    closeComponentForm: function closeComponentForm() {\n      this.component = false;\n    },\n    closeForm: function closeForm(form) {\n      if (this.form.id != '') {\n        this.dialogFormVisible = false;\n        document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id));\n      } else {\n        this.dialogFormVisible = false;\n        document.getElementById(\"mapModule\").contentWindow.delFigure();\n      }\n    },\n    //改变起点\n    handleCheckedStartSection: function handleCheckedStartSection(value) {\n      var _this5 = this;\n\n      console.log(\"改变起点\", value);\n      var startSectionIdArr = [];\n      var startSectionNameArr = [];\n      value.forEach(function (item) {\n        _this5.sectionals.forEach(function (items) {\n          if (item == items.graphicName) {\n            startSectionIdArr.push(items.graphicId);\n            startSectionNameArr.push(items.graphicName);\n            var newStartSectionId = startSectionIdArr.join(\",\");\n            var newStartSectionName = startSectionNameArr.join(\",\");\n            _this5.componentForm.startSectionIds = newStartSectionId;\n            _this5.componentForm.startSectionNames = newStartSectionName;\n          }\n        });\n      });\n    },\n    //改变终点\n    handleCheckedendSection: function handleCheckedendSection(value) {\n      var _this6 = this;\n\n      console.log(\"改变终点\", value);\n      var endSectionIdArr = [];\n      var endSectionNameArr = [];\n      value.forEach(function (item) {\n        _this6.sectionals.forEach(function (items) {\n          if (item == items.graphicName) {\n            endSectionIdArr.push(items.graphicId);\n            endSectionNameArr.push(items.graphicName);\n            var newendSectionId = endSectionIdArr.join(\",\");\n            var newEndSectionName = endSectionNameArr.join(\",\");\n            console.log(\"newendSectionId\", newendSectionId);\n            console.log(\"newEndSectionName\", newEndSectionName);\n            _this6.componentForm.endSectionIds = newendSectionId;\n            _this6.componentForm.endSectionNames = newEndSectionName;\n          }\n        });\n      });\n    },\n    //修改展现形式\n    handlePresentation: function handlePresentation(value) {\n      console.log(\"展现形式\", value);\n      var presentation = value.join(\",\");\n      this.componentForm.presentationForm = presentation;\n      console.log(\"this.componentForm.presentationForm\", this.componentForm.presentationForm);\n    },\n    //模型加载等待\n    loadingShow: function loadingShow(data) {\n      this.loadingShow1 = data;\n    },\n    // mqtt订阅（独立）\n    getDataByMqtt: function getDataByMqtt(url, topic, cIdNum) {\n      var _this7 = this;\n\n      var clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n\n      var host = 'ws://172.16.1.168:10087/';\n      var options = {\n        // 配置\n        // 测试：订阅本机IP\n        // host: host,\n        // port: port,\n        // host:\"172.16.1.168:10086\",\n        keepalive: 60,\n        // 心跳时间，默认60s，设置为0禁用\n        username: 'admin',\n        // 用户名（可选）\n        password: '123456',\n        // 密码（可选）\n        clientId: clientId,\n        // 客户端ID，默认随机生成\n        protocolId: \"MQTT\",\n        protocolVersion: 4,\n        clean: true,\n        // false在离线时接收QoS1和2的消息\n        reconnectPeriod: 2000,\n        // 重连间隔，默认1000毫秒\n        connectTimeout: 30 * 1000,\n        // 收到CONNACK之前的等待时间\n        will: {\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n          topic: \"img1\",\n          // 要发布的主题\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\",\n          // 要发布的消息\n          qos: 0,\n          // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n          retain: false // 保留标志\n\n        }\n      };\n\n      if (this.mqttClient == undefined) {\n        this.mqttClient = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host)  // 连接\n        // 错误回调\n        // console.log(\"this.mqttClient\", this.mqttClient)\n\n        this.mqttClient.on(\"error\", function (err) {\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\n\n          _this7.mqttClient.end();\n        }); // 重连回调\n\n        this.mqttClient.on(\"reconnect\", function (reconnect) {//   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n        }); // 连接回调\n\n        this.mqttClient.on(\"connect\", function (connect) {\n          //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\n          //    this.client.connect('aaa', '111')\n          //   this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });\n          //   this.mqttClient.subscribe('img1', { qos: 0 });\n          //   this.mqttClient.subscribe('img2', { qos: 0 });\n          //   this.mqttClient.subscribe('img3', { qos: 0 });\n          //   this.mqttClient.subscribe('img4', { qos: 0 });\n          //   this.mqttClient.subscribe('img5', { qos: 0 });\n          // 订阅\n          _this7.mqttClient.subscribe('img' + _this7.number, {\n            qos: 0\n          });\n\n          _this7.mqttClient.publish('msg_flag', _this7.number);\n\n          _this7.mqttClient.subscribe('stream' + _this7.number, {\n            qos: 0\n          }); // this.mqttClient.subscribe('stream'+this.number, { qos: 0 });\n          //   this.mqttClient.subscribe('stream1', { qos: 0 });\n          //   this.mqttClient.subscribe('stream2', { qos: 0 });\n          //   this.mqttClient.subscribe('stream3', { qos: 0 });\n          //   this.mqttClient.subscribe('stream4', { qos: 0 });\n          //   this.mqttClient.subscribe('stream5', { qos: 0 });\n\n        }); // 接收回调\n\n        this.mqttClient.on(\"message\", function (topic, message, packet) {\n          if (topic.indexOf(\"img0\") != -1) {\n            try {\n              var utf8decoder = new TextDecoder();\n              var u8arr = new Uint8Array(message);\n              var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n              var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n              document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg));\n            } catch (_unused) {\n              var imageType = 'arraybuffer';\n              var blob = new Blob([message], {\n                type: imageType\n              });\n              var imageUrl = (window.URL || window.webkitURL).createObjectURL(blob); //   console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img1\") != -1) {\n            try {\n              var _utf8decoder = new TextDecoder();\n\n              var _u8arr = new Uint8Array(message);\n\n              var _temp = _utf8decoder.decode(_u8arr); // 将二进制数据转为字符串\n\n\n              var _msg = JSON.parse(_temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(_msg));\n            } catch (_unused2) {\n              var _imageType = 'arraybuffer';\n\n              var _blob = new Blob([message], {\n                type: _imageType\n              });\n\n              var _imageUrl = (window.URL || window.webkitURL).createObjectURL(_blob); //   console.log(\"imageUrl\", imageUrl)\n\n            }\n          } else if (topic.indexOf(\"img2\") != -1) {\n            try {\n              var _utf8decoder2 = new TextDecoder();\n\n              var _u8arr2 = new Uint8Array(message);\n\n              var _temp2 = _utf8decoder2.decode(_u8arr2); // 将二进制数据转为字符串\n\n\n              var _msg2 = JSON.parse(_temp2); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(_msg2));\n            } catch (_unused3) {\n              var _imageType2 = 'arraybuffer';\n\n              var _blob2 = new Blob([message], {\n                type: _imageType2\n              });\n\n              var _imageUrl2 = (window.URL || window.webkitURL).createObjectURL(_blob2); //   console.log(\"imageUrl\", imageUrl)\n\n            }\n          } else if (topic.indexOf(\"img3\") != -1) {\n            try {\n              var _utf8decoder3 = new TextDecoder();\n\n              var _u8arr3 = new Uint8Array(message);\n\n              var _temp3 = _utf8decoder3.decode(_u8arr3); // 将二进制数据转为字符串\n\n\n              var _msg3 = JSON.parse(_temp3); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(_msg3));\n            } catch (_unused4) {\n              var _imageType3 = 'arraybuffer';\n\n              var _blob3 = new Blob([message], {\n                type: _imageType3\n              });\n\n              var _imageUrl3 = (window.URL || window.webkitURL).createObjectURL(_blob3); //   console.log(\"imageUrl\", imageUrl)\n\n            }\n          } else if (topic.indexOf(\"img4\") != -1) {\n            try {\n              var _utf8decoder4 = new TextDecoder();\n\n              var _u8arr4 = new Uint8Array(message);\n\n              var _temp4 = _utf8decoder4.decode(_u8arr4); // 将二进制数据转为字符串\n\n\n              var _msg4 = JSON.parse(_temp4); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(_msg4));\n            } catch (_unused5) {\n              var _imageType4 = 'arraybuffer';\n\n              var _blob4 = new Blob([message], {\n                type: _imageType4\n              });\n\n              var _imageUrl4 = (window.URL || window.webkitURL).createObjectURL(_blob4); //   console.log(\"imageUrl\", imageUrl)\n\n            }\n          } else if (topic.indexOf(\"img5\") != -1) {\n            try {\n              var _utf8decoder5 = new TextDecoder();\n\n              var _u8arr5 = new Uint8Array(message);\n\n              var _temp5 = _utf8decoder5.decode(_u8arr5); // 将二进制数据转为字符串\n\n\n              var _msg5 = JSON.parse(_temp5); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(_msg5));\n            } catch (_unused6) {\n              var _imageType5 = 'arraybuffer';\n\n              var _blob5 = new Blob([message], {\n                type: _imageType5\n              });\n\n              var _imageUrl5 = (window.URL || window.webkitURL).createObjectURL(_blob5); //   console.log(\"imageUrl\", imageUrl)\n\n            }\n          } else if (topic.indexOf(\"stream0\") != -1) {\n            // const utf8decoder1 = new TextDecoder()\n            //   const u8arr = new Uint8Array(message)\n            //   const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\n            //   const msg = JSON.parse(temp)\n            //     document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\n            try {\n              var utf8decoder1 = new TextDecoder();\n\n              var _u8arr6 = new Uint8Array(message);\n\n              var _temp6 = utf8decoder1.decode(_u8arr6); // 将二进制数据转为字符串\n\n\n              var _msg6 = JSON.parse(_temp6); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(_msg6));\n            } catch (_unused7) {\n              var _imageType6 = 'arraybuffer';\n\n              var _blob6 = new Blob([message], {\n                type: _imageType6\n              });\n\n              var _imageUrl6 = (window.URL || window.webkitURL).createObjectURL(_blob6); //   console.log(\"imageUrl\", imageUrl)\n\n            }\n          } else if (topic.indexOf(\"stream1\") != -1) {\n            var _utf8decoder6 = new TextDecoder();\n\n            var _u8arr7 = new Uint8Array(message);\n\n            var _temp7 = _utf8decoder6.decode(_u8arr7); // 将二进制数据转为字符串\n\n\n            var _msg7 = JSON.parse(_temp7);\n\n            document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(_msg7));\n          } else if (topic.indexOf(\"stream2\") != -1) {\n            var _utf8decoder7 = new TextDecoder();\n\n            var _u8arr8 = new Uint8Array(message);\n\n            var _temp8 = _utf8decoder7.decode(_u8arr8); // 将二进制数据转为字符串\n\n\n            var _msg8 = JSON.parse(_temp8);\n\n            document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(_msg8));\n          } else if (topic.indexOf(\"stream3\") != -1) {\n            var _utf8decoder8 = new TextDecoder();\n\n            var _u8arr9 = new Uint8Array(message);\n\n            var _temp9 = _utf8decoder8.decode(_u8arr9); // 将二进制数据转为字符串\n\n\n            var _msg9 = JSON.parse(_temp9);\n\n            document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(_msg9));\n          } else if (topic.indexOf(\"stream4\") != -1) {\n            var _utf8decoder9 = new TextDecoder();\n\n            var _u8arr10 = new Uint8Array(message);\n\n            var _temp10 = _utf8decoder9.decode(_u8arr10); // 将二进制数据转为字符串\n\n\n            var _msg10 = JSON.parse(_temp10);\n\n            document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(_msg10));\n          } else if (topic.indexOf(\"stream5\") != -1) {\n            var _utf8decoder10 = new TextDecoder();\n\n            var _u8arr11 = new Uint8Array(message);\n\n            var _temp11 = _utf8decoder10.decode(_u8arr11); // 将二进制数据转为字符串\n\n\n            var _msg11 = JSON.parse(_temp11);\n\n            document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(_msg11));\n          } else {}\n        });\n      }\n    },\n    handleSearch: function handleSearch() {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(this.inputVal);\n      console.log(this.$refs.htModels, 'asdasdasd');\n      this.inputVal = '';\n    },\n    handleRow: function handleRow(val) {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(val);\n    },\n    // 天气\n    handleWather: function handleWather() {\n      var _this8 = this;\n\n      axios({\n        url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',\n        methods: ''\n      }).then(function (res) {\n        _this8.weatherItem = res.data.lives[0];\n        console.log(_this8.weatherItem, 'asdsads');\n      });\n    },\n    Onweather: function Onweather(name) {},\n    //隐藏箱子\n    hideBox: function hideBox() {\n      this.$refs.htModels.handleFirstBox();\n    }\n  },\n  components: {\n    editModal: editModal,\n    analysisConfiguration: analysisConfiguration,\n    dataBoard: dataBoard\n  }\n};",{"version":3,"sources":["index.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\n  <div class=\"content-box\">\n\n    <!-- <div class=\"container\"> -->\n    <div >\n      <el-tabs type=\"border-card\">\n        <el-tab-pane label=\"xx路口\">\n            <div class=\"mapModuleApp\">\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n          ref=\"iframe\"></iframe> -->\n                </div>\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n          </div> -->\n     \n        </el-tab-pane>\n        <el-tab-pane label=\"数据看板\">\n          <dataBoard></dataBoard>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析配置\">\n          <analysisConfiguration></analysisConfiguration>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析状态\">\n          <editModal></editModal>\n        </el-tab-pane>\n        <el-tab-pane label=\"存储\">存储</el-tab-pane>\n      </el-tabs>\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\n  </div>  \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\n  </div>  -->\n\n    </div>\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\n      <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\n          <el-form-item label=\"组件名称\">\n            <el-input v-model=\"form.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\n              <el-option label=\"正向\" value=\"正向\"></el-option>\n              <el-option label=\"反向\" value=\"反向\"></el-option>\n              <el-option label=\"双向\" value=\"双向\"></el-option>\n            </el-select>\n          </el-form-item>\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\n          </el-form-item>\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n        \n      </el-dialog>\n      <!-- 组件弹框 -->\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\n          <el-form-item label=\"名称：\">\n            <el-input v-model=\"componentForm.componentName\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"数值筛选：\">\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\n          </el-form-item>\n          <el-form-item label=\"时间模式：\">\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\n              <el-option label=\"触发\" value=\"touch\"></el-option>\n              <el-option label=\"周期时刻\" value=\"timeing\"></el-option>\n              <el-option label=\"周期统计\" value=\"date\"></el-option>\n            </el-select>\n          </el-form-item>\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\n          <el-radio-group v-model=\"componentForm.touchType\" >\n            <el-radio label=\"实时（触发）\"></el-radio>\n            <el-radio label=\"间隔\"></el-radio>\n          </el-radio-group>\n        </el-form-item> -->\n        <el-form-item label=\"周期间隔：\">\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\n            </el-slider> -->\n            <el-slider v-model=\"componentForm.cycleInterval\">\n            </el-slider>\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\n              <el-option label=\"小时\" value=\"hh\"></el-option>\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\n              <el-option\n\t\t\t   v-for=\"item in timeSelect\"\n\t\t\t   :key=\"item.value\"\n\t\t\t   :label=\"item.label\"\n\t\t\t   :value=\"item.value\"\n\t\t\t ></el-option>\n            </el-select>\n        </el-form-item>\n        <!-- <el-form-item label=\"单位：\" >\n         \n        </el-form-item> -->\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\n              <el-checkbox label=\"数值\" name=\"type\"></el-checkbox>\n              <el-checkbox label=\"表格\" name=\"type\"></el-checkbox>\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\n              <el-checkbox label=\"均值图\" name=\"type\"></el-checkbox>\n            </el-checkbox-group>\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group> -->\n          </el-form-item>\n          \n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n    \n      \n    <!-- </div> -->\n  </div>\n</template>\n\n<script>\n\nimport mqtt from \"mqtt\"; // mqtt协议\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\nimport dataBoard from \"@/views/bounced/dataBoard\";\nimport {getComponentData,getSectionalData} from \"../api/index\";\nimport  serverUrl from \"../config/apiurl.js\"\nimport axios from 'axios'\n\nexport default {\n  data() {\n    return {\n      trajectory:false,//轨迹\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\n      closeStatus: null,\n      modelOthers: false,\n      componentShow: \"\",\n      isShowBtn: true, //菜单按钮隐藏\n      isShowBtn1: false, //菜单按钮显示\n      inputVal: \"\",\n      dialogFormVisible: false,\n      areaComponent: false,\n      indexModule: false,\n      speed: false,\n      component:false,\n      sectionals:[],\n      VideoId:'',\n      title:'断面',\n      componentTitle:'速度',\n      form: {\n        name: '',\n        type:'',\n        id:'',\n        coordinate:'',\n        Direction:'正向',\n        StoppingSpeed:'5'\n      },\n      //初始图形名称\n    startFigureName:'',\n      areaComponentform: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      timeSelect:[\n        {\n         label:'秒',\n         value:'秒'   \n        },{\n          label:'分钟',\n         value:'分钟'  \n        },{\n          label:'小时',\n         value:'小时'  \n        },{\n          label:'天',\n         value:'天'  \n        }\n      ],\n      componentForm:{\n        //单位\n        company: \"秒\",\n        componentName: \"\",\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\n        //周期间隔\n        cycleInterval: \"\",\n        startSectionIds: \"\",\n        startSectionNames: \"\",\n        endSectionIds: \"\",\n        endSectionNames: \"\",\n        endValue: \"\",\n        //展现形式\n        presentationForm: \"\",\n        presentation:[],\n        startValue: \"\",\n        timeMode: \"触发\",\n        type: \"\",\n        startSection:[],\n        endSection:[],\n        componentType: \"\",\n    },\n    //展现形式\n    presentation:['数值','表格','时间曲线图','均值图'],\n      trackForm:{\n        name:\"\"\n      },\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\n      nowTime: \"\",\n      //   weekday: this.$moment().format(\"dddd\"),\n      ins: 0,\n      imgUrl: '',\n      imgUrl1: '',\n      imgUrl2: '',\n      imgUrl3: '',\n      imgUrl4: '',\n      imgUrl5: '',\n      btnPic: [],\n      Data: [\n        {\n          title: 'xx路口',\n          url: ''\n        },\n        {\n          title: '数据看板',\n          url: ''\n        },\n        {\n          title: '分析配置',\n          url: ''\n        },\n        {\n          title: '分析配置',\n          url: ''\n        }\n      ],\n      messageInfo: [],\n      orderList: [],\n      enterList: [],\n      stockInfo: [],\n      perCent: 0,\n      perCent1: 0,\n      perCent2: 0,\n      facToal: \"\",\n      wbContent: '',\n      //   wxContent:'',\n      inContent: '',\n      outContent: '',\n      containerDetails: \"\",\n      locdesc: '',\n      weatherItem: {},\n      loadingShow1: true,\n      number:''\n    //   carInfo: [], //小车信息\n    //   carName: '',\n    //   palletizerInfo: [], //码垛机信息\n    //   palletizerName: '',\n    //   destackerInfo: [], //拆垛机信息\n    //   destackerName: '',\n    //   hoistInfo: [], //提升机信息’\n    //   hoistName: '',\n    //   battaryStationInfo: [],//快换电池装置\n    //   battaryStationName: \"\",\n    //   conveyorInfo: [], //输送机信息\n    //   conveyorName: \"\",\n    };\n  },\n  mounted() {\n    window.getFigure = this.getFigureD;\n    window.getModifyTheName = this.getModifyTheNameN;\n    // window.getModifyTheName = this.getModifyTheNameN;\n    window.getSingleComponentId = this.getSingleComponentIdN;\n  window.OnScene = this.OnSceneN;\n    this.getAllSectionalData(this.$route.query.id)\n    this.VideoId = this.$route.query.id\n    this.number = this.$route.query.num\n    //   this.getSingleComponentIdN()\n  },\n  created() {\n    this.testMqtt()\n   this.componentForm.company = this.timeSelect[0].value;\n  \n  },\n  methods: {\n    // 测试：mqtt测试\n    testMqtt() {\n      this.getDataByMqtt()\n    },\n    //初始化unity\n    OnSceneN(){\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\n    },\n    // //根据组件id获取单个组件数据\n    getSingleComponentIdN(id,type,name){\n        console.log(\"id\",id)\n        console.log(\"type\",type)\n        console.log(\"name\",name)\n        this.componentForm.componentType = type\n        this.componentTitle = type\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\n         console.log(\"res\",res)\n        if(res.data.code==200){\n            console.log(\"res\",res.data.data)\n           this.component=true\n            // this.componentForm.company = res.data.data.company\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\n            this.componentForm.endValue = res.data.data.endValue\n            this.componentForm.startValue = res.data.data.startValue\n            // this.componentForm.timeMode = res.data.data.timeMode\n            this.componentForm.presentationForm = res.data.data.presentationForm\n            this.componentForm.type = res.data.data.type\n            if(res.data.data.startSectionIds!=''){\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\n                var startSectionIdArr = []\n                var startSectionArr = []\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\n                console.log(\"this.sectionals\",this.sectionals)\n                console.log(\"startSectionIdArr\",startSectionIdArr)\n                startSectionIdArr.forEach((item) => {\n                this.sectionals.forEach((items) => {\n                if (item == items.graphicId) {\n\n                    startSectionArr.push(items.graphicName);\n                   this.componentForm.startSection = startSectionArr\n                }\n                });\n            });\n            }\n            if(res.data.data.endSectionIds!=''){\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\n                var endSectionIdArr = []\n                var endSectionArr = []\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\n                console.log(\"this.sectionals\",this.sectionals)\n                console.log(\"endSectionIdArr\",endSectionIdArr)\n                endSectionIdArr.forEach((item) => {\n                this.sectionals.forEach((items) => {\n                if (item == items.graphicId) {\n                  endSectionArr.push(items.graphicName);\n                   this.componentForm.endSection = endSectionArr\n                }\n                });\n            });\n            }\n            if(res.data.data.presentationForm!=''){\n                var presentationN = []\n                presentationN  = res.data.data.presentationForm.split(',')\n                this.componentForm.presentation = presentationN\n            }\n        }\n        })\n    },\n    //获取所有断面数据\n    getAllSectionalData(VideoId){\n       getSectionalData({VideoId:VideoId}).then(res=>{\n         console.log(\"res\",res)\n        if(res.data.code==200){\n          this.sectionals=res.data.data\n        }\n        }) \n    },\n    figureType(type) {\n    if (type == 'Move') {\n        type = '轨迹'\n    } else if (type == 'Poly') {\n        type = '区域'\n    } else if (type == 'Line') {\n        type = '断面'\n    }\n    return type\n    },\n    getFigureD(item,index,indexNew){\n        console.log(\"图形类型\",item)\n        console.log(\"初始图形名称\",index)\n        this.startFigureName = index\n        console.log(\"图形位置\",indexNew)\n         this.dialogFormVisible = true\n        this.form.name = index\n        this.form.type = this.figureType(item)\n        this.form.coordinate = indexNew\n        this.form.id = ''\n         this.title = this.figureType(item)\n       \n        \n    },\n    //双击图形修改图形名称弹框\n    getModifyTheNameN(data){\n        console.log(\"data\",data)\n        var arr = [];\n        arr  = data.split(',')\n        console.log(\"arr\",arr)\n        this.form.id = arr[0]\n        this.form.name = arr[1]\n        this.form.type = arr[2]\n        this.startFigureName = arr[1]\n        if(this.form.type=='轨迹'){\n            // this.open2()\n           this.dialogFormVisible = true\n        }else if(this.form.type=='区域'){\n            this.dialogFormVisible = true\n        }else if(this.form.type=='断面'){\n            this.dialogFormVisible = true\n        }\n    },\n    //新增、编辑图形确认按钮\n    onSubmit(form){ \n        console.log(\"form\",form)\n        //新增\n        if(form.id==''){\n            let formData = new FormData();\n            if(form.type=='断面'){\n                formData.append(\"GraphicName\",form.name);\n        formData.append(\"GraphicType\",form.type);\n        formData.append(\"Coordinate\",form.coordinate);\n        formData.append(\"VideoId\",this.VideoId);\n        formData.append(\"Direction\",form.Direction);\n            }else if(form.type=='区域'){\n                formData.append(\"GraphicName\",form.name);\n        formData.append(\"GraphicType\",form.type);\n        formData.append(\"Coordinate\",form.coordinate);\n        formData.append(\"VideoId\",this.VideoId);\n        formData.append(\"Direction\",form.Direction);\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\n            }else{\n                formData.append(\"GraphicName\",form.name);\n                formData.append(\"GraphicType\",form.type);\n                formData.append(\"Coordinate\",form.coordinate);\n                formData.append(\"VideoId\",this.VideoId);\n                // formData.append(\"Direction\",form.Direction);\n            }\n        \n        axios({\n                method: \"post\",\n                url: serverUrl.addFigure,\n                data:formData\n              }).then((res) => {\n                    console.log(\"res\",res)\n                     \n                     if(res.data.code==200){\n                 this.$message({\n                  message: res.data.msg,\n                  type: 'success'\n                });\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\n                this.dialogFormVisible = false\n               }else{\n                 this.$message({\n                  message: res.data.msg,\n                  type: 'warning'\n                });\n                //   this.dialogFormVisible = false\n                // document.getElementById(\"mapModule\").contentWindow.delFigure()\n               }\n              })\n        }else{\n            //编辑\n            let formData = new FormData();\n             if(form.type=='断面'){\n                formData.append(\"GraphicName\",form.name);\n                formData.append(\"GraphicType\",form.type);\n                formData.append(\"Direction\",form.Direction);\n                formData.append(\"GraphicId\",form.id);\n             }else if(form.type=='区域'){\n                 formData.append(\"GraphicName\",form.name);\n                formData.append(\"GraphicType\",form.type);\n                formData.append(\"Direction\",form.Direction);\n                formData.append(\"GraphicId\",form.id);\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\n            }else{\n                 formData.append(\"GraphicName\",form.name);\n                formData.append(\"GraphicType\",form.type);\n                // formData.append(\"Direction\",form.Direction);\n                formData.append(\"GraphicId\",form.id);\n             }\n        axios({\n                method: \"post\",\n                url: serverUrl.editFigure,\n                data:formData\n              }).then((res) => {\n                    console.log(\"res\",res)\n                     \n                     if(res.data.code==200){\n                 this.$message({\n                  message: res.data.msg,\n                  type: 'success'\n                });\n                console.log(\"startFigureName\",this.startFigureName)\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\n                this.dialogFormVisible = false\n               }else{\n                 this.$message({\n                  message: res.data.msg,\n                  type: 'warning'\n                });\n               }\n              })\n\n        }\n         \n    },\n    //新增编辑组件取消\n    onSubmitComponent(componentForm){\n        this.component = false\n        let formData = new FormData();\n             if(componentForm.componentType=='OD'){\n                 //名称\n                formData.append(\"componentName\",componentForm.componentName);\n                //单位\n                formData.append(\"company\",componentForm.company);\n                //id\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\n                formData.append(\"endValue\",componentForm.endValue);\n                formData.append(\"startValue\",componentForm.startValue);\n                formData.append(\"timeMode\",componentForm.timeMode);\n                formData.append(\"presentationForm\",'矩阵图');\n                formData.append(\"type\",componentForm.type);\n             }else{\n                  //名称\n                formData.append(\"componentName\",componentForm.componentName);\n                //单位\n                formData.append(\"company\",componentForm.company);\n                //id\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\n                // formData.append(\"startSectionIds\",componentForm.startSectionIds);\n                // formData.append(\"startSectionNames\",componentForm.startSectionNames);\n                // formData.append(\"endSectionIds\",componentForm.endSectionIds);\n                // formData.append(\"endSectionNames\",componentForm.endSectionNames);\n                formData.append(\"endValue\",componentForm.endValue);\n                formData.append(\"startValue\",componentForm.startValue);\n                formData.append(\"timeMode\",componentForm.timeMode);\n                formData.append(\"presentationForm\",componentForm.presentationForm);\n                formData.append(\"type\",componentForm.type);\n             }\n        axios({\n                method: \"post\",\n                url: serverUrl.editComponent,\n                data:formData\n              }).then((res) => {\n                    console.log(\"res\",res)\n                     \n                     if(res.data.code==200){\n                 this.$message({\n                  message: res.data.msg,\n                  type: 'success'\n                });\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\n                document.getElementById(\"mapModule\").contentWindow.editComponent()\n                this.dialogFormVisible = false\n               }else{\n                 this.$message({\n                  message: res.data.msg,\n                  type: 'warning'\n                });\n               }\n              })\n    },\n     //新增编辑组件取消\n     closeComponent(componentForm){\n        this.component = false\n    }, \n    //新增、编辑图形取消按钮\n    closeFigure(form){\n        console.log(\"form\",form)\n        if(form.id!=''){\n            this.dialogFormVisible = false\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\n        }else{\n             this.dialogFormVisible = false\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\n        }\n       \n    },\n    closeComponentForm(){\n        this.component = false\n    },\n    closeForm(form){\n        \n        if(this.form.id!=''){\n            this.dialogFormVisible = false\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\n        }else{\n             this.dialogFormVisible = false\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\n        }\n    },\n    //改变起点\n    handleCheckedStartSection(value){\n        console.log(\"改变起点\",value)\n        var startSectionIdArr = []\n        var startSectionNameArr = []\n                value.forEach((item) => {\n                this.sectionals.forEach((items) => {\n                if (item == items.graphicName) {\n                    startSectionIdArr.push(items.graphicId);\n                    startSectionNameArr.push(items.graphicName);\n                    let newStartSectionId = startSectionIdArr.join(\",\")\n                    let newStartSectionName = startSectionNameArr.join(\",\")\n                   this.componentForm.startSectionIds = newStartSectionId\n                   this.componentForm.startSectionNames = newStartSectionName\n                }\n                });\n            });\n    },\n    //改变终点\n    handleCheckedendSection(value){\n        console.log(\"改变终点\",value)\n         var endSectionIdArr = []\n        var endSectionNameArr = []\n                value.forEach((item) => {\n                this.sectionals.forEach((items) => {\n                if (item == items.graphicName) {\n                    endSectionIdArr.push(items.graphicId);\n                    endSectionNameArr.push(items.graphicName);\n                    let newendSectionId = endSectionIdArr.join(\",\")\n                    let newEndSectionName = endSectionNameArr.join(\",\")\n                    console.log(\"newendSectionId\",newendSectionId)\n                    console.log(\"newEndSectionName\",newEndSectionName)\n                   this.componentForm.endSectionIds = newendSectionId\n                   this.componentForm.endSectionNames = newEndSectionName\n\n                }\n                });\n            });\n    },\n    //修改展现形式\n    handlePresentation(value){\n         console.log(\"展现形式\",value)\n          let presentation = value.join(\",\")\n          this.componentForm.presentationForm = presentation\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\n    },\n    //模型加载等待\n    loadingShow(data) {\n      this.loadingShow1 = data\n    },\n\n    // mqtt订阅（独立）\n    getDataByMqtt(url, topic, cIdNum) {\n       \n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n      const host = 'ws://172.16.1.168:10087/';\n\n      const options = {\n        // 配置\n        // 测试：订阅本机IP\n        // host: host,\n        // port: port,\n        // host:\"172.16.1.168:10086\",\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\n        username: 'admin',  // 用户名（可选）\n        password: '123456',  // 密码（可选）\n        clientId: clientId, // 客户端ID，默认随机生成\n        protocolId: \"MQTT\",\n        protocolVersion: 4,\n        clean: true, // false在离线时接收QoS1和2的消息\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\n        will: {\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n          topic: \"img1\", // 要发布的主题\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n          retain: false, // 保留标志\n        },\n      };\n      if (this.mqttClient == undefined) {\n        this.mqttClient = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host)  // 连接\n        // 错误回调\n        // console.log(\"this.mqttClient\", this.mqttClient)\n        this.mqttClient.on(\"error\", (err) => {\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\n          this.mqttClient.end();\n        });\n        // 重连回调\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\n        //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n        });\n       \n        // 连接回调\n        this.mqttClient.on(\"connect\", (connect) => {\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\n          \n          \n        //    this.client.connect('aaa', '111')\n         \n        //   this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });\n        //   this.mqttClient.subscribe('img1', { qos: 0 });\n        //   this.mqttClient.subscribe('img2', { qos: 0 });\n        //   this.mqttClient.subscribe('img3', { qos: 0 });\n        //   this.mqttClient.subscribe('img4', { qos: 0 });\n        //   this.mqttClient.subscribe('img5', { qos: 0 });\n          // 订阅\n        this.mqttClient.subscribe('img'+this.number, { qos: 0 });\n         this.mqttClient.publish('msg_flag', this.number);\n         this.mqttClient.subscribe('stream'+this.number, { qos: 0 });\n        // this.mqttClient.subscribe('stream'+this.number, { qos: 0 });\n        //   this.mqttClient.subscribe('stream1', { qos: 0 });\n        //   this.mqttClient.subscribe('stream2', { qos: 0 });\n        //   this.mqttClient.subscribe('stream3', { qos: 0 });\n        //   this.mqttClient.subscribe('stream4', { qos: 0 });\n        //   this.mqttClient.subscribe('stream5', { qos: 0 });\n          \n        });\n         \n        // 接收回调\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\n          \n          if (topic.indexOf(\"img0\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n             \n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n            //   console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img1\") != -1) {\n             try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n             \n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n            //   console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img2\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n             \n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n            //   console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img3\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n             \n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n            //   console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img4\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n             \n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n            //   console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"img5\") != -1) {\n            try {\n              const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n             \n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n            //   console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"stream0\") != -1) {\n            // const utf8decoder1 = new TextDecoder()\n            //   const u8arr = new Uint8Array(message)\n            //   const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\n            //   const msg = JSON.parse(temp)\n            //     document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\n            try {\n              const utf8decoder1 = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\n             \n            } catch {\n              let imageType = 'arraybuffer';\n              const blob = new Blob([message], { type: imageType })\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n            //   console.log(\"imageUrl\", imageUrl)\n            }\n          } else if (topic.indexOf(\"stream1\") != -1) {\n             const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\n          } else if (topic.indexOf(\"stream2\") != -1) {\n            const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\n          } else if (topic.indexOf(\"stream3\") != -1) {\n             const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\n          } else if (topic.indexOf(\"stream4\") != -1) {\n            const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\n          } else if (topic.indexOf(\"stream5\") != -1) {\n             const utf8decoder = new TextDecoder()\n              const u8arr = new Uint8Array(message)\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\n              const msg = JSON.parse(temp)\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\n          }else{\n\n          }\n\n        });\n      }\n\n\n    },\n\n    handleSearch() {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(this.inputVal);\n      console.log(this.$refs.htModels, 'asdasdasd');\n      this.inputVal = ''\n    },\n    handleRow(val) {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(val);\n    },\n    // 天气\n    handleWather() {\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\n        this.weatherItem = res.data.lives[0]\n        console.log(this.weatherItem, 'asdsads');\n      })\n    },\n    Onweather(name) {\n    },\n    //隐藏箱子\n    hideBox() {\n      this.$refs.htModels.handleFirstBox();\n    }\n  },\n  components: {\n    editModal,\n    analysisConfiguration,\n    dataBoard\n  },\n};\n</script>\n<style scoped>\n.el-form-item {\n  margin-bottom: 15px;\n}\n\n.content-box::-webkit-scrollbar {\n    display: none; /* Chrome Safari */\n}\n.new-dialog{\n        width: 21%;\n    height: 33%;\n    left: calc(76vw);\n    top: 69vh;\n    bottom: 0 /* right:auto;; */;\n}\n\n/* .new-dialog .el-dialog {\n    width:100%!important;\n        margin: 0vh auto !important;\n        margin-top: 0vh!important;\n} */\n.new-dialog .el-dialog {\n    width:100%!important;\n        margin: 0 auto 0px!important;\n        /* margin-top: 0vh!important; */\n}\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\n    display: none; /* Chrome Safari */\n}\n.new-dialog .customWidth{\n    width: 100%;\nmin-width: 150px;\n}\n.mapModuleApp{\n    /* width:100%; */\n    width:1600px;\n    height:900px;\n    display:inline-block;\n    border:1px soild #eee;\n}\n\n</style>\n"],"sourceRoot":"src/views"}]}