(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-f7508842"],{"1e4b":function(e,t,a){"use strict";a.r(t);var n,o=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"content-box"},[a("div",[a("el-tabs",{attrs:{type:"border-card"},model:{value:e.activeName,callback:function(t){e.activeName=t},expression:"activeName"}},[a("el-tab-pane",{attrs:{label:e.titName,name:"first"}},[a("div",{staticClass:"mapModuleApp"},[a("iframe",{staticStyle:{width:"100%",height:"100%"},attrs:{id:"mapModule",src:"./VideoWeb/index.html",frameborder:"0",scrolling:"no"}})])]),a("el-tab-pane",{attrs:{label:"数据看板",name:"second"}},[a("dataBoard",{attrs:{activeName:e.activeName,triggerData:e.triggerData}})],1),a("el-tab-pane",{attrs:{label:"分析配置",name:"third"}},[a("analysisConfiguration",{attrs:{analysisConfigurationdata:e.analysisConfigurationdata}})],1),a("el-tab-pane",{attrs:{label:"分析状态",name:"fourth"}},[a("editModal")],1),a("el-tab-pane",{attrs:{label:"存储",name:"five"}},[e._v("存储")])],1)],1),a("el-drawer",{directives:[{name:"alterELDialogMarginTop",rawName:"v-alterELDialogMarginTop",value:{marginTop:"0vh"},expression:"{marginTop:'0vh'}"}],ref:"drawer",staticClass:"new-dialog",attrs:{visible:e.dialogFormVisible,direction:"btt","custom-class":"demo-drawer",modal:!1,"close-on-click-modal":!1,width:"100%",wrapperClosable:!1,"with-header":!1,size:"100%"},on:{"update:visible":function(t){e.dialogFormVisible=t}}},[a("div",{staticClass:"formBox"},[a("el-form",{ref:"form",attrs:{model:e.form,"label-width":"80px",inline:!0}},[a("el-form-item",{attrs:{label:"组件名称"}},[a("el-input",{model:{value:e.form.name,callback:function(t){e.$set(e.form,"name",t)},expression:"form.name"}})],1),"断面"==e.form.type?a("el-form-item",{attrs:{label:"断面方向"}},[a("el-select",{attrs:{placeholder:"请选择类型"},model:{value:e.form.Direction,callback:function(t){e.$set(e.form,"Direction",t)},expression:"form.Direction"}},[a("el-option",{attrs:{label:"正向",value:"正向"}}),a("el-option",{attrs:{label:"反向",value:"反向"}}),a("el-option",{attrs:{label:"双向",value:"双向"}})],1)],1):e._e(),a("el-form-item",[a("el-button",{attrs:{type:"primary"},on:{click:function(t){return e.onSubmit(e.form)}}},[e._v("确认")]),a("el-button",{on:{click:function(t){return e.closeFigure(e.form)}}},[e._v("取消")])],1)],1)],1)]),a("el-dialog",{attrs:{title:e.componentTitle+"指标组件",width:"40%",visible:e.component},on:{"update:visible":function(t){e.component=t}}},[a("el-form",{ref:"form",attrs:{model:e.componentForm,"label-width":"150px"},on:{close:function(t){return e.closeComponentForm()}}},[a("el-form-item",{attrs:{label:"名称："}},[a("el-input",{model:{value:e.componentForm.componentName,callback:function(t){e.$set(e.componentForm,"componentName",t)},expression:"componentForm.componentName"}})],1),"类型"==e.componentForm.componentType?a("el-form-item",{attrs:{label:"类型筛选："}},[a("el-checkbox-group",{on:{change:e.handleTypeData},model:{value:e.componentForm.type,callback:function(t){e.$set(e.componentForm,"type",t)},expression:"componentForm.type"}},e._l(e.typeData,(function(t){return a("el-checkbox",{key:t,attrs:{label:t}},[e._v(e._s(t))])})),1)],1):e._e(),"OD"!=e.componentForm.componentType?a("el-form-item",{attrs:{label:"数值筛选："}},[a("el-input-number",{model:{value:e.componentForm.startValue,callback:function(t){e.$set(e.componentForm,"startValue",t)},expression:"componentForm.startValue"}}),a("el-input-number",{staticStyle:{"margin-left":"5%"},model:{value:e.componentForm.endValue,callback:function(t){e.$set(e.componentForm,"endValue",t)},expression:"componentForm.endValue"}})],1):e._e(),a("el-form-item",{attrs:{label:"时间模式："}},[a("el-select",{attrs:{placeholder:"请选择时间模式"},model:{value:e.componentForm.timeMode,callback:function(t){e.$set(e.componentForm,"timeMode",t)},expression:"componentForm.timeMode"}},[a("el-option",{attrs:{label:"触发",value:"touch"}}),"排队数"!=e.componentForm.componentType&&"检测数"!=e.componentForm.componentType&&"延误"!=e.componentForm.componentType&&"拥堵"!=e.componentForm.componentType?a("el-option",{attrs:{label:"周期时刻",value:"timeing"}}):e._e(),"OD"!=e.componentForm.componentType?a("el-option",{attrs:{label:"周期统计",value:"date"}}):e._e()],1)],1),a("el-form-item",{attrs:{label:"周期间隔："}},[a("div",{staticStyle:{display:"inline"}},[a("el-select",{attrs:{placeholder:"请选择单位"},on:{change:e.changeCompany},model:{value:e.componentForm.company,callback:function(t){e.$set(e.componentForm,"company",t)},expression:"componentForm.company"}},e._l(e.timeSelect,(function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})})),1),a("el-slider",{attrs:{max:e.max},model:{value:e.componentForm.cycleInterval,callback:function(t){e.$set(e.componentForm,"cycleInterval",t)},expression:"componentForm.cycleInterval"}})],1)]),"OD"==e.componentForm.componentType?a("el-form-item",{attrs:{label:"起点："}},[a("el-checkbox-group",{on:{change:e.handleCheckedStartSection},model:{value:e.componentForm.startSection,callback:function(t){e.$set(e.componentForm,"startSection",t)},expression:"componentForm.startSection"}},e._l(e.sectionals,(function(t){return a("el-checkbox",{key:t.graphicId,attrs:{label:t.graphicName}},[e._v(e._s(t.graphicName))])})),1)],1):e._e(),"OD"==e.componentForm.componentType?a("el-form-item",{attrs:{label:"终点："}},[a("el-checkbox-group",{on:{change:e.handleCheckedendSection},model:{value:e.componentForm.endSection,callback:function(t){e.$set(e.componentForm,"endSection",t)},expression:"componentForm.endSection"}},e._l(e.sectionals,(function(t){return a("el-checkbox",{key:t.graphicId,attrs:{label:t.graphicName}},[e._v(e._s(t.graphicName))])})),1)],1):e._e(),"OD"!=e.componentForm.componentType?a("el-form-item",{attrs:{label:"展现形式："}},[a("el-checkbox-group",{on:{change:e.handlePresentation},model:{value:e.componentForm.presentation,callback:function(t){e.$set(e.componentForm,"presentation",t)},expression:"componentForm.presentation"}},[a("el-checkbox",{attrs:{label:"数值",name:"presentation"}}),"拥堵"!=e.componentForm.componentType?a("el-checkbox",{attrs:{label:"表格",name:"presentation"}}):e._e(),a("el-checkbox",{attrs:{label:"时间曲线图",name:"type"}}),"类型"==e.componentForm.componentType?a("el-checkbox",{attrs:{label:"直方图",name:"presentation"}}):e._e(),"类型"==e.componentForm.componentType?a("el-checkbox",{attrs:{label:"饼状图",name:"presentation"}}):e._e(),"拥堵"!=e.componentForm.componentType?a("el-checkbox",{attrs:{label:"均值图",name:"presentation"}}):e._e()],1)],1):e._e(),a("el-form-item",[a("el-button",{attrs:{type:"primary"},on:{click:function(t){return e.onSubmitComponent(e.componentForm)}}},[e._v("确认")]),a("el-button",{on:{click:function(t){return e.closeComponent(e.componentForm)}}},[e._v("取消")])],1)],1)],1)],1)},i=[],l=(a("ac6a"),a("28a5"),a("34ef"),a("7f7f"),a("8cce")),r=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"analysis"},[a("div",{staticClass:"top",staticStyle:{"margin-top":"10px"}},[a("div",{staticClass:"section"},[e._e(),a("el-form",{ref:"form",staticStyle:{"margin-top":"15px"},attrs:{model:e.sizeForm,"label-width":"fit-content"}},[e._e(),e._e(),a("div",{staticClass:"warning",staticStyle:{"margin-top":"15px"},on:{click:function(t){return e.handleContent("postion")}}},[a("i",{class:0==e.contentShow.postion?"el-icon-arrow-right":"el-icon-arrow-down",staticStyle:{"font-weight":"600","font-size":"18px","margin-right":"5px"}}),a("p",{staticClass:"board-title"},[e._v("相机位置")]),a("i",{staticClass:"el-icon-warning",staticStyle:{color:"#409eff",margin:"0 3px 0 10px"}}),e._v(" 在 WGS84 坐标系中输入相机位置\n                    ")]),e.contentShow.postion?a("el-form-item",{attrs:{label:"相机位置："}},[a("el-input",{staticStyle:{width:"150px"},attrs:{size:"small",placeholder:"经度"},model:{value:e.sizeForm.longitude,callback:function(t){e.$set(e.sizeForm,"longitude",t)},expression:"sizeForm.longitude"}}),a("el-input",{staticStyle:{width:"150px","margin-left":"20px"},attrs:{size:"small",placeholder:"纬度"},model:{value:e.sizeForm.latitude,callback:function(t){e.$set(e.sizeForm,"latitude",t)},expression:"sizeForm.latitude"}})],1):e._e()],1),e.contentShow.postion?a("div",{staticStyle:{"margin-top":"15px"}},[a("el-button",{staticStyle:{width:"150px"},attrs:{type:"primary",size:"small"},on:{click:function(t){return e.handSaveitude()}}},[e._v("保存")])],1):e._e()],1)]),a("div",{staticClass:"dataBoard"},[a("div",{staticClass:"section"},[a("div",{staticClass:"warning",on:{click:function(t){return e.handleContent("coordinate")}}},[a("i",{class:0==e.contentShow.coordinate?"el-icon-arrow-right":"el-icon-arrow-down",staticStyle:{"font-weight":"600","font-size":"18px","margin-right":"5px"}}),a("p",{staticClass:"board-title"},[e._v("坐标转换")]),a("i",{staticClass:"el-icon-warning",staticStyle:{color:"#409eff",margin:"0 3px 0 10px"}}),e._v("通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\n                ")]),e.contentShow.coordinate?a("el-form",{ref:"form",attrs:{model:e.coordinateForm,"label-width":"fit-content"}},[a("el-form-item",{staticClass:"otherThings",attrs:{label:"UTM区："}},[a("el-input-number",{attrs:{"controls-position":"right",precision:0,size:"small",min:1,max:60},model:{value:e.coordinateForm.num,callback:function(t){e.$set(e.coordinateForm,"num",t)},expression:"coordinateForm.num"}}),a("div",{staticClass:"warning",staticStyle:{margin:"0px"}},[a("i",{staticClass:"el-icon-warning",staticStyle:{color:"#409eff",margin:"0 3px 0 10px"}}),e._v("地理参照允许测量物理速度和静态图像源的距离,值范围1-60。\n                            ")])],1),a("el-form-item",{attrs:{label:"半球："}},[a("el-select",{attrs:{size:"small",placeholder:"请选择"},model:{value:e.coordinateForm.value,callback:function(t){e.$set(e.coordinateForm,"value",t)},expression:"coordinateForm.value"}},e._l(e.options,(function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})})),1)],1),a("el-form-item",{attrs:{label:"坐标转换："}},[a("el-radio-group",{model:{value:e.coordinateForm.coordinateTransformation,callback:function(t){e.$set(e.coordinateForm,"coordinateTransformation",t)},expression:"coordinateForm.coordinateTransformation"}},[a("el-radio",{attrs:{label:"WGS-84坐标系"}}),a("el-radio",{attrs:{label:"其他"}})],1)],1),a("div",{staticStyle:{width:"100%",height:"702px","margin-bottom":"10px"}},[a("iframe",{ref:"analysisWeb",staticStyle:{width:"100%",height:"100%"},attrs:{src:"./analysisWeb/index.html",frameborder:"0"}})]),a("div",{staticClass:"warning"},[a("el-button",{staticStyle:{color:"#fffff"},attrs:{size:"mini",type:"primary"},on:{click:function(t){e.dialogVisible=!0}}},[e._v("新增点\n                        ")]),a("i",{staticClass:"el-icon-warning",staticStyle:{color:"#409eff",margin:"0 3px 0 10px"}}),e._v("请至少配置4个点，不满足4个点会没有数据。\n                    ")],1),a("el-table",{attrs:{border:"",data:e.coordinateTableData}},[a("template",{slot:"empty"},[a("el-empty",{attrs:{"image-size":100,description:"暂无数据"}})],1),a("el-table-column",{attrs:{prop:"pointName",label:"点名称",align:"center"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("el-input",{attrs:{disabled:"1"==t.row.btnShow,maxlength:"30",placeholder:"请输入"},on:{blur:function(t){return e.updateName(t)}},model:{value:t.row.pointName,callback:function(a){e.$set(t.row,"pointName",a)},expression:"scope.row.pointName"}})]}}],null,!1,2472682799)}),a("el-table-column",{attrs:{prop:"longitude",label:"经度",align:"center"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("el-input",{attrs:{disabled:"1"==t.row.btnShow,maxlength:"20",placeholder:"请输入"},model:{value:t.row.longitude,callback:function(a){e.$set(t.row,"longitude",a)},expression:"scope.row.longitude"}})]}}],null,!1,2855063516)}),a("el-table-column",{attrs:{prop:"latitude",label:"纬度",align:"center"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("el-input",{attrs:{disabled:"1"==t.row.btnShow,maxlength:"20",placeholder:"请输入"},model:{value:t.row.latitude,callback:function(a){e.$set(t.row,"latitude",a)},expression:"scope.row.latitude"}})]}}],null,!1,4154330543)}),1==e.laneform.laneClose?a("el-table-column",{attrs:{prop:"oldName",label:"旧名字",align:"center"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("el-input",{attrs:{maxlength:"20",placeholder:"请输入"},model:{value:t.row.oldName,callback:function(a){e.$set(t.row,"oldName",a)},expression:"scope.row.oldName"}})]}}],null,!1,287398813)}):e._e(),a("el-table-column",{attrs:{label:"操作",align:"center","class-name":"small-padding fixed-width"},scopedSlots:e._u([{key:"default",fn:function(t){return["1"==t.row.btnShow?a("el-button",{staticStyle:{color:"#2090c1"},attrs:{size:"mini",type:"text"},on:{click:function(a){return e.handleExit(t.row,t.$index)}}},[e._v("编辑\n                                ")]):a("el-button",{staticStyle:{color:"#2090c1"},attrs:{size:"mini",type:"text"},on:{click:function(a){return e.handleconfirm(t.row,t.$index)}}},[e._v("确认编辑\n                                ")]),a("el-button",{staticStyle:{color:"#f56c6c"},attrs:{size:"mini",type:"text"},on:{click:function(a){return e.handleDeleteDian(t.row)}}},[e._v("删除\n                                ")])]}}],null,!1,337464026)})],2),a("div",{staticStyle:{"margin-top":"15px"}},[a("el-button",{staticStyle:{width:"150px"},attrs:{type:"primary",disabled:e.coordinateTableData.length<4,size:"small"},on:{click:function(t){return e.handlePos()}}},[e._v("保存")])],1)],1):e._e()],1)]),e._e(),e._e(),e._e(),a("div",{staticClass:"dataBoard"},[a("div",{staticClass:"section"},[a("div",{staticClass:"warning",on:{click:function(t){return e.handleContent("plate")}}},[a("i",{class:0==e.contentShow.plate?"el-icon-arrow-right":"el-icon-arrow-down",staticStyle:{"font-weight":"600","font-size":"18px","margin-right":"5px"}}),a("p",{staticClass:"board-title"},[e._v("车牌识别")]),a("i",{staticClass:"el-icon-warning",staticStyle:{color:"#409eff",margin:"0 3px 0 10px"}}),e._v("车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\n                ")]),e.contentShow.plate?a("el-form",{ref:"form",attrs:{model:e.licensePlateform,"label-width":"fit-content"}},[a("el-form-item",{attrs:{label:"车牌识别开关："}},[a("el-switch",{attrs:{"active-value":"1","inactive-value":"0"},on:{change:function(t){return e.changeChepai(t)}},model:{value:e.licensePlateform.licensePlateClose,callback:function(t){e.$set(e.licensePlateform,"licensePlateClose",t)},expression:"licensePlateform.licensePlateClose"}})],1),e._e(),e._e(),e._e()],1):e._e()],1)]),a("div",{staticClass:"dataBoard"},[a("div",{staticClass:"section"},[a("div",{staticClass:"warning",on:{click:function(t){return e.handleContent("parking")}}},[a("i",{class:0==e.contentShow.parking?"el-icon-arrow-right":"el-icon-arrow-down",staticStyle:{"font-weight":"600","font-size":"18px","margin-right":"5px"}}),a("p",{staticClass:"board-title"},[e._v("停车状态")]),a("i",{staticClass:"el-icon-warning",staticStyle:{color:"#409eff",margin:"0 3px 0 10px"}}),e._v("位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\n                ")]),e.contentShow.parking?a("el-form",{staticClass:"demo-form-inline",attrs:{inline:!0,model:e.stopStateform,"label-width":"fit-content"}},[a("el-form-item",{staticStyle:{"margin-right":"10px"},attrs:{label:"位移："}},[a("el-input-number",{attrs:{min:0,max:3e3,label:"位移"},on:{change:e.handleChange},model:{value:e.stopStateform.displacement,callback:function(t){e.$set(e.stopStateform,"displacement",t)},expression:"stopStateform.displacement"}})],1),a("el-form-item",{staticStyle:{"margin-right":"10px"},attrs:{label:"速度："}},[a("el-input-number",{attrs:{min:0,max:3e3,label:"速度"},on:{change:e.handleChange},model:{value:e.stopStateform.speed,callback:function(t){e.$set(e.stopStateform,"speed",t)},expression:"stopStateform.speed"}})],1),e._e()],1):e._e(),e.contentShow.parking?a("div",{staticStyle:{"margin-top":"15px"}},[a("el-button",{staticStyle:{width:"150px"},attrs:{type:"primary",size:"small"},on:{click:function(t){return e.handleParking()}}},[e._v("保存")])],1):e._e()],1)]),e._e(),a("el-dialog",{attrs:{title:"新增点",visible:e.dialogVisible,width:"30%"},on:{"update:visible":function(t){e.dialogVisible=t}}},[a("el-form",{ref:"addform",attrs:{rules:e.formRules,model:e.addDianForm,"label-position":"left","label-width":"85px"}},[a("el-form-item",{staticStyle:{"margin-bottom":"15px"},attrs:{label:"点名称：",prop:"pointName"}},[a("el-col",{attrs:{span:16}},[a("el-input",{attrs:{placeholder:"请输入点名称"},on:{blur:function(t){return e.phoneChange(t)}},model:{value:e.addDianForm.pointName,callback:function(t){e.$set(e.addDianForm,"pointName",t)},expression:"addDianForm.pointName"}})],1)],1),a("el-form-item",{staticStyle:{"margin-bottom":"15px"},attrs:{label:"经度：",prop:"longitude"}},[a("el-col",{attrs:{span:16}},[a("el-input",{attrs:{oninput:"value=value.replace(/[^0-9.]/g,'')",placeholder:"请输入经度"},model:{value:e.addDianForm.longitude,callback:function(t){e.$set(e.addDianForm,"longitude",t)},expression:"addDianForm.longitude"}})],1)],1),a("el-form-item",{attrs:{label:"纬度：",prop:"latitude"}},[a("el-col",{attrs:{span:16}},[a("el-input",{attrs:{oninput:"value=value.replace(/[^0-9.]/g,'')",placeholder:"请输入纬度"},model:{value:e.addDianForm.latitude,callback:function(t){e.$set(e.addDianForm,"latitude",t)},expression:"addDianForm.latitude"}})],1)],1),1==e.laneform.laneClose?a("el-form-item",{attrs:{label:"旧名称：",prop:"latitude"}},[a("el-col",{attrs:{span:16}},[a("el-input",{model:{value:e.addDianForm.oldName,callback:function(t){e.$set(e.addDianForm,"oldName",t)},expression:"addDianForm.oldName"}})],1)],1):e._e()],1),a("span",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[a("el-button",{on:{click:function(t){e.dialogVisible=!1}}},[e._v("取 消")]),a("el-button",{attrs:{type:"primary"},on:{click:function(t){return e.handleDian("addform")}}},[e._v("确 定")])],1)],1)],1)},s=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"warning"},[a("p",{staticClass:"board-title"},[e._v("车道识别配置")]),a("i",{staticClass:"el-icon-warning",staticStyle:{color:"#409eff",margin:"0 3px 0 10px"}}),e._v("在视频/动图上设置进口出口道\n                ")])},function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"warning"},[a("p",{staticClass:"board-title"},[e._v("识别区域")]),a("i",{staticClass:"el-icon-warning",staticStyle:{color:"#409eff",margin:"0 3px 0 10px"}}),e._v("您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\n                ")])},function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"warning"},[a("p",{staticClass:"board-title"},[e._v("轨迹平滑")]),a("i",{staticClass:"el-icon-warning",staticStyle:{color:"#409eff",margin:"0 3px 0 10px"}}),e._v("为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\n                ")])},function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"warning"},[a("p",{staticClass:"board-title"},[e._v("通信设置")]),a("i",{staticClass:"el-icon-warning",staticStyle:{color:"#409eff",margin:"0 3px 0 10px"}}),e._v("更新频率可以根据链路带宽进行设置。\n                ")])}],c=a("ade3"),d=(a("6b54"),a("e7fc")),m=a.n(d),p=a("365c"),u={props:{analysisConfigurationdata:{default:function(){return!1},type:Object,required:!0}},data:function(){return{unityDone:!1,oldName:"",formRules:{pointName:[{required:!0,message:"请输入点名称",trigger:"blur"}],longitude:[{required:!0,message:"请输入经度",trigger:"blur"}],latitude:[{required:!0,message:"请输入纬度",trigger:"blur"}]},addDianForm:{pointName:"",longitude:"",latitude:"",oldName:""},dialogVisible:!1,coordinateTransformationId:"",AnalysisSettingId:"",contentShow:{postion:!0,coordinate:!1,plate:!0,parking:!0},sizeForm:{name:"",region:"",date1:"",date2:"",delivery:!1,type:[],resource:"",desc:"",longitude:"",latitude:""},formInline:{user:"",region:""},topForm:{},coordinateForm:{coordinateClose:!1,model:"Georeferencing",coordinateTransformation:"84坐标系",value:"0",num:1},options:[{value:"南",label:"南"},{value:"北",label:"北"}],coordinateTableData:[{name:"11",longitude:"111",inIp:"01",latitude:"",oldName:""},{name:"22",longitude:"222",inIp:"02",latitude:"",oldName:""},{name:"33",longitude:"333",inIp:"03",latitude:"",oldName:""}],laneform:{laneClose:!1,areaDetector:!1,sectionDetector:!1},identificationAreaform:{identificationAreaClose:!1},trajectorySmoothingform:{trajectorySmoothingClose:!1,time:""},licensePlateform:{licensePlateClose:0},licensePlateTableData:[{thresholdValue:"11",sectionPlate:"111",inIp:"01",setAssociation:""},{thresholdValue:"22",sectionPlate:"222",inIp:"02",setAssociation:""},{thresholdValue:"33",sectionPlate:"333",inIp:"03",setAssociation:""}],stopStateform:{displacement:"2000",speed:"2000",acceleration:"2000"},communicationform:{type:"快速-用于高带宽连接",renewalFrequency:""},form:{name:"",region:"",date1:"",date2:"",delivery:!1,type:[],resource:"",desc:""},tableData:[{name:"11",inPort:"111",inIp:"01"},{name:"22",inPort:"222",inIp:"02"},{name:"33",inPort:"333",inIp:"03"}],internalIpList:[],fileList:[]}},watch:{analysisConfigurationdata:{handler:function(e,t){null!=t&&1==this.unityDone&&(console.log(t,"yyy"),this.$refs.analysisWeb.contentWindow.getDestination(t))}}},created:function(){var e=this;Object(p["e"])({VideoId:this.$route.query.id}).then((function(t){e.sizeForm.longitude=t.data.data.cameraPositionLongitude,e.sizeForm.latitude=t.data.data.cameraPositionLatitude,e.coordinateForm.num="-1"==t.data.data.utmArea?"":t.data.data.utmArea,e.coordinateForm.value=t.data.data.hemisphere,e.coordinateForm.coordinateTransformation=t.data.data.coordinateTransformation,e.coordinateTableData=null!=t.data.data.pointData?t.data.data.pointData:[],e.licensePlateform.licensePlateClose=t.data.data.licensePlateRecognitionSwitch,e.stopStateform.displacement=t.data.data.parkingDisplacement,e.stopStateform.speed=t.data.data.parkingSpeed,e.AnalysisSettingId=t.data.data.analysisSettingId,e.coordinateTransformationId=t.data.data.coordinateTransformationId,e.coordinateTableData.forEach((function(e){e.btnShow="1"}))}))},mounted:function(){window.OnSceneload=this.OnSceneload,window.saveCoordinate=this.saveCoordinate},methods:(n={saveCoordinate:function(e){console.log(e),this.coordinateTableData.forEach((function(t){t.pointName==e.pointName&&(t.imageXCoordinate=e.imageXCoordinate,t.imageYCoordinate=e.imageYCoordinate)}))},updateName:function(e){console.log("val",e.target.value)},handleExit:function(e,t){var a=this;e.oldName=e.pointName,console.log(this.coordinateTableData,"12312"),this.$refs.analysisWeb.contentWindow.exitPoint(e.pointName),this.coordinateTableData.forEach((function(t,n){e.pointName==t.pointName&&(t.btnShow="2",a.$set(a.coordinateTableData,n,t))}))},handleconfirm:function(e,t){var a=this,n=this.coordinateTableData.some((function(a,n){return a.pointName==e.pointName&&n!=t}));if(1==n)return this.$message({type:"info",message:"该点位已存在"}),!1;var o=e.oldName+","+e.pointName;this.$refs.analysisWeb.contentWindow.saveDian(o),this.coordinateTableData.forEach((function(t,n){e.pointName==t.pointName&&(t.btnShow="1",a.$set(a.coordinateTableData,n,t))}))},OnSceneload:function(e){this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id),this.unityDone=!0},handleDeleteDian:function(e){var t=this;this.$confirm("此操作将删除该点位, 是否继续?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((function(){t.coordinateTableData=t.coordinateTableData.filter((function(t){return t.pointName!=e.pointName})),t.$refs.analysisWeb.contentWindow.deletePoint(e.pointName),t.$message({type:"success",message:"删除成功!"})})).catch((function(){t.$message({type:"info",message:"已取消删除"})}))},handleDian:function(e){var t=this;this.$refs[e].validate((function(e){if(!e)return!1;console.log(t.addDianForm,"addDianForm,,,");var a=t.coordinateTableData.some((function(e){return e.pointName==t.addDianForm.pointName}));if(console.log(a,"bol"),1==a)return t.$message({type:"info",message:"该点位已存在"}),!1;t.addDianForm.btnShow="2",t.oldName=t.addDianForm.pointName,t.coordinateTableData.unshift(t.addDianForm),t.dialogVisible=!1,t.$refs.analysisWeb.contentWindow.setPOS(t.addDianForm.pointName),t.addDianForm={}}))},phoneChange:function(e){console.log("e",e.currentTarget.value),this.addDianForm.oldName=e.currentTarget.value},handleClose:function(e){this.$confirm("确认关闭？").then((function(t){e()})).catch((function(e){}))},handlePos:function(){var e=this,t={CoordinateTransformationId:this.coordinateTransformationId,UTMArea:""==this.coordinateForm.num?"-1":this.coordinateForm.num,Hemisphere:this.coordinateForm.value,CoordinateTransformation:this.coordinateForm.coordinateTransformation,PointData:this.coordinateTableData};console.log("params",JSON.stringify(t)),Object(p["k"])(t).then((function(t){e.$message({type:"success",message:t.data.msg})}))},handleParking:function(){var e=this,t=new URLSearchParams;t.append("AnalysisSettingId",this.AnalysisSettingId),t.append("ParkingDisplacement",this.stopStateform.displacement),t.append("ParkingSpeed",this.stopStateform.speed),Object(p["m"])(t).then((function(t){e.$message({type:"success",message:t.data.msg})}))},changeChepai:function(e){var t=this;console.log(e,"val111");var a=new URLSearchParams;a.append("AnalysisSettingId",this.AnalysisSettingId),a.append("LicensePlateRecognitionSwitch",e),Object(p["l"])(a).then((function(e){t.$message({type:"success",message:e.data.msg})}))},handSaveitude:function(){var e=this,t=new URLSearchParams;t.append("AnalysisSettingId",this.AnalysisSettingId),t.append("CameraPositionLongitude",this.sizeForm.longitude),t.append("CameraPositionLatitude",this.sizeForm.latitude),Object(p["j"])(t).then((function(t){e.$message({type:"success",message:t.data.msg})}))},handleContent:function(e){"postion"==e&&(this.contentShow.postion=!this.contentShow.postion),"coordinate"==e&&(this.contentShow.coordinate=!this.contentShow.coordinate),"plate"==e&&(this.contentShow.plate=!this.contentShow.plate),"parking"==e&&(this.contentShow.parking=!this.contentShow.parking)},handleChange:function(e){console.log(e)},load:function(){var e=this;console.log("1111");var t=document.getElementById("mapModuleTop");console.log("iframe",t),t.onload=function(){e.testMqtt()}},testMqtt:function(){console.log("222"),this.getDataByMqtt()}},Object(c["a"])(n,"handleChange",(function(){})),Object(c["a"])(n,"handleagain",(function(){var e=this;this.$confirm("此操作将重新启动系统, 是否继续?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((function(){})).catch((function(){e.$message({type:"info",message:"已取消"})}))})),Object(c["a"])(n,"handleReset",(function(){var e=this;this.$confirm("此操作将重置默认值, 是否继续?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((function(){})).catch((function(){e.$message({type:"info",message:"已取消重置"})}))})),Object(c["a"])(n,"handleRemove",(function(e,t){console.log(e,t)})),Object(c["a"])(n,"handlePreview",(function(e){console.log(e)})),Object(c["a"])(n,"handleExceed",(function(e,t){this.$message.warning("当前限制选择 3 个文件，本次选择了 ".concat(e.length," 个文件，共选择了 ").concat(e.length+t.length," 个文件"))})),Object(c["a"])(n,"beforeRemove",(function(e,t){return this.$confirm("确定移除 ".concat(e.name,"？"))})),Object(c["a"])(n,"getReverseShellList",(function(){this.tableData.unshift({name:"",inIp:"",inPort:null,outPort:null,enabled:null,isEdit:!0})})),Object(c["a"])(n,"handleAdd",(function(e){for(var t in e)if(""===e[t]||null===e[t]||"undefined"===typeof e[t])return void this.msgError("Please complete the information");e.name,e.inIp;this.getReverseShellList()})),Object(c["a"])(n,"handleUpdate",(function(e){if(e.isEdit){for(var t in e)if(""===e[t]||null===e[t]||"undefined"===typeof e[t])return void this.msgError("Please complete the information");e.name,e.inIp,parseInt(e.inPort),parseInt(e.outPort),e.enabled}else e.isEdit=!0})),Object(c["a"])(n,"handleDelete",(function(e){e.isEdit?this.getReverseShellList():this.$confirm("Are you sure to delete reverse shell?","warning",{confirmButtonText:"Sure",cancelButtonText:"Cancel",type:"warning"}).then((function(){})).catch((function(){}))})),Object(c["a"])(n,"getDataByMqtt",(function(e,t,a){var n=this,o="test_id_"+String((new Date).getTime()),i="ws://172.16.1.168:10087/",l={keepalive:60,username:"admin",password:"123456",clientId:o,protocolId:"MQTT",protocolVersion:4,clean:!0,reconnectPeriod:2e3,connectTimeout:3e4,will:{topic:"img1",payload:"[MQTT-TEST] 遗嘱消息：连接异常断开！",qos:0,retain:!1}};void 0==this.mqttClient&&(this.mqttClient=m.a.connect(i,l),this.mqttClient.on("error",(function(e){console.log("[MQTT-TEST] 连接错误：",e),n.mqttClient.end()})),this.mqttClient.on("reconnect",(function(e){})),this.mqttClient.on("connect",(function(e){n.mqttClient.subscribe("img0",{qos:0}),n.mqttClient.subscribe("img1",{qos:0}),n.mqttClient.subscribe("img2",{qos:0}),n.mqttClient.subscribe("img3",{qos:0}),n.mqttClient.subscribe("img4",{qos:0}),n.mqttClient.subscribe("img5",{qos:0}),n.mqttClient.subscribe("stream0",{qos:0}),n.mqttClient.subscribe("stream1",{qos:0}),n.mqttClient.subscribe("stream2",{qos:0}),n.mqttClient.subscribe("stream3",{qos:0}),n.mqttClient.subscribe("stream4",{qos:0}),n.mqttClient.subscribe("stream5",{qos:0})})),this.mqttClient.on("message",(function(e,t,a){if(-1!=e.indexOf("img0")){var o=new TextDecoder,i=new Uint8Array(t),l=o.decode(i);JSON.parse(l)}else if(-1!=e.indexOf("img1"))try{var r=new TextDecoder,s=new Uint8Array(t),c=r.decode(s),d=JSON.parse(c);console.log("msg",d),n.imgUrl1="data:image/png;base64,"+d.pic,console.log("imageUrl",imageUrl)}catch(U){var m="arraybuffer",p=new Blob([t],{type:m}),u=(window.URL||window.webkitURL).createObjectURL(p);console.log("imageUrl",u)}else if(-1!=e.indexOf("img2"))try{var h=new TextDecoder,f=new Uint8Array(t),g=h.decode(f),b=JSON.parse(g);console.log("msg",b),n.imgUrl2="data:image/png;base64,"+b.pic,console.log("imageUrl",imageUrl)}catch(B){var y="arraybuffer",v=new Blob([t],{type:y}),w=(window.URL||window.webkitURL).createObjectURL(v);console.log("imageUrl",w)}else if(-1!=e.indexOf("img3"))try{var S=new TextDecoder,x=new Uint8Array(t),_=S.decode(x),C=JSON.parse(_);console.log("msg",C),n.imgUrl3="data:image/png;base64,"+C.pic,console.log("imageUrl",imageUrl)}catch(W){var F="arraybuffer",T=new Blob([t],{type:F}),k=(window.URL||window.webkitURL).createObjectURL(T);console.log("imageUrl",k)}else if(-1!=e.indexOf("img4"))try{var I=new TextDecoder,N=new Uint8Array(t),D=I.decode(N),A=JSON.parse(D);console.log("msg",A),n.imgUrl4="data:image/png;base64,"+A.pic,console.log("imageUrl",imageUrl)}catch(G){var O="arraybuffer",$=new Blob([t],{type:O}),V=(window.URL||window.webkitURL).createObjectURL($);console.log("imageUrl",V)}else if(-1!=e.indexOf("img5"))try{var L=new TextDecoder,E=new Uint8Array(t),z=L.decode(E),M=JSON.parse(z);console.log("msg",M),n.imgUrl5="data:image/png;base64,"+M.pic,console.log("imageUrl",imageUrl)}catch(R){var P="arraybuffer",j=new Blob([t],{type:P}),q=(window.URL||window.webkitURL).createObjectURL(j);console.log("imageUrl",q)}else-1!=e.indexOf("stream0")||-1!=e.indexOf("stream0")||(-1!=e.indexOf("stream1")||-1!=e.indexOf("stream2")||-1!=e.indexOf("stream3")||-1!=e.indexOf("stream4")||-1!=e.indexOf("stream5"))&&console.log('[MQTT-TEST] 从主题 "'.concat(e,'" 收到的内容: ').concat(t.toString()),new Date,(new Date).getMilliseconds())})))})),n)},h=u,f=(a("a48a"),a("2877")),g=Object(f["a"])(h,r,s,!1,null,"391b03de",null),b=g.exports,y=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{ref:"box",staticClass:"box"},["second"==e.activeName?a("div",{staticClass:"dataBoard",style:e.componentList.length>4?"height:auto":"height:1050px"},[a("div",{staticClass:"plate1"},e._l(e.sectionData,(function(t,n){return a("div",{key:t.analogAreaComponentId,ref:"section",refInFor:!0,staticClass:"section"},[[a("div",{ref:"sectionContent",refInFor:!0},[a("div",[a("p",{staticClass:"board-title"},[a("span",[e._v(e._s(t.title))])]),a("span",{staticClass:"downPull1",attrs:{"data-num":"1"},on:{click:function(t){return e.sectionHandle(n)}}})]),e._l(t.children,(function(t){return a("div",{key:t.analogAreaComponentId},[a("typeChart",{attrs:{pageType:t.graphicType,triggerType:"触发",componentName:t.componentName,data:0!=e.triggerList.length?e.triggerList:e.tableData,echartArr:t.presentationForm}})],1)}))],2)]],2)})),0),a("div",{staticClass:"plate2"},e._l(e.regionData,(function(t,n){return a("div",{key:t.analogAreaComponentId,ref:"region",refInFor:!0,staticClass:"region"},[a("div",{ref:"regionContent",refInFor:!0},[a("div",[a("p",{staticClass:"board-title"},[a("span",[e._v(e._s(t.title))])]),a("span",{staticClass:"downPull",attrs:{"data-num":"1"},on:{click:function(t){return e.regionHandle(n)}}})]),e._l(t.children,(function(t){return a("div",{key:t.analogAreaComponentId},[t.componentName.includes("OD")?a("OD",{attrs:{pageType:t.graphicType,triggerType:"触发",componentName:t.componentName,echartArr:t.presentationForm}}):a("typeChart",{attrs:{pageType:t.graphicType,triggerType:"触发",componentName:t.componentName,data:0!=e.triggerList.length?e.triggerList:e.tableData,echartArr:t.presentationForm}})],1)}))],2)])})),0)]):e._e()])},v=[],w=(a("4f7f"),a("5df3"),a("1c4c"),function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"setion"},[a("p",{staticClass:"chartTitle"},[a("span",{staticClass:"titleIcon"}),e._v(" "+e._s(e.componentName))]),a("div",{staticClass:"typeContent"},[a("el-card",{directives:[{name:"show",rawName:"v-show",value:e.echartArr.includes("数值"),expression:"echartArr.includes('数值')"}],staticStyle:{width:"150px","margin-bottom":"20px","text-align":"center"}},[a("div",{staticStyle:{"font-size":"30px","font-weight":"bold"}},[e._v("99")]),a("div",{staticStyle:{padding:"14px"}},[a("span",[e._v("数值")]),a("div",{staticClass:"bottom clearfix"},[a("time",{staticClass:"time"},[e._v("17:49")]),a("el-button",{staticClass:"button",attrs:{type:"text"}},[e._v("操作按钮")])],1)])]),a("div",{directives:[{name:"show",rawName:"v-show",value:e.echartArr.includes("表格"),expression:"echartArr.includes('表格')"}]},["断面"==e.pageType?a("div",{staticStyle:{"margin-bottom":"20px",border:"1px solid #e4e7ed"}},[a("tableShow",{attrs:{msg:e.data,type:e.triggerType}})],1):e._e(),"区域"==e.pageType?a("div",[a("regionTable",{attrs:{msg:e.data,type:e.triggerType}})],1):e._e()]),e.echartArr.includes("曲线图")?a("div",{staticClass:"border"},[a("detailDialog"),a("lineChart",{attrs:{pageType:e.pageType,list:e.data,status:e.triggerType,title:e.title}})],1):e._e(),e.echartArr.includes("饼图")?a("div",{staticClass:"border"},[a("detailDialog"),a("pieChart",{attrs:{pageType:e.pageType,list:e.data,status:e.triggerType,title:e.title}})],1):e._e(),e.echartArr.includes("均值图")?a("div",{staticClass:"border"},[a("detailDialog"),a("avgChart",{attrs:{pageType:e.pageType,list:e.data,status:e.triggerType,title:e.title}})],1):e._e(),e.echartArr.includes("柱状图")?a("div",{staticClass:"border"},[a("detailDialog"),a("barChart",{attrs:{pageType:e.pageType,list:e.data,status:e.triggerType,title:e.title}})],1):e._e()],1)])}),S=[],x=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{ref:"barChart",staticStyle:{width:"100%",height:"300px"},attrs:{id:"barChart"}})},_=[],C={name:"barChart",props:{list:Array,default:function(){return[]}},data:function(){return{}},methods:{drawBar:function(){var e=this.$echarts.init(this.$refs.barChart),t=[{stage:"值",number:40}],a={color:["#0EECE4"],tooltip:{confine:!0},grid:{left:"0%",right:"0%",bottom:"10%",top:"15%",z:22},xAxis:[{type:"category",gridIndex:0,data:t.map((function(e){return e.stage})),axisLine:{show:!1},axisLabel:{show:!1}}],yAxis:{type:"value",splitArea:{show:!1},gridIndex:0,min:0,splitNumber:12,splitLine:{show:!1},axisLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},max:200},series:[{name:"平均值",type:"bar",stack:"val",barWidth:150,xAxisIndex:0,yAxisIndex:0,label:{show:!0,position:"right",distance:15,color:"#000",fontSize:17,formatter:"{c}[avg]"},itemStyle:{color:"#DF8414"},data:[40],zlevel:11},{name:"中间值",type:"bar",barWidth:150,stack:"val",label:{show:!0,position:"left",distance:15,color:"#000",fontSize:17,formatter:"{c}[med]",rich:{}},itemStyle:{color:"#0E76AF"},data:[60],zlevel:11},{name:"最小值",type:"bar",barWidth:150,barGap:"-100%",data:[0],label:{show:!0,position:"bottom",distance:10,color:"#000",fontSize:17,formatter:"{c}[min]"},tooltip:{backgroundColor:"transparent",formatter:" "},itemStyle:{color:"#ABA7A7"},zlevel:9},{name:"最大值",type:"bar",barWidth:150,barGap:"-100%",data:[200],label:{show:!0,position:"top",distance:15,color:"#000",fontSize:17,formatter:"{c}[max]"},tooltip:{backgroundColor:"transparent",formatter:" "},itemStyle:{color:"#ABA7A7"},zlevel:9}]};e.setOption(a),window.addEventListener("resize",(function(){e.resize()}))}},mounted:function(){this.drawBar()}},F=C,T=Object(f["a"])(F,x,_,!1,null,null,null),k=T.exports,I=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{ref:"lineChart",staticStyle:{width:"100%",height:"300px"},attrs:{id:"lineChart"}})},N=[],D={name:"lineChart",props:{list:{type:Array,default:function(){return[]}},pageType:{type:String},title:{type:String},status:{type:String}},data:function(){return{xData:[],yData:[]}},created:function(){if(this.xData=this.yData=this.list.map((function(e){return e.timestamp})),this.yData=this.yData=this.list.map((function(e){return e.speed})),"断面"==this.pageType&&"触发"==this.status)if("速度组件"==this.title)this.yData=this.list.map((function(e){return e.speed}));else{if("流量组件"==this.title)return val.speed;"车头时距组件"==this.title?this.yData=this.list.map((function(e){return e.headWay})):this.title}if("断面"==this.pageType&&"周期统计"==this.status)if("速度组件"==this.title)this.yData=this.list.map((function(e){return e.speed}));else if("流量组件"==this.title)this.yData=this.list.map((function(e){return e.flow}));else if("车头时距组件"==this.title)this.yData=this.list.map((function(e){return e.headWay}));else if("类型组件"==this.title)return val.speed;"区域"==this.pageType&&("类型组件"==this.title||("速度组件"==this.title?this.yData=this.list.map((function(e){return e.speed})):"流量组件"==this.title||"车头时距组件"==this.title?this.yData=this.list.map((function(e){return e.ave_speed})):"排队数组件"==this.title||"监测数组件"==this.title||("延误组件"==this.title?this.yData=this.list.map((function(e){return e.ave_delay})):"拥堵组件"==this.title&&(this.yData=this.list.map((function(e){return e.ave_speed}))))))},methods:{drawLine:function(){var e=this.$echarts.init(this.$refs.lineChart),t={grid:{left:"2%",right:"4%",bottom:"10%",top:"20%",containLabel:!0},tooltip:{show:!0},xAxis:[{type:"category",axisLine:{show:!0,lineStyle:{color:"#eeebeb",type:"dashed"}},axisTick:{show:!1},axisLabel:{color:"#6c6c6c"},splitLine:{show:!1},boundaryGap:["5%","5%"],data:this.xData}],yAxis:[{type:"value",axisLabel:{color:"#6c6c6c"},splitLine:{lineStyle:{color:"#eeebeb",type:"dashed"}},axisLine:{show:!1}}],series:[{name:this.title,type:"line",stack:"总量",symbolSize:6,smooth:!0,itemStyle:{color:"#fb864b",borderColor:"#fb864b",borderWidth:2},data:this.yData}]};e.setOption(t),window.addEventListener("resize",(function(){e.resize()}))}},mounted:function(){this.drawLine()}},A=D,O=Object(f["a"])(A,I,N,!1,null,"cc6f080c",null),$=O.exports,V=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{ref:"barChart",staticStyle:{width:"100%",height:"300px"},attrs:{id:"barChart"}})},L=[],E={name:"barChart",props:{list:Array,default:function(){return[]}},data:function(){return{}},methods:{drawBar:function(){var e=this.$echarts.init(this.$refs.barChart),t={color:["#7262FD","#FC5A5A"],tooltip:{confine:!0},grid:{left:"2%",right:"4%",bottom:"10%",top:"20%",containLabel:!0},xAxis:{type:"category",data:this.list.map((function(e){return e.type})),axisLine:{lineStyle:{color:"#000"}},axisLabel:{fontSize:12,color:"#000"},axisTick:{show:!1}},yAxis:[{type:"value",min:0,minInterval:1,splitArea:{show:!1},axisLine:{show:!0},axisTick:{show:!1},splitLine:{lineStyle:{color:"#eeebeb",type:"dashed"}},axisLabel:{fontSize:12,color:"#000",fontFamily:"Bebas"}}],series:[{type:"bar",barWidth:20,itemStyle:{barBorderRadius:[5,5,0,0]},name:"时间",data:this.list.map((function(e){return e.speed}))}]};e.setOption(t),window.addEventListener("resize",(function(){e.resize()}))}},mounted:function(){this.drawBar()}},z=E,M=Object(f["a"])(z,V,L,!1,null,null,null),P=M.exports,j=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"tableContent"},[a("div",{staticClass:"down"},[a("el-dropdown",{attrs:{trigger:"click"},on:{command:e.handleCommand}},[a("span",{staticClass:"moreIcon"}),a("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[a("el-dropdown-item",{attrs:{command:"show"}},[e._v("查看详情")])],1)],1)],1),"触发"==e.type?a("el-table",{staticStyle:{width:"100%"},attrs:{data:e.msg}},[a("el-table-column",{attrs:{align:"center",prop:"steam_id",label:"视频路"}}),a("el-table-column",{attrs:{align:"center",prop:"timestamp",label:"时间戳"}}),a("el-table-column",{attrs:{align:"center",prop:"obj_id",label:"目标编号"}}),a("el-table-column",{attrs:{align:"center",prop:"type",label:"目标类型"}}),a("el-table-column",{attrs:{align:"center",prop:"plate",label:"车牌"}}),a("el-table-column",{attrs:{align:"center",prop:"speed",label:"速度"}}),a("el-table-column",{attrs:{align:"center",prop:"event",label:"监测触发事件"}}),a("el-table-column",{attrs:{align:"center",prop:"lane",label:"车道"}}),a("el-table-column",{attrs:{align:"center",prop:"headWay",label:"车头时距"}})],1):e._e(),"周期统计"==e.type?a("el-table",{staticStyle:{width:"100%"},attrs:{data:e.msg}},[a("el-table-column",{attrs:{align:"center",prop:"gate_id",label:"断面编号"}}),a("el-table-column",{attrs:{align:"center",prop:"name",label:"断面名称"}}),a("el-table-column",{attrs:{align:"center",prop:"timestamp",label:"时间戳"}}),a("el-table-column",{attrs:{align:"center",prop:"interval",label:"时间序号"}}),a("el-table-column",{attrs:{align:"center",prop:"type",label:"目标类型"}}),a("el-table-column",{attrs:{align:"center",prop:"in_flow",label:"入流流量"}}),a("el-table-column",{attrs:{align:"center",prop:"out_flow",label:"出流流量"}}),a("el-table-column",{attrs:{align:"center",prop:"flow",label:"断面流量"}}),a("el-table-column",{attrs:{align:"center",prop:"in_spd",label:"入流平均速度"}}),a("el-table-column",{attrs:{align:"center",prop:"out_spd",label:"出流平均速度"}}),a("el-table-column",{attrs:{align:"center",prop:"speed",label:"断面的平均速度"}})],1):e._e(),a("el-dialog",{attrs:{title:"编辑",visible:e.dialogVisible,width:"40%"},on:{"update:visible":function(t){e.dialogVisible=t}}},[a("el-form",{attrs:{model:e.msg,"label-width":"80px"}},[a("el-form-item",{attrs:{label:"val1"}},[a("el-time-select",{attrs:{placeholder:"起始时间","picker-options":{start:"08:30",step:"00:15",end:"18:30"}},model:{value:e.startTime,callback:function(t){e.startTime=t},expression:"startTime"}}),a("el-time-select",{attrs:{placeholder:"结束时间","picker-options":{start:"08:30",step:"00:15",end:"18:30",minTime:e.startTime}},model:{value:e.endTime,callback:function(t){e.endTime=t},expression:"endTime"}})],1),a("el-form-item",{attrs:{label:"val2"}},[a("el-select",{attrs:{placeholder:"请选择"},model:{value:e.value,callback:function(t){e.value=t},expression:"value"}},e._l(e.options,(function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})})),1)],1),a("el-form-item",{attrs:{label:"val3"}},[a("el-input",{model:{value:e.msg[0].val3,callback:function(t){e.$set(e.msg[0],"val3",t)},expression:"msg[0].val3"}})],1),a("el-form-item",{attrs:{label:"val4"}},[a("el-checkbox-group",{model:{value:e.checkList,callback:function(t){e.checkList=t},expression:"checkList"}},[a("el-checkbox",{attrs:{label:"数值"}}),a("el-checkbox",{attrs:{label:"表格"}}),a("el-checkbox",{attrs:{label:"时间曲线图"}}),a("el-checkbox",{attrs:{label:"均值图"}})],1)],1),a("el-form-item",[a("el-button",{attrs:{type:"primary"}},[e._v("确认")]),a("el-button",{on:{click:function(t){e.dialogVisible=!1}}},[e._v("取消")])],1)],1)],1)],1)},q=[],U={name:"tableShow",props:{msg:{type:Array,default:function(){return[]}},type:{type:String}},data:function(){return{dialogVisible:!1,startTime:"",endTime:"",checkList:["复选框 A"],options:[{value:"选项1",label:"黄金糕"},{value:"选项2",label:"双皮奶"},{value:"选项3",label:"蚵仔煎"},{value:"选项4",label:"龙须面"},{value:"选项5",label:"北京烤鸭"}],value:""}},methods:{handleCommand:function(e){"show"==e&&(this.dialogVisible=!0)},onSubmit:function(){},handleClose:function(){}},mounted:function(){}},B=U,W=(a("20bd"),Object(f["a"])(B,j,q,!1,null,"1325ecda",null)),G=W.exports,R=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{ref:"pieChart",staticStyle:{width:"100%",height:"300px"},attrs:{id:"pieChart"}})},J=[],H={name:"pieChart",props:{list:{type:Array,default:function(){return[]}}},data:function(){return{}},methods:{drawPie:function(){var e,t=this.$echarts.init(this.$refs.pieChart),a=["#0CD2E6","#3751E6","#FFC722"],n=["货车","汽车","卡车"],o=[{name:"货车",value:30},{name:"汽车",value:10},{name:"卡车",value:15}],i={color:a,legend:{top:20,right:"center",textStyle:{},data:n},series:[(e={name:"需求类型占比",type:"pie",center:["50%","55%"],radius:"80%",label:{normal:{show:!1}},labelLine:{show:!1,length:0,length2:0}},Object(c["a"])(e,"label",{normal:{show:!0,position:"inside",formatter:"{value|{c}}",rich:{value:{fontSize:20,color:"#ffffff"}}}}),Object(c["a"])(e,"data",o),e)]};t.setOption(i),window.addEventListener("resize",(function(){t.resize()}))}},mounted:function(){this.drawPie()}},Z=H,Q=Object(f["a"])(Z,R,J,!1,null,"7838cfb6",null),X=Q.exports,Y=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("div",{staticClass:"down"},[a("el-dropdown",{attrs:{trigger:"click"},on:{command:e.handleCommand}},[a("span",{staticClass:"moreIcon"}),a("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[a("el-dropdown-item",{attrs:{command:"show"}},[e._v("查看详情")])],1)],1)],1),a("el-dialog",{attrs:{title:"编辑",visible:e.dialogVisible,width:"40%","before-close":e.handleClose},on:{"update:visible":function(t){e.dialogVisible=t}}},[a("el-form",{attrs:{"label-width":"80px"}},[a("el-form-item",{attrs:{label:"val1"}},[a("el-time-select",{attrs:{placeholder:"起始时间","picker-options":{start:"08:30",step:"00:15",end:"18:30"}},model:{value:e.startTime,callback:function(t){e.startTime=t},expression:"startTime"}}),a("el-time-select",{attrs:{placeholder:"结束时间","picker-options":{start:"08:30",step:"00:15",end:"18:30",minTime:e.startTime}},model:{value:e.endTime,callback:function(t){e.endTime=t},expression:"endTime"}})],1),a("el-form-item",{attrs:{label:"val2"}},[a("el-select",{attrs:{placeholder:"请选择"},model:{value:e.value,callback:function(t){e.value=t},expression:"value"}},e._l(e.options,(function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})})),1)],1),a("el-form-item",{attrs:{label:"val3"}},[a("el-input")],1),a("el-form-item",{attrs:{label:"val4"}},[a("el-checkbox-group",{model:{value:e.checkList,callback:function(t){e.checkList=t},expression:"checkList"}},[a("el-checkbox",{attrs:{label:"数值"}}),a("el-checkbox",{attrs:{label:"表格"}}),a("el-checkbox",{attrs:{label:"时间曲线图"}}),a("el-checkbox",{attrs:{label:"均值图"}})],1)],1),a("el-form-item",[a("el-button",{attrs:{type:"primary"},on:{click:e.onSubmit}},[e._v("确认")]),a("el-button",{on:{click:function(t){e.dialogVisible=!1}}},[e._v("取消")])],1)],1)],1)],1)},K=[],ee={name:"detailDialog",props:{},data:function(){return{dialogVisible:!1,startTime:"",endTime:"",checkList:["复选框 A"],options:[{value:"选项1",label:"黄金糕"},{value:"选项2",label:"双皮奶"},{value:"选项3",label:"蚵仔煎"},{value:"选项4",label:"龙须面"},{value:"选项5",label:"北京烤鸭"}],value:""}},methods:{onSubmit:function(){},handleCommand:function(e){"show"==e&&(this.dialogVisible=!0)},handleClose:function(e){this.$confirm("确认关闭？").then((function(t){e()})).catch((function(e){}))}},mounted:function(){}},te=ee,ae=(a("810a"),Object(f["a"])(te,Y,K,!1,null,"08a214e9",null)),ne=ae.exports,oe=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"tableContent"},[a("div",{staticClass:"down"},[a("el-dropdown",{attrs:{trigger:"click"},on:{command:e.handleCommand}},[a("span",{staticClass:"moreIcon"}),a("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[a("el-dropdown-item",{attrs:{command:"show"}},[e._v("查看详情")])],1)],1)],1),"触发"==e.type?a("el-table",{staticStyle:{width:"100%"},attrs:{data:e.msg}},[a("el-table-column",{attrs:{align:"center",prop:"steam_id",label:"视频路"}}),a("el-table-column",{attrs:{align:"center",prop:"timestamp",label:"时间戳"}}),a("el-table-column",{attrs:{align:"center",prop:"obj_id",label:"目标编号"}}),a("el-table-column",{attrs:{align:"center",prop:"type",label:"目标类型"}}),a("el-table-column",{attrs:{align:"center",prop:"plate",label:"车牌"}}),a("el-table-column",{attrs:{align:"center",prop:"speed",label:"速度"}}),a("el-table-column",{attrs:{align:"center",prop:"event",label:"监测触发事件"}}),a("el-table-column",{attrs:{align:"center",prop:"lane",label:"车道"}}),a("el-table-column",{attrs:{align:"center",prop:"headWay",label:"车头时距"}})],1):e._e(),"周期时刻"==e.type?a("el-table",{staticStyle:{width:"100%"},attrs:{data:e.msg}},[a("el-table-column",{attrs:{align:"center",prop:"zone_id",label:"区域编号"}}),a("el-table-column",{attrs:{align:"center",prop:"name",label:"区域名称"}}),a("el-table-column",{attrs:{align:"center",prop:"timestamp",label:"时间戳"}}),a("el-table-column",{attrs:{align:"center",prop:"type",label:"目标类型"}}),a("el-table-column",{attrs:{align:"center",prop:"n_stay",label:"存车数"}}),a("el-table-column",{attrs:{align:"center",prop:"n_queue",label:"排队数"}}),a("el-table-column",{attrs:{align:"center",prop:"occ",label:"占用状态"}}),a("el-table-column",{attrs:{align:"center",prop:"speed",label:"空间平均速度"}})],1):e._e(),"周期统计"==e.type?a("el-table",{staticStyle:{width:"100%"},attrs:{data:e.msg}},[a("el-table-column",{attrs:{align:"center",prop:"zone_id",label:"区域编号"}}),a("el-table-column",{attrs:{align:"center",prop:"name",label:"区域名称"}}),a("el-table-column",{attrs:{align:"center",prop:"timestamp",label:"时间戳"}}),a("el-table-column",{attrs:{align:"center",prop:"type",label:"目标类型"}}),a("el-table-column",{attrs:{align:"center",prop:"enter_flow",label:"驶入流量"}}),a("el-table-column",{attrs:{align:"center",prop:"leave_flow",label:"驶离流量"}}),a("el-table-column",{attrs:{align:"center",prop:"ave_stay",label:"平均存车数"}}),a("el-table-column",{attrs:{align:"center",prop:"ave_queue",label:"平均排队数"}}),a("el-table-column",{attrs:{align:"center",prop:"ave_occ",label:"平均占有率"}}),a("el-table-column",{attrs:{align:"center",prop:"ave_delay",label:"平均延误"}}),a("el-table-column",{attrs:{align:"center",prop:"ave_speed",label:"平均速度"}})],1):e._e(),a("el-dialog",{attrs:{title:"编辑",visible:e.dialogVisible,width:"40%"},on:{"update:visible":function(t){e.dialogVisible=t}}},[a("el-form",{attrs:{model:e.msg,"label-width":"80px"}},[a("el-form-item",{attrs:{label:"val1"}},[a("el-time-select",{attrs:{placeholder:"起始时间","picker-options":{start:"08:30",step:"00:15",end:"18:30"}},model:{value:e.startTime,callback:function(t){e.startTime=t},expression:"startTime"}}),a("el-time-select",{attrs:{placeholder:"结束时间","picker-options":{start:"08:30",step:"00:15",end:"18:30",minTime:e.startTime}},model:{value:e.endTime,callback:function(t){e.endTime=t},expression:"endTime"}})],1),a("el-form-item",{attrs:{label:"val2"}},[a("el-select",[a("el-option")],1)],1),a("el-form-item",{attrs:{label:"val3"}},[a("el-input",{model:{value:e.dialogVisible,callback:function(t){e.dialogVisible=t},expression:"dialogVisible"}})],1),a("el-form-item",{attrs:{label:"val4"}},[a("el-checkbox-group",{model:{value:e.checkList,callback:function(t){e.checkList=t},expression:"checkList"}},[a("el-checkbox",{attrs:{label:"数值"}}),a("el-checkbox",{attrs:{label:"表格"}}),a("el-checkbox",{attrs:{label:"时间曲线图"}}),a("el-checkbox",{attrs:{label:"均值图"}})],1)],1),a("el-form-item",[a("el-button",{attrs:{type:"primary"}},[e._v("确认")]),a("el-button",{on:{click:function(t){e.dialogVisible=!1}}},[e._v("取消")])],1)],1)],1)],1)},ie=[],le={name:"tableShow",props:{msg:{type:Array,default:function(){return[]}},type:{type:String}},data:function(){return{dialogVisible:!1,startTime:"",endTime:"",checkList:["复选框 A"]}},methods:{handleCommand:function(e){"show"==e&&(this.dialogVisible=!0)}},mounted:function(){}},re=le,se=(a("87d1"),Object(f["a"])(re,oe,ie,!1,null,"024eb8ef",null)),ce=se.exports,de={name:"typeChart",props:["pageType","triggerType","data","echartArr","componentName"],components:{lineChart:$,barChart:P,tableShow:G,detailDialog:ne,regionTable:ce,pieChart:X,avgChart:k},data:function(){return{title:"类型组件"}},methods:{},mounted:function(){}},me=de,pe=(a("bd65"),Object(f["a"])(me,w,S,!1,null,"38e6a618",null)),ue=pe.exports,he=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"setion"},[a("p",{staticClass:"chartTitle"},[a("span",{staticClass:"titleIcon"}),e._v(" "+e._s(e.componentName))]),a("div",{staticClass:"border"},[a("detailDialog"),a("thermalChart",{attrs:{pageType:e.pageType,list:e.data,status:e.triggerType,title:e.title}})],1)])},fe=[],ge=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{ref:"thermalChart",staticStyle:{width:"100%",height:"300px"},attrs:{id:"thermalChart"}})},be=[],ye={name:"thermalChart",data:function(){return{}},methods:{drawThermalChart:function(){var e=this.$echarts.init(this.$refs.thermalChart),t={grid:{left:"2%",right:"4%",bottom:"10%",top:"20%",containLabel:!0},textStyle:{color:"#666",fontSize:13},tooltip:{},xAxis:{nameTextStyle:{color:"#666",padding:[0,0,-10,0],fontSize:13},axisLabel:{interval:0,textStyle:{fontSize:13}},axisTick:{lineStyle:{color:"#c8c8c8",width:1},show:!0},splitLine:{show:!1},axisLine:{lineStyle:{color:"#c8c8c8",width:1},show:!0},type:"category",data:["GATE1","GATE2","GATE3","GATE4"],splitArea:{show:!0,areaStyle:{color:["rgba(200,200,200,0.3)","rgba(200,200,200,0.2)"]}}},yAxis:{nameTextStyle:{color:"#666",padding:[0,0,-10,0],fontSize:13},axisLabel:{interval:0,textStyle:{fontSize:13}},axisTick:{lineStyle:{color:"#c8c8c8",width:1},show:!0},splitLine:{show:!1},axisLine:{lineStyle:{color:"#c8c8c8",width:1},show:!0},type:"category",data:["GATE1","GATE2","GATE3","GATE4"]},visualMap:[{min:100,max:400,calculable:!1,orient:"horizontal",left:"center",top:20,color:["#C7021D","#79E73C"],text:["高","低"],textStyle:{color:"#666",fontSize:13}}],series:[{type:"heatmap",pointSize:10,blurSize:10,data:[[0,0,100],[0,1,100],[0,2,100],[0,3,100],[1,0,120],[1,1,120],[1,2,125],[1,3,120],[2,0,120],[2,1,140],[2,2,140],[2,3,140],[3,0,200],[3,1,200],[3,2,200],[3,3,200]],label:{show:!0,color:"#fff"},itemStyle:{borderColor:"rgba(255, 255, 255, 0.5)",emphasis:{shadowBlur:0,shadowColor:"rgba(255, 255, 255, 0.5)"}}}]};e.setOption(t),window.onresize=function(){e.resize()}}},mounted:function(){this.drawThermalChart()}},ve=ye,we=Object(f["a"])(ve,ge,be,!1,null,"70ac3a62",null),Se=we.exports,xe={name:"lineUpChart",components:{lineChart:$,barChart:P,tableShow:G,detailDialog:ne,thermalChart:Se,regionTable:ce},props:["pageType","triggerType","data","echartArr","componentName"],data:function(){return{title:"OD组件"}},methods:{},mounted:function(){}},_e=xe,Ce=(a("74a5"),Object(f["a"])(_e,he,fe,!1,null,"8e07286e",null)),Fe=Ce.exports,Te={components:{typeChart:ue,OD:Fe},props:{activeName:{type:String},triggerData:{type:Array,default:function(){return[]}}},data:function(){return{title1:"01断面",title2:"01区域",dialogVisible:!1,tableData:[{steam_id:0,timestamp:"2022-10-01 09:15:10.156",obj_id:125,type:"car",plate:"苏A0131M",speed:35.2,event:"in",lane:0,headWay:19},{steam_id:0,timestamp:"2022-10-01 09:15:10.156",obj_id:125,type:"car",plate:"苏A0131M",speed:70.2,event:"in",lane:0,headWay:6.5},{steam_id:0,timestamp:"2022-10-01 09:15:10.156",obj_id:125,type:"car",plate:"苏A0131M",speed:60.2,event:"in",lane:0,headWay:10.5},{steam_id:0,timestamp:"2022-10-01 09:15:10.156",obj_id:125,type:"car",plate:"苏A0131M",speed:60.2,event:"in",lane:0,headWay:2.5},{steam_id:0,timestamp:"2022-10-01 09:15:10.156",obj_id:125,type:"car",plate:"苏A0131M",speed:60.2,event:"in",lane:0,headWay:11.5}],sectionList:[{steam_id:"0",gate_id:"Gate_1",name:"西进口",timestamp:"2022-10-1",interval:"53",type:"truck",in_flow:90,out_flow:120,flow:147,in_spd:20.1,out_spd:30.6,speed:30},{steam_id:"0",gate_id:"Gate_1",name:"西进口",timestamp:"2022-10-1",interval:"53",type:"truck",in_flow:90,out_flow:120,flow:123,in_spd:20.1,out_spd:30.6,speed:40},{steam_id:"0",gate_id:"Gate_1",name:"西进口",timestamp:"2022-10-1",interval:"53",type:"truck",in_flow:90,out_flow:80,flow:210,in_spd:20.1,out_spd:30.6,speed:50},{steam_id:"0",gate_id:"Gate_1",name:"西进口",timestamp:"2022-10-1",interval:"53",type:"truck",in_flow:90,out_flow:120,flow:210,in_spd:20.1,out_spd:30.6,speed:77}],regionList1:[{zone_id:"0",gate_id:"Zone_1",name:"西进口左1",timestamp:"2022-10-1",frame:1e3,type:"car",n_stay:3,n_queue:2,occ:1,speed:5.6},{zone_id:"0",gate_id:"Zone_1",name:"西进口左1",timestamp:"2022-10-1",frame:1e3,type:"car",n_stay:3,n_queue:2,occ:1,speed:12.6},{zone_id:"0",gate_id:"Zone_1",name:"西进口左1",timestamp:"2022-10-1",frame:1e3,type:"car",n_stay:3,n_queue:2,occ:1,speed:10},{zone_id:"0",gate_id:"Zone_1",name:"西进口左1",timestamp:"2022-10-1",frame:1e3,type:"car",n_stay:3,n_queue:2,occ:1,speed:6}],regionList2:[{zone_id:"0",gate_id:"Zone_1",name:"西进口左1",timestamp:"2022-10-1",type:"car",enter_flow:1,leave_flow:3,ave_stay:3.2,ave_queue:2.9,ave_occ:.56,ave_delay:8,ave_speed:12},{zone_id:"0",gate_id:"Zone_1",name:"西进口左1",timestamp:"2022-10-1",type:"car",enter_flow:1,leave_flow:3,ave_stay:3.2,ave_queue:2.9,ave_occ:.56,ave_delay:7,ave_speed:22},{zone_id:"0",gate_id:"Zone_1",name:"西进口左1",timestamp:"2022-10-1",type:"car",enter_flow:1,leave_flow:3,ave_stay:3.2,ave_queue:2.9,ave_occ:.56,ave_delay:17,ave_speed:12}],count1:!1,count2:!1,idVal:"",componentList:[],triggerList:[],sectionData:[],regionData:[]}},created:function(){var e=this;this.idVal=this.$route.query.id,Object(p["c"])({VideoId:this.idVal}).then((function(t){if(200==t.data.code){e.componentList=t.data.data;var a=[],n=[];t.data.data.forEach((function(e){"区域"==e.graphicType?(n.push(e.combinationName),n=Array.from(new Set(n))):(a.push(e.combinationName),a=Array.from(new Set(a)))})),e.regionData=n.map((function(e){return e={title:e,children:[]},t.data.data.forEach((function(t){e.title==t.combinationName&&"区域"==t.graphicType&&e.children.push(t)})),e})),e.sectionData=a.map((function(e){return e={title:e,children:[]},t.data.data.forEach((function(t){e.title==t.combinationName&&"断面"==t.graphicType&&e.children.push(t)})),e}))}else t.data.code}))},methods:{regionHandle:function(e){var t=document.querySelectorAll(".region"),a=document.querySelectorAll(".downPull");a[e].dataset.num++,a[e].dataset.num%2==0?(a[e].style.cssText="transform: rotate(180deg);transition: all 0.5s linear;",t[e].style.height=t[e].firstChild.offsetHeight+30+"px"):(a[e].style.cssText="transition: all 0.5s linear;",t[e].style.height="500px")},sectionHandle:function(e){var t=document.querySelectorAll(".section"),a=document.querySelectorAll(".downPull1");a[e].dataset.num++,a[e].dataset.num%2==0?(a[e].style.cssText="transform: rotate(180deg);transition: all 0.5s linear;",t[e].style.height=t[e].firstChild.offsetHeight+20+"px"):(a[e].style.cssText="transition: all 0.5s linear;",t[e].style.height="500px")}},mounted:function(){},watch:{triggerData:{handler:function(e,t){this.triggerList=e;for(var a=0;a<this.triggerList.length;a++)-1==this.triggerList[a].headWay?this.triggerList[a].headWay="":-1==this.triggerList[a].lane&&(this.triggerList[a].lane="")},immediate:!0}}},ke=Te,Ie=(a("da57"),Object(f["a"])(ke,y,v,!1,null,"4cbd3346",null)),Ne=Ie.exports,De=a("2707"),Ae=a("bc3a"),Oe=a.n(Ae),$e=(a("38df"),{data:function(){return{max:"",receiveNews:"",topicSends:["img0","stream0","trajectory0","detection0"],trajectory:!1,hideBoxShow:!0,closeStatus:null,modelOthers:!1,componentShow:"",isShowBtn:!0,isShowBtn1:!1,inputVal:"",dialogFormVisible:!1,areaComponent:!1,indexModule:!1,numberNew:1,speed:!1,component:!1,sectionals:[],activeName:"first",VideoId:"",title:"断面",componentTitle:"速度",form:{name:"",type:"",id:"",coordinate:"",Direction:"双向",StoppingSpeed:"5"},startFigureName:"",areaComponentform:{name:"",region:"",date1:"",date2:"",delivery:!1,type:[],resource:"实时（触发）",desc:""},timeSelect:[{label:"秒",value:"秒"},{label:"分钟",value:"分钟"},{label:"小时",value:"小时"}],titName:"",componentForm:{company:"秒",componentName:"",componentParameterId:"01888e05fac246b29e3a19a27c3d2ab0",cycleInterval:"",startSectionIds:"",startSectionNames:"",endSectionIds:"",endSectionNames:"",endValue:"",presentationForm:"",presentation:[],startValue:"",timeMode:"触发",type:[],startSection:[],endSection:[],componentType:"",typeFiltering:"",typeData:[]},typeData:["小汽车","公交车","卡车","非机动车","行人"],presentation:["数值","表格","时间曲线图","均值图"],trackForm:{name:""},nowTime:"",ins:0,imgUrl:"",imgUrl1:"",imgUrl2:"",imgUrl3:"",imgUrl4:"",imgUrl5:"",btnPic:[],Data:[{title:"xx路口",url:""},{title:"数据看板",url:""},{title:"分析配置",url:""},{title:"分析配置",url:""}],messageInfo:[],orderList:[],enterList:[],stockInfo:[],perCent:0,perCent1:0,perCent2:0,facToal:"",wbContent:"",inContent:"",outContent:"",containerDetails:"",locdesc:"",weatherItem:{},loadingShow1:!0,number:"",componentId:"",analysisConfigurationdata:{},triggerData:[]}},destroyed:function(){},created:function(){window.getFigure=this.getFigureD,window.getModifyTheName=this.getModifyTheNameN,window.getSingleComponentId=this.getSingleComponentIdN,window.getSimulationAreaEdit=this.getSimulationAreaEdit,window.OnScene=this.OnSceneN,this.getAllSectionalData(this.$route.query.id),this.VideoId=this.$route.query.id,this.number=this.$route.query.num,this.titName=this.$route.query.name},mounted:function(){this.componentForm.company=this.timeSelect[0].value,this.createMqtt()},methods:{createMqtt:function(){this.topicSends=["stream"+this.number,"trajectory"+this.number,"detection"+this.number],window.PubScribe(this.topicSends,this.number,this.realInfo)},disConnect:function(){},realInfo:function(e,t){switch(e){case"img0":case"img1":case"img2":try{var a=new TextDecoder,n=new Uint8Array(t),o=a.decode(n),i=JSON.parse(o);document.getElementById("mapModule").contentWindow.getDestination(JSON.stringify(i)),"high"==i.rate?document.getElementById("mapModule").contentWindow.getDestination(JSON.stringify(i)):this.analysisConfigurationdata=i}catch(w){}break;case"stream0":case"stream1":case"stream2":try{var l=new TextDecoder,r=new Uint8Array(t),s=l.decode(r),c=JSON.parse(s);document.getElementById("mapModule").contentWindow.getData(JSON.stringify(c))}catch(w){}break;case"trajectory0":case"trajectory1":case"trajectory2":case"trajectory3":try{var d=new TextDecoder,m=new Uint8Array(t),p=d.decode(m),u=JSON.parse(p);document.getElementById("mapModule").contentWindow.getGuiJi(JSON.stringify(u))}catch(w){}break;case"detection0":case"detection1":case"detection2":try{var h=new TextDecoder,f=new Uint8Array(t),g=h.decode(f),b=[],y=JSON.parse(g);if(this.triggerData=y,0!=g.length){for(var v=0;v<y.length;v++)b.push(y[v].det_id);document.getElementById("mapModule").contentWindow.getChuFa(JSON.stringify(b))}}catch(w){}break}this.receiveNews=""},changeCompany:function(e){console.log("val",e),this.max="小时"==e?"24":"100"},OnSceneN:function(){document.getElementById("mapModule").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))},getSingleComponentIdN:function(e,t,a){var n=this;console.log("id",e),console.log("type",t),console.log("name",a),this.componentId=e,this.componentForm.componentType=t,this.componentTitle=t,Object(p["b"])({AnalogAreaComponentId:e}).then((function(e){if(console.log("res",e),200==e.data.code){if(console.log("res",e.data.data),n.component=!0,""!=e.data.data.company&&(n.componentForm.company=e.data.data.company),""!=e.data.data.timeMode&&(n.componentForm.timeMode=e.data.data.timeMode),n.componentForm.componentName=e.data.data.componentName,n.componentForm.componentParameterId=e.data.data.componentParameterId,n.componentForm.cycleInterval=e.data.data.cycleInterval,n.componentForm.startSectionIds=e.data.data.startSectionIds,n.componentForm.startSectionNames=e.data.data.startSectionNames,n.componentForm.endSectionIds=e.data.data.endSectionIds,n.componentForm.endSectionNames=e.data.data.endSectionNames,n.componentForm.endValue=e.data.data.endValue,n.componentForm.startValue=e.data.data.startValue,n.componentForm.presentationForm=e.data.data.presentationForm,n.getAllSectionalData(n.$route.query.id),""!=e.data.data.startSectionIds){console.log("startSectionIds",e.data.data.startSectionIds);var t=[],a=[];t=e.data.data.startSectionIds.split(","),console.log("this.sectionals",n.sectionals),console.log("startSectionIdArr",t),t.forEach((function(e){n.sectionals.forEach((function(t){e==t.graphicId&&(a.push(t.graphicName),n.componentForm.startSection=a)}))}))}if(""!=e.data.data.endSectionIds){console.log("endSectionIds",e.data.data.endSectionIds);var o=[],i=[];o=e.data.data.endSectionIds.split(","),console.log("this.sectionals",n.sectionals),console.log("endSectionIdArr",o),o.forEach((function(e){n.sectionals.forEach((function(t){e==t.graphicId&&(i.push(t.graphicName),n.componentForm.endSection=i)}))}))}if(""!=n.componentForm.presentationForm){var l=[];l=n.componentForm.presentationForm.split(","),n.componentForm.presentation=l}else""==n.componentForm.presentationForm&&(n.componentForm.presentation=[]);if(""!=e.data.data.type){l=[];l=e.data.data.type.split(","),n.componentForm.type=l}else n.componentForm.type=[];console.log("this.componentForm",n.componentForm)}}))},getSimulationAreaEdit:function(e,t,a,n,o){var i=this;console.log("number",o),this.numberNew=o,"图形"==t?(this.form.id=e,this.form.name=n,this.form.type=a,this.startFigureName=n,("轨迹"==this.form.type||"区域"==this.form.type||"断面"==this.form.type)&&(this.dialogFormVisible=!0)):"组件"==t&&(this.componentId=e,this.componentForm.componentType=a,this.componentTitle=a,Object(p["b"])({AnalogAreaComponentId:e}).then((function(e){if(console.log("res",e),200==e.data.code){if(console.log("res",e.data.data),i.component=!0,""!=e.data.data.company&&(i.componentForm.company=e.data.data.company),""!=e.data.data.timeMode&&(i.componentForm.timeMode=e.data.data.timeMode),i.componentForm.componentName=e.data.data.componentName,i.componentForm.componentParameterId=e.data.data.componentParameterId,i.componentForm.cycleInterval=e.data.data.cycleInterval,i.componentForm.startSectionIds=e.data.data.startSectionIds,i.componentForm.startSectionNames=e.data.data.startSectionNames,i.componentForm.endSectionIds=e.data.data.endSectionIds,i.componentForm.endSectionNames=e.data.data.endSectionNames,i.componentForm.endValue=e.data.data.endValue,i.componentForm.startValue=e.data.data.startValue,i.componentForm.presentationForm=e.data.data.presentationForm,""!=e.data.data.startSectionIds){console.log("startSectionIds",e.data.data.startSectionIds);var t=[],a=[];t=e.data.data.startSectionIds.split(","),console.log("this.sectionals",i.sectionals),console.log("startSectionIdArr",t),t.forEach((function(e){i.sectionals.forEach((function(t){e==t.graphicId&&(a.push(t.graphicName),i.componentForm.startSection=a)}))}))}if(""!=e.data.data.endSectionIds){console.log("endSectionIds",e.data.data.endSectionIds);var n=[],o=[];n=e.data.data.endSectionIds.split(","),console.log("this.sectionals",i.sectionals),console.log("endSectionIdArr",n),n.forEach((function(e){i.sectionals.forEach((function(t){e==t.graphicId&&(o.push(t.graphicName),i.componentForm.endSection=o)}))}))}if(""!=i.componentForm.presentationForm){var l=[];l=i.componentForm.presentationForm.split(","),i.componentForm.presentation=l}else""==i.componentForm.presentationForm&&(i.componentForm.presentation=[]);if(""!=e.data.data.type){l=[];l=e.data.data.type.split(","),i.componentForm.type=l}else i.componentForm.type=[]}})))},getAllSectionalData:function(e){var t=this;Object(p["h"])({VideoId:e}).then((function(e){console.log("res",e),200==e.data.code&&(t.sectionals=e.data.data)}))},figureType:function(e){return"Move"==e?e="轨迹":"Poly"==e?e="区域":"Line"==e&&(e="断面"),e},getFigureD:function(e,t,a){console.log("图形类型",e),console.log("初始图形名称",t),this.startFigureName=t,console.log("图形位置",a),this.dialogFormVisible=!0,this.form.name=t,this.form.type=this.figureType(e),this.form.coordinate=a,this.form.id="",this.title=this.figureType(e)},getModifyTheNameN:function(e,t){console.log("data",e),console.log("number",t),this.numberNew=t;var a=[];a=e.split(","),console.log("arr",a),this.form.id=a[0],this.form.name=a[1],this.form.type=a[2],this.startFigureName=a[1],("轨迹"==this.form.type||"区域"==this.form.type||"断面"==this.form.type)&&(this.dialogFormVisible=!0)},onSubmit:function(e){var t=this;if(console.log("form",e),""==e.id){var a=new FormData;"断面"==e.type?(a.append("GraphicName",e.name),a.append("GraphicType",e.type),a.append("Coordinate",e.coordinate),a.append("VideoId",this.VideoId),a.append("Direction",e.Direction)):(e.type,a.append("GraphicName",e.name),a.append("GraphicType",e.type),a.append("Coordinate",e.coordinate),a.append("VideoId",this.VideoId)),Oe()({method:"post",url:De["a"].addFigure,data:a}).then((function(a){console.log("res",a),200==a.data.code?(t.$message({message:a.data.msg,type:"success"}),document.getElementById("mapModule").contentWindow.postFigureId(JSON.stringify(a.data.data)),document.getElementById("mapModule").contentWindow.postFigureName(JSON.stringify(a.data.data+","+e.name+","+t.startFigureName+","+t.numberNew)),t.dialogFormVisible=!1):t.$message({message:a.data.msg,type:"warning"})}))}else{var n=new FormData;"断面"==e.type?(n.append("GraphicName",e.name),n.append("GraphicType",e.type),n.append("Direction",e.Direction),n.append("GraphicId",e.id),n.append("VideoId",this.VideoId)):"区域"==e.type?(n.append("GraphicName",e.name),n.append("GraphicType",e.type),n.append("Direction",e.Direction),n.append("GraphicId",e.id),n.append("VideoId",this.VideoId),n.append("StoppingSpeed",e.StoppingSpeed)):(n.append("GraphicName",e.name),n.append("GraphicType",e.type),n.append("GraphicId",e.id),n.append("VideoId",this.VideoId)),Oe()({method:"post",url:De["a"].editFigure,data:n}).then((function(a){console.log("res",a),200==a.data.code?(t.$message({message:a.data.msg,type:"success"}),console.log("startFigureName",t.startFigureName),console.log("this.numberNew",t.numberNew),document.getElementById("mapModule").contentWindow.postFigureName(JSON.stringify(e.id+","+e.name+","+t.startFigureName+","+t.numberNew)),t.dialogFormVisible=!1):t.$message({message:a.data.msg,type:"warning"})}))}},onSubmitComponent:function(e){var t=this;this.component=!1;var a=new FormData;"OD"==e.componentType?(a.append("componentName",e.componentName),a.append("company",e.company),a.append("componentParameterId",e.componentParameterId),a.append("cycleInterval",e.cycleInterval),a.append("startSectionIds",e.startSectionIds),a.append("startSectionNames",e.startSectionNames),a.append("endSectionIds",e.endSectionIds),a.append("endSectionNames",e.endSectionNames),a.append("endValue",e.endValue),a.append("startValue",e.startValue),a.append("timeMode",e.timeMode),a.append("presentationForm","矩阵图")):"类型"==e.componentType?(a.append("componentName",e.componentName),a.append("company",e.company),a.append("componentParameterId",e.componentParameterId),a.append("cycleInterval",e.cycleInterval),a.append("endValue",e.endValue),a.append("startValue",e.startValue),a.append("timeMode",e.timeMode),a.append("presentationForm",e.presentationForm),a.append("type",e.type)):(a.append("componentName",e.componentName),a.append("company",e.company),a.append("componentParameterId",e.componentParameterId),a.append("cycleInterval",e.cycleInterval),a.append("endValue",e.endValue),a.append("startValue",e.startValue),a.append("timeMode",e.timeMode),a.append("presentationForm",e.presentationForm)),Oe()({method:"post",url:De["a"].editComponent,data:a}).then((function(a){console.log("res",a),200==a.data.code?(t.$message({message:a.data.msg,type:"success"}),document.getElementById("mapModule").contentWindow.postFigureId(JSON.stringify(a.data.data)),document.getElementById("mapModule").contentWindow.editComponent(t.componentId+","+e.componentName),t.dialogFormVisible=!1):t.$message({message:a.data.msg,type:"warning"})}))},closeComponent:function(e){this.component=!1,this.componentForm={company:"秒",componentName:"",componentParameterId:"01888e05fac246b29e3a19a27c3d2ab0",cycleInterval:"",startSectionIds:"",startSectionNames:"",endSectionIds:"",endSectionNames:"",endValue:"",presentationForm:"",presentation:[],startValue:"",timeMode:"触发",type:[],startSection:[],endSection:[],componentType:"",typeFiltering:"",typeData:[]},document.getElementById("mapModule").contentWindow.editComponent("")},closeFigure:function(e){console.log("form",e),""!=e.id?(this.dialogFormVisible=!1,document.getElementById("mapModule").contentWindow.closeEdit(JSON.stringify(e.type+","+e.id))):(this.dialogFormVisible=!1,document.getElementById("mapModule").contentWindow.delFigure())},closeComponentForm:function(){this.component=!1,document.getElementById("mapModule").contentWindow.editComponent("")},closeForm:function(e){""!=this.form.id?(this.dialogFormVisible=!1,document.getElementById("mapModule").contentWindow.closeEdit(JSON.stringify(e.type+","+e.id))):(this.dialogFormVisible=!1,document.getElementById("mapModule").contentWindow.delFigure())},handleCheckedStartSection:function(e){var t=this;console.log("改变起点",e);var a=[],n=[];e.forEach((function(e){t.sectionals.forEach((function(o){if(e==o.graphicName){a.push(o.graphicId),n.push(o.graphicName);var i=a.join(","),l=n.join(",");t.componentForm.startSectionIds=i,t.componentForm.startSectionNames=l}}))}))},handleCheckedendSection:function(e){var t=this;console.log("改变终点",e);var a=[],n=[];e.forEach((function(e){t.sectionals.forEach((function(o){if(e==o.graphicName){a.push(o.graphicId),n.push(o.graphicName);var i=a.join(","),l=n.join(",");console.log("newendSectionId",i),console.log("newEndSectionName",l),t.componentForm.endSectionIds=i,t.componentForm.endSectionNames=l}}))}))},handlePresentation:function(e){console.log("展现形式",e);var t=e.join(",");this.componentForm.presentationForm=t,console.log("this.componentForm.presentationForm",this.componentForm.presentationForm)},handleTypeData:function(e){console.log("类型数据",e);var t=e.join(",");this.componentForm.typeData=t},loadingShow:function(e){this.loadingShow1=e},handleSearch:function(){this.modelOthers=!0,this.$refs.htModels.finbBox(this.inputVal),console.log(this.$refs.htModels,"asdasdasd"),this.inputVal=""},handleRow:function(e){this.modelOthers=!0,this.$refs.htModels.finbBox(e)},handleWather:function(){var e=this;Oe()({url:"https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100",methods:""}).then((function(t){e.weatherItem=t.data.lives[0],console.log(e.weatherItem,"asdsads")}))}},components:{editModal:l["a"],analysisConfiguration:b,dataBoard:Ne}}),Ve=$e,Le=(a("c965c"),Object(f["a"])(Ve,o,i,!1,null,"11c5a82e",null));t["default"]=Le.exports},"20bd":function(e,t,a){"use strict";var n=a("dc6a"),o=a.n(n);o.a},"20cf":function(e,t,a){},"58af":function(e,t,a){},"74a5":function(e,t,a){"use strict";var n=a("be40"),o=a.n(n);o.a},"77ff":function(e,t,a){},"810a":function(e,t,a){"use strict";var n=a("77ff"),o=a.n(n);o.a},"87d1":function(e,t,a){"use strict";var n=a("58af"),o=a.n(n);o.a},a48a:function(e,t,a){"use strict";var n=a("20cf"),o=a.n(n);o.a},ac07:function(e,t,a){},b9d3:function(e,t,a){},bd65:function(e,t,a){"use strict";var n=a("b9d3"),o=a.n(n);o.a},be40:function(e,t,a){},c965c:function(e,t,a){"use strict";var n=a("ac07"),o=a.n(n);o.a},da57:function(e,t,a){"use strict";var n=a("f557"),o=a.n(n);o.a},dc6a:function(e,t,a){},f557:function(e,t,a){}}]);
//# sourceMappingURL=chunk-f7508842.0e5c01b1.js.map