2 lines
96 KiB
JavaScript
2 lines
96 KiB
JavaScript
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-5f24b014"],{"0573":function(e,t,a){},1515:function(e,t,a){"use strict";var i=a("6c8c"),n=a.n(i);n.a},1565:function(e,t,a){"use strict";var i=a("b266"),n=a.n(i);n.a},"17e3":function(e,t,a){},"1b34":function(e,t,a){},"1cfe":function(e,t,a){"use strict";var i=a("8050"),n=a.n(i);n.a},"1da5":function(e,t,a){"use strict";var i=a("364a"),n=a.n(i);n.a},"1e4b":function(e,t,a){"use strict";a.r(t);var i,n,o,l=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:"xx路口",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}})],1),a("el-tab-pane",{attrs:{label:"分析配置",name:"third"}},[a("analysisConfiguration")],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,customClass:"customWidth",width:"100%",wrapperClosable:!1,"with-header":!1},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",{model:{value:e.componentForm.typeFiltering,callback:function(t){e.$set(e.componentForm,"typeFiltering",t)},expression:"componentForm.typeFiltering"}},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("el-slider",{model:{value:e.componentForm.cycleInterval,callback:function(t){e.$set(e.componentForm,"cycleInterval",t)},expression:"componentForm.cycleInterval"}}),a("el-select",{attrs:{placeholder:"请选择单位"},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)],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:"type"}}),"拥堵"!=e.componentForm.componentType?a("el-checkbox",{attrs:{label:"表格",name:"type"}}):e._e(),a("el-checkbox",{attrs:{label:"时间曲线图",name:"type"}}),"类型"==e.componentForm.componentType?a("el-checkbox",{attrs:{label:"直方图",name:"type"}}):e._e(),"类型"==e.componentForm.componentType?a("el-checkbox",{attrs:{label:"饼状图",name:"type"}}):e._e(),"拥堵"!=e.componentForm.componentType?a("el-checkbox",{attrs:{label:"均值图",name:"type"}}):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)},r=[],s=(a("7f7f"),a("ac6a"),a("28a5"),a("34ef"),a("8cce")),c=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",size:"small",min:1,max:60},on:{change:e.handleChange},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("地理参照允许测量物理速度和静态图像源的距离。\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:"400px","margin-bottom":"10px"}},[a("iframe",{staticStyle:{width:"100%",height:"100%"},attrs:{id:"mapModuleTop",src:"./VideoWeb/index.html",frameborder:"0"},on:{load:e.load}})]),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:{maxlength:"30",placeholder:"请输入"},model:{value:t.row.pointName,callback:function(a){e.$set(t.row,"pointName",a)},expression:"scope.row.pointName"}})]}}],null,!1,2386407447)}),a("el-table-column",{attrs:{prop:"longitude",label:"经度",align:"center"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("el-input",{attrs:{maxlength:"20",placeholder:"请输入"},model:{value:t.row.longitude,callback:function(a){e.$set(t.row,"longitude",a)},expression:"scope.row.longitude"}})]}}],null,!1,1223382878)}),a("el-table-column",{attrs:{prop:"latitude",label:"纬度",align:"center"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("el-input",{attrs:{maxlength:"20",placeholder:"请输入"},model:{value:t.row.latitude,callback:function(a){e.$set(t.row,"latitude",a)},expression:"scope.row.latitude"}})]}}],null,!1,1252814925)}),a("el-table-column",{attrs:{label:"操作",align:"center","class-name":"small-padding fixed-width"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("el-button",{staticStyle:{color:"#2090c1"},attrs:{size:"mini",type:"text"},on:{click:function(a){return e.handleUpdate(t.row)}}},[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,2444983767)})],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%","before-close":e.handleClose},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:"请输入点名称"},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),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)},p=[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 ")])}],d=a("ade3"),m=(a("6b54"),a("e7fc")),g=a.n(m),u=a("365c"),h={data:function(){return{formRules:{pointName:[{required:!0,message:"请输入点名称",trigger:"blur"}],longitude:[{required:!0,message:"请输入经度",trigger:"blur"}],latitude:[{required:!0,message:"请输入纬度",trigger:"blur"}]},addDianForm:{pointName:"",longitude:"",latitude:""},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:""},{name:"22",longitude:"222",inIp:"02",latitude:""},{name:"33",longitude:"333",inIp:"03",latitude:""}],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:[]}},created:function(){var e=this;Object(u["d"])({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=t.data.data.utmArea,e.coordinateForm.value=t.data.data.hemisphere,e.coordinateForm.coordinateTransformation=t.data.data.coordinateTransformation,e.coordinateTableData=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}))},methods:(i={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.$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,,,"),t.coordinateTableData.unshift(t.addDianForm),t.addDianForm={},t.dialogVisible=!1}))},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,Hemisphere:this.coordinateForm.value,CoordinateTransformation:this.coordinateForm.coordinateTransformation,PointData:this.coordinateTableData};Object(u["j"])(t).then((function(t){e.$message({type:"success",message:"保存成功!"})}))},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(u["l"])(t).then((function(t){e.$message({type:"success",message:"保存成功!"})}))},changeChepai:function(e){var t=this;console.log(e,"val111");var a=new URLSearchParams;a.append("AnalysisSettingId",this.AnalysisSettingId),a.append("LicensePlateRecognitionSwitch",e),Object(u["k"])(a).then((function(e){t.$message({type:"success",message:"保存成功!"})}))},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(u["i"])(t).then((function(t){e.$message({type:"success",message:"保存成功!"})}))},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(d["a"])(i,"handleChange",(function(){})),Object(d["a"])(i,"handleagain",(function(){var e=this;this.$confirm("此操作将重新启动系统, 是否继续?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((function(){})).catch((function(){e.$message({type:"info",message:"已取消"})}))})),Object(d["a"])(i,"handleReset",(function(){var e=this;this.$confirm("此操作将重置默认值, 是否继续?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((function(){})).catch((function(){e.$message({type:"info",message:"已取消重置"})}))})),Object(d["a"])(i,"handleRemove",(function(e,t){console.log(e,t)})),Object(d["a"])(i,"handlePreview",(function(e){console.log(e)})),Object(d["a"])(i,"handleExceed",(function(e,t){this.$message.warning("当前限制选择 3 个文件，本次选择了 ".concat(e.length," 个文件，共选择了 ").concat(e.length+t.length," 个文件"))})),Object(d["a"])(i,"beforeRemove",(function(e,t){return this.$confirm("确定移除 ".concat(e.name,"？"))})),Object(d["a"])(i,"getReverseShellList",(function(){this.tableData.unshift({name:"",inIp:"",inPort:null,outPort:null,enabled:null,isEdit:!0})})),Object(d["a"])(i,"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(d["a"])(i,"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(d["a"])(i,"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(d["a"])(i,"getDataByMqtt",(function(e,t,a){var i=this,n="test_id_"+String((new Date).getTime()),o="ws://172.16.1.168:10087/",l={keepalive:60,username:"admin",password:"123456",clientId:n,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=g.a.connect(o,l),this.mqttClient.on("error",(function(e){console.log("[MQTT-TEST] 连接错误：",e),i.mqttClient.end()})),this.mqttClient.on("reconnect",(function(e){})),this.mqttClient.on("connect",(function(e){i.mqttClient.subscribe("img0",{qos:0}),i.mqttClient.subscribe("img1",{qos:0}),i.mqttClient.subscribe("img2",{qos:0}),i.mqttClient.subscribe("img3",{qos:0}),i.mqttClient.subscribe("img4",{qos:0}),i.mqttClient.subscribe("img5",{qos:0}),i.mqttClient.subscribe("stream0",{qos:0}),i.mqttClient.subscribe("stream1",{qos:0}),i.mqttClient.subscribe("stream2",{qos:0}),i.mqttClient.subscribe("stream3",{qos:0}),i.mqttClient.subscribe("stream4",{qos:0}),i.mqttClient.subscribe("stream5",{qos:0})})),this.mqttClient.on("message",(function(e,t,a){if(-1!=e.indexOf("img0")){var n=new TextDecoder,o=new Uint8Array(t),l=n.decode(o);JSON.parse(l)}else if(-1!=e.indexOf("img1"))try{var r=new TextDecoder,s=new Uint8Array(t),c=r.decode(s),p=JSON.parse(c);console.log("msg",p),i.imgUrl1="data:image/png;base64,"+p.pic,console.log("imageUrl",imageUrl)}catch(P){var d="arraybuffer",m=new Blob([t],{type:d}),g=(window.URL||window.webkitURL).createObjectURL(m);console.log("imageUrl",g)}else if(-1!=e.indexOf("img2"))try{var u=new TextDecoder,h=new Uint8Array(t),b=u.decode(h),y=JSON.parse(b);console.log("msg",y),i.imgUrl2="data:image/png;base64,"+y.pic,console.log("imageUrl",imageUrl)}catch(B){var f="arraybuffer",v=new Blob([t],{type:f}),S=(window.URL||window.webkitURL).createObjectURL(v);console.log("imageUrl",S)}else if(-1!=e.indexOf("img3"))try{var w=new TextDecoder,C=new Uint8Array(t),T=w.decode(C),_=JSON.parse(T);console.log("msg",_),i.imgUrl3="data:image/png;base64,"+_.pic,console.log("imageUrl",imageUrl)}catch(q){var x="arraybuffer",F=new Blob([t],{type:x}),k=(window.URL||window.webkitURL).createObjectURL(F);console.log("imageUrl",k)}else if(-1!=e.indexOf("img4"))try{var D=new TextDecoder,I=new Uint8Array(t),E=D.decode(I),N=JSON.parse(E);console.log("msg",N),i.imgUrl4="data:image/png;base64,"+N.pic,console.log("imageUrl",imageUrl)}catch(R){var $="arraybuffer",O=new Blob([t],{type:$}),A=(window.URL||window.webkitURL).createObjectURL(O);console.log("imageUrl",A)}else if(-1!=e.indexOf("img5"))try{var j=new TextDecoder,U=new Uint8Array(t),M=j.decode(U),L=JSON.parse(M);console.log("msg",L),i.imgUrl5="data:image/png;base64,"+L.pic,console.log("imageUrl",imageUrl)}catch(G){var V="arraybuffer",z=new Blob([t],{type:V}),W=(window.URL||window.webkitURL).createObjectURL(z);console.log("imageUrl",W)}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())})))})),i)},b=h,y=(a("b84c"),a("2877")),f=Object(y["a"])(b,c,p,!1,null,"1028d528",null),v=f.exports,S=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{ref:"box",staticClass:"box",staticStyle:{height:"100vh"}},["second"==e.activeName?a("div",{staticClass:"dataBoard"},[a("div",{staticClass:"plate1"},[a("div",{ref:"section",staticClass:"section"},[a("div",{ref:"sectionContent"},[a("div",[a("p",{staticClass:"board-title"},[a("span",[e._v(e._s(e.title1))])]),a("span",{staticClass:"downPull",class:1==e.count2?"upActive":"active",on:{click:function(t){return e.sectionHandle()}}})]),a("typeChart",{attrs:{pageType:"断面",triggerType:"触发"}}),a("speedChart",{attrs:{pageType:"断面",triggerType:"触发"}}),a("flowChart",{attrs:{pageType:"断面",triggerType:"触发"}}),a("congestionChart",{attrs:{pageType:"断面",triggerType:"触发"}}),a("lineUpChart",{attrs:{pageType:"断面",triggerType:"周期统计"}}),a("delayChart",{attrs:{pageType:"断面",triggerType:"周期统计"}}),a("checkChart",{attrs:{pageType:"断面",triggerType:"周期统计"}})],1)])]),a("div",{staticClass:"plate2"},[a("div",{ref:"region",staticClass:"region"},[a("div",{ref:"regionContent"},[a("div",[a("p",{staticClass:"board-title"},[a("span",[e._v(e._s(e.title2))])]),a("span",{staticClass:"downPull",class:1==e.count1?"upActive":"active",on:{click:function(t){return e.regionHandle()}}})]),a("OD",{attrs:{pageType:"区域",triggerType:"触发"}}),a("speedChart",{attrs:{pageType:"区域",triggerType:"触发"}}),a("flowChart",{attrs:{pageType:"区域",triggerType:"周期统计"}}),a("lineUpChart",{attrs:{pageType:"区域",triggerType:"触发"}}),a("checkChart",{attrs:{pageType:"区域",triggerType:"周期时刻"}}),a("delayChart",{attrs:{pageType:"区域",triggerType:"周期统计"}}),a("congestionChart",{attrs:{pageType:"区域",triggerType:"周期统计"}}),a("headWayChart",{attrs:{pageType:"区域",triggerType:"周期统计"}})],1)])])]):e._e()])},w=[],C=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"setion"},[e._m(0),a("div",{staticClass:"typeContent"},[a("el-card",{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)])]),"断面"==e.pageType?a("div",{staticStyle:{"margin-bottom":"20px",border:"1px solid #E4E7ED"}},["触发"==e.triggerType?a("tableShow",{attrs:{msg:e.tableData,type:e.triggerType}}):e._e(),"周期统计"==e.triggerType?a("tableShow",{attrs:{msg:e.periodicStatistic,type:e.triggerType}}):e._e()],1):e._e(),"区域"==e.pageType?a("div",["触发"==e.triggerType?a("regionTable",{attrs:{msg:e.tableData,type:e.triggerType}}):e._e(),"周期时刻"==e.triggerType?a("regionTable",{attrs:{msg:e.periodicTime,type:e.triggerType}}):e._e(),"周期统计"==e.triggerType?a("regionTable",{attrs:{msg:e.periodicStatistic,type:e.triggerType}}):e._e()],1):e._e(),a("div",{staticClass:"border"},[a("detailDialog",{attrs:{msg:e.tableData}}),"触发"==e.triggerType?a("lineChart",{attrs:{list:e.tableData}}):e._e(),"周期时刻"==e.triggerType?a("lineChart",{attrs:{list:e.periodicTime}}):e._e(),"周期统计"==e.triggerType?a("lineChart",{attrs:{list:e.periodicStatistic}}):e._e()],1),a("div",{staticClass:"border"},[a("detailDialog",{attrs:{msg:e.tableData}}),"触发"==e.triggerType?a("avgChart",{attrs:{list:e.tableData}}):e._e(),"周期时刻"==e.triggerType?a("avgChart",{attrs:{list:e.periodicTime}}):e._e(),"周期统计"==e.triggerType?a("avgChart",{attrs:{list:e.periodicStatistic}}):e._e()],1)],1)])},T=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("p",{staticClass:"chartTitle"},[a("span",{staticClass:"titleIcon"}),e._v(" 延误组件")])}],_=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)},x=[],F={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(){}},k=F,D=(a("810a"),Object(y["a"])(k,_,x,!1,null,"08a214e9",null)),I=D.exports,E=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=[],$={name:"lineChart",props:{list:{type:Array,default:function(){return[]}}},data:function(){return{}},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.list.map((function(e){return e.type}))}],yAxis:[{type:"value",axisLabel:{color:"#6c6c6c"},splitLine:{lineStyle:{color:"#eeebeb",type:"dashed"}},axisLine:{show:!1}}],series:[{name:"速度",type:"line",stack:"总量",symbolSize:6,smooth:!0,itemStyle:{color:"#fb864b",borderColor:"#fb864b",borderWidth:2},data:this.list.map((function(e){return e.speed}))}]};e.setOption(t),window.addEventListener("resize",(function(){e.resize()}))}},mounted:function(){this.drawLine()}},O=$,A=Object(y["a"])(O,E,N,!1,null,"bf331baa",null),j=A.exports,U=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"}})},M=[],L={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()}},V=L,z=Object(y["a"])(V,U,M,!1,null,null,null),W=z.exports,P=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:"time",label:"断面编号"}}),a("el-table-column",{attrs:{align:"center",prop:"type",label:"断面名称"}}),a("el-table-column",{attrs:{align:"center",prop:"type",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:"speed",label:"入流流量"}}),a("el-table-column",{attrs:{align:"center",prop:"avgFlow",label:"出流流量"}}),a("el-table-column",{attrs:{align:"center",prop:"time",label:"断面流量"}}),a("el-table-column",{attrs:{align:"center",prop:"type",label:"入流平均速度"}}),a("el-table-column",{attrs:{align:"center",prop:"event",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)},B=[],q={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(){}},R=q,G=(a("3ed2"),Object(y["a"])(R,P,B,!1,null,"322f88cc",null)),J=G.exports,H=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"}})},Q=[],K={name:"thermalChart",data:function(){return{tableData:[{name:"111",val1:"100",val2:"200",val3:"300",val4:"400"}]}},methods:{drawThermalChart:function(){var e=this.$echarts.init(this.$refs.thermalChart),t=([[0,0,5],[0,1,1],[0,2,0],[0,3,0],[0,4,0],[0,5,0],[0,6,0],[0,7,0],[0,8,0],[0,9,0],[0,10,0],[0,11,2],[0,12,4],[0,13,1],[0,14,1],[0,15,3],[0,16,4],[0,17,6],[0,18,4],[0,19,4],[0,20,3],[0,21,3],[0,22,2],[0,23,5],[1,0,7],[1,1,0],[1,2,0],[1,3,0],[1,4,0],[1,5,0],[1,6,0],[1,7,0],[1,8,0],[1,9,0],[1,10,5],[1,11,2],[1,12,2],[1,13,6],[1,14,9],[1,15,11],[1,16,6],[1,17,7],[1,18,8],[1,19,12],[1,20,5],[1,21,5],[1,22,7],[1,23,2],[2,0,1],[2,1,1],[2,2,0],[2,3,0],[2,4,0],[2,5,0],[2,6,0],[2,7,0],[2,8,0],[2,9,0],[2,10,3],[2,11,2],[2,12,1],[2,13,9],[2,14,8],[2,15,10],[2,16,6],[2,17,5],[2,18,5],[2,19,5],[2,20,7],[2,21,4],[2,22,2],[2,23,4],[3,0,7],[3,1,3],[3,2,0],[3,3,0],[3,4,0],[3,5,0],[3,6,0],[3,7,0],[3,8,1],[3,9,0],[3,10,5],[3,11,4],[3,12,7],[3,13,14],[3,14,13],[3,15,12],[3,16,9],[3,17,5],[3,18,5],[3,19,10],[3,20,6],[3,21,4],[3,22,4],[3,23,1],[4,0,1],[4,1,3],[4,2,0],[4,3,0],[4,4,0],[4,5,1],[4,6,0],[4,7,0],[4,8,0],[4,9,2],[4,10,4],[4,11,4],[4,12,2],[4,13,4],[4,14,4],[4,15,14],[4,16,12],[4,17,1],[4,18,8],[4,19,5],[4,20,3],[4,21,7],[4,22,3],[4,23,0],[5,0,2],[5,1,1],[5,2,0],[5,3,3],[5,4,0],[5,5,0],[5,6,0],[5,7,0],[5,8,2],[5,9,0],[5,10,4],[5,11,1],[5,12,5],[5,13,10],[5,14,5],[5,15,7],[5,16,11],[5,17,6],[5,18,0],[5,19,5],[5,20,3],[5,21,4],[5,22,2],[5,23,0],[6,0,1],[6,1,0],[6,2,0],[6,3,0],[6,4,0],[6,5,0],[6,6,0],[6,7,0],[6,8,0],[6,9,0],[6,10,1],[6,11,0],[6,12,2],[6,13,1],[6,14,3],[6,15,4],[6,16,0],[6,17,0],[6,18,0],[6,19,0],[6,20,1],[6,21,2],[6,22,2],[6,23,6]].map((function(e){return[e[1],e[0],e[2]||"-"]})),{textStyle:{color:"#666",fontSize:13},toolbox:{show:!0,feature:{saveAsImage:{backgroundColor:"rgba(0,0,0,0)"},restore:{}},iconStyle:{borderColor:"#666"}},tooltip:{},grid:{containLabel:!0},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:["2015年","2016年","2017年","2018年","2019年"],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","GATE5","GATE6","GATE7"]},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",data:[[0,0,100],[0,1,100],[0,2,100],[0,3,100],[0,4,100],[0,5,100],[0,6,200],[1,0,120],[1,1,120],[1,2,125],[1,3,120],[1,4,120],[1,5,120],[1,6,120],[2,0,120],[2,1,140],[2,2,140],[2,3,140],[2,4,140],[2,5,140],[2,6,140],[3,0,200],[3,1,200],[3,2,200],[3,3,200],[3,4,200],[3,5,200],[3,6,200],[4,0,300],[4,1,300],[4,2,300],[4,3,300],[4,4,300],[4,5,300],[4,6,300]],label:{normal:{show:!0,color:"#fff"}},itemStyle:{normal:{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()}},X=K,Y=Object(y["a"])(X,H,Q,!1,null,"cabee130",null),Z=Y.exports,ee=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:"type",label:"视频路"}}),a("el-table-column",{attrs:{align:"center",prop:"type",label:"时间戳"}}),a("el-table-column",{attrs:{align:"center",prop:"carNumber",label:"目标编号"}}),a("el-table-column",{attrs:{align:"center",prop:"lane",label:"目标类型"}}),a("el-table-column",{attrs:{align:"center",prop:"event",label:"车牌"}}),a("el-table-column",{attrs:{align:"center",prop:"speed",label:"速度"}}),a("el-table-column",{attrs:{align:"center",prop:"headWay",label:"监测触发事件"}}),a("el-table-column",{attrs:{align:"center",prop:"headWay",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:"type",label:"区域编号"}}),a("el-table-column",{attrs:{align:"center",prop:"type",label:"区域名称"}}),a("el-table-column",{attrs:{align:"center",prop:"carNumber",label:"时间戳"}}),a("el-table-column",{attrs:{align:"center",prop:"lane",label:"视频帧"}}),a("el-table-column",{attrs:{align:"center",prop:"event",label:"目标类型"}}),a("el-table-column",{attrs:{align:"center",prop:"speed",label:"存车数"}}),a("el-table-column",{attrs:{align:"center",prop:"headWay",label:"排队数"}}),a("el-table-column",{attrs:{align:"center",prop:"headWay",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:"time",label:"区域编号"}}),a("el-table-column",{attrs:{align:"center",prop:"type",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:"speed",label:"驶离流量"}}),a("el-table-column",{attrs:{align:"center",prop:"avgFlow",label:"平均存车数"}}),a("el-table-column",{attrs:{align:"center",prop:"avgFlow",label:"平均排队数"}}),a("el-table-column",{attrs:{align:"center",prop:"avgFlow",label:"平均占有率"}}),a("el-table-column",{attrs:{align:"center",prop:"avgFlow",label:"平均延误"}}),a("el-table-column",{attrs:{align:"center",prop:"avgFlow",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.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)},te=[],ae={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(){}},ie=ae,ne=(a("792c"),Object(y["a"])(ie,ee,te,!1,null,"46335629",null)),oe=ne.exports,le=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"}})},re=[],se={name:"barChart",props:{list:Array,default:function(){return[]}},data:function(){return{}},methods:{drawBar:function(){for(var e=this.$echarts.init(this.$refs.barChart),t=["path://M66.1,35.7L100,49.8v128.7l-33.9-12.7L66.1,35.7z","path://M133.9,35.7L100,49.8v128.7l33.9-12.7V35.7z","path://M66.1,35.7L100,21.5l33.9,14.1L100,49.8L66.1,35.7z"],a=[{label:"最大值",value:500},{label:"平均值",value:400},{label:"最小值",value:200},{label:"中间值",value:200}],i=1e3,n=a.map((function(e){return e.label})),o=["#5f55ed59","#f8954359","#47d69d59","#F9F1EA"],l=["#5f55ed","#f89543","#47d69d","#C1AE9E"],r=["#5571f659","#f1d57759","#3fdfc159","#F3DFCD"],s=["#5f55ed","#fd7d3d","#25cd75","#C1AE9E"],c=["#437ffa","#fee266","#35c9c7","#F3DFCD"],p=["#5571f6","#f1d577","#3fdfc1","#F3DFCD"],d=["#7148ea","#fd7d3d","#25cd75","#BFA188"],m=[],g=[],u=[],h=[],b=[],y=0;y<a.length;y++)m.push({name:a[y].label,value:i,itemStyle:{color:o[y],borderColor:l[y]}}),g.push({name:a[y].label,value:i,symbolPosition:"end",itemStyle:{color:r[y],borderColor:s[y]}}),u.push({name:a[y].label,value:i,itemStyle:{color:c[y]}}),h.push({name:a[y].label,value:a[y].value,symbolPosition:"end",itemStyle:{color:p[y]}}),b.push({name:a[y].label,value:a[y].value,label:{show:!0,position:"bottom",distance:60,color:d[y],fontSize:40},itemStyle:{color:new this.$echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:d[y]},{offset:1,color:c[y]}])}});var f={xAxis:[{data:n,axisTick:{show:!1},axisLine:{show:!1},axisLabel:{show:!0,margin:30,fontSize:20,color:"#707FB3"}}],yAxis:{splitLine:{show:!1},axisTick:{show:!1},axisLine:{show:!1},axisLabel:{show:!1}},grid:{show:!1,height:200,bottom:"19%"},series:[{name:"左边",type:"pictorialBar",symbolSize:["50%","100%"],symbolOffset:[-70,20],barWidth:100,silent:!0,z:12,symbol:t[0],data:m},{name:"右边",type:"pictorialBar",symbolSize:["50%","100%"],symbolOffset:[-20,20],barWidth:100,silent:!0,z:12,symbol:t[1],data:m},{name:"",type:"pictorialBar",symbolSize:[100,40],symbolOffset:[0,0],silent:!0,symbol:t[2],data:g},{name:"",type:"pictorialBar",symbolSize:[101,38],symbolOffset:[0,20],silent:!0,z:12,symbol:t[2],data:u},{name:"",type:"pictorialBar",symbolSize:[99,45],symbolOffset:[0,-23],z:16,silent:!0,symbol:t[2],data:h,animationDuration:1e3,animationDelay:function(e){return 500*e}},{type:"bar",silent:!0,barWidth:100,barGap:"-100%",z:13,data:b,animationDuration:1e3,animationDelay:function(e){return 500*e}}]};e.setOption(f),window.addEventListener("resize",(function(){e.resize()}))}},mounted:function(){this.drawBar()}},ce=se,pe=Object(y["a"])(ce,le,re,!1,null,null,null),de=pe.exports,me={name:"delayChart",props:["pageType","triggerType"],components:{lineChart:j,barChart:W,tableShow:J,detailDialog:I,thermalChart:Z,regionTable:oe,avgChart:de},data:function(){return{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:6.5},{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:6.5}],periodicTime:[{time:"17:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"50",CongestionStatus:"拥堵"},{time:"22:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"30",CongestionStatus:"拥堵"},{time:"24:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"80",CongestionStatus:"拥堵"}],periodicStatistic:[{time:"9:40",type:"小汽车",event:"out",lane:"西北大道",speed:"60",avgFlow:"200"},{time:"10:40",type:"小汽车",event:"out",lane:"西北大道",speed:"55",avgFlow:"50"},{time:"11:40",type:"小汽车",event:"out",lane:"西北大道",speed:"61",avgFlow:"40"}]}},methods:{},mounted:function(){},watch:{}},ge=me,ue=(a("1cfe"),Object(y["a"])(ge,C,T,!1,null,"6bcef1af",null)),he=ue.exports,be=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"setion"},[e._m(0),a("div",{staticClass:"typeContent"},[a("el-card",{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)])]),"断面"==e.pageType?a("div",{staticStyle:{"margin-bottom":"20px",border:"1px solid #E4E7ED"}},["触发"==e.triggerType?a("tableShow",{attrs:{msg:e.tableData,type:e.triggerType}}):e._e(),"周期统计"==e.triggerType?a("tableShow",{attrs:{msg:e.periodicStatistic,type:e.triggerType}}):e._e()],1):e._e(),"区域"==e.pageType?a("div",["触发"==e.triggerType?a("regionTable",{attrs:{msg:e.tableData,type:e.triggerType}}):e._e(),"周期时刻"==e.triggerType?a("regionTable",{attrs:{msg:e.periodicTime,type:e.triggerType}}):e._e(),"周期统计"==e.triggerType?a("regionTable",{attrs:{msg:e.periodicStatistic,type:e.triggerType}}):e._e()],1):e._e(),a("div",{staticClass:"border"},[a("detailDialog"),"触发"==e.triggerType?a("lineChart",{attrs:{list:e.tableData}}):e._e(),"周期时刻"==e.triggerType?a("lineChart",{attrs:{list:e.periodicTime}}):e._e(),"周期统计"==e.triggerType?a("lineChart",{attrs:{list:e.periodicStatistic}}):e._e()],1),a("div",{staticClass:"border"},[a("detailDialog"),"触发"==e.triggerType?a("avgChart",{attrs:{list:e.tableData}}):e._e(),"周期时刻"==e.triggerType?a("avgChart",{attrs:{list:e.periodicTime}}):e._e(),"周期统计"==e.triggerType?a("avgChart",{attrs:{list:e.periodicStatistic}}):e._e()],1)],1)])},ye=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("p",{staticClass:"chartTitle"},[a("span",{staticClass:"titleIcon"}),e._v(" 速度组件")])}],fe={name:"speedChart",props:["pageType","triggerType"],components:{lineChart:j,barChart:W,tableShow:J,detailDialog:I,regionTable:oe,thermalChart:Z,avgChart:de},data:function(){return{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:6.5},{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: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: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:6.5}],periodicTime:[{time:"17:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"50",CongestionStatus:"拥堵"},{time:"22:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"30",CongestionStatus:"拥堵"},{time:"24:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"80",CongestionStatus:"拥堵"}],periodicStatistic:[{time:"9:40",type:"小汽车",event:"out",lane:"西北大道",speed:"60",avgFlow:"200"},{time:"10:40",type:"小汽车",event:"out",lane:"西北大道",speed:"55",avgFlow:"50"},{time:"11:40",type:"小汽车",event:"out",lane:"西北大道",speed:"61",avgFlow:"40"}]}},methods:{},mounted:function(){}},ve=fe,Se=(a("1da5"),Object(y["a"])(ve,be,ye,!1,null,"226341ef",null)),we=Se.exports,Ce=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"setion"},[e._m(0),a("div",{staticClass:"typeContent"},[a("el-card",{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)])]),"断面"==e.pageType?a("div",{staticStyle:{"margin-bottom":"20px",border:"1px solid #E4E7ED"}},["触发"==e.triggerType?a("tableShow",{attrs:{msg:e.tableData,type:e.triggerType}}):e._e(),"周期统计"==e.triggerType?a("tableShow",{attrs:{msg:e.periodicStatistic,type:e.triggerType}}):e._e()],1):e._e(),"区域"==e.pageType?a("div",["触发"==e.triggerType?a("regionTable",{attrs:{msg:e.tableData,type:e.triggerType}}):e._e(),"周期时刻"==e.triggerType?a("regionTable",{attrs:{msg:e.periodicTime,type:e.triggerType}}):e._e(),"周期统计"==e.triggerType?a("regionTable",{attrs:{msg:e.periodicStatistic,type:e.triggerType}}):e._e()],1):e._e(),a("div",{staticClass:"border"},[a("detailDialog",{attrs:{msg:e.tableData}}),"触发"==e.triggerType?a("lineChart",{attrs:{list:e.tableData}}):e._e(),"周期时刻"==e.triggerType?a("lineChart",{attrs:{list:e.periodicTime}}):e._e(),"周期统计"==e.triggerType?a("lineChart",{attrs:{list:e.periodicStatistic}}):e._e()],1)],1)])},Te=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("p",{staticClass:"chartTitle"},[a("span",{staticClass:"titleIcon"}),e._v(" 流量组件")])}],_e={name:"flowChart",props:["pageType","triggerType"],components:{lineChart:j,tableShow:J,detailDialog:I,thermalChart:Z,regionTable:oe},data:function(){return{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:6.5},{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:6.5}],periodicTime:[{time:"17:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"50",CongestionStatus:"拥堵"},{time:"22:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"30",CongestionStatus:"拥堵"},{time:"24:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"80",CongestionStatus:"拥堵"}],periodicStatistic:[{time:"9:40",type:"小汽车",event:"out",lane:"西北大道",speed:"60",avgFlow:"200"},{time:"10:40",type:"小汽车",event:"out",lane:"西北大道",speed:"55",avgFlow:"50"},{time:"11:40",type:"小汽车",event:"out",lane:"西北大道",speed:"61",avgFlow:"40"}]}},methods:{},mounted:function(){}},xe=_e,Fe=(a("1515"),Object(y["a"])(xe,Ce,Te,!1,null,"d1733660",null)),ke=Fe.exports,De=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"setion"},[e._m(0),a("div",{staticClass:"typeContent"},[a("el-card",{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)])]),"断面"==e.pageType?a("div",{staticStyle:{"margin-bottom":"20px",border:"1px solid #E4E7ED"}},["触发"==e.triggerType?a("tableShow",{attrs:{msg:e.tableData,type:e.triggerType}}):e._e(),"周期统计"==e.triggerType?a("tableShow",{attrs:{msg:e.periodicStatistic,type:e.triggerType}}):e._e()],1):e._e(),"区域"==e.pageType?a("div",["触发"==e.triggerType?a("regionTable",{attrs:{msg:e.tableData,type:e.triggerType}}):e._e(),"周期时刻"==e.triggerType?a("regionTable",{attrs:{msg:e.periodicTime,type:e.triggerType}}):e._e(),"周期统计"==e.triggerType?a("regionTable",{attrs:{msg:e.periodicStatistic,type:e.triggerType}}):e._e()],1):e._e(),a("div",{staticClass:"border"},[a("detailDialog",{attrs:{msg:e.tableData}}),"触发"==e.triggerType?a("lineChart",{attrs:{list:e.tableData}}):e._e(),"周期时刻"==e.triggerType?a("lineChart",{attrs:{list:e.periodicTime}}):e._e(),"周期统计"==e.triggerType?a("lineChart",{attrs:{list:e.periodicStatistic}}):e._e()],1),a("div",{staticClass:"border"},[a("detailDialog",{attrs:{msg:e.tableData}}),"触发"==e.triggerType?a("avgChart",{attrs:{list:e.tableData}}):e._e(),"周期时刻"==e.triggerType?a("avgChart",{attrs:{list:e.periodicTime}}):e._e(),"周期统计"==e.triggerType?a("avgChart",{attrs:{list:e.periodicStatistic}}):e._e()],1)],1)])},Ie=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("p",{staticClass:"chartTitle"},[a("span",{staticClass:"titleIcon"}),e._v(" 车头时距组件")])}],Ee={name:"headWayChart",props:["pageType","triggerType"],components:{lineChart:j,barChart:W,tableShow:J,detailDialog:I,thermalChart:Z,regionTable:oe,avgChart:de},data:function(){return{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:6.5},{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:6.5}],periodicTime:[{time:"17:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"50",CongestionStatus:"拥堵"},{time:"22:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"30",CongestionStatus:"拥堵"},{time:"24:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"80",CongestionStatus:"拥堵"}],periodicStatistic:[{time:"9:40",type:"小汽车",event:"out",lane:"西北大道",speed:"60",avgFlow:"200"},{time:"10:40",type:"小汽车",event:"out",lane:"西北大道",speed:"55",avgFlow:"50"},{time:"11:40",type:"小汽车",event:"out",lane:"西北大道",speed:"61",avgFlow:"40"}]}},methods:{},mounted:function(){}},Ne=Ee,$e=(a("361d"),Object(y["a"])(Ne,De,Ie,!1,null,"2f31a060",null)),Oe=$e.exports,Ae=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"setion"},[e._m(0),a("div",{staticClass:"typeContent"},[a("el-card",{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)])]),"断面"==e.pageType?a("div",{staticStyle:{"margin-bottom":"20px",border:"1px solid #E4E7ED"}},["触发"==e.triggerType?a("tableShow",{attrs:{msg:e.tableData,type:e.triggerType}}):e._e(),"周期统计"==e.triggerType?a("tableShow",{attrs:{msg:e.periodicStatistic,type:e.triggerType}}):e._e()],1):e._e(),"区域"==e.pageType?a("div",["触发"==e.triggerType?a("regionTable",{attrs:{msg:e.tableData,type:e.triggerType}}):e._e(),"周期时刻"==e.triggerType?a("regionTable",{attrs:{msg:e.periodicTime,type:e.triggerType}}):e._e(),"周期统计"==e.triggerType?a("regionTable",{attrs:{msg:e.periodicStatistic,type:e.triggerType}}):e._e()],1):e._e(),a("div",{staticClass:"border"},[a("detailDialog",{attrs:{msg:e.tableData}}),"触发"==e.triggerType?a("lineChart",{attrs:{list:e.tableData}}):e._e(),"周期时刻"==e.triggerType?a("lineChart",{attrs:{list:e.periodicTime}}):e._e(),"周期统计"==e.triggerType?a("lineChart",{attrs:{list:e.periodicStatistic}}):e._e()],1),a("div",{staticClass:"border"},[a("detailDialog",{attrs:{msg:e.tableData}}),"触发"==e.triggerType?a("avgChart",{attrs:{list:e.tableData}}):e._e(),"周期时刻"==e.triggerType?a("avgChart",{attrs:{list:e.periodicTime}}):e._e(),"周期统计"==e.triggerType?a("avgChart",{attrs:{list:e.periodicStatistic}}):e._e()],1)],1)])},je=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("p",{staticClass:"chartTitle"},[a("span",{staticClass:"titleIcon"}),e._v(" 检测数组件")])}],Ue={name:"checkChart",props:["pageType","triggerType"],components:{lineChart:j,barChart:W,tableShow:J,detailDialog:I,thermalChart:Z,regionTable:oe,avgChart:de},data:function(){return{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:6.5},{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:6.5}],periodicTime:[{time:"17:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"50",CongestionStatus:"拥堵"},{time:"22:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"30",CongestionStatus:"拥堵"},{time:"24:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"80",CongestionStatus:"拥堵"}],periodicStatistic:[{time:"9:40",type:"小汽车",event:"out",lane:"西北大道",speed:"60",avgFlow:"200"},{time:"10:40",type:"小汽车",event:"out",lane:"西北大道",speed:"55",avgFlow:"50"},{time:"11:40",type:"小汽车",event:"out",lane:"西北大道",speed:"61",avgFlow:"40"}]}},methods:{},mounted:function(){}},Me=Ue,Le=(a("911e"),Object(y["a"])(Me,Ae,je,!1,null,"c79cc8b8",null)),Ve=Le.exports,ze=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"setion"},[e._m(0),a("div",{staticClass:"typeContent"},[a("el-card",{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)])]),"断面"==e.pageType?a("div",{staticStyle:{"margin-bottom":"20px",border:"1px solid #E4E7ED"}},["触发"==e.triggerType?a("tableShow",{attrs:{msg:e.tableData,type:e.triggerType}}):e._e(),"周期统计"==e.triggerType?a("tableShow",{attrs:{msg:e.periodicStatistic,type:e.triggerType}}):e._e()],1):e._e(),"区域"==e.pageType?a("div",["触发"==e.triggerType?a("regionTable",{attrs:{msg:e.tableData,type:e.triggerType}}):e._e(),"周期时刻"==e.triggerType?a("regionTable",{attrs:{msg:e.periodicTime,type:e.triggerType}}):e._e(),"周期统计"==e.triggerType?a("regionTable",{attrs:{msg:e.periodicStatistic,type:e.triggerType}}):e._e()],1):e._e(),a("div",{staticClass:"border"},[a("detailDialog",{attrs:{msg:e.tableData}}),"触发"==e.triggerType?a("lineChart",{attrs:{list:e.tableData}}):e._e(),"周期时刻"==e.triggerType?a("lineChart",{attrs:{list:e.periodicTime}}):e._e(),"周期统计"==e.triggerType?a("lineChart",{attrs:{list:e.periodicStatistic}}):e._e()],1),a("div",{staticClass:"border"},[a("detailDialog",{attrs:{msg:e.tableData}}),"触发"==e.triggerType?a("avgChart",{attrs:{list:e.tableData}}):e._e(),"周期时刻"==e.triggerType?a("avgChart",{attrs:{list:e.periodicTime}}):e._e(),"周期统计"==e.triggerType?a("avgChart",{attrs:{list:e.periodicStatistic}}):e._e()],1)],1)])},We=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("p",{staticClass:"chartTitle"},[a("span",{staticClass:"titleIcon"}),e._v(" 排队数组件")])}],Pe={name:"lineUpChart",components:{lineChart:j,barChart:W,tableShow:J,detailDialog:I,thermalChart:Z,regionTable:oe,avgChart:de},props:["pageType","triggerType"],data:function(){return{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:6.5},{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:6.5}],periodicTime:[{time:"17:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"50",CongestionStatus:"拥堵"},{time:"22:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"30",CongestionStatus:"拥堵"},{time:"24:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"80",CongestionStatus:"拥堵"}],periodicStatistic:[{time:"9:40",type:"小汽车",event:"out",lane:"西北大道",speed:"60",avgFlow:"200"},{time:"10:40",type:"小汽车",event:"out",lane:"西北大道",speed:"55",avgFlow:"50"},{time:"11:40",type:"小汽车",event:"out",lane:"西北大道",speed:"61",avgFlow:"40"}]}},methods:{},mounted:function(){}},Be=Pe,qe=(a("d01d"),Object(y["a"])(Be,ze,We,!1,null,"790d788b",null)),Re=qe.exports,Ge=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"setion"},[e._m(0),a("div",{staticClass:"typeContent"},[a("el-card",{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)])]),"断面"==e.pageType?a("div",{staticStyle:{"margin-bottom":"20px",border:"1px solid #E4E7ED"}},["触发"==e.triggerType?a("tableShow",{attrs:{msg:e.tableData,type:e.triggerType}}):e._e(),"周期统计"==e.triggerType?a("tableShow",{attrs:{msg:e.periodicStatistic,type:e.triggerType}}):e._e()],1):e._e(),"区域"==e.pageType?a("div",["触发"==e.triggerType?a("regionTable",{attrs:{msg:e.tableData,type:e.triggerType}}):e._e(),"周期时刻"==e.triggerType?a("regionTable",{attrs:{msg:e.periodicTime,type:e.triggerType}}):e._e(),"周期统计"==e.triggerType?a("regionTable",{attrs:{msg:e.periodicStatistic,type:e.triggerType}}):e._e()],1):e._e(),a("div",{staticClass:"border"},[a("detailDialog",{attrs:{msg:e.tableData}}),"触发"==e.triggerType?a("lineChart",{attrs:{list:e.tableData}}):e._e(),"周期时刻"==e.triggerType?a("lineChart",{attrs:{list:e.periodicTime}}):e._e(),"周期统计"==e.triggerType?a("lineChart",{attrs:{list:e.periodicStatistic}}):e._e()],1)],1),a("div")])},Je=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("p",{staticClass:"chartTitle"},[a("span",{staticClass:"titleIcon"}),e._v(" 拥堵组件")])}],He={name:"congestionChart",props:["pageType","triggerType"],components:{lineChart:j,tableShow:J,detailDialog:I,thermalChart:Z,regionTable:oe},data:function(){return{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:6.5},{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:6.5}],periodicTime:[{time:"17:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"50",CongestionStatus:"拥堵"},{time:"22:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"30",CongestionStatus:"拥堵"},{time:"24:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"80",CongestionStatus:"拥堵"}],periodicStatistic:[{time:"9:40",type:"小汽车",event:"out",lane:"西北大道",speed:"60",avgFlow:"200"},{time:"10:40",type:"小汽车",event:"out",lane:"西北大道",speed:"55",avgFlow:"50"},{time:"11:40",type:"小汽车",event:"out",lane:"西北大道",speed:"61",avgFlow:"40"}]}},methods:{},mounted:function(){},watch:{}},Qe=He,Ke=(a("6447"),Object(y["a"])(Qe,Ge,Je,!1,null,"393b1b01",null)),Xe=Ke.exports,Ye=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"setion"},[e._m(0),a("div",{staticClass:"typeContent"},[a("el-card",{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)])]),"断面"==e.pageType?a("div",{staticStyle:{"margin-bottom":"20px",border:"1px solid #E4E7ED"}},["触发"==e.triggerType?a("tableShow",{attrs:{msg:e.tableData,type:e.triggerType}}):e._e(),"周期统计"==e.triggerType?a("tableShow",{attrs:{msg:e.periodicStatistic,type:e.triggerType}}):e._e()],1):e._e(),"区域"==e.pageType?a("div",["触发"==e.triggerType?a("regionTable",{attrs:{msg:e.tableData,type:e.triggerType}}):e._e(),"周期时刻"==e.triggerType?a("regionTable",{attrs:{msg:e.periodicTime,type:e.triggerType}}):e._e(),"周期统计"==e.triggerType?a("regionTable",{attrs:{msg:e.periodicStatistic,type:e.triggerType}}):e._e()],1):e._e(),a("div",{staticClass:"border"},[a("detailDialog"),"触发"==e.triggerType?a("lineChart",{attrs:{list:e.tableData}}):e._e(),"周期时刻"==e.triggerType?a("lineChart",{attrs:{list:e.periodicTime}}):e._e(),"周期统计"==e.triggerType?a("lineChart",{attrs:{list:e.periodicStatistic}}):e._e()],1),a("div",{staticClass:"border"},[a("detailDialog"),"触发"==e.triggerType?a("barChart",{attrs:{list:e.tableData}}):e._e(),"周期时刻"==e.triggerType?a("barChart",{attrs:{list:e.periodicTime}}):e._e(),"周期统计"==e.triggerType?a("barChart",{attrs:{list:e.periodicStatistic}}):e._e()],1),a("div",{staticClass:"border"},[a("detailDialog",{attrs:{msg:e.tableData}}),a("pieChart")],1)],1)])},Ze=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("p",{staticClass:"chartTitle"},[a("span",{staticClass:"titleIcon"}),e._v(" 类型组件")])}],et=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"}})},tt=[],at={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"],i=["货车","汽车","卡车"],n=[{name:"货车",value:30},{name:"汽车",value:10},{name:"卡车",value:15}],o={color:a,legend:{top:20,right:"center",textStyle:{},data:i},series:[(e={name:"需求类型占比",type:"pie",center:["50%","55%"],radius:"80%",label:{normal:{show:!1}},labelLine:{show:!1,length:0,length2:0}},Object(d["a"])(e,"label",{normal:{show:!0,position:"inside",formatter:"{value|{c}}",rich:{value:{fontSize:20,color:"#ffffff"}}}}),Object(d["a"])(e,"data",n),e)]};t.setOption(o),window.addEventListener("resize",(function(){t.resize()}))}},mounted:function(){this.drawPie()}},it=at,nt=Object(y["a"])(it,et,tt,!1,null,"7838cfb6",null),ot=nt.exports,lt={name:"typeChart",props:["pageType","triggerType"],components:{lineChart:j,barChart:W,tableShow:J,detailDialog:I,regionTable:oe,pieChart:ot},data:function(){return{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:6.5},{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: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: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:6.5}],periodicTime:[{time:"17:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"50",CongestionStatus:"拥堵"},{time:"22:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"30",CongestionStatus:"拥堵"},{time:"24:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"80",CongestionStatus:"拥堵"}],periodicStatistic:[{time:"9:40",type:"小汽车",event:"out",lane:"西北大道",speed:"60",avgFlow:"200"},{time:"10:40",type:"小汽车",event:"out",lane:"西北大道",speed:"55",avgFlow:"50"},{time:"11:40",type:"小汽车",event:"out",lane:"西北大道",speed:"61",avgFlow:"40"}]}},methods:{},mounted:function(){}},rt=lt,st=(a("386f"),Object(y["a"])(rt,Ye,Ze,!1,null,"8d18f94e",null)),ct=st.exports,pt=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"setion"},[e._m(0),a("div",{staticClass:"border"},[a("detailDialog",{attrs:{msg:e.tableData}}),"触发"==e.triggerType?a("thermalChart",{attrs:{list:e.tableData}}):e._e(),"周期时刻"==e.triggerType?a("thermalChart",{attrs:{list:e.periodicTime}}):e._e(),"周期统计"==e.triggerType?a("thermalChart",{attrs:{list:e.periodicStatistic}}):e._e()],1)])},dt=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("p",{staticClass:"chartTitle"},[a("span",{staticClass:"titleIcon"}),e._v(" OD组件")])}],mt={name:"lineUpChart",components:{lineChart:j,barChart:W,tableShow:J,detailDialog:I,thermalChart:Z,regionTable:oe},props:["pageType","triggerType"],data:function(){return{tableData:[{time:"7:40",type:"小汽车",carNumber:"苏E.999999",lane:"成华大道",event:"in",speed:"80",headWay:"10"},{time:"9:40",type:"货车",carNumber:"苏E.888888",lane:"成华大道",event:"in",speed:"60",headWay:"10"},{time:"10:40",type:"小汽车",carNumber:"苏E.777777",lane:"成华大道",event:"in",speed:"90",headWay:"10"}],periodicTime:[{time:"17:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"50",CongestionStatus:"拥堵"},{time:"22:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"30",CongestionStatus:"拥堵"},{time:"24:00",type:"货车",lane:"西城车道",lineUp:"200",check:"300",ownStatus:"空",speed:"80",CongestionStatus:"拥堵"}],periodicStatistic:[{time:"9:40",type:"小汽车",event:"out",lane:"西北大道",speed:"60",avgFlow:"200"},{time:"10:40",type:"小汽车",event:"out",lane:"西北大道",speed:"55",avgFlow:"50"},{time:"11:40",type:"小汽车",event:"out",lane:"西北大道",speed:"61",avgFlow:"40"}]}},methods:{},mounted:function(){}},gt=mt,ut=(a("f676"),Object(y["a"])(gt,pt,dt,!1,null,"4f0d5a74",null)),ht=ut.exports,bt={components:{delayChart:he,speedChart:we,flowChart:ke,headWayChart:Oe,checkChart:Ve,lineUpChart:Re,congestionChart:Xe,typeChart:ct,OD:ht},props:{activeName:{type:String}},data:function(){return{title1:"01断面",title2:"01区域",dialogVisible:!1,count1:!1,count2:!1}},created:function(){},methods:{regionHandle:function(){this.count1=!this.count1,0==this.count1?(this.$refs.region.style.height="47vh",this.$refs.box.style.height="100vh"):1==this.count1&&(this.$refs.region.style.height=this.$refs.regionContent.offsetHeight+30+"px",this.$refs.box.style.height="auto")},sectionHandle:function(){this.count2=!this.count2,0==this.count2?(this.$refs.section.style.height="47vh",this.$refs.box.style.height="100vh"):1==this.count2&&(this.$refs.section.style.height=this.$refs.sectionContent.offsetHeight+30+"px",this.$refs.box.style.height="auto")}},mounted:function(){}},yt=bt,ft=(a("8fc1"),Object(y["a"])(yt,S,w,!1,null,"84b082e0",null)),vt=ft.exports,St=a("2707"),wt=a("bc3a"),Ct=a.n(wt),Tt=a("38df"),_t={data:function(){return{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,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:"小时"},{label:"天",value:"天"}],componentForm:{company:"秒",componentName:"",componentParameterId:"01888e05fac246b29e3a19a27c3d2ab0",cycleInterval:"",startSectionIds:"",startSectionNames:"",endSectionIds:"",endSectionNames:"",endValue:"",presentationForm:"",presentation:[],startValue:"",timeMode:"触发",type:"",startSection:[],endSection:[],componentType:"",typeFiltering:""},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:""}},mounted: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},destroyed:function(){console.log("离开当前页"),o.publish("msg_stream",JSON.stringify({msg_flag:-1})),o.end()},created:function(){this.componentForm.company=this.timeSelect[0].value,this.createMqtt()},methods:{createMqtt:function(){var e=this;n=new Tt["a"](this.topicSends),o=n.createConnect(),o.subscribe(["img"+this.number,"stream"+this.number,"trajectory"+this.number,"detection"+this.number],{qos:0},(function(t){t?console.log("消息订阅失败！"):(console.log("订阅成功"),o.publish("msg_stream",JSON.stringify({msg_flag:parseInt(e.number)})))})),o.on("message",(function(t,a){try{e.realInfo(t,a)}catch(i){}}))},disConnect:function(){null!=o&&(o.unsubscribe(this.topicSends),o=null)},realInfo:function(e,t){switch(e){case"img0":case"img1":case"img2":try{var a=new TextDecoder,i=new Uint8Array(t),n=a.decode(i),o=JSON.parse(n);document.getElementById("mapModule").contentWindow.getDestination(JSON.stringify(o))}catch(S){}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(S){}break;case"trajectory0":case"trajectory1":case"trajectory2":case"trajectory3":try{var p=new TextDecoder,d=new Uint8Array(t),m=p.decode(d),g=JSON.parse(m);document.getElementById("mapModule").contentWindow.getGuiJi(JSON.stringify(g))}catch(S){}break;case"detection0":case"detection1":case"detection2":try{var u=new TextDecoder,h=new Uint8Array(t),b=u.decode(h),y=[],f=JSON.parse(b);if(0!=b.length){for(var v=0;v<f.length;v++)y.push(f[v].det_id);document.getElementById("mapModule").contentWindow.getChuFa(JSON.stringify(y))}}catch(S){}break}this.receiveNews=""},OnSceneN:function(){document.getElementById("mapModule").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))},getSingleComponentIdN:function(e,t,a){var i=this;console.log("id",e),console.log("type",t),console.log("name",a),this.componentId=e,this.componentForm.componentType=t,this.componentTitle=t,Object(u["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+"-"+t,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,i.componentForm.type=e.data.data.type,""!=e.data.data.startSectionIds){console.log("startSectionIds",e.data.data.startSectionIds);var a=[],n=[];a=e.data.data.startSectionIds.split(","),console.log("this.sectionals",i.sectionals),console.log("startSectionIdArr",a),a.forEach((function(e){i.sectionals.forEach((function(t){e==t.graphicId&&(n.push(t.graphicName),i.componentForm.startSection=n)}))}))}if(""!=e.data.data.endSectionIds){console.log("endSectionIds",e.data.data.endSectionIds);var o=[],l=[];o=e.data.data.endSectionIds.split(","),console.log("this.sectionals",i.sectionals),console.log("endSectionIdArr",o),o.forEach((function(e){i.sectionals.forEach((function(t){e==t.graphicId&&(l.push(t.graphicName),i.componentForm.endSection=l)}))}))}if(""!=e.data.data.presentationForm){var r=[];r=e.data.data.presentationForm.split(","),i.componentForm.presentation=r}}}))},getSimulationAreaEdit:function(e,t,a,i){var n=this;"图形"==t?(this.form.id=e,this.form.name=i,this.form.type=a,this.startFigureName=i,("轨迹"==this.form.type||"区域"==this.form.type||"断面"==this.form.type)&&(this.dialogFormVisible=!0)):"组件"==t&&(this.componentId=e,this.componentForm.componentType=a,this.componentTitle=a,Object(u["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+"-"+t,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.componentForm.type=e.data.data.type,""!=e.data.data.startSectionIds){console.log("startSectionIds",e.data.data.startSectionIds);var a=[],i=[];a=e.data.data.startSectionIds.split(","),console.log("this.sectionals",n.sectionals),console.log("startSectionIdArr",a),a.forEach((function(e){n.sectionals.forEach((function(t){e==t.graphicId&&(i.push(t.graphicName),n.componentForm.startSection=i)}))}))}if(""!=e.data.data.endSectionIds){console.log("endSectionIds",e.data.data.endSectionIds);var o=[],l=[];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&&(l.push(t.graphicName),n.componentForm.endSection=l)}))}))}if(""!=e.data.data.presentationForm){var r=[];r=e.data.data.presentationForm.split(","),n.componentForm.presentation=r}}})))},getAllSectionalData:function(e){var t=this;Object(u["g"])({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){console.log("data",e);var t=[];t=e.split(","),console.log("arr",t),this.form.id=t[0],this.form.name=t[1],this.form.type=t[2],this.startFigureName=t[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)),Ct()({method:"post",url:St["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.dialogFormVisible=!1):t.$message({message:a.data.msg,type:"warning"})}))}else{var i=new FormData;"断面"==e.type?(i.append("GraphicName",e.name),i.append("GraphicType",e.type),i.append("Direction",e.Direction),i.append("GraphicId",e.id)):"区域"==e.type?(i.append("GraphicName",e.name),i.append("GraphicType",e.type),i.append("Direction",e.Direction),i.append("GraphicId",e.id),i.append("StoppingSpeed",e.StoppingSpeed)):(i.append("GraphicName",e.name),i.append("GraphicType",e.type),i.append("GraphicId",e.id)),Ct()({method:"post",url:St["a"].editFigure,data:i}).then((function(a){console.log("res",a),200==a.data.code?(t.$message({message:a.data.msg,type:"success"}),console.log("startFigureName",t.startFigureName),document.getElementById("mapModule").contentWindow.postFigureName(JSON.stringify(e.id+","+e.name+","+t.startFigureName)),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","矩阵图"),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),a.append("type",e.type)),Ct()({method:"post",url:St["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},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},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=[],i=[];e.forEach((function(e){t.sectionals.forEach((function(n){if(e==n.graphicName){a.push(n.graphicId),i.push(n.graphicName);var o=a.join(","),l=i.join(",");t.componentForm.startSectionIds=o,t.componentForm.startSectionNames=l}}))}))},handleCheckedendSection:function(e){var t=this;console.log("改变终点",e);var a=[],i=[];e.forEach((function(e){t.sectionals.forEach((function(n){if(e==n.graphicName){a.push(n.graphicId),i.push(n.graphicName);var o=a.join(","),l=i.join(",");console.log("newendSectionId",o),console.log("newEndSectionName",l),t.componentForm.endSectionIds=o,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)},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;Ct()({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:s["a"],analysisConfiguration:v,dataBoard:vt}},xt=_t,Ft=(a("1565"),Object(y["a"])(xt,l,r,!1,null,"0803b491",null));t["default"]=Ft.exports},"361d":function(e,t,a){"use strict";var i=a("728f"),n=a.n(i);n.a},"364a":function(e,t,a){},"386f":function(e,t,a){"use strict";var i=a("e548"),n=a.n(i);n.a},"3ed2":function(e,t,a){"use strict";var i=a("cfda"),n=a.n(i);n.a},4311:function(e,t,a){},6447:function(e,t,a){"use strict";var i=a("b68e"),n=a.n(i);n.a},"6c8c":function(e,t,a){},"728f":function(e,t,a){},"77ff":function(e,t,a){},"792c":function(e,t,a){"use strict";var i=a("17e3"),n=a.n(i);n.a},8050:function(e,t,a){},"810a":function(e,t,a){"use strict";var i=a("77ff"),n=a.n(i);n.a},8426:function(e,t,a){},"8fc1":function(e,t,a){"use strict";var i=a("de08"),n=a.n(i);n.a},"911e":function(e,t,a){"use strict";var i=a("0573"),n=a.n(i);n.a},b266:function(e,t,a){},b68e:function(e,t,a){},b84c:function(e,t,a){"use strict";var i=a("4311"),n=a.n(i);n.a},cfda:function(e,t,a){},d01d:function(e,t,a){"use strict";var i=a("8426"),n=a.n(i);n.a},de08:function(e,t,a){},e548:function(e,t,a){},f676:function(e,t,a){"use strict";var i=a("1b34"),n=a.n(i);n.a}}]);
|
||
//# sourceMappingURL=chunk-5f24b014.312c6edd.js.map
|