diff --git a/node_modules/.cache/babel-loader/66edb5e66641cac92090dcb2e9d58edf.json b/node_modules/.cache/babel-loader/66edb5e66641cac92090dcb2e9d58edf.json
index cebb212a..9d021c56 100644
--- a/node_modules/.cache/babel-loader/66edb5e66641cac92090dcb2e9d58edf.json
+++ b/node_modules/.cache/babel-loader/66edb5e66641cac92090dcb2e9d58edf.json
@@ -1 +1 @@
-{"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\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673083578152},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport _defineProperty from \"D:/\\u89C6\\u9891\\u8FB9\\u7F181215/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport { getGetShipjk, getDeleteShipjk, getApplication } from \"../api/index\";\nimport serverUrl from \"../config/apiurl.js\";\nimport axios from 'axios';\nexport default {\n  data: function data() {\n    var _ref;\n\n    return _ref = {\n      componentShow: \"\",\n      currentDate: new Date(),\n      closeStatus: null,\n      dialogFormVisible: false,\n      fileList: [// {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\n      ],\n      form: {\n        radio: '',\n        name: '',\n        city: '',\n        videoUrl: ''\n      },\n      formLabelWidth: '120px'\n    }, _defineProperty(_ref, \"formLabelWidth\", '200px'), _defineProperty(_ref, \"videoList\", [//     {\n      //     img:require('@/assets/img/AnalysisMain/img1.png'),\n      //     type:'实时视频',\n      //     title:'视频监控001'\n      // },{\n      //     img:require('@/assets/img/AnalysisMain/img2.png'),\n      //     type:'离线视频',\n      //     title:'视频监控002'\n      // },{\n      //     img:require('@/assets/img/AnalysisMain/img3.png'),\n      //     type:'实时视频',\n      //     title:'视频监控003'\n      // }\n    ]), _ref;\n  },\n  mounted: function mounted() {\n    console.log(\"dialogFormVisible\", this.dialogFormVisible);\n    this.getVideoList();\n  },\n  methods: {\n    informationInfo: function informationInfo(data, item) {\n      console.log(\"data\", data);\n\n      if (data == '新增') {\n        this.form = {\n          radio: '',\n          name: '',\n          city: '',\n          videoUrl: ''\n        }, this.dialogFormVisible = true;\n      }\n    },\n    open: function open(item) {\n      var _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\", form.videoType);\n      formData.append(\"VideoStreamAddress\", form.videoStreamAddress);\n      axios({\n        method: \"post\",\n        url: serverUrl.dataUrl,\n        data: formData\n      }).then(function (res) {\n        console.log(\"提交按钮\", res);\n\n        if (res.data.msg == '添加成功') {\n          _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          _this3.$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 _this4 = this;\n\n      var size = this.file.size; //文件大小\n\n      var maxZrea = 8; //设置每个分区大小 MB\n\n      var bufferSize = maxZrea * (1024 * 1024);\n      var fileStart = 0;\n      var fileEnd = bufferSize;\n      var arrFile = [];\n\n      while (fileStart < size) {\n        var fileInfo = {\n          File: this.file.slice(fileStart, fileEnd),\n          Start: fileStart,\n          End: fileEnd\n        };\n        arrFile.push(fileInfo);\n        fileStart = fileEnd;\n        fileEnd = fileStart + bufferSize;\n      }\n\n      var count = arrFile.length;\n      var filename = this.file.name + \"~\" + this.guid();\n\n      for (var i = 0; i < count; i++) {\n        var formData = new FormData(); //new一个formData事件\n\n        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\n\n        var url = serverUrl.getSpareElementOrder + \"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\n        console.log(\"url\", url); //               axios({\n        //     method: \"post\",\n        //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\n        //     headers: {\n        //                     \"Content-Type\": \"multipart/form-data;\",\n        //                 }\n        //   })\n\n        axios.post(url, formData, {\n          headers: {\n            \"Content-Type\": \"multipart/form-data;\"\n          }\n        }).then(function (r) {\n          console.log(\"r.data\", r.data);\n\n          if (r.data.code != 200) {\n            console.log(r.data);\n          } else {\n            _this4.$message({\n              message: r.data.msg,\n              type: 'success'\n            });\n          } //console.log(r.data.code);\n\n        }).catch(function (e) {\n          console.log(e);\n        });\n      }\n    },\n    goToPage: function goToPage(id, num) {\n      this.$router.push({\n        path: 'index',\n        query: {\n          id: id,\n          num: num\n        }\n      });\n    },\n    //获取视频数据\n    getVideoList: function getVideoList() {\n      var _this5 = 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              img: require('@/assets/img/AnalysisMain/img1.png')\n            });\n          });\n          _this5.videoList = arr;\n          console.log(\"this.videoList\", _this5.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    } //    onUpdateSubmit(data) {\n    //       if (data?.id) {\n    //         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\n    //       } else {\n    //         this.tableData.push({\n    //           id: Math.floor(Math.random() * 300),\n    //           name: data.name,\n    //           creator: 'dd',\n    //         })\n    //       }\n    //       this.dialogFormVisible = false;\n    //     },\n\n  },\n  components: {\n    editModal: editModal\n  }\n};",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"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)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></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>\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\"><el-button  type=\"primary\" @click=\"applicationBtn\">应用</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\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                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\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      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\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}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.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"}]}
\ No newline at end of file
+{"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\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673339663032},{"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/web.dom.iterable\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport _defineProperty from \"D:/\\u89C6\\u9891\\u8FB9\\u7F181215/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport { getGetShipjk, getDeleteShipjk, getApplication } from \"../api/index\";\nimport serverUrl from \"../config/apiurl.js\";\nimport axios from 'axios';\nexport default {\n  data: function data() {\n    var _ref;\n\n    return _ref = {\n      componentShow: \"\",\n      currentDate: new Date(),\n      closeStatus: null,\n      dialogFormVisible: false,\n      fileList: [// {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\n      ],\n      form: {\n        radio: '',\n        name: '',\n        city: '',\n        videoUrl: ''\n      },\n      formLabelWidth: '120px'\n    }, _defineProperty(_ref, \"formLabelWidth\", '200px'), _defineProperty(_ref, \"videoList\", [//     {\n      //     img:require('@/assets/img/AnalysisMain/img1.png'),\n      //     type:'实时视频',\n      //     title:'视频监控001'\n      // },{\n      //     img:require('@/assets/img/AnalysisMain/img2.png'),\n      //     type:'离线视频',\n      //     title:'视频监控002'\n      // },{\n      //     img:require('@/assets/img/AnalysisMain/img3.png'),\n      //     type:'实时视频',\n      //     title:'视频监控003'\n      // }\n    ]), _ref;\n  },\n  mounted: function mounted() {\n    console.log(\"dialogFormVisible\", this.dialogFormVisible);\n    this.getVideoList();\n  },\n  methods: {\n    informationInfo: function informationInfo(data, item) {\n      console.log(\"data\", data);\n\n      if (data == '新增') {\n        this.form = {\n          radio: '',\n          name: '',\n          city: '',\n          videoUrl: ''\n        }, this.dialogFormVisible = true;\n      }\n    },\n    open: function open(item) {\n      var _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\", form.videoType);\n      formData.append(\"VideoStreamAddress\", form.videoStreamAddress);\n      axios({\n        method: \"post\",\n        url: serverUrl.dataUrl,\n        data: formData\n      }).then(function (res) {\n        console.log(\"提交按钮\", res);\n\n        if (res.data.msg == '添加成功') {\n          _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          _this3.$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 _this4 = this;\n\n      var size = this.file.size; //文件大小\n\n      var maxZrea = 8; //设置每个分区大小 MB\n\n      var bufferSize = maxZrea * (1024 * 1024);\n      var fileStart = 0;\n      var fileEnd = bufferSize;\n      var arrFile = [];\n\n      while (fileStart < size) {\n        var fileInfo = {\n          File: this.file.slice(fileStart, fileEnd),\n          Start: fileStart,\n          End: fileEnd\n        };\n        arrFile.push(fileInfo);\n        fileStart = fileEnd;\n        fileEnd = fileStart + bufferSize;\n      }\n\n      var count = arrFile.length;\n      var filename = this.file.name + \"~\" + this.guid();\n\n      for (var i = 0; i < count; i++) {\n        var formData = new FormData(); //new一个formData事件\n\n        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\n\n        var url = serverUrl.getSpareElementOrder + \"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\n        console.log(\"url\", url); //               axios({\n        //     method: \"post\",\n        //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\n        //     headers: {\n        //                     \"Content-Type\": \"multipart/form-data;\",\n        //                 }\n        //   })\n\n        axios.post(url, formData, {\n          headers: {\n            \"Content-Type\": \"multipart/form-data;\"\n          }\n        }).then(function (r) {\n          console.log(\"r.data\", r.data);\n\n          if (r.data.code != 200) {\n            console.log(r.data);\n          } else {\n            _this4.$message({\n              message: r.data.msg,\n              type: 'success'\n            });\n          } //console.log(r.data.code);\n\n        }).catch(function (e) {\n          console.log(e);\n        });\n      }\n    },\n    goToPage: function goToPage(id, num) {\n      this.$router.push({\n        path: 'index',\n        query: {\n          id: id,\n          num: num\n        }\n      });\n    },\n    //获取视频数据\n    getVideoList: function getVideoList() {\n      var _this5 = 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              img: require('@/assets/img/AnalysisMain/img1.png')\n            });\n          });\n          _this5.videoList = arr;\n          console.log(\"this.videoList\", _this5.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    } //    onUpdateSubmit(data) {\n    //       if (data?.id) {\n    //         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\n    //       } else {\n    //         this.tableData.push({\n    //           id: Math.floor(Math.random() * 300),\n    //           name: data.name,\n    //           creator: 'dd',\n    //         })\n    //       }\n    //       this.dialogFormVisible = false;\n    //     },\n\n  },\n  components: {\n    editModal: editModal\n  }\n};",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"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)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></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>\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\"><el-button  type=\"primary\" @click=\"applicationBtn\">应用</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\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                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\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      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\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}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.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"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/ebcbf507f66a6b4210cfde98cae6e2ca.json b/node_modules/.cache/babel-loader/ebcbf507f66a6b4210cfde98cae6e2ca.json
index de438e2e..4a69b0af 100644
--- a/node_modules/.cache/babel-loader/ebcbf507f66a6b4210cfde98cae6e2ca.json
+++ b/node_modules/.cache/babel-loader/ebcbf507f66a6b4210cfde98cae6e2ca.json
@@ -1 +1 @@
-{"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\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673243568869},{"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.regexp.to-string\";\nimport \"core-js/modules/es6.typed.uint8-array\";\nimport \"core-js/modules/es6.function.name\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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\nexport default {\n  data: function data() {\n    return {\n      sizeForm: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      formInline: {\n        user: '',\n        region: ''\n      },\n      //最上部表单\n      topForm: {},\n      //坐标转换\n      coordinateForm: {\n        coordinateClose: false,\n        model: 'Georeferencing',\n        coordinateTransformation: '84坐标系'\n      },\n      coordinateTableData: [{\n        name: '11',\n        longitude: '111',\n        inIp: '01',\n        latitude: ''\n      }, {\n        name: '22',\n        longitude: '222',\n        inIp: '02',\n        latitude: ''\n      }, {\n        name: '33',\n        longitude: '333',\n        inIp: '03',\n        latitude: ''\n      }],\n      //车道识别配置\n      laneform: {\n        laneClose: false,\n        areaDetector: false,\n        sectionDetector: false\n      },\n      //识别区域\n      identificationAreaform: {\n        identificationAreaClose: false\n      },\n      //轨迹平滑\n      trajectorySmoothingform: {\n        trajectorySmoothingClose: false,\n        time: ''\n      },\n      // 车牌识别\n      licensePlateform: {\n        licensePlateClose: false\n      },\n      licensePlateTableData: [{\n        thresholdValue: '11',\n        sectionPlate: '111',\n        inIp: '01',\n        setAssociation: ''\n      }, {\n        thresholdValue: '22',\n        sectionPlate: '222',\n        inIp: '02',\n        setAssociation: ''\n      }, {\n        thresholdValue: '33',\n        sectionPlate: '333',\n        inIp: '03',\n        setAssociation: ''\n      }],\n      //停车状态\n      stopStateform: {\n        displacement: '2000',\n        speed: '2000',\n        acceleration: '2000'\n      },\n      //通信设置\n      communicationform: {\n        type: '快速-用于高带宽连接',\n        renewalFrequency: ''\n      },\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      tableData: [{\n        name: '11',\n        inPort: '111',\n        inIp: '01'\n      }, {\n        name: '22',\n        inPort: '222',\n        inIp: '02'\n      }, {\n        name: '33',\n        inPort: '333',\n        inIp: '03'\n      }],\n      internalIpList: [],\n      fileList: []\n    };\n  },\n  created: function created() {//    this.getDataByMqtt()\n    //  this.testMqtt()\n    //  var iframe = document.getElementById(\"mapModule\");\n    // iframe.onload = function () {\n    //     setTimeout(() => {\n    //         this.testMqtt()\n    //     }, 5000);\n    // };\n    //     iframe.onload = () => {\n    // setTimeout(() => {\n    //             this.load()\n    //         }, 5000);// 这样每次都会触发\n    // }\n  },\n  methods: {\n    load: function load() {\n      var _this = this;\n\n      console.log('1111');\n      var iframe = document.getElementById('mapModuleTop');\n      console.log('iframe', iframe);\n\n      iframe.onload = function () {\n        // setTimeout(() => {\n        _this.testMqtt(); // }, 5000);\n\n      };\n    },\n    testMqtt: function testMqtt() {\n      console.log('222');\n      this.getDataByMqtt();\n    },\n    handleChange: function handleChange() {},\n    handleagain: function handleagain() {\n      var _this2 = this;\n\n      this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {// this.$message({\n        //   type: 'success',\n        //   message: '删除成功!'\n        // });\n      }).catch(function () {\n        _this2.$message({\n          type: 'info',\n          message: '已取消'\n        });\n      });\n    },\n    handleReset: function handleReset() {\n      var _this3 = this;\n\n      this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {// this.$message({\n        //   type: 'success',\n        //   message: '删除成功!'\n        // });\n      }).catch(function () {\n        _this3.$message({\n          type: 'info',\n          message: '已取消重置'\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    getReverseShellList: function getReverseShellList() {\n      //   getShellList().then(res => {\n      //     if (res.code === 200) {\n      //       if (res.data && res.data.length > 0) {\n      //       \t// 获取到的数据加上 isEdit是false， 默认是文本\n      //         res.data.forEach(item => {\n      //           item['isEdit'] = false\n      //         })\n      //       }\n      //   this.tableData = res.data\n      // 在表格列表前插入一行，用来新增数据\n      this.tableData.unshift({\n        name: '',\n        inIp: '',\n        inPort: null,\n        outPort: null,\n        enabled: null,\n        isEdit: true\n      }); //     }\n      //   })\n    },\n    // 新增按钮\n    handleAdd: function handleAdd(row) {\n      for (var key in row) {\n        // 判断一行字段是否输入完整\n        if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n          this.msgError('Please complete the information');\n          return;\n        }\n      }\n\n      var params = {\n        name: row.name,\n        inIp: row.inIp // inPort: parseInt(row.inPort),\n        // outPort: parseInt(row.outPort),\n        // enabled: row.enabled\n\n      };\n      this.getReverseShellList(); //   addShell(params).then(res => {\n      //     if (res.code === 200) {\n      //       this.msgSuccess('Add reverse shell successfully')\n      //       row.isEdit = false\n      //       this.getReverseShellList()\n      //     }\n      //   })\n    },\n    // 编辑或者Apply按钮\n    handleUpdate: function handleUpdate(row) {\n      // 点击Apply时\n      if (row.isEdit) {\n        for (var key in row) {\n          if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n            this.msgError('Please complete the information');\n            return;\n          }\n        }\n\n        var params = {\n          name: row.name,\n          inIp: row.inIp,\n          inPort: parseInt(row.inPort),\n          outPort: parseInt(row.outPort),\n          enabled: row.enabled\n        }; // updateShell(params).then(res => {\n        //   if (res.code === 200) {\n        //     this.msgSuccess('Update reverse shell successfully')\n        //     this.getReverseShellList()\n        //   }\n        // })\n      } else {\n        // 点击编辑时\n        row.isEdit = true;\n      }\n    },\n    // 删除或取消按钮\n    handleDelete: function handleDelete(row) {\n      // 点击取消时\n      if (row.isEdit) {\n        this.getReverseShellList();\n      } else {\n        // 点击删除时\n        this.$confirm('Are you sure to delete reverse shell?', 'warning', {\n          confirmButtonText: 'Sure',\n          cancelButtonText: 'Cancel',\n          type: 'warning'\n        }).then(function () {//   deleteShell(row.name).then(res => {\n          //     if (res.code === 200) {\n          //       this.msgSuccess('Delete reverse shell successfully')\n          //       this.getReverseShellList()\n          //     }\n          //   })\n        }).catch(function () {});\n      }\n    },\n    // mqtt订阅（独立）\n    getDataByMqtt: function getDataByMqtt(url, topic, cIdNum) {\n      var _this4 = this;\n\n      //     var that = this\n      // that.$refs.iframe.contentWindow.getDestination(1)\n      // console.log(\"1111\",document.getElementById(\"mapModule\"))\n      //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\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          _this4.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          // 订阅\n          _this4.mqttClient.subscribe('img0', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('img1', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('img2', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('img3', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('img4', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('img5', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('stream0', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('stream1', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('stream2', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('stream3', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('stream4', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('stream5', {\n            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            //   debugger\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n            //   console.log(\"msg.pic\", msg.pic)\n            //   debugger\n            // var that = this\n            //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n            // window.parent.getDestination(JSON.stringify(msg));\n            //    debugger\n            // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\n            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\n            //   console.log(\"imageUrl\", imageUrl)\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              var _utf8decoder = new TextDecoder();\n\n              var _u8arr = new Uint8Array(message);\n\n              var _temp = _utf8decoder.decode(_u8arr); // 将二进制数据转为字符串\n\n\n              var _msg = JSON.parse(_temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log('msg', _msg); //msg为转换后的JSON数据\n\n              _this4.imgUrl1 = 'data:image/png;base64,' + _msg.pic;\n              console.log('imageUrl', imageUrl);\n            } catch (_unused) {\n              var imageType = 'arraybuffer';\n              var blob = new Blob([message], {\n                type: imageType\n              });\n\n              var _imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\n\n              console.log('imageUrl', _imageUrl);\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              console.log('msg', _msg2); //msg为转换后的JSON数据\n\n              _this4.imgUrl2 = 'data:image/png;base64,' + _msg2.pic;\n              console.log('imageUrl', imageUrl);\n            } catch (_unused2) {\n              var _imageType = 'arraybuffer';\n\n              var _blob = new Blob([message], {\n                type: _imageType\n              });\n\n              var _imageUrl2 = (window.URL || window.webkitURL).createObjectURL(_blob);\n\n              console.log('imageUrl', _imageUrl2);\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              console.log('msg', _msg3); //msg为转换后的JSON数据\n\n              _this4.imgUrl3 = 'data:image/png;base64,' + _msg3.pic;\n              console.log('imageUrl', imageUrl);\n            } catch (_unused3) {\n              var _imageType2 = 'arraybuffer';\n\n              var _blob2 = new Blob([message], {\n                type: _imageType2\n              });\n\n              var _imageUrl3 = (window.URL || window.webkitURL).createObjectURL(_blob2);\n\n              console.log('imageUrl', _imageUrl3);\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              console.log('msg', _msg4); //msg为转换后的JSON数据\n\n              _this4.imgUrl4 = 'data:image/png;base64,' + _msg4.pic;\n              console.log('imageUrl', imageUrl);\n            } catch (_unused4) {\n              var _imageType3 = 'arraybuffer';\n\n              var _blob3 = new Blob([message], {\n                type: _imageType3\n              });\n\n              var _imageUrl4 = (window.URL || window.webkitURL).createObjectURL(_blob3);\n\n              console.log('imageUrl', _imageUrl4);\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              console.log('msg', _msg5); //msg为转换后的JSON数据\n\n              _this4.imgUrl5 = 'data:image/png;base64,' + _msg5.pic;\n              console.log('imageUrl', imageUrl);\n            } catch (_unused5) {\n              var _imageType4 = 'arraybuffer';\n\n              var _blob4 = new Blob([message], {\n                type: _imageType4\n              });\n\n              var _imageUrl5 = (window.URL || window.webkitURL).createObjectURL(_blob4);\n\n              console.log('imageUrl', _imageUrl5);\n            }\n          } else if (topic.indexOf('stream0') != -1) {// console.log(\n            //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            //   new Date(),\n            //   new Date().getMilliseconds()\n            // );\n          } else if (topic.indexOf('stream0') != -1) {// console.log(\n            //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            //   new Date(),\n            //   new Date().getMilliseconds()\n            // );\n          } else if (topic.indexOf('stream1') != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf('stream2') != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf('stream3') != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf('stream4') != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf('stream5') != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          }\n        });\n      }\n    }\n  }\n};",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\">\r\n                          <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\">\r\n                            <el-input v-model=\"sizeForm.name\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.name\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"模型：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-radio-group v-model=\"coordinateForm.model\">\r\n                                <el-radio label=\"Georeferencing\"></el-radio>\r\n\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                            <div class=\"warning\">\r\n                                <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                >地理参照允许测量物理速度和静态图像源的距离。\r\n                            </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <iframe\r\n                                id=\"mapModuleTop\"\r\n                                @load=\"load\"\r\n                                src=\"./VideoWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                            <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.$index === 0\" v-model=\"scope.row.name\" maxlength=\"30\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.name\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.longitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.latitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"coordinateForm.coordinateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\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=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系'\r\n            },\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: false\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n    },\r\n    methods: {\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\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        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\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        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(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
+{"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\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673344988966},{"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 _defineProperty from \"D:/\\u89C6\\u9891\\u8FB9\\u7F181215/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.typed.uint8-array\";\nimport \"core-js/modules/es6.function.name\";\n\nvar _methods;\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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\nexport default {\n  data: function data() {\n    return {\n      sizeForm: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      formInline: {\n        user: '',\n        region: ''\n      },\n      //最上部表单\n      topForm: {},\n      //坐标转换\n      coordinateForm: {\n        coordinateClose: false,\n        model: 'Georeferencing',\n        coordinateTransformation: '84坐标系',\n        value: '0',\n        num: 1\n      },\n      options: [{\n        value: '0',\n        label: '南'\n      }, {\n        value: '1',\n        label: '北'\n      }],\n      coordinateTableData: [{\n        name: '11',\n        longitude: '111',\n        inIp: '01',\n        latitude: ''\n      }, {\n        name: '22',\n        longitude: '222',\n        inIp: '02',\n        latitude: ''\n      }, {\n        name: '33',\n        longitude: '333',\n        inIp: '03',\n        latitude: ''\n      }],\n      //车道识别配置\n      laneform: {\n        laneClose: false,\n        areaDetector: false,\n        sectionDetector: false\n      },\n      //识别区域\n      identificationAreaform: {\n        identificationAreaClose: false\n      },\n      //轨迹平滑\n      trajectorySmoothingform: {\n        trajectorySmoothingClose: false,\n        time: ''\n      },\n      // 车牌识别\n      licensePlateform: {\n        licensePlateClose: false\n      },\n      licensePlateTableData: [{\n        thresholdValue: '11',\n        sectionPlate: '111',\n        inIp: '01',\n        setAssociation: ''\n      }, {\n        thresholdValue: '22',\n        sectionPlate: '222',\n        inIp: '02',\n        setAssociation: ''\n      }, {\n        thresholdValue: '33',\n        sectionPlate: '333',\n        inIp: '03',\n        setAssociation: ''\n      }],\n      //停车状态\n      stopStateform: {\n        displacement: '2000',\n        speed: '2000',\n        acceleration: '2000'\n      },\n      //通信设置\n      communicationform: {\n        type: '快速-用于高带宽连接',\n        renewalFrequency: ''\n      },\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      tableData: [{\n        name: '11',\n        inPort: '111',\n        inIp: '01'\n      }, {\n        name: '22',\n        inPort: '222',\n        inIp: '02'\n      }, {\n        name: '33',\n        inPort: '333',\n        inIp: '03'\n      }],\n      internalIpList: [],\n      fileList: []\n    };\n  },\n  created: function created() {//    this.getDataByMqtt()\n    //  this.testMqtt()\n    //  var iframe = document.getElementById(\"mapModule\");\n    // iframe.onload = function () {\n    //     setTimeout(() => {\n    //         this.testMqtt()\n    //     }, 5000);\n    // };\n    //     iframe.onload = () => {\n    // setTimeout(() => {\n    //             this.load()\n    //         }, 5000);// 这样每次都会触发\n    // }\n  },\n  methods: (_methods = {\n    handleChange: function handleChange(value) {\n      console.log(value);\n    },\n    load: function load() {\n      var _this = this;\n\n      console.log('1111');\n      var iframe = document.getElementById('mapModuleTop');\n      console.log('iframe', iframe);\n\n      iframe.onload = function () {\n        // setTimeout(() => {\n        _this.testMqtt(); // }, 5000);\n\n      };\n    },\n    testMqtt: function testMqtt() {\n      console.log('222');\n      this.getDataByMqtt();\n    }\n  }, _defineProperty(_methods, \"handleChange\", function handleChange() {}), _defineProperty(_methods, \"handleagain\", function handleagain() {\n    var _this2 = this;\n\n    this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\n      confirmButtonText: '确定',\n      cancelButtonText: '取消',\n      type: 'warning'\n    }).then(function () {// this.$message({\n      //   type: 'success',\n      //   message: '删除成功!'\n      // });\n    }).catch(function () {\n      _this2.$message({\n        type: 'info',\n        message: '已取消'\n      });\n    });\n  }), _defineProperty(_methods, \"handleReset\", function handleReset() {\n    var _this3 = this;\n\n    this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\n      confirmButtonText: '确定',\n      cancelButtonText: '取消',\n      type: 'warning'\n    }).then(function () {// this.$message({\n      //   type: 'success',\n      //   message: '删除成功!'\n      // });\n    }).catch(function () {\n      _this3.$message({\n        type: 'info',\n        message: '已取消重置'\n      });\n    });\n  }), _defineProperty(_methods, \"handleRemove\", function handleRemove(file, fileList) {\n    console.log(file, fileList);\n  }), _defineProperty(_methods, \"handlePreview\", function handlePreview(file) {\n    console.log(file);\n  }), _defineProperty(_methods, \"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  }), _defineProperty(_methods, \"beforeRemove\", function beforeRemove(file, fileList) {\n    return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n  }), _defineProperty(_methods, \"getReverseShellList\", function getReverseShellList() {\n    //   getShellList().then(res => {\n    //     if (res.code === 200) {\n    //       if (res.data && res.data.length > 0) {\n    //       \t// 获取到的数据加上 isEdit是false， 默认是文本\n    //         res.data.forEach(item => {\n    //           item['isEdit'] = false\n    //         })\n    //       }\n    //   this.tableData = res.data\n    // 在表格列表前插入一行，用来新增数据\n    this.tableData.unshift({\n      name: '',\n      inIp: '',\n      inPort: null,\n      outPort: null,\n      enabled: null,\n      isEdit: true\n    }); //     }\n    //   })\n  }), _defineProperty(_methods, \"handleAdd\", function handleAdd(row) {\n    for (var key in row) {\n      // 判断一行字段是否输入完整\n      if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n        this.msgError('Please complete the information');\n        return;\n      }\n    }\n\n    var params = {\n      name: row.name,\n      inIp: row.inIp // inPort: parseInt(row.inPort),\n      // outPort: parseInt(row.outPort),\n      // enabled: row.enabled\n\n    };\n    this.getReverseShellList(); //   addShell(params).then(res => {\n    //     if (res.code === 200) {\n    //       this.msgSuccess('Add reverse shell successfully')\n    //       row.isEdit = false\n    //       this.getReverseShellList()\n    //     }\n    //   })\n  }), _defineProperty(_methods, \"handleUpdate\", function handleUpdate(row) {\n    // 点击Apply时\n    if (row.isEdit) {\n      for (var key in row) {\n        if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n          this.msgError('Please complete the information');\n          return;\n        }\n      }\n\n      var params = {\n        name: row.name,\n        inIp: row.inIp,\n        inPort: parseInt(row.inPort),\n        outPort: parseInt(row.outPort),\n        enabled: row.enabled\n      }; // updateShell(params).then(res => {\n      //   if (res.code === 200) {\n      //     this.msgSuccess('Update reverse shell successfully')\n      //     this.getReverseShellList()\n      //   }\n      // })\n    } else {\n      // 点击编辑时\n      row.isEdit = true;\n    }\n  }), _defineProperty(_methods, \"handleDelete\", function handleDelete(row) {\n    // 点击取消时\n    if (row.isEdit) {\n      this.getReverseShellList();\n    } else {\n      // 点击删除时\n      this.$confirm('Are you sure to delete reverse shell?', 'warning', {\n        confirmButtonText: 'Sure',\n        cancelButtonText: 'Cancel',\n        type: 'warning'\n      }).then(function () {//   deleteShell(row.name).then(res => {\n        //     if (res.code === 200) {\n        //       this.msgSuccess('Delete reverse shell successfully')\n        //       this.getReverseShellList()\n        //     }\n        //   })\n      }).catch(function () {});\n    }\n  }), _defineProperty(_methods, \"getDataByMqtt\", function getDataByMqtt(url, topic, cIdNum) {\n    var _this4 = this;\n\n    //     var that = this\n    // that.$refs.iframe.contentWindow.getDestination(1)\n    // console.log(\"1111\",document.getElementById(\"mapModule\"))\n    //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\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        _this4.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        // 订阅\n        _this4.mqttClient.subscribe('img0', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('img1', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('img2', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('img3', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('img4', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('img5', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('stream0', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('stream1', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('stream2', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('stream3', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('stream4', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('stream5', {\n          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          //   debugger\n          //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n          //   console.log(\"msg.pic\", msg.pic)\n          //   debugger\n          // var that = this\n          //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n          // window.parent.getDestination(JSON.stringify(msg));\n          //    debugger\n          // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\n          //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\n          //   console.log(\"imageUrl\", imageUrl)\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            var _utf8decoder = new TextDecoder();\n\n            var _u8arr = new Uint8Array(message);\n\n            var _temp = _utf8decoder.decode(_u8arr); // 将二进制数据转为字符串\n\n\n            var _msg = JSON.parse(_temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg); //msg为转换后的JSON数据\n\n            _this4.imgUrl1 = 'data:image/png;base64,' + _msg.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused) {\n            var imageType = 'arraybuffer';\n            var blob = new Blob([message], {\n              type: imageType\n            });\n\n            var _imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\n\n            console.log('imageUrl', _imageUrl);\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            console.log('msg', _msg2); //msg为转换后的JSON数据\n\n            _this4.imgUrl2 = 'data:image/png;base64,' + _msg2.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused2) {\n            var _imageType = 'arraybuffer';\n\n            var _blob = new Blob([message], {\n              type: _imageType\n            });\n\n            var _imageUrl2 = (window.URL || window.webkitURL).createObjectURL(_blob);\n\n            console.log('imageUrl', _imageUrl2);\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            console.log('msg', _msg3); //msg为转换后的JSON数据\n\n            _this4.imgUrl3 = 'data:image/png;base64,' + _msg3.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused3) {\n            var _imageType2 = 'arraybuffer';\n\n            var _blob2 = new Blob([message], {\n              type: _imageType2\n            });\n\n            var _imageUrl3 = (window.URL || window.webkitURL).createObjectURL(_blob2);\n\n            console.log('imageUrl', _imageUrl3);\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            console.log('msg', _msg4); //msg为转换后的JSON数据\n\n            _this4.imgUrl4 = 'data:image/png;base64,' + _msg4.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused4) {\n            var _imageType3 = 'arraybuffer';\n\n            var _blob3 = new Blob([message], {\n              type: _imageType3\n            });\n\n            var _imageUrl4 = (window.URL || window.webkitURL).createObjectURL(_blob3);\n\n            console.log('imageUrl', _imageUrl4);\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            console.log('msg', _msg5); //msg为转换后的JSON数据\n\n            _this4.imgUrl5 = 'data:image/png;base64,' + _msg5.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused5) {\n            var _imageType4 = 'arraybuffer';\n\n            var _blob4 = new Blob([message], {\n              type: _imageType4\n            });\n\n            var _imageUrl5 = (window.URL || window.webkitURL).createObjectURL(_blob4);\n\n            console.log('imageUrl', _imageUrl5);\n          }\n        } else if (topic.indexOf('stream0') != -1) {// console.log(\n          //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n          //   new Date(),\n          //   new Date().getMilliseconds()\n          // );\n        } else if (topic.indexOf('stream0') != -1) {// console.log(\n          //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n          //   new Date(),\n          //   new Date().getMilliseconds()\n          // );\n        } else if (topic.indexOf('stream1') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream2') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream3') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream4') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream5') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        }\n      });\n    }\n  }), _methods)\n};",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\">\r\n                          <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\">\r\n                            <el-input v-model=\"sizeForm.name\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.name\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"UTM区：\" v-if=\"coordinateForm.coordinateClose == true\" class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" size=\"small\" @change=\"handleChange\" :min=\"1\" :max=\"10\"></el-input-number>\r\n                                <div class=\"warning\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"item in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <iframe\r\n                                id=\"mapModuleTop\"\r\n                                @load=\"load\"\r\n                                src=\"./VideoWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                            <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.$index === 0\" v-model=\"scope.row.name\" maxlength=\"30\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.name\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.longitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.latitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"coordinateForm.coordinateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\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=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '0',\r\n              label: '南'\r\n            }, {\r\n              value: '1',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: false\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n    },\r\n    methods: {\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\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        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\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        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(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1db22d1108c073eef47225b9519f65a3.json b/node_modules/.cache/vue-loader/1db22d1108c073eef47225b9519f65a3.json
index 616b346a..e6c0dfa8 100644
--- a/node_modules/.cache/vue-loader/1db22d1108c073eef47225b9519f65a3.json
+++ b/node_modules/.cache/vue-loader/1db22d1108c073eef47225b9519f65a3.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673243568869},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1671074747407},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA66BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\">\r\n                          <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\">\r\n                            <el-input v-model=\"sizeForm.name\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.name\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"模型：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-radio-group v-model=\"coordinateForm.model\">\r\n                                <el-radio label=\"Georeferencing\"></el-radio>\r\n\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                            <div class=\"warning\">\r\n                                <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                >地理参照允许测量物理速度和静态图像源的距离。\r\n                            </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <iframe\r\n                                id=\"mapModuleTop\"\r\n                                @load=\"load\"\r\n                                src=\"./VideoWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                            <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.$index === 0\" v-model=\"scope.row.name\" maxlength=\"30\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.name\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.longitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.latitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"coordinateForm.coordinateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\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=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系'\r\n            },\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: false\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n    },\r\n    methods: {\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\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        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\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        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(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673344988966},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1671074747407},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAo8BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\">\r\n                          <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\">\r\n                            <el-input v-model=\"sizeForm.name\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.name\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"UTM区：\" v-if=\"coordinateForm.coordinateClose == true\" class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" size=\"small\" @change=\"handleChange\" :min=\"1\" :max=\"10\"></el-input-number>\r\n                                <div class=\"warning\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"item in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <iframe\r\n                                id=\"mapModuleTop\"\r\n                                @load=\"load\"\r\n                                src=\"./VideoWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                            <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.$index === 0\" v-model=\"scope.row.name\" maxlength=\"30\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.name\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.longitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.latitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"coordinateForm.coordinateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\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=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '0',\r\n              label: '南'\r\n            }, {\r\n              value: '1',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: false\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n    },\r\n    methods: {\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\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        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\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        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(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/24bf31099c61573419217df87b42a41f.json b/node_modules/.cache/vue-loader/24bf31099c61573419217df87b42a41f.json
index 54eee9cc..08f4cfe3 100644
--- a/node_modules/.cache/vue-loader/24bf31099c61573419217df87b42a41f.json
+++ b/node_modules/.cache/vue-loader/24bf31099c61573419217df87b42a41f.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673083578152},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  .time {\n    font-size: 13px;\n    color: #999;\n  }\n  .bot{\n    padding: 14px;\n  }\n  .bottom {\n    margin-top: 13px;\n    line-height: 12px;\n    display: inline-block;\n    margin-left: 15px;\n  }\n\n  .button {\n    padding: 0;\n    float: right;\n  }\n\n  .image {\n    width: 100%;\n    display: block;\n    \n  }\n\n  .clearfix:before,\n  .clearfix:after {\n      display: table;\n      content: \"\";\n  }\n  \n  .clearfix:after {\n      clear: both\n  }\n  .middle{\n    width: 100%;\n    /* height: 100%; */\n    height: 284px;\n  }\n  .el-col-6 {\n    width: 25%;\n    padding-left: 20px;\n    padding-top: 20px;\n}\n.type{\n    position: absolute;\n    left: 0;\n    top:0px;\n}\n.del{\n    position: absolute;\n    right: 0px;\n    top:0px;\n    width: 25px;\n    height: 25px;\n    z-index: 9999;\n    /* background-color: #999 */\n}\n.card{\n    position: relative;\n    cursor: pointer;\n}\n.name{\n     position: absolute;\n    left: 7px;\n    top:0px;\n    z-index: 99;\n}\n.el_dialog {\n        position: fixed;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.5);\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n    }\n    .el_dialog__content {\n        width: v-bind(width1);\n        height: 400px;\n        background-color: white;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n    }\n  \n#dialog .el-dialog__header {\n  border-bottom: 1px solid #eee;\n}\n \n\n#dialog .el-dialog__title {\n  font-weight: bold;\n  color: #000;\n}\n.btn{\n    position: absolute;\n    right: 10%;\n    bottom: 18%;\n}\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"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)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></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>\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\"><el-button  type=\"primary\" @click=\"applicationBtn\">应用</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\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                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\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      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\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}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.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"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673339663032},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  .time {\n    font-size: 13px;\n    color: #999;\n  }\n  .bot{\n    padding: 14px;\n  }\n  .bottom {\n    margin-top: 13px;\n    line-height: 12px;\n    display: inline-block;\n    margin-left: 15px;\n  }\n\n  .button {\n    padding: 0;\n    float: right;\n  }\n\n  .image {\n    width: 100%;\n    display: block;\n    \n  }\n\n  .clearfix:before,\n  .clearfix:after {\n      display: table;\n      content: \"\";\n  }\n  \n  .clearfix:after {\n      clear: both\n  }\n  .middle{\n    width: 100%;\n    /* height: 100%; */\n    height: 284px;\n  }\n  .el-col-6 {\n    width: 25%;\n    padding-left: 20px;\n    padding-top: 20px;\n}\n.type{\n    position: absolute;\n    left: 0;\n    top:0px;\n}\n.del{\n    position: absolute;\n    right: 0px;\n    top:0px;\n    width: 25px;\n    height: 25px;\n    z-index: 9999;\n    /* background-color: #999 */\n}\n.card{\n    position: relative;\n    cursor: pointer;\n}\n.name{\n     position: absolute;\n    left: 7px;\n    top:0px;\n    z-index: 99;\n}\n.el_dialog {\n        position: fixed;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.5);\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n    }\n    .el_dialog__content {\n        width: v-bind(width1);\n        height: 400px;\n        background-color: white;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n    }\n  \n#dialog .el-dialog__header {\n  border-bottom: 1px solid #eee;\n}\n \n\n#dialog .el-dialog__title {\n  font-weight: bold;\n  color: #000;\n}\n.btn{\n    position: absolute;\n    right: 10%;\n    bottom: 18%;\n}\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"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)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></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>\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\"><el-button  type=\"primary\" @click=\"applicationBtn\">应用</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\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                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\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      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\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}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.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"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3e598c5a852c4ea5e3b80c6686461684.json b/node_modules/.cache/vue-loader/3e598c5a852c4ea5e3b80c6686461684.json
index 7e1f72e4..43d1e664 100644
--- a/node_modules/.cache/vue-loader/3e598c5a852c4ea5e3b80c6686461684.json
+++ b/node_modules/.cache/vue-loader/3e598c5a852c4ea5e3b80c6686461684.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673083578152},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      [\n        _c(\n          \"el-row\",\n          [\n            _vm._l(_vm.videoList, function(item, index) {\n              return _c(\n                \"el-col\",\n                { key: item, attrs: { span: 6, offset: index > 0 ? 0 : 0 } },\n                [\n                  _c(\n                    \"el-card\",\n                    {\n                      staticClass: \"card\",\n                      attrs: { \"body-style\": { padding: \"0px\" } }\n                    },\n                    [\n                      _c(\"div\", { staticClass: \"type\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop2.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\"div\", { staticClass: \"name\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/ssVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/lxVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"del\",\n                          on: {\n                            click: function($event) {\n                              return _vm.open(item.id)\n                            }\n                          }\n                        },\n                        [_c(\"i\", { staticClass: \"el-icon-delete\" })]\n                      ),\n                      _c(\"img\", {\n                        staticClass: \"image\",\n                        attrs: { src: item.img },\n                        on: {\n                          click: function($event) {\n                            return _vm.goToPage(item.id, item.num)\n                          }\n                        }\n                      }),\n                      _c(\"div\", { staticClass: \"bot\" }, [\n                        _c(\n                          \"span\",\n                          { staticStyle: { \"vertical-align\": \"middle\" } },\n                          [\n                            _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/video (1).png\"),\n                                alt: \"\"\n                              }\n                            })\n                          ]\n                        ),\n                        _c(\"div\", { staticClass: \"bottom clearfix\" }, [\n                          _c(\"time\", { staticClass: \"time\" }, [\n                            _vm._v(_vm._s(item.title))\n                          ])\n                        ])\n                      ])\n                    ]\n                  )\n                ],\n                1\n              )\n            }),\n            _c(\n              \"el-col\",\n              { attrs: { span: 6 } },\n              [\n                _c(\"el-card\", { attrs: { \"body-style\": { padding: \"0px\" } } }, [\n                  _c(\"div\", { staticClass: \"middle\" }, [\n                    _c(\n                      \"div\",\n                      {\n                        staticStyle: {\n                          width: \"50%\",\n                          height: \"100%\",\n                          margin: \"auto\",\n                          \"padding-top\": \"15%\",\n                          cursor: \"pointer\",\n                          \"text-align\": \"center\"\n                        },\n                        on: {\n                          click: function($event) {\n                            return _vm.informationInfo(\"新增\")\n                          }\n                        }\n                      },\n                      [\n                        _c(\"img\", {\n                          attrs: {\n                            src: require(\"@/assets/img/AnalysisMain/add.png\"),\n                            width: \"80%\"\n                          }\n                        })\n                      ]\n                    )\n                  ])\n                ])\n              ],\n              1\n            )\n          ],\n          2\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"btn\" },\n          [\n            _c(\n              \"el-button\",\n              { attrs: { type: \"primary\" }, on: { click: _vm.applicationBtn } },\n              [_vm._v(\"应用\")]\n            )\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"margin-top: 0px !important;\", attrs: { id: \"dialog\" } },\n      [\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"视频源配置\",\n              width: \"40%\",\n              visible: _vm.dialogFormVisible\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.dialogFormVisible = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              { attrs: { model: _vm.form } },\n              [\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源名称\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\"el-input\", {\n                      staticStyle: { width: \"50%\" },\n                      attrs: { autocomplete: \"off\" },\n                      model: {\n                        value: _vm.form.videoName,\n                        callback: function($$v) {\n                          _vm.$set(_vm.form, \"videoName\", $$v)\n                        },\n                        expression: \"form.videoName\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源类型\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-radio-group\",\n                      {\n                        model: {\n                          value: _vm.form.videoType,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"videoType\", $$v)\n                          },\n                          expression: \"form.videoType\"\n                        }\n                      },\n                      [\n                        _c(\"el-radio\", { attrs: { label: \"实时视频\" } }),\n                        _c(\"el-radio\", { attrs: { label: \"离线视频\" } })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _vm.form.videoType == \"实时视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"视频源地址\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"80%\" },\n                          attrs: { autocomplete: \"off\" },\n                          model: {\n                            value: _vm.form.videoStreamAddress,\n                            callback: function($$v) {\n                              _vm.$set(_vm.form, \"videoStreamAddress\", $$v)\n                            },\n                            expression: \"form.videoStreamAddress\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.form.videoType == \"离线视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"离线视频上传\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"input\", {\n                          ref: \"inputer\",\n                          attrs: { type: \"file\", id: \"fileExport\" },\n                          on: { change: _vm.handleFileChange }\n                        }),\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { size: \"small\", type: \"primary\" },\n                            on: { click: _vm.load }\n                          },\n                          [_vm._v(\"点击上传\")]\n                        )\n                      ],\n                      1\n                    )\n                  : _vm._e()\n              ],\n              1\n            ),\n            _c(\n              \"div\",\n              {\n                staticClass: \"dialog-footer\",\n                attrs: { slot: \"footer\" },\n                slot: \"footer\"\n              },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    on: {\n                      click: function($event) {\n                        _vm.dialogFormVisible = false\n                      }\n                    }\n                  },\n                  [_vm._v(\"取 消\")]\n                ),\n                _c(\n                  \"el-button\",\n                  {\n                    attrs: { type: \"primary\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.commit(_vm.form)\n                      }\n                    }\n                  },\n                  [_vm._v(\"确 定\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673339663032},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      [\n        _c(\n          \"el-row\",\n          [\n            _vm._l(_vm.videoList, function(item, index) {\n              return _c(\n                \"el-col\",\n                { key: item, attrs: { span: 6, offset: index > 0 ? 0 : 0 } },\n                [\n                  _c(\n                    \"el-card\",\n                    {\n                      staticClass: \"card\",\n                      attrs: { \"body-style\": { padding: \"0px\" } }\n                    },\n                    [\n                      _c(\"div\", { staticClass: \"type\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop2.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\"div\", { staticClass: \"name\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/ssVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/lxVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"del\",\n                          on: {\n                            click: function($event) {\n                              return _vm.open(item.id)\n                            }\n                          }\n                        },\n                        [_c(\"i\", { staticClass: \"el-icon-delete\" })]\n                      ),\n                      _c(\"img\", {\n                        staticClass: \"image\",\n                        attrs: { src: item.img },\n                        on: {\n                          click: function($event) {\n                            return _vm.goToPage(item.id, item.num)\n                          }\n                        }\n                      }),\n                      _c(\"div\", { staticClass: \"bot\" }, [\n                        _c(\n                          \"span\",\n                          { staticStyle: { \"vertical-align\": \"middle\" } },\n                          [\n                            _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/video (1).png\"),\n                                alt: \"\"\n                              }\n                            })\n                          ]\n                        ),\n                        _c(\"div\", { staticClass: \"bottom clearfix\" }, [\n                          _c(\"time\", { staticClass: \"time\" }, [\n                            _vm._v(_vm._s(item.title))\n                          ])\n                        ])\n                      ])\n                    ]\n                  )\n                ],\n                1\n              )\n            }),\n            _c(\n              \"el-col\",\n              { attrs: { span: 6 } },\n              [\n                _c(\"el-card\", { attrs: { \"body-style\": { padding: \"0px\" } } }, [\n                  _c(\"div\", { staticClass: \"middle\" }, [\n                    _c(\n                      \"div\",\n                      {\n                        staticStyle: {\n                          width: \"50%\",\n                          height: \"100%\",\n                          margin: \"auto\",\n                          \"padding-top\": \"15%\",\n                          cursor: \"pointer\",\n                          \"text-align\": \"center\"\n                        },\n                        on: {\n                          click: function($event) {\n                            return _vm.informationInfo(\"新增\")\n                          }\n                        }\n                      },\n                      [\n                        _c(\"img\", {\n                          attrs: {\n                            src: require(\"@/assets/img/AnalysisMain/add.png\"),\n                            width: \"80%\"\n                          }\n                        })\n                      ]\n                    )\n                  ])\n                ])\n              ],\n              1\n            )\n          ],\n          2\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"btn\" },\n          [\n            _c(\n              \"el-button\",\n              { attrs: { type: \"primary\" }, on: { click: _vm.applicationBtn } },\n              [_vm._v(\"应用\")]\n            )\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"margin-top: 0px !important;\", attrs: { id: \"dialog\" } },\n      [\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"视频源配置\",\n              width: \"40%\",\n              visible: _vm.dialogFormVisible\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.dialogFormVisible = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              { attrs: { model: _vm.form } },\n              [\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源名称\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\"el-input\", {\n                      staticStyle: { width: \"50%\" },\n                      attrs: { autocomplete: \"off\" },\n                      model: {\n                        value: _vm.form.videoName,\n                        callback: function($$v) {\n                          _vm.$set(_vm.form, \"videoName\", $$v)\n                        },\n                        expression: \"form.videoName\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源类型\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-radio-group\",\n                      {\n                        model: {\n                          value: _vm.form.videoType,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"videoType\", $$v)\n                          },\n                          expression: \"form.videoType\"\n                        }\n                      },\n                      [\n                        _c(\"el-radio\", { attrs: { label: \"实时视频\" } }),\n                        _c(\"el-radio\", { attrs: { label: \"离线视频\" } })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _vm.form.videoType == \"实时视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"视频源地址\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"80%\" },\n                          attrs: { autocomplete: \"off\" },\n                          model: {\n                            value: _vm.form.videoStreamAddress,\n                            callback: function($$v) {\n                              _vm.$set(_vm.form, \"videoStreamAddress\", $$v)\n                            },\n                            expression: \"form.videoStreamAddress\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.form.videoType == \"离线视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"离线视频上传\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"input\", {\n                          ref: \"inputer\",\n                          attrs: { type: \"file\", id: \"fileExport\" },\n                          on: { change: _vm.handleFileChange }\n                        }),\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { size: \"small\", type: \"primary\" },\n                            on: { click: _vm.load }\n                          },\n                          [_vm._v(\"点击上传\")]\n                        )\n                      ],\n                      1\n                    )\n                  : _vm._e()\n              ],\n              1\n            ),\n            _c(\n              \"div\",\n              {\n                staticClass: \"dialog-footer\",\n                attrs: { slot: \"footer\" },\n                slot: \"footer\"\n              },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    on: {\n                      click: function($event) {\n                        _vm.dialogFormVisible = false\n                      }\n                    }\n                  },\n                  [_vm._v(\"取 消\")]\n                ),\n                _c(\n                  \"el-button\",\n                  {\n                    attrs: { type: \"primary\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.commit(_vm.form)\n                      }\n                    }\n                  },\n                  [_vm._v(\"确 定\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5ac92f13aae02d7338aadf40c8c42e4f.json b/node_modules/.cache/vue-loader/5ac92f13aae02d7338aadf40c8c42e4f.json
index ef834d0c..ce7f0290 100644
--- a/node_modules/.cache/vue-loader/5ac92f13aae02d7338aadf40c8c42e4f.json
+++ b/node_modules/.cache/vue-loader/5ac92f13aae02d7338aadf40c8c42e4f.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673083578152},{"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":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\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                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\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      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"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)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></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>\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\"><el-button  type=\"primary\" @click=\"applicationBtn\">应用</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\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                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\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      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\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}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.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"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673339663032},{"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":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\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                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\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      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"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)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></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>\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\"><el-button  type=\"primary\" @click=\"applicationBtn\">应用</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\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                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\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      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\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}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.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"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6fa4ff6ee4f1dd9a4c1ca8350800fb90.json b/node_modules/.cache/vue-loader/6fa4ff6ee4f1dd9a4c1ca8350800fb90.json
index 772c4d84..4f3255b7 100644
--- a/node_modules/.cache/vue-loader/6fa4ff6ee4f1dd9a4c1ca8350800fb90.json
+++ b/node_modules/.cache/vue-loader/6fa4ff6ee4f1dd9a4c1ca8350800fb90.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673243568869},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\"\nimport script from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nexport * from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"fd3d0d46\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('fd3d0d46')) {\n      api.createRecord('fd3d0d46', component.options)\n    } else {\n      api.reload('fd3d0d46', component.options)\n    }\n    module.hot.accept(\"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\", function () {\n      api.rerender('fd3d0d46', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/analysisConfiguration.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673344988966},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\"\nimport script from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nexport * from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"fd3d0d46\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('fd3d0d46')) {\n      api.createRecord('fd3d0d46', component.options)\n    } else {\n      api.reload('fd3d0d46', component.options)\n    }\n    module.hot.accept(\"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\", function () {\n      api.rerender('fd3d0d46', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/analysisConfiguration.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7854ba8aec41c4f08a48f8e373319add.json b/node_modules/.cache/vue-loader/7854ba8aec41c4f08a48f8e373319add.json
index 72d3d5dc..2da882bf 100644
--- a/node_modules/.cache/vue-loader/7854ba8aec41c4f08a48f8e373319add.json
+++ b/node_modules/.cache/vue-loader/7854ba8aec41c4f08a48f8e373319add.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673083578152},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"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)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></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>\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\"><el-button  type=\"primary\" @click=\"applicationBtn\">应用</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n",null]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673339663032},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"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)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></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>\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\"><el-button  type=\"primary\" @click=\"applicationBtn\">应用</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b13b9bbc088dffdb295e1969ec53fd5e.json b/node_modules/.cache/vue-loader/b13b9bbc088dffdb295e1969ec53fd5e.json
index 6ba976ac..6b8a19a3 100644
--- a/node_modules/.cache/vue-loader/b13b9bbc088dffdb295e1969ec53fd5e.json
+++ b/node_modules/.cache/vue-loader/b13b9bbc088dffdb295e1969ec53fd5e.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!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\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673243568869},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"analysis\" }, [\n    _c(\"div\", { staticClass: \"top\", staticStyle: { \"margin-top\": \"10px\" } }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          false\n            ? _c(\n                \"el-form\",\n                {\n                  staticClass: \"demo-form-inline\",\n                  attrs: {\n                    inline: true,\n                    model: _vm.formInline,\n                    \"label-width\": \"fit-content\"\n                  }\n                },\n                [\n                  _c(\"div\", { staticClass: \"warning\" }, [\n                    _c(\"p\", { staticClass: \"board-title\" }, [\n                      _vm._v(\"自动保存\")\n                    ]),\n                    _c(\"i\", {\n                      staticClass: \"el-icon-warning\",\n                      staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                    }),\n                    _vm._v(\n                      \"自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\\n                    \"\n                    )\n                  ]),\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"自动保存：\" } },\n                    [\n                      _c(\"el-switch\", {\n                        model: {\n                          value: _vm.formInline.user,\n                          callback: function($$v) {\n                            _vm.$set(_vm.formInline, \"user\", $$v)\n                          },\n                          expression: \"formInline.user\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"时间间隔：\" } },\n                    [\n                      _c(\n                        \"el-select\",\n                        {\n                          attrs: { placeholder: \"时间间隔\" },\n                          model: {\n                            value: _vm.formInline.region,\n                            callback: function($$v) {\n                              _vm.$set(_vm.formInline, \"region\", $$v)\n                            },\n                            expression: \"formInline.region\"\n                          }\n                        },\n                        [\n                          _c(\"el-option\", {\n                            attrs: { label: \"20s\", value: \"shanghai\" }\n                          }),\n                          _c(\"el-option\", {\n                            attrs: { label: \"30s\", value: \"beijing\" }\n                          })\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            : _vm._e(),\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              staticStyle: { \"margin-top\": \"15px\" },\n              attrs: { model: _vm.sizeForm, \"label-width\": \"fit-content\" }\n            },\n            [\n              false\n                ? _c(\"div\", { staticClass: \"warning\" }, [\n                    _c(\"p\", { staticClass: \"board-title\" }, [\n                      _vm._v(\"重置分析\")\n                    ]),\n                    _c(\"i\", {\n                      staticClass: \"el-icon-warning\",\n                      staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                    }),\n                    _vm._v(\n                      \"重置分析将删除所有累计的轨迹数据\\n                    \"\n                    )\n                  ])\n                : _vm._e(),\n              false\n                ? _c(\n                    \"el-button\",\n                    {\n                      staticStyle: { width: \"150px\" },\n                      attrs: { type: \"primary\", size: \"small\" },\n                      on: {\n                        click: function($event) {\n                          return _vm.handleagain()\n                        }\n                      }\n                    },\n                    [_vm._v(\"重置\")]\n                  )\n                : _vm._e(),\n              _c(\n                \"div\",\n                {\n                  staticClass: \"warning\",\n                  staticStyle: { \"margin-top\": \"15px\" }\n                },\n                [\n                  _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"相机位置\")]),\n                  _c(\"i\", {\n                    staticClass: \"el-icon-warning\",\n                    staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                  }),\n                  _vm._v(\"在 WGS84 坐标系中输入相机位置\\n                    \")\n                ]\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"相机位置：\" } },\n                [\n                  _c(\"el-input\", {\n                    staticStyle: { width: \"150px\" },\n                    attrs: { placeholder: \"经度\" },\n                    model: {\n                      value: _vm.sizeForm.name,\n                      callback: function($$v) {\n                        _vm.$set(_vm.sizeForm, \"name\", $$v)\n                      },\n                      expression: \"sizeForm.name\"\n                    }\n                  }),\n                  _c(\"el-input\", {\n                    staticStyle: { width: \"150px\", \"margin-left\": \"20px\" },\n                    attrs: { placeholder: \"纬度\" },\n                    model: {\n                      value: _vm.sizeForm.name,\n                      callback: function($$v) {\n                        _vm.$set(_vm.sizeForm, \"name\", $$v)\n                      },\n                      expression: \"sizeForm.name\"\n                    }\n                  })\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    _c(\"div\", { staticClass: \"dataBoard\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          _vm._m(0),\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: { model: _vm.coordinateForm, \"label-width\": \"fit-content\" }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"坐标转换开关：\" } },\n                [\n                  _c(\"el-switch\", {\n                    model: {\n                      value: _vm.coordinateForm.coordinateClose,\n                      callback: function($$v) {\n                        _vm.$set(_vm.coordinateForm, \"coordinateClose\", $$v)\n                      },\n                      expression: \"coordinateForm.coordinateClose\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _vm.coordinateForm.coordinateClose == true\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"模型：\" } },\n                    [\n                      _c(\n                        \"el-radio-group\",\n                        {\n                          model: {\n                            value: _vm.coordinateForm.model,\n                            callback: function($$v) {\n                              _vm.$set(_vm.coordinateForm, \"model\", $$v)\n                            },\n                            expression: \"coordinateForm.model\"\n                          }\n                        },\n                        [\n                          _c(\"el-radio\", {\n                            attrs: { label: \"Georeferencing\" }\n                          }),\n                          _c(\"el-radio\", { attrs: { label: \"其他\" } })\n                        ],\n                        1\n                      ),\n                      _c(\"div\", { staticClass: \"warning\" }, [\n                        _c(\"i\", {\n                          staticClass: \"el-icon-warning\",\n                          staticStyle: {\n                            color: \"#409eff\",\n                            margin: \"0 3px 0 10px\"\n                          }\n                        }),\n                        _vm._v(\n                          \"地理参照允许测量物理速度和静态图像源的距离。\\n                        \"\n                        )\n                      ])\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.coordinateForm.coordinateClose == true\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"坐标转换：\" } },\n                    [\n                      _c(\n                        \"el-radio-group\",\n                        {\n                          model: {\n                            value: _vm.coordinateForm.coordinateTransformation,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.coordinateForm,\n                                \"coordinateTransformation\",\n                                $$v\n                              )\n                            },\n                            expression:\n                              \"coordinateForm.coordinateTransformation\"\n                          }\n                        },\n                        [\n                          _c(\"el-radio\", { attrs: { label: \"84坐标系\" } }),\n                          _c(\"el-radio\", { attrs: { label: \"其他\" } })\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.coordinateForm.coordinateClose == true\n                ? _c(\n                    \"div\",\n                    {\n                      staticStyle: {\n                        width: \"100%\",\n                        height: \"400px\",\n                        \"margin-bottom\": \"10px\"\n                      }\n                    },\n                    [\n                      _c(\"iframe\", {\n                        staticStyle: { width: \"100%\", height: \"100%\" },\n                        attrs: {\n                          id: \"mapModuleTop\",\n                          src: \"./VideoWeb/index.html\",\n                          frameborder: \"0\"\n                        },\n                        on: { load: _vm.load }\n                      })\n                    ]\n                  )\n                : _vm._e(),\n              _vm.coordinateForm.coordinateClose == true\n                ? _c(\n                    \"el-table\",\n                    { attrs: { border: \"\", data: _vm.coordinateTableData } },\n                    [\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"name\",\n                          label: \"点名称\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.$index === 0\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"30\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.name,\n                                          callback: function($$v) {\n                                            _vm.$set(scope.row, \"name\", $$v)\n                                          },\n                                          expression: \"scope.row.name\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(scope.row.name)\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          1861943855\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"longitude\",\n                          label: \"经度\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.row.isEdit\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"20\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.longitude,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              scope.row,\n                                              \"longitude\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"scope.row.longitude\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.longitude\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          452909755\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"latitude\",\n                          label: \"纬度\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.row.isEdit\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"20\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.latitude,\n                                          callback: function($$v) {\n                                            _vm.$set(scope.row, \"latitude\", $$v)\n                                          },\n                                          expression: \"scope.row.latitude\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.latitude\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          2766622075\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          label: \"操作\",\n                          align: \"center\",\n                          \"class-name\": \"small-padding fixed-width\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.$index === 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#2090c1\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleAdd(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            \"Add\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e(),\n                                  scope.$index !== 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#2090c1\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleUpdate(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(\n                                              scope.row.isEdit\n                                                ? \"Apply\"\n                                                : \"Edit\"\n                                            ) +\n                                              \"\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e(),\n                                  scope.$index !== 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#f56c6c\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleDelete(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(\n                                              scope.row.isEdit\n                                                ? \"Cancel\"\n                                                : \"Delete\"\n                                            ) +\n                                              \"\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e()\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          2051407138\n                        )\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"div\",\n                { staticStyle: { \"margin-top\": \"15px\" } },\n                [\n                  _vm.coordinateForm.coordinateClose == true\n                    ? _c(\n                        \"el-button\",\n                        {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { type: \"primary\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.handleagain()\n                            }\n                          }\n                        },\n                        [_vm._v(\"保存\")]\n                      )\n                    : _vm._e()\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    false\n      ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"section\" },\n            [\n              _vm._m(1),\n              _c(\n                \"el-form\",\n                {\n                  ref: \"form\",\n                  attrs: { model: _vm.laneform, \"label-width\": \"350px\" }\n                },\n                [\n                  _c(\n                    \"el-form-item\",\n                    {\n                      attrs: {\n                        label: \"车道识别配置开关：\",\n                        \"label-width\": \"150px\"\n                      }\n                    },\n                    [\n                      _c(\"el-switch\", {\n                        model: {\n                          value: _vm.laneform.laneClose,\n                          callback: function($$v) {\n                            _vm.$set(_vm.laneform, \"laneClose\", $$v)\n                          },\n                          expression: \"laneform.laneClose\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _vm.laneform.laneClose == true\n                    ? _c(\n                        \"div\",\n                        { staticStyle: { width: \"100%\", height: \"400px\" } },\n                        [\n                          _c(\"iframe\", {\n                            staticStyle: { width: \"100%\", height: \"100%\" },\n                            attrs: {\n                              id: \"mapModule\",\n                              src: \"./VideoWeb/index.html\",\n                              frameborder: \"0\"\n                            }\n                          })\n                        ]\n                      )\n                    : _vm._e(),\n                  _vm.laneform.laneClose == true\n                    ? _c(\n                        \"el-form-item\",\n                        {\n                          staticStyle: { width: \"300px\" },\n                          attrs: { label: \"各车道中心线（区域检测器）：\" }\n                        },\n                        [\n                          _c(\"el-switch\", {\n                            model: {\n                              value: _vm.laneform.areaDetector,\n                              callback: function($$v) {\n                                _vm.$set(_vm.laneform, \"areaDetector\", $$v)\n                              },\n                              expression: \"laneform.areaDetector\"\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.laneform.laneClose == true\n                    ? _c(\n                        \"el-form-item\",\n                        {\n                          staticStyle: { width: \"300px\" },\n                          attrs: {\n                            label: \"自动识别各车道中心点坐标（断面检测器）：\"\n                          }\n                        },\n                        [\n                          _c(\"el-switch\", {\n                            model: {\n                              value: _vm.laneform.sectionDetector,\n                              callback: function($$v) {\n                                _vm.$set(_vm.laneform, \"sectionDetector\", $$v)\n                              },\n                              expression: \"laneform.sectionDetector\"\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.laneform.laneClose == true\n                    ? _c(\n                        \"el-button\",\n                        {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { type: \"primary\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.handleagain()\n                            }\n                          }\n                        },\n                        [_vm._v(\"保存\")]\n                      )\n                    : _vm._e()\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ])\n      : _vm._e(),\n    _c(\"div\", { staticClass: \"dataBoard\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          _vm._m(2),\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: {\n                model: _vm.identificationAreaform,\n                \"label-width\": \"fit-content\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { width: \"250px\" },\n                  attrs: { label: \"识别区域开关：\" }\n                },\n                [\n                  _c(\"el-switch\", {\n                    model: {\n                      value: _vm.identificationAreaform.identificationAreaClose,\n                      callback: function($$v) {\n                        _vm.$set(\n                          _vm.identificationAreaform,\n                          \"identificationAreaClose\",\n                          $$v\n                        )\n                      },\n                      expression:\n                        \"identificationAreaform.identificationAreaClose\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _vm.identificationAreaform.identificationAreaClose == true\n                ? _c(\n                    \"div\",\n                    { staticStyle: { width: \"100%\", height: \"400px\" } },\n                    [\n                      _c(\"iframe\", {\n                        staticStyle: { width: \"100%\", height: \"100%\" },\n                        attrs: {\n                          id: \"mapModule\",\n                          src: \"./VideoWeb/index.html\",\n                          frameborder: \"0\"\n                        }\n                      })\n                    ]\n                  )\n                : _vm._e(),\n              _vm.identificationAreaform.identificationAreaClose == true\n                ? _c(\n                    \"el-button\",\n                    {\n                      staticStyle: { width: \"150px\" },\n                      attrs: { type: \"primary\", size: \"small\" },\n                      on: {\n                        click: function($event) {\n                          return _vm.handleagain()\n                        }\n                      }\n                    },\n                    [_vm._v(\"保存\")]\n                  )\n                : _vm._e()\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    _c(\"div\", { staticClass: \"dataBoard\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          _vm._m(3),\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: {\n                model: _vm.trajectorySmoothingform,\n                \"label-width\": \"fit-content\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { width: \"250px\" },\n                  attrs: { label: \"轨迹平滑开关：\" }\n                },\n                [\n                  _c(\"el-switch\", {\n                    model: {\n                      value:\n                        _vm.trajectorySmoothingform.trajectorySmoothingClose,\n                      callback: function($$v) {\n                        _vm.$set(\n                          _vm.trajectorySmoothingform,\n                          \"trajectorySmoothingClose\",\n                          $$v\n                        )\n                      },\n                      expression:\n                        \"trajectorySmoothingform.trajectorySmoothingClose\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                ? _c(\n                    \"el-form-item\",\n                    {\n                      staticStyle: { width: \"250px\" },\n                      attrs: { label: \"预测滤波时间：\" }\n                    },\n                    [\n                      _c(\"el-input-number\", {\n                        attrs: { min: 2000, max: 3000, label: \"预测滤波时间\" },\n                        on: { change: _vm.handleChange },\n                        model: {\n                          value: _vm.trajectorySmoothingform.time,\n                          callback: function($$v) {\n                            _vm.$set(_vm.trajectorySmoothingform, \"time\", $$v)\n                          },\n                          expression: \"trajectorySmoothingform.time\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                ? _c(\n                    \"el-button\",\n                    {\n                      staticStyle: { width: \"150px\" },\n                      attrs: { type: \"primary\", size: \"small\" },\n                      on: {\n                        click: function($event) {\n                          return _vm.handleagain()\n                        }\n                      }\n                    },\n                    [_vm._v(\"保存\")]\n                  )\n                : _vm._e()\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    _c(\"div\", { staticClass: \"dataBoard\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          _vm._m(4),\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: {\n                model: _vm.licensePlateform,\n                \"label-width\": \"fit-content\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"车牌识别开关：\" } },\n                [\n                  _c(\"el-switch\", {\n                    model: {\n                      value: _vm.licensePlateform.licensePlateClose,\n                      callback: function($$v) {\n                        _vm.$set(_vm.licensePlateform, \"licensePlateClose\", $$v)\n                      },\n                      expression: \"licensePlateform.licensePlateClose\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _vm.licensePlateform.licensePlateClose == true\n                ? _c(\n                    \"div\",\n                    {\n                      staticStyle: {\n                        width: \"100%\",\n                        height: \"400px\",\n                        \"margin-bottom\": \"10px\"\n                      }\n                    },\n                    [\n                      _c(\"iframe\", {\n                        staticStyle: { width: \"100%\", height: \"100%\" },\n                        attrs: {\n                          id: \"mapModule\",\n                          src: \"./VideoWeb/index.html\",\n                          frameborder: \"0\"\n                        }\n                      })\n                    ]\n                  )\n                : _vm._e(),\n              _vm.licensePlateform.licensePlateClose == true\n                ? _c(\n                    \"el-table\",\n                    { attrs: { border: \"\", data: _vm.licensePlateTableData } },\n                    [\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"sectionPlate\",\n                          label: \"断面号牌\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.$index === 0\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"30\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.sectionPlate,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              scope.row,\n                                              \"sectionPlate\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"scope.row.sectionPlate\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.sectionPlate\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          942623791\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"setAssociation\",\n                          label: \"断面设置关联：\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.row.isEdit\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"20\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.setAssociation,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              scope.row,\n                                              \"setAssociation\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"scope.row.setAssociation\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.setAssociation\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          95706651\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"thresholdValue\",\n                          label: \"车牌匹配阈值：\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.row.isEdit\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"20\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.thresholdValue,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              scope.row,\n                                              \"thresholdValue\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"scope.row.thresholdValue\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.thresholdValue\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          4003674747\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          label: \"操作：\",\n                          align: \"center\",\n                          \"class-name\": \"small-padding fixed-width\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.$index === 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#2090c1\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleAdd(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            \"Add\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e(),\n                                  scope.$index !== 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#2090c1\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleUpdate(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(\n                                              scope.row.isEdit\n                                                ? \"Apply\"\n                                                : \"Edit\"\n                                            ) +\n                                              \"\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e(),\n                                  scope.$index !== 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#f56c6c\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleDelete(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(\n                                              scope.row.isEdit\n                                                ? \"Cancel\"\n                                                : \"Delete\"\n                                            ) +\n                                              \"\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e()\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          2051407138\n                        )\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"div\",\n                { staticStyle: { \"margin-top\": \"15px\" } },\n                [\n                  _vm.licensePlateform.licensePlateClose == true\n                    ? _c(\n                        \"el-button\",\n                        {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { type: \"primary\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.handleagain()\n                            }\n                          }\n                        },\n                        [_vm._v(\"保存\")]\n                      )\n                    : _vm._e()\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    _c(\"div\", { staticClass: \"dataBoard\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          _vm._m(5),\n          _c(\n            \"el-form\",\n            {\n              staticClass: \"demo-form-inline\",\n              attrs: {\n                inline: true,\n                model: _vm.stopStateform,\n                \"label-width\": \"fit-content\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-right\": \"10px\" },\n                  attrs: { label: \"位移：\" }\n                },\n                [\n                  _c(\"el-input-number\", {\n                    attrs: { min: 2000, max: 3000, label: \"位移\" },\n                    on: { change: _vm.handleChange },\n                    model: {\n                      value: _vm.stopStateform.displacement,\n                      callback: function($$v) {\n                        _vm.$set(_vm.stopStateform, \"displacement\", $$v)\n                      },\n                      expression: \"stopStateform.displacement\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-right\": \"10px\" },\n                  attrs: { label: \"速度：\" }\n                },\n                [\n                  _c(\"el-input-number\", {\n                    attrs: { min: 2000, max: 3000, label: \"速度\" },\n                    on: { change: _vm.handleChange },\n                    model: {\n                      value: _vm.stopStateform.speed,\n                      callback: function($$v) {\n                        _vm.$set(_vm.stopStateform, \"speed\", $$v)\n                      },\n                      expression: \"stopStateform.speed\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"加速度：\" } },\n                [\n                  _c(\"el-input-number\", {\n                    attrs: { min: 2000, max: 3000, label: \"加速度\" },\n                    on: { change: _vm.handleChange },\n                    model: {\n                      value: _vm.stopStateform.acceleration,\n                      callback: function($$v) {\n                        _vm.$set(_vm.stopStateform, \"acceleration\", $$v)\n                      },\n                      expression: \"stopStateform.acceleration\"\n                    }\n                  })\n                ],\n                1\n              )\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticStyle: { \"margin-top\": \"15px\" } },\n            [\n              _c(\n                \"el-button\",\n                {\n                  staticStyle: { width: \"150px\" },\n                  attrs: { type: \"primary\", size: \"small\" },\n                  on: {\n                    click: function($event) {\n                      return _vm.handleagain()\n                    }\n                  }\n                },\n                [_vm._v(\"保存\")]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    _c(\"div\", { staticClass: \"dataBoard\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          _vm._m(6),\n          _c(\n            \"el-form\",\n            {\n              staticClass: \"demo-form-inline\",\n              attrs: {\n                model: _vm.communicationform,\n                \"label-width\": \"fit-content\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"更新频率：\" } },\n                [\n                  _c(\"el-input\", {\n                    staticStyle: { width: \"200px\" },\n                    model: {\n                      value: _vm.communicationform.renewalFrequency,\n                      callback: function($$v) {\n                        _vm.$set(_vm.communicationform, \"renewalFrequency\", $$v)\n                      },\n                      expression: \"communicationform.renewalFrequency\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { display: \"flex\" },\n                  attrs: { label: \"类型：\" }\n                },\n                [\n                  _c(\n                    \"el-radio-group\",\n                    {\n                      model: {\n                        value: _vm.communicationform.type,\n                        callback: function($$v) {\n                          _vm.$set(_vm.communicationform, \"type\", $$v)\n                        },\n                        expression: \"communicationform.type\"\n                      }\n                    },\n                    [\n                      _c(\"el-radio\", {\n                        attrs: { label: \"快速-用于高带宽连接\" }\n                      }),\n                      _c(\"el-radio\", {\n                        attrs: { label: \"平衡-适用于大多数连接\" }\n                      }),\n                      _c(\"el-radio\", {\n                        attrs: { label: \"慢速-用于低带宽连接\" }\n                      }),\n                      _c(\"el-radio\", { attrs: { label: \"自定义\" } })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _vm.communicationform.type == \"自定义\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"请求轻型有效载荷：\" } },\n                    [\n                      _c(\"el-input\", {\n                        staticStyle: {\n                          width: \"200px\",\n                          \"margin-bottom\": \"20px\"\n                        },\n                        model: {\n                          value: _vm.communicationform.name,\n                          callback: function($$v) {\n                            _vm.$set(_vm.communicationform, \"name\", $$v)\n                          },\n                          expression: \"communicationform.name\"\n                        }\n                      }),\n                      _vm._v(\"ms\\n                    \")\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.communicationform.type == \"自定义\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"请求重型有效载荷：\" } },\n                    [\n                      _c(\"el-input\", {\n                        staticStyle: {\n                          width: \"200px\",\n                          \"margin-bottom\": \"20px\"\n                        },\n                        model: {\n                          value: _vm.communicationform.name,\n                          callback: function($$v) {\n                            _vm.$set(_vm.communicationform, \"name\", $$v)\n                          },\n                          expression: \"communicationform.name\"\n                        }\n                      }),\n                      _vm._v(\"ms\\n                    \")\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.communicationform.type == \"自定义\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"FPS分配器：\" } },\n                    [\n                      _c(\"el-input\", {\n                        staticStyle: {\n                          width: \"200px\",\n                          \"margin-bottom\": \"20px\"\n                        },\n                        model: {\n                          value: _vm.communicationform.name,\n                          callback: function($$v) {\n                            _vm.$set(_vm.communicationform, \"name\", $$v)\n                          },\n                          expression: \"communicationform.name\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.communicationform.type == \"自定义\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"框架决议：\" } },\n                    [\n                      _c(\n                        \"el-select\",\n                        {\n                          staticStyle: { \"margin-bottom\": \"20px\" },\n                          attrs: { placeholder: \"框架决议\" },\n                          model: {\n                            value: _vm.communicationform.region,\n                            callback: function($$v) {\n                              _vm.$set(_vm.communicationform, \"region\", $$v)\n                            },\n                            expression: \"communicationform.region\"\n                          }\n                        },\n                        [\n                          _c(\"el-option\", {\n                            attrs: { label: \"自动\", value: \"shanghai\" }\n                          }),\n                          _c(\"el-option\", {\n                            attrs: { label: \"区域二\", value: \"beijing\" }\n                          })\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.communicationform.type == \"自定义\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"压缩格式：\" } },\n                    [\n                      _c(\n                        \"el-select\",\n                        {\n                          staticStyle: { \"margin-bottom\": \"20px\" },\n                          attrs: { placeholder: \"压缩格式\" },\n                          model: {\n                            value: _vm.communicationform.region,\n                            callback: function($$v) {\n                              _vm.$set(_vm.communicationform, \"region\", $$v)\n                            },\n                            expression: \"communicationform.region\"\n                          }\n                        },\n                        [\n                          _c(\"el-option\", {\n                            attrs: { label: \"JPG\", value: \"shanghai\" }\n                          }),\n                          _c(\"el-option\", {\n                            attrs: { label: \"区域二\", value: \"beijing\" }\n                          })\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.communicationform.type == \"自定义\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"压缩率：\" } },\n                    [\n                      _c(\"el-input\", {\n                        staticStyle: { width: \"200px\" },\n                        model: {\n                          value: _vm.communicationform.name,\n                          callback: function($$v) {\n                            _vm.$set(_vm.communicationform, \"name\", $$v)\n                          },\n                          expression: \"communicationform.name\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"el-button\",\n                {\n                  staticStyle: { width: \"150px\" },\n                  attrs: { type: \"primary\", size: \"small\" },\n                  on: {\n                    click: function($event) {\n                      return _vm.handleagain()\n                    }\n                  }\n                },\n                [_vm._v(\"保存\")]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"坐标转换\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车道识别配置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"在视频/动图上设置进口出口道\\n                \")\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"识别区域\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"轨迹平滑\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车牌识别\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"停车状态\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"通信设置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"更新频率可以根据链路带宽进行设置。\\n                \")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!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\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673344988966},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"analysis\" }, [\n    _c(\"div\", { staticClass: \"top\", staticStyle: { \"margin-top\": \"10px\" } }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          false\n            ? _c(\n                \"el-form\",\n                {\n                  staticClass: \"demo-form-inline\",\n                  attrs: {\n                    inline: true,\n                    model: _vm.formInline,\n                    \"label-width\": \"fit-content\"\n                  }\n                },\n                [\n                  _c(\"div\", { staticClass: \"warning\" }, [\n                    _c(\"p\", { staticClass: \"board-title\" }, [\n                      _vm._v(\"自动保存\")\n                    ]),\n                    _c(\"i\", {\n                      staticClass: \"el-icon-warning\",\n                      staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                    }),\n                    _vm._v(\n                      \"自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\\n                    \"\n                    )\n                  ]),\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"自动保存：\" } },\n                    [\n                      _c(\"el-switch\", {\n                        model: {\n                          value: _vm.formInline.user,\n                          callback: function($$v) {\n                            _vm.$set(_vm.formInline, \"user\", $$v)\n                          },\n                          expression: \"formInline.user\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"时间间隔：\" } },\n                    [\n                      _c(\n                        \"el-select\",\n                        {\n                          attrs: { placeholder: \"时间间隔\" },\n                          model: {\n                            value: _vm.formInline.region,\n                            callback: function($$v) {\n                              _vm.$set(_vm.formInline, \"region\", $$v)\n                            },\n                            expression: \"formInline.region\"\n                          }\n                        },\n                        [\n                          _c(\"el-option\", {\n                            attrs: { label: \"20s\", value: \"shanghai\" }\n                          }),\n                          _c(\"el-option\", {\n                            attrs: { label: \"30s\", value: \"beijing\" }\n                          })\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            : _vm._e(),\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              staticStyle: { \"margin-top\": \"15px\" },\n              attrs: { model: _vm.sizeForm, \"label-width\": \"fit-content\" }\n            },\n            [\n              false\n                ? _c(\"div\", { staticClass: \"warning\" }, [\n                    _c(\"p\", { staticClass: \"board-title\" }, [\n                      _vm._v(\"重置分析\")\n                    ]),\n                    _c(\"i\", {\n                      staticClass: \"el-icon-warning\",\n                      staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                    }),\n                    _vm._v(\n                      \"重置分析将删除所有累计的轨迹数据\\n                    \"\n                    )\n                  ])\n                : _vm._e(),\n              false\n                ? _c(\n                    \"el-button\",\n                    {\n                      staticStyle: { width: \"150px\" },\n                      attrs: { type: \"primary\", size: \"small\" },\n                      on: {\n                        click: function($event) {\n                          return _vm.handleagain()\n                        }\n                      }\n                    },\n                    [_vm._v(\"重置\")]\n                  )\n                : _vm._e(),\n              _c(\n                \"div\",\n                {\n                  staticClass: \"warning\",\n                  staticStyle: { \"margin-top\": \"15px\" }\n                },\n                [\n                  _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"相机位置\")]),\n                  _c(\"i\", {\n                    staticClass: \"el-icon-warning\",\n                    staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                  }),\n                  _vm._v(\"在 WGS84 坐标系中输入相机位置\\n                    \")\n                ]\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"相机位置：\" } },\n                [\n                  _c(\"el-input\", {\n                    staticStyle: { width: \"150px\" },\n                    attrs: { size: \"small\", placeholder: \"经度\" },\n                    model: {\n                      value: _vm.sizeForm.name,\n                      callback: function($$v) {\n                        _vm.$set(_vm.sizeForm, \"name\", $$v)\n                      },\n                      expression: \"sizeForm.name\"\n                    }\n                  }),\n                  _c(\"el-input\", {\n                    staticStyle: { width: \"150px\", \"margin-left\": \"20px\" },\n                    attrs: { size: \"small\", placeholder: \"纬度\" },\n                    model: {\n                      value: _vm.sizeForm.name,\n                      callback: function($$v) {\n                        _vm.$set(_vm.sizeForm, \"name\", $$v)\n                      },\n                      expression: \"sizeForm.name\"\n                    }\n                  })\n                ],\n                1\n              )\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticStyle: { \"margin-top\": \"15px\" } },\n            [\n              _c(\n                \"el-button\",\n                {\n                  staticStyle: { width: \"150px\" },\n                  attrs: { type: \"primary\", size: \"small\" },\n                  on: {\n                    click: function($event) {\n                      return _vm.handleagain()\n                    }\n                  }\n                },\n                [_vm._v(\"保存\")]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    _c(\"div\", { staticClass: \"dataBoard\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          _vm._m(0),\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: { model: _vm.coordinateForm, \"label-width\": \"fit-content\" }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"坐标转换开关：\" } },\n                [\n                  _c(\"el-switch\", {\n                    model: {\n                      value: _vm.coordinateForm.coordinateClose,\n                      callback: function($$v) {\n                        _vm.$set(_vm.coordinateForm, \"coordinateClose\", $$v)\n                      },\n                      expression: \"coordinateForm.coordinateClose\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _vm.coordinateForm.coordinateClose == true\n                ? _c(\n                    \"el-form-item\",\n                    { staticClass: \"otherThings\", attrs: { label: \"UTM区：\" } },\n                    [\n                      _c(\"el-input-number\", {\n                        attrs: {\n                          \"controls-position\": \"right\",\n                          size: \"small\",\n                          min: 1,\n                          max: 10\n                        },\n                        on: { change: _vm.handleChange },\n                        model: {\n                          value: _vm.coordinateForm.num,\n                          callback: function($$v) {\n                            _vm.$set(_vm.coordinateForm, \"num\", $$v)\n                          },\n                          expression: \"coordinateForm.num\"\n                        }\n                      }),\n                      _c(\"div\", { staticClass: \"warning\" }, [\n                        _c(\"i\", {\n                          staticClass: \"el-icon-warning\",\n                          staticStyle: {\n                            color: \"#409eff\",\n                            margin: \"0 3px 0 10px\"\n                          }\n                        }),\n                        _vm._v(\n                          \"地理参照允许测量物理速度和静态图像源的距离。\\n                            \"\n                        )\n                      ])\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.coordinateForm.coordinateClose == true\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"半球：\" } },\n                    [\n                      _c(\n                        \"el-select\",\n                        {\n                          attrs: { size: \"small\", placeholder: \"请选择\" },\n                          model: {\n                            value: _vm.coordinateForm.value,\n                            callback: function($$v) {\n                              _vm.$set(_vm.coordinateForm, \"value\", $$v)\n                            },\n                            expression: \"coordinateForm.value\"\n                          }\n                        },\n                        _vm._l(_vm.options, function(item) {\n                          return _c(\"el-option\", {\n                            key: item.value,\n                            attrs: { label: item.label, value: item.value }\n                          })\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.coordinateForm.coordinateClose == true\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"坐标转换：\" } },\n                    [\n                      _c(\n                        \"el-radio-group\",\n                        {\n                          model: {\n                            value: _vm.coordinateForm.coordinateTransformation,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.coordinateForm,\n                                \"coordinateTransformation\",\n                                $$v\n                              )\n                            },\n                            expression:\n                              \"coordinateForm.coordinateTransformation\"\n                          }\n                        },\n                        [\n                          _c(\"el-radio\", { attrs: { label: \"84坐标系\" } }),\n                          _c(\"el-radio\", { attrs: { label: \"其他\" } })\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.coordinateForm.coordinateClose == true\n                ? _c(\n                    \"div\",\n                    {\n                      staticStyle: {\n                        width: \"100%\",\n                        height: \"400px\",\n                        \"margin-bottom\": \"10px\"\n                      }\n                    },\n                    [\n                      _c(\"iframe\", {\n                        staticStyle: { width: \"100%\", height: \"100%\" },\n                        attrs: {\n                          id: \"mapModuleTop\",\n                          src: \"./VideoWeb/index.html\",\n                          frameborder: \"0\"\n                        },\n                        on: { load: _vm.load }\n                      })\n                    ]\n                  )\n                : _vm._e(),\n              _vm.coordinateForm.coordinateClose == true\n                ? _c(\n                    \"el-table\",\n                    { attrs: { border: \"\", data: _vm.coordinateTableData } },\n                    [\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"name\",\n                          label: \"点名称\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.$index === 0\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"30\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.name,\n                                          callback: function($$v) {\n                                            _vm.$set(scope.row, \"name\", $$v)\n                                          },\n                                          expression: \"scope.row.name\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(scope.row.name)\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          1861943855\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"longitude\",\n                          label: \"经度\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.row.isEdit\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"20\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.longitude,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              scope.row,\n                                              \"longitude\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"scope.row.longitude\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.longitude\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          452909755\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"latitude\",\n                          label: \"纬度\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.row.isEdit\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"20\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.latitude,\n                                          callback: function($$v) {\n                                            _vm.$set(scope.row, \"latitude\", $$v)\n                                          },\n                                          expression: \"scope.row.latitude\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.latitude\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          2766622075\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          label: \"操作\",\n                          align: \"center\",\n                          \"class-name\": \"small-padding fixed-width\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.$index === 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#2090c1\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleAdd(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            \"Add\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e(),\n                                  scope.$index !== 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#2090c1\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleUpdate(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(\n                                              scope.row.isEdit\n                                                ? \"Apply\"\n                                                : \"Edit\"\n                                            ) +\n                                              \"\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e(),\n                                  scope.$index !== 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#f56c6c\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleDelete(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(\n                                              scope.row.isEdit\n                                                ? \"Cancel\"\n                                                : \"Delete\"\n                                            ) +\n                                              \"\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e()\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          2051407138\n                        )\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"div\",\n                { staticStyle: { \"margin-top\": \"15px\" } },\n                [\n                  _vm.coordinateForm.coordinateClose == true\n                    ? _c(\n                        \"el-button\",\n                        {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { type: \"primary\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.handleagain()\n                            }\n                          }\n                        },\n                        [_vm._v(\"保存\")]\n                      )\n                    : _vm._e()\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    false\n      ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"section\" },\n            [\n              _vm._m(1),\n              _c(\n                \"el-form\",\n                {\n                  ref: \"form\",\n                  attrs: { model: _vm.laneform, \"label-width\": \"350px\" }\n                },\n                [\n                  _c(\n                    \"el-form-item\",\n                    {\n                      attrs: {\n                        label: \"车道识别配置开关：\",\n                        \"label-width\": \"150px\"\n                      }\n                    },\n                    [\n                      _c(\"el-switch\", {\n                        model: {\n                          value: _vm.laneform.laneClose,\n                          callback: function($$v) {\n                            _vm.$set(_vm.laneform, \"laneClose\", $$v)\n                          },\n                          expression: \"laneform.laneClose\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _vm.laneform.laneClose == true\n                    ? _c(\n                        \"div\",\n                        { staticStyle: { width: \"100%\", height: \"400px\" } },\n                        [\n                          _c(\"iframe\", {\n                            staticStyle: { width: \"100%\", height: \"100%\" },\n                            attrs: {\n                              id: \"mapModule\",\n                              src: \"./VideoWeb/index.html\",\n                              frameborder: \"0\"\n                            }\n                          })\n                        ]\n                      )\n                    : _vm._e(),\n                  _vm.laneform.laneClose == true\n                    ? _c(\n                        \"el-form-item\",\n                        {\n                          staticStyle: { width: \"300px\" },\n                          attrs: { label: \"各车道中心线（区域检测器）：\" }\n                        },\n                        [\n                          _c(\"el-switch\", {\n                            model: {\n                              value: _vm.laneform.areaDetector,\n                              callback: function($$v) {\n                                _vm.$set(_vm.laneform, \"areaDetector\", $$v)\n                              },\n                              expression: \"laneform.areaDetector\"\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.laneform.laneClose == true\n                    ? _c(\n                        \"el-form-item\",\n                        {\n                          staticStyle: { width: \"300px\" },\n                          attrs: {\n                            label: \"自动识别各车道中心点坐标（断面检测器）：\"\n                          }\n                        },\n                        [\n                          _c(\"el-switch\", {\n                            model: {\n                              value: _vm.laneform.sectionDetector,\n                              callback: function($$v) {\n                                _vm.$set(_vm.laneform, \"sectionDetector\", $$v)\n                              },\n                              expression: \"laneform.sectionDetector\"\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.laneform.laneClose == true\n                    ? _c(\n                        \"el-button\",\n                        {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { type: \"primary\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.handleagain()\n                            }\n                          }\n                        },\n                        [_vm._v(\"保存\")]\n                      )\n                    : _vm._e()\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ])\n      : _vm._e(),\n    false\n      ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"section\" },\n            [\n              _vm._m(2),\n              _c(\n                \"el-form\",\n                {\n                  ref: \"form\",\n                  attrs: {\n                    model: _vm.identificationAreaform,\n                    \"label-width\": \"fit-content\"\n                  }\n                },\n                [\n                  _c(\n                    \"el-form-item\",\n                    {\n                      staticStyle: { width: \"250px\" },\n                      attrs: { label: \"识别区域开关：\" }\n                    },\n                    [\n                      _c(\"el-switch\", {\n                        model: {\n                          value:\n                            _vm.identificationAreaform.identificationAreaClose,\n                          callback: function($$v) {\n                            _vm.$set(\n                              _vm.identificationAreaform,\n                              \"identificationAreaClose\",\n                              $$v\n                            )\n                          },\n                          expression:\n                            \"identificationAreaform.identificationAreaClose\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _vm.identificationAreaform.identificationAreaClose == true\n                    ? _c(\n                        \"div\",\n                        { staticStyle: { width: \"100%\", height: \"400px\" } },\n                        [\n                          _c(\"iframe\", {\n                            staticStyle: { width: \"100%\", height: \"100%\" },\n                            attrs: {\n                              id: \"mapModule\",\n                              src: \"./VideoWeb/index.html\",\n                              frameborder: \"0\"\n                            }\n                          })\n                        ]\n                      )\n                    : _vm._e(),\n                  _vm.identificationAreaform.identificationAreaClose == true\n                    ? _c(\n                        \"el-button\",\n                        {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { type: \"primary\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.handleagain()\n                            }\n                          }\n                        },\n                        [_vm._v(\"保存\")]\n                      )\n                    : _vm._e()\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ])\n      : _vm._e(),\n    false\n      ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"section\" },\n            [\n              _vm._m(3),\n              _c(\n                \"el-form\",\n                {\n                  ref: \"form\",\n                  attrs: {\n                    model: _vm.trajectorySmoothingform,\n                    \"label-width\": \"fit-content\"\n                  }\n                },\n                [\n                  _c(\n                    \"el-form-item\",\n                    {\n                      staticStyle: { width: \"250px\" },\n                      attrs: { label: \"轨迹平滑开关：\" }\n                    },\n                    [\n                      _c(\"el-switch\", {\n                        model: {\n                          value:\n                            _vm.trajectorySmoothingform\n                              .trajectorySmoothingClose,\n                          callback: function($$v) {\n                            _vm.$set(\n                              _vm.trajectorySmoothingform,\n                              \"trajectorySmoothingClose\",\n                              $$v\n                            )\n                          },\n                          expression:\n                            \"trajectorySmoothingform.trajectorySmoothingClose\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                    ? _c(\n                        \"el-form-item\",\n                        {\n                          staticStyle: { width: \"250px\" },\n                          attrs: { label: \"预测滤波时间：\" }\n                        },\n                        [\n                          _c(\"el-input-number\", {\n                            attrs: {\n                              min: 2000,\n                              max: 3000,\n                              label: \"预测滤波时间\"\n                            },\n                            on: { change: _vm.handleChange },\n                            model: {\n                              value: _vm.trajectorySmoothingform.time,\n                              callback: function($$v) {\n                                _vm.$set(\n                                  _vm.trajectorySmoothingform,\n                                  \"time\",\n                                  $$v\n                                )\n                              },\n                              expression: \"trajectorySmoothingform.time\"\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                    ? _c(\n                        \"el-button\",\n                        {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { type: \"primary\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.handleagain()\n                            }\n                          }\n                        },\n                        [_vm._v(\"保存\")]\n                      )\n                    : _vm._e()\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ])\n      : _vm._e(),\n    _c(\"div\", { staticClass: \"dataBoard\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          _vm._m(4),\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: {\n                model: _vm.licensePlateform,\n                \"label-width\": \"fit-content\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"车牌识别开关：\" } },\n                [\n                  _c(\"el-switch\", {\n                    model: {\n                      value: _vm.licensePlateform.licensePlateClose,\n                      callback: function($$v) {\n                        _vm.$set(_vm.licensePlateform, \"licensePlateClose\", $$v)\n                      },\n                      expression: \"licensePlateform.licensePlateClose\"\n                    }\n                  })\n                ],\n                1\n              ),\n              false\n                ? _c(\n                    \"div\",\n                    {\n                      staticStyle: {\n                        width: \"100%\",\n                        height: \"400px\",\n                        \"margin-bottom\": \"10px\"\n                      }\n                    },\n                    [\n                      _c(\"iframe\", {\n                        staticStyle: { width: \"100%\", height: \"100%\" },\n                        attrs: {\n                          id: \"mapModule\",\n                          src: \"./VideoWeb/index.html\",\n                          frameborder: \"0\"\n                        }\n                      })\n                    ]\n                  )\n                : _vm._e(),\n              false\n                ? _c(\n                    \"el-table\",\n                    { attrs: { border: \"\", data: _vm.licensePlateTableData } },\n                    [\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"sectionPlate\",\n                          label: \"断面号牌\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.$index === 0\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"30\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.sectionPlate,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              scope.row,\n                                              \"sectionPlate\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"scope.row.sectionPlate\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.sectionPlate\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          942623791\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"setAssociation\",\n                          label: \"断面设置关联：\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.row.isEdit\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"20\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.setAssociation,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              scope.row,\n                                              \"setAssociation\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"scope.row.setAssociation\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.setAssociation\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          95706651\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"thresholdValue\",\n                          label: \"车牌匹配阈值：\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.row.isEdit\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"20\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.thresholdValue,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              scope.row,\n                                              \"thresholdValue\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"scope.row.thresholdValue\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.thresholdValue\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          4003674747\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          label: \"操作：\",\n                          align: \"center\",\n                          \"class-name\": \"small-padding fixed-width\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.$index === 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#2090c1\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleAdd(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            \"Add\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e(),\n                                  scope.$index !== 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#2090c1\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleUpdate(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(\n                                              scope.row.isEdit\n                                                ? \"Apply\"\n                                                : \"Edit\"\n                                            ) +\n                                              \"\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e(),\n                                  scope.$index !== 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#f56c6c\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleDelete(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(\n                                              scope.row.isEdit\n                                                ? \"Cancel\"\n                                                : \"Delete\"\n                                            ) +\n                                              \"\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e()\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          2051407138\n                        )\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"div\",\n                { staticStyle: { \"margin-top\": \"15px\" } },\n                [\n                  _vm.licensePlateform.licensePlateClose == true\n                    ? _c(\n                        \"el-button\",\n                        {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { type: \"primary\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.handleagain()\n                            }\n                          }\n                        },\n                        [_vm._v(\"保存\")]\n                      )\n                    : _vm._e()\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    _c(\"div\", { staticClass: \"dataBoard\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          _vm._m(5),\n          _c(\n            \"el-form\",\n            {\n              staticClass: \"demo-form-inline\",\n              attrs: {\n                inline: true,\n                model: _vm.stopStateform,\n                \"label-width\": \"fit-content\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-right\": \"10px\" },\n                  attrs: { label: \"位移：\" }\n                },\n                [\n                  _c(\"el-input-number\", {\n                    attrs: { min: 2000, max: 3000, label: \"位移\" },\n                    on: { change: _vm.handleChange },\n                    model: {\n                      value: _vm.stopStateform.displacement,\n                      callback: function($$v) {\n                        _vm.$set(_vm.stopStateform, \"displacement\", $$v)\n                      },\n                      expression: \"stopStateform.displacement\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-right\": \"10px\" },\n                  attrs: { label: \"速度：\" }\n                },\n                [\n                  _c(\"el-input-number\", {\n                    attrs: { min: 2000, max: 3000, label: \"速度\" },\n                    on: { change: _vm.handleChange },\n                    model: {\n                      value: _vm.stopStateform.speed,\n                      callback: function($$v) {\n                        _vm.$set(_vm.stopStateform, \"speed\", $$v)\n                      },\n                      expression: \"stopStateform.speed\"\n                    }\n                  })\n                ],\n                1\n              ),\n              false\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"加速度：\" } },\n                    [\n                      _c(\"el-input-number\", {\n                        attrs: { min: 2000, max: 3000, label: \"加速度\" },\n                        on: { change: _vm.handleChange },\n                        model: {\n                          value: _vm.stopStateform.acceleration,\n                          callback: function($$v) {\n                            _vm.$set(_vm.stopStateform, \"acceleration\", $$v)\n                          },\n                          expression: \"stopStateform.acceleration\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e()\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticStyle: { \"margin-top\": \"15px\" } },\n            [\n              _c(\n                \"el-button\",\n                {\n                  staticStyle: { width: \"150px\" },\n                  attrs: { type: \"primary\", size: \"small\" },\n                  on: {\n                    click: function($event) {\n                      return _vm.handleagain()\n                    }\n                  }\n                },\n                [_vm._v(\"保存\")]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    false\n      ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"section\" },\n            [\n              _vm._m(6),\n              _c(\n                \"el-form\",\n                {\n                  staticClass: \"demo-form-inline\",\n                  attrs: {\n                    model: _vm.communicationform,\n                    \"label-width\": \"fit-content\"\n                  }\n                },\n                [\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"更新频率：\" } },\n                    [\n                      _c(\"el-input\", {\n                        staticStyle: { width: \"200px\" },\n                        model: {\n                          value: _vm.communicationform.renewalFrequency,\n                          callback: function($$v) {\n                            _vm.$set(\n                              _vm.communicationform,\n                              \"renewalFrequency\",\n                              $$v\n                            )\n                          },\n                          expression: \"communicationform.renewalFrequency\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"el-form-item\",\n                    {\n                      staticStyle: { display: \"flex\" },\n                      attrs: { label: \"类型：\" }\n                    },\n                    [\n                      _c(\n                        \"el-radio-group\",\n                        {\n                          model: {\n                            value: _vm.communicationform.type,\n                            callback: function($$v) {\n                              _vm.$set(_vm.communicationform, \"type\", $$v)\n                            },\n                            expression: \"communicationform.type\"\n                          }\n                        },\n                        [\n                          _c(\"el-radio\", {\n                            attrs: { label: \"快速-用于高带宽连接\" }\n                          }),\n                          _c(\"el-radio\", {\n                            attrs: { label: \"平衡-适用于大多数连接\" }\n                          }),\n                          _c(\"el-radio\", {\n                            attrs: { label: \"慢速-用于低带宽连接\" }\n                          }),\n                          _c(\"el-radio\", { attrs: { label: \"自定义\" } })\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  ),\n                  _vm.communicationform.type == \"自定义\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: \"请求轻型有效载荷：\" } },\n                        [\n                          _c(\"el-input\", {\n                            staticStyle: {\n                              width: \"200px\",\n                              \"margin-bottom\": \"20px\"\n                            },\n                            model: {\n                              value: _vm.communicationform.name,\n                              callback: function($$v) {\n                                _vm.$set(_vm.communicationform, \"name\", $$v)\n                              },\n                              expression: \"communicationform.name\"\n                            }\n                          }),\n                          _vm._v(\"ms\\n                    \")\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.communicationform.type == \"自定义\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: \"请求重型有效载荷：\" } },\n                        [\n                          _c(\"el-input\", {\n                            staticStyle: {\n                              width: \"200px\",\n                              \"margin-bottom\": \"20px\"\n                            },\n                            model: {\n                              value: _vm.communicationform.name,\n                              callback: function($$v) {\n                                _vm.$set(_vm.communicationform, \"name\", $$v)\n                              },\n                              expression: \"communicationform.name\"\n                            }\n                          }),\n                          _vm._v(\"ms\\n                    \")\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.communicationform.type == \"自定义\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: \"FPS分配器：\" } },\n                        [\n                          _c(\"el-input\", {\n                            staticStyle: {\n                              width: \"200px\",\n                              \"margin-bottom\": \"20px\"\n                            },\n                            model: {\n                              value: _vm.communicationform.name,\n                              callback: function($$v) {\n                                _vm.$set(_vm.communicationform, \"name\", $$v)\n                              },\n                              expression: \"communicationform.name\"\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.communicationform.type == \"自定义\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: \"框架决议：\" } },\n                        [\n                          _c(\n                            \"el-select\",\n                            {\n                              staticStyle: { \"margin-bottom\": \"20px\" },\n                              attrs: { placeholder: \"框架决议\" },\n                              model: {\n                                value: _vm.communicationform.region,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"region\", $$v)\n                                },\n                                expression: \"communicationform.region\"\n                              }\n                            },\n                            [\n                              _c(\"el-option\", {\n                                attrs: { label: \"自动\", value: \"shanghai\" }\n                              }),\n                              _c(\"el-option\", {\n                                attrs: { label: \"区域二\", value: \"beijing\" }\n                              })\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.communicationform.type == \"自定义\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: \"压缩格式：\" } },\n                        [\n                          _c(\n                            \"el-select\",\n                            {\n                              staticStyle: { \"margin-bottom\": \"20px\" },\n                              attrs: { placeholder: \"压缩格式\" },\n                              model: {\n                                value: _vm.communicationform.region,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"region\", $$v)\n                                },\n                                expression: \"communicationform.region\"\n                              }\n                            },\n                            [\n                              _c(\"el-option\", {\n                                attrs: { label: \"JPG\", value: \"shanghai\" }\n                              }),\n                              _c(\"el-option\", {\n                                attrs: { label: \"区域二\", value: \"beijing\" }\n                              })\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.communicationform.type == \"自定义\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: \"压缩率：\" } },\n                        [\n                          _c(\"el-input\", {\n                            staticStyle: { width: \"200px\" },\n                            model: {\n                              value: _vm.communicationform.name,\n                              callback: function($$v) {\n                                _vm.$set(_vm.communicationform, \"name\", $$v)\n                              },\n                              expression: \"communicationform.name\"\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _c(\n                    \"el-button\",\n                    {\n                      staticStyle: { width: \"150px\" },\n                      attrs: { type: \"primary\", size: \"small\" },\n                      on: {\n                        click: function($event) {\n                          return _vm.handleagain()\n                        }\n                      }\n                    },\n                    [_vm._v(\"保存\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ])\n      : _vm._e()\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"坐标转换\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车道识别配置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"在视频/动图上设置进口出口道\\n                \")\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"识别区域\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"轨迹平滑\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车牌识别\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"停车状态\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"通信设置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"更新频率可以根据链路带宽进行设置。\\n                \")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/baa122f9311393b8486f6fe1c38bbf9a.json b/node_modules/.cache/vue-loader/baa122f9311393b8486f6fe1c38bbf9a.json
index 3c1f274b..fb785ea5 100644
--- a/node_modules/.cache/vue-loader/baa122f9311393b8486f6fe1c38bbf9a.json
+++ b/node_modules/.cache/vue-loader/baa122f9311393b8486f6fe1c38bbf9a.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673083578152},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\"\nimport script from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nexport * from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AnalysisMain.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('689d6d6f')) {\n      api.createRecord('689d6d6f', component.options)\n    } else {\n      api.reload('689d6d6f', component.options)\n    }\n    module.hot.accept(\"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\", function () {\n      api.rerender('689d6d6f', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/AnalysisMain.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673339663032},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\"\nimport script from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nexport * from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AnalysisMain.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\视频边缘1215\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('689d6d6f')) {\n      api.createRecord('689d6d6f', component.options)\n    } else {\n      api.reload('689d6d6f', component.options)\n    }\n    module.hot.accept(\"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\", function () {\n      api.rerender('689d6d6f', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/AnalysisMain.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c53424f6868f2b1e3893cfe4a593f0b9.json b/node_modules/.cache/vue-loader/c53424f6868f2b1e3893cfe4a593f0b9.json
index b06f29da..81ef686f 100644
--- a/node_modules/.cache/vue-loader/c53424f6868f2b1e3893cfe4a593f0b9.json
+++ b/node_modules/.cache/vue-loader/c53424f6868f2b1e3893cfe4a593f0b9.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673243568869},{"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":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系'\r\n            },\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: false\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n    },\r\n    methods: {\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\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        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\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        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(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8ZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\">\r\n                          <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\">\r\n                            <el-input v-model=\"sizeForm.name\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.name\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"模型：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-radio-group v-model=\"coordinateForm.model\">\r\n                                <el-radio label=\"Georeferencing\"></el-radio>\r\n\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                            <div class=\"warning\">\r\n                                <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                >地理参照允许测量物理速度和静态图像源的距离。\r\n                            </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <iframe\r\n                                id=\"mapModuleTop\"\r\n                                @load=\"load\"\r\n                                src=\"./VideoWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                            <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.$index === 0\" v-model=\"scope.row.name\" maxlength=\"30\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.name\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.longitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.latitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"coordinateForm.coordinateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\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=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系'\r\n            },\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: false\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n    },\r\n    methods: {\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\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        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\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        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(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673344988966},{"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":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '0',\r\n              label: '南'\r\n            }, {\r\n              value: '1',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: false\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n    },\r\n    methods: {\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\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        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\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        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(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\">\r\n                          <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\">\r\n                            <el-input v-model=\"sizeForm.name\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.name\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"UTM区：\" v-if=\"coordinateForm.coordinateClose == true\" class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" size=\"small\" @change=\"handleChange\" :min=\"1\" :max=\"10\"></el-input-number>\r\n                                <div class=\"warning\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"item in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <iframe\r\n                                id=\"mapModuleTop\"\r\n                                @load=\"load\"\r\n                                src=\"./VideoWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                            <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.$index === 0\" v-model=\"scope.row.name\" maxlength=\"30\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.name\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.longitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.latitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"coordinateForm.coordinateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\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=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '0',\r\n              label: '南'\r\n            }, {\r\n              value: '1',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: false\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n    },\r\n    methods: {\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\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        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\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        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(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f087da96cb49aff63ead829546c932a2.json b/node_modules/.cache/vue-loader/f087da96cb49aff63ead829546c932a2.json
index fc064d4d..58545641 100644
--- a/node_modules/.cache/vue-loader/f087da96cb49aff63ead829546c932a2.json
+++ b/node_modules/.cache/vue-loader/f087da96cb49aff63ead829546c932a2.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673243568869},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<div class=\"analysis\">\n        <div class=\"top\" style=\"margin-top:10px\">\n            <div class=\"section\">\n                <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <div class=\"warning\">\n                        <p class=\"board-title\">自动保存</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                        >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\n                    </div>\n                    <el-form-item label=\"自动保存：\">\n                        <el-switch v-model=\"formInline.user\"></el-switch>\n                    </el-form-item>\n                    <el-form-item label=\"时间间隔：\">\n                        <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\n                            <el-option label=\"20s\" value=\"shanghai\"></el-option>\n                            <el-option label=\"30s\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                </el-form>\n                <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\n                    <div class=\"warning\" v-if=\"false\">\n                      <p class=\"board-title\">重置分析</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\n                    </div>\n                    <!-- <el-form-item > -->\n                    <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\n                    <div class=\"warning\" style=\"margin-top:15px\">\n                      <p class=\"board-title\">相机位置</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在 WGS84 坐标系中输入相机位置\n                    </div>\n                    <el-form-item label=\"相机位置：\">\n                        <el-input v-model=\"sizeForm.name\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\n                        <el-input v-model=\"sizeForm.name\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\n                    </el-form-item>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                    <p class=\"board-title\">坐标转换</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\n                </div>\n                <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\">\n                    <el-form-item label=\"坐标转换开关：\">\n                        <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\n                    </el-form-item>\n                    <el-form-item label=\"模型：\" v-if=\"coordinateForm.coordinateClose == true\">\n                        <el-radio-group v-model=\"coordinateForm.model\">\n                            <el-radio label=\"Georeferencing\"></el-radio>\n\n                            <el-radio label=\"其他\"></el-radio>\n                        </el-radio-group>\n                        <div class=\"warning\">\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                            >地理参照允许测量物理速度和静态图像源的距离。\n                        </div>\n                    </el-form-item>\n                    <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose == true\">\n                        <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\n                            <el-radio label=\"84坐标系\"></el-radio>\n                            <el-radio label=\"其他\"></el-radio>\n                        </el-radio-group>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"coordinateForm.coordinateClose == true\">\n                        <iframe\n                            id=\"mapModuleTop\"\n                            @load=\"load\"\n                            src=\"./VideoWeb/index.html\"\n                            frameborder=\"0\"\n                            style=\"width: 100%; height: 100%\"\n                        ></iframe>\n                        <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n      ref=\"iframe\"></iframe> -->\n                    </div>\n                    <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose == true\">\n                        <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input v-if=\"scope.$index === 0\" v-model=\"scope.row.name\" maxlength=\"30\" placeholder=\"Required\" />\n                                <span v-else v-text=\"scope.row.name\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"Required\" />\n                                <span v-else v-text=\"scope.row.longitude\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"Required\" />\n                                <span v-else v-text=\"scope.row.latitude\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    v-if=\"scope.$index === 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleAdd(scope.row)\"\n                                    >Add\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleUpdate(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDelete(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\">\n                        <el-button\n                            type=\"primary\"\n                            @click=\"handleagain()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            v-if=\"coordinateForm.coordinateClose == true\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                    <p class=\"board-title\">车道识别配置</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\n                </div>\n                <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\n                    <!-- <p>车道识别配置</p> -->\n                    <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\n                        <el-switch v-model=\"laneform.laneClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\n                        <el-switch v-model=\"laneform.areaDetector\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"自动识别各车道中心点坐标（断面检测器）：\"\n                        style=\"width: 300px\"\n                        v-if=\"laneform.laneClose == true\"\n                    >\n                        <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">识别区域</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\n                </div>\n                \n\n                <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\n                    <!-- <p>车道识别配置</p> -->\n\n                    <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"identificationAreaform.identificationAreaClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">轨迹平滑</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\n                </div>\n                <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\n                    <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"预测滤波时间：\"\n                        style=\"width: 250px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                    >\n                        <el-input-number\n                            v-model=\"trajectorySmoothingform.time\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"预测滤波时间\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">车牌识别</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\n                </div>\n                <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\">\n                    <el-form-item label=\"车牌识别开关：\">\n                        <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\">\n                        <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.$index === 0\"\n                                    v-model=\"scope.row.sectionPlate\"\n                                    maxlength=\"30\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.sectionPlate\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.setAssociation\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.setAssociation\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.thresholdValue\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.thresholdValue\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    v-if=\"scope.$index === 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleAdd(scope.row)\"\n                                    >Add\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleUpdate(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDelete(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\">\n                        <el-button\n                            type=\"primary\"\n                            @click=\"handleagain()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            v-if=\"licensePlateform.licensePlateClose == true\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">停车状态</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\n                </div>\n                <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <el-form-item label=\"位移：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.displacement\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"位移\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"速度：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.speed\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"加速度：\">\n                        <el-input-number\n                            v-model=\"stopStateform.acceleration\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"加速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                </el-form>\n                <div style=\"margin-top: 15px\">\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">通信设置</p>\n                          <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\n                </div>\n                <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <el-form-item label=\"更新频率：\">\n                        <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    \n                    <el-form-item label=\"类型：\" style=\"display:flex\">\n                        <el-radio-group v-model=\"communicationform.type\">\n                            <el-radio label=\"快速-用于高带宽连接\"></el-radio>\n                            <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\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=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\n                    </el-form-item>\n                    <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"自动\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"JPG\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </el-form>\n            </div>\n        </div>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673344988966},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["\n<div class=\"analysis\">\n        <div class=\"top\" style=\"margin-top:10px\">\n            <div class=\"section\">\n                <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <div class=\"warning\">\n                        <p class=\"board-title\">自动保存</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                        >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\n                    </div>\n                    <el-form-item label=\"自动保存：\">\n                        <el-switch v-model=\"formInline.user\"></el-switch>\n                    </el-form-item>\n                    <el-form-item label=\"时间间隔：\">\n                        <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\n                            <el-option label=\"20s\" value=\"shanghai\"></el-option>\n                            <el-option label=\"30s\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                </el-form>\n                <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\n                    <div class=\"warning\" v-if=\"false\">\n                      <p class=\"board-title\">重置分析</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\n                    </div>\n                    <!-- <el-form-item > -->\n                    <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\n                    <div class=\"warning\" style=\"margin-top:15px\">\n                      <p class=\"board-title\">相机位置</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在 WGS84 坐标系中输入相机位置\n                    </div>\n                    <el-form-item label=\"相机位置：\">\n                        <el-input v-model=\"sizeForm.name\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\n                        <el-input v-model=\"sizeForm.name\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\n                    </el-form-item>\n                </el-form>\n                <div style=\"margin-top: 15px\">\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                    <p class=\"board-title\">坐标转换</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\n                </div>\n                <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\">\n                    <el-form-item label=\"坐标转换开关：\">\n                        <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\n                    </el-form-item>\n                    <el-form-item label=\"UTM区：\" v-if=\"coordinateForm.coordinateClose == true\" class=\"otherThings\">\n                            <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" size=\"small\" @change=\"handleChange\" :min=\"1\" :max=\"10\"></el-input-number>\n                            <div class=\"warning\">\n                                <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                                >地理参照允许测量物理速度和静态图像源的距离。\n                            </div>\n                    </el-form-item>\n                    <el-form-item label=\"半球：\" v-if=\"coordinateForm.coordinateClose == true\">\n                      <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\n                          <el-option\n                            v-for=\"item in options\"\n                            :key=\"item.value\"\n                            :label=\"item.label\"\n                            :value=\"item.value\">\n                          </el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose == true\">\n                        <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\n                            <el-radio label=\"84坐标系\"></el-radio>\n                            <el-radio label=\"其他\"></el-radio>\n                        </el-radio-group>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"coordinateForm.coordinateClose == true\">\n                        <iframe\n                            id=\"mapModuleTop\"\n                            @load=\"load\"\n                            src=\"./VideoWeb/index.html\"\n                            frameborder=\"0\"\n                            style=\"width: 100%; height: 100%\"\n                        ></iframe>\n                        <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n      ref=\"iframe\"></iframe> -->\n                    </div>\n                    <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose == true\">\n                        <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input v-if=\"scope.$index === 0\" v-model=\"scope.row.name\" maxlength=\"30\" placeholder=\"Required\" />\n                                <span v-else v-text=\"scope.row.name\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"Required\" />\n                                <span v-else v-text=\"scope.row.longitude\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"Required\" />\n                                <span v-else v-text=\"scope.row.latitude\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    v-if=\"scope.$index === 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleAdd(scope.row)\"\n                                    >Add\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleUpdate(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDelete(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\">\n                        <el-button\n                            type=\"primary\"\n                            @click=\"handleagain()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            v-if=\"coordinateForm.coordinateClose == true\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                    <p class=\"board-title\">车道识别配置</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\n                </div>\n                <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\n                    <!-- <p>车道识别配置</p> -->\n                    <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\n                        <el-switch v-model=\"laneform.laneClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\n                        <el-switch v-model=\"laneform.areaDetector\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"自动识别各车道中心点坐标（断面检测器）：\"\n                        style=\"width: 300px\"\n                        v-if=\"laneform.laneClose == true\"\n                    >\n                        <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">识别区域</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\n                </div>\n                \n\n                <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\n                    <!-- <p>车道识别配置</p> -->\n\n                    <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"identificationAreaform.identificationAreaClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">轨迹平滑</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\n                </div>\n                <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\n                    <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"预测滤波时间：\"\n                        style=\"width: 250px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                    >\n                        <el-input-number\n                            v-model=\"trajectorySmoothingform.time\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"预测滤波时间\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">车牌识别</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\n                </div>\n                <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\">\n                    <el-form-item label=\"车牌识别开关：\">\n                        <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\n                    </el-form-item>\n                    <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\n                    <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\n                    <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\n                        <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.$index === 0\"\n                                    v-model=\"scope.row.sectionPlate\"\n                                    maxlength=\"30\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.sectionPlate\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.setAssociation\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.setAssociation\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.thresholdValue\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.thresholdValue\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    v-if=\"scope.$index === 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleAdd(scope.row)\"\n                                    >Add\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleUpdate(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDelete(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\">\n                        <el-button\n                            type=\"primary\"\n                            @click=\"handleagain()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            v-if=\"licensePlateform.licensePlateClose == true\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">停车状态</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\n                </div>\n                <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <el-form-item label=\"位移：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.displacement\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"位移\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"速度：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.speed\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"加速度：\" v-if=\"false\"> \n                        <el-input-number\n                            v-model=\"stopStateform.acceleration\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"加速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                </el-form>\n                <div style=\"margin-top: 15px\">\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">通信设置</p>\n                          <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\n                </div>\n                <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <el-form-item label=\"更新频率：\">\n                        <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    \n                    <el-form-item label=\"类型：\" style=\"display:flex\">\n                        <el-radio-group v-model=\"communicationform.type\">\n                            <el-radio label=\"快速-用于高带宽连接\"></el-radio>\n                            <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\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=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\n                    </el-form-item>\n                    <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"自动\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"JPG\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </el-form>\n            </div>\n        </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/public/VideoWeb/Build/APP.data.unityweb b/public/VideoWeb/Build/APP.data.unityweb
index 45923368..372c6e80 100644
Binary files a/public/VideoWeb/Build/APP.data.unityweb and b/public/VideoWeb/Build/APP.data.unityweb differ
diff --git a/public/VideoWeb/Build/APP.framework.js.unityweb b/public/VideoWeb/Build/APP.framework.js.unityweb
index 206de7d7..7c7848fb 100644
Binary files a/public/VideoWeb/Build/APP.framework.js.unityweb and b/public/VideoWeb/Build/APP.framework.js.unityweb differ
diff --git a/public/VideoWeb/Build/APP.wasm.unityweb b/public/VideoWeb/Build/APP.wasm.unityweb
index 2c53b3a3..b224bb73 100644
Binary files a/public/VideoWeb/Build/APP.wasm.unityweb and b/public/VideoWeb/Build/APP.wasm.unityweb differ
diff --git a/public/VideoWeb/index.html b/public/VideoWeb/index.html
index 00127511..531dda4a 100644
--- a/public/VideoWeb/index.html
+++ b/public/VideoWeb/index.html
@@ -209,7 +209,11 @@
         } 
     }
     //编辑模拟区域组件交互弹窗
-    function simulationAreaEdit(){
+    function simulationAreaEdit(id,type,componentType,name){
+        console.log("id",id)
+        console.log("type",type)
+        console.log("组件类型",componentType)
+        console.log("组件名称",name)
         // window.parent.getSingleComponentId();
     }
   
diff --git a/src/views/index.vue b/src/views/index.vue
index 098ef4c5..c7cf7fca 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -3,8 +3,8 @@
 
     <!-- <div class="container"> -->
     <div >
-      <el-tabs type="border-card">
-        <el-tab-pane label="xx路口">
+      <el-tabs type="border-card"  v-model="activeName">
+        <el-tab-pane label="xx路口" name="first" >
             <div class="mapModuleApp">
                      <iframe id="mapModule" src="./VideoWeb/index.html" frameborder="0" style="width: 100%; height:100%;" scrolling='no'></iframe>
                       <!-- <iframe src="./VideoWeb/index.html" style="height: 100%; width: 100%;border: none" 
@@ -230,7 +230,7 @@ export default {
       speed: false,
       component:false,
       sectionals:[],
-      activeName:'',
+      activeName:'first',
       VideoId:'',
       title:'断面',
       componentTitle:'速度',