(window.webpackJsonp=window.webpackJsonp||[]).push([["chunk-36b0"],{Mabo:function(e,t,a){"use strict";a.r(t);var l=a("twU4"),r=a("sgO5"),s=a("pMp9"),i=a("4R65"),o=a.n(i),c=(a("bMVF"),{components:{DeptSelect:s.a},data:function(){return{activeNames:["1","3"],deptShow:!0,map:null,list:[],alarmlist:[],cartypelist:[],canclick2:!0,canclick3:!0,timechoose:!1,accessTime:[],carlist:[],baselayer:"",markerlayer:null,pointForm:{routeId:"",pointlist:[]},carForm:{routeId:"",carIds:[]},listQuery:{routeId:"",description:"",carCode:"",carType:"",deptId:""},routeForm:{id:"",routeName:"",alarmType:"",alarmDistance:"",startAddress:"",endAddress:"",mainRoad:"",startDate:"",endDate:"",accessTime:"",remarks:""},times:[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23],options:[{value:"0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23",label:"全天（0-23）"},{value:"8,9,10,11,12,13,14,15,16,17,18",label:"工作时间段（8-18）"},{value:"8,9,10,11,12",label:"上午工作时间段（8-12）"},{value:"14,15,16,17,18",label:"下午工作时间段（14-18）"},{value:"-1",label:"自定义时间段"}],rules:{routeName:[{required:!0,message:"路线描述不能为空",trigger:["blur","change"]}],alarmType:[{required:!0,message:"报警类型必选",trigger:["blur","change"]}],alarmDistance:[{required:!0,message:"偏离报警距离不能为空",trigger:["blur","change"]}]}}},mounted:function(){var e=this;Object(l.c)("routeAlarmType").then(function(t){e.alarmlist=t.data}),Object(l.c)("carType").then(function(t){e.cartypelist=t.data})},methods:{removeall:function(){var e=this.baselayer;this.map.eachLayer(function(t){t!==e&&t.remove()}),this.pointForm.pointlist=[]},initMap:function(){var e=this,t=o.a.map("map",{minZoom:3,maxZoom:14,center:[39.550339,116.114129],zoom:12,zoomControl:!1,attributionControl:!1,crs:o.a.CRS.EPSG3857});this.map=t,window.map=t,this.baselayer=o.a.tileLayer("http://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}").addTo(t),this.map.pm.addControls({position:"topleft",drawPolygon:!1,drawMarker:!1,drawCircleMarker:!1,drawPolyline:!0,drawRectangle:!1,drawCircle:!1,editMode:!1,dragMode:!1,cutPolygon:!1,removalMode:!1}),this.map.pm.setPathOptions({color:"#409eff",fillColor:"green",fillOpacity:.4}),this.map.pm.setLang("zh"),this.map.on("pm:create",function(l){if(0!==e.pointForm.pointlist.length)e.$message.warning("一次只能绘制一条路线"),l.layer.remove();else{var r;console.log(l,"绘制完成时调用"),console.log(l.layer._latlngs[0].lat);for(var s=[],i=0;i<l.layer._latlngs.length;i++){r=0===i?o.a.icon({iconUrl:a("uA6X"),iconSize:[35,35]}):i===l.layer._latlngs.length-1?o.a.icon({iconUrl:a("ased"),iconSize:[35,35]}):o.a.divIcon({className:"my-div-icon",iconSize:[10,10]});var c=o.a.marker([l.layer._latlngs[i].lat,l.layer._latlngs[i].lng],{icon:r});s.push(c)}e.markerlayer=o.a.layerGroup(s),t.addLayer(e.markerlayer),e.pointForm.pointlist=l.layer._latlngs}})},fetchData:function(){var e=this;console.log("fetchData"),Object(r.g)(this.listQuery).then(function(t){e.list=t.data})},accessTimeSelect:function(e){this.timechoose="-1"===e},search:function(){this.fetchData()},saveRoute:function(){var e=this;0===this.pointForm.pointlist.length?this.$message.warning("请规划路线"):Object(r.a)(this.pointForm).then(function(t){200===t.code&&(e.$message.success("新增路线成功！"),e.$router.push({path:"/route/list"}))})},saveCar:function(){var e=this;if(0===this.carlist.length)this.$message.warning("请至少选择一辆车");else{for(var t=0;t<this.carlist.length;t++)this.carForm.carIds.push(Number(this.carlist[t]));console.log(this.carForm),Object(r.c)(this.carForm).then(function(t){200===t.code&&(e.$message.success("绑定车辆信息成功！"),e.canclick3=!1,e.initMap())})}},saveData:function(){var e=this;this.$refs.dataForm.validate(function(t){if(t)if(e.routeForm.startDate>e.routeForm.endDate)e.$message.warning("请确认输入正确起止时间");else if("-1"===e.routeForm.accessTime&&0===e.accessTime.length)e.$message.warning("请选择时间段");else{var a=!1;if("-1"===e.routeForm.accessTime){a=!0,e.routeForm.accessTime=e.accessTime[0];for(var l=1;l<e.accessTime.length;l++)e.routeForm.accessTime+=","+e.accessTime[l]}Object(r.b)(e.routeForm).then(function(t){200===t.code&&(e.$message.success("添加规划路线基本信息成功！"),a&&(e.routeForm.accessTime="自定义时间段"),e.canclick2=!1,e.carForm.routeId=t.data,e.listQuery.routeId=t.data,e.pointForm.routeId=t.data,e.activeNames.push("2"),e.fetchData())})}})},handleChange:function(e){console.log(e)}}}),n=(a("djYu"),a("KHd+")),m=Object(n.a)(c,function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"app-container",attrs:{id:"addroute"}},[a("el-collapse",{on:{change:e.handleChange},model:{value:e.activeNames,callback:function(t){e.activeNames=t},expression:"activeNames"}},[a("el-collapse-item",{attrs:{title:"（一）基本信息",name:"1"}},[a("el-form",{ref:"dataForm",staticStyle:{"padding-top":"20px","padding-right":"40px"},attrs:{rules:e.rules,model:e.routeForm,"label-position":"right","label-width":"130px"}},[a("el-row",{attrs:{gutter:20}},[a("el-col",{attrs:{span:8}},[a("el-form-item",{attrs:{label:"路线描述",prop:"routeName"}},[a("el-input",{attrs:{disabled:0==e.canclick2,placeholder:0==e.canclick2?"":"必填",type:"text"},model:{value:e.routeForm.routeName,callback:function(t){e.$set(e.routeForm,"routeName","string"==typeof t?t.trim():t)},expression:"routeForm.routeName"}})],1)],1),e._v(" "),a("el-col",{attrs:{span:8}},[a("el-form-item",{attrs:{label:"报警类型",prop:"alarmType"}},[a("el-select",{staticStyle:{width:"100%"},attrs:{disabled:0==e.canclick2,placeholder:0==e.canclick2?"":"必填",filterable:"",clearable:"",value:""},model:{value:e.routeForm.alarmType,callback:function(t){e.$set(e.routeForm,"alarmType",t)},expression:"routeForm.alarmType"}},e._l(e.alarmlist,function(e){return a("el-option",{key:e.value,attrs:{label:e.name,value:e.value}})}))],1)],1),e._v(" "),a("el-col",{attrs:{span:8}},[a("el-form-item",{attrs:{label:"偏离报警距离(米)",prop:"alarmDistance"}},[a("el-input",{attrs:{disabled:0==e.canclick2,placeholder:0==e.canclick2?"":"必填",type:"text",oninput:"value=value.replace(/^\\.+|[^\\d.]/g,'')"},model:{value:e.routeForm.alarmDistance,callback:function(t){e.$set(e.routeForm,"alarmDistance","string"==typeof t?t.trim():t)},expression:"routeForm.alarmDistance"}})],1)],1)],1),e._v(" "),a("el-row",{attrs:{gutter:20}},[a("el-col",{attrs:{span:8}},[a("el-form-item",{attrs:{label:"起点地址"}},[a("el-input",{attrs:{disabled:0==e.canclick2,placeholder:0==e.canclick2?"":"起点地址",type:"text"},model:{value:e.routeForm.startAddress,callback:function(t){e.$set(e.routeForm,"startAddress","string"==typeof t?t.trim():t)},expression:"routeForm.startAddress"}})],1)],1),e._v(" "),a("el-col",{attrs:{span:8}},[a("el-form-item",{attrs:{label:"终点地址"}},[a("el-input",{attrs:{disabled:0==e.canclick2,placeholder:0==e.canclick2?"":"终点地址",type:"text"},model:{value:e.routeForm.endAddress,callback:function(t){e.$set(e.routeForm,"endAddress","string"==typeof t?t.trim():t)},expression:"routeForm.endAddress"}})],1)],1),e._v(" "),a("el-col",{attrs:{span:8}},[a("el-form-item",{attrs:{label:"主要途径道路"}},[a("el-input",{attrs:{disabled:0==e.canclick2,placeholder:0==e.canclick2?"":"主要途径道路",type:"text"},model:{value:e.routeForm.mainRoad,callback:function(t){e.$set(e.routeForm,"mainRoad","string"==typeof t?t.trim():t)},expression:"routeForm.mainRoad"}})],1)],1)],1),e._v(" "),a("el-row",{attrs:{gutter:20}},[a("el-col",{attrs:{span:8}},[a("el-form-item",{attrs:{label:"开始日期"}},[a("el-date-picker",{staticStyle:{width:"100%"},attrs:{disabled:0==e.canclick2,placeholder:0==e.canclick2?"":"开始日期",type:"date","value-format":"yyyy-MM-dd"},model:{value:e.routeForm.startDate,callback:function(t){e.$set(e.routeForm,"startDate",t)},expression:"routeForm.startDate"}})],1)],1),e._v(" "),a("el-col",{attrs:{span:8}},[a("el-form-item",{attrs:{label:"结束日期"}},[a("el-date-picker",{staticStyle:{width:"100%"},attrs:{disabled:0==e.canclick2,placeholder:0==e.canclick2?"":"结束日期",type:"date","value-format":"yyyy-MM-dd"},model:{value:e.routeForm.endDate,callback:function(t){e.$set(e.routeForm,"endDate",t)},expression:"routeForm.endDate"}})],1)],1),e._v(" "),a("el-col",{attrs:{span:8}},[a("el-form-item",{attrs:{label:"准行时间段"}},[a("el-select",{staticStyle:{width:"100%"},attrs:{disabled:0==e.canclick2,placeholder:0==e.canclick2?"":"准行时间段",filterable:"",clearable:"",value:""},on:{change:e.accessTimeSelect},model:{value:e.routeForm.accessTime,callback:function(t){e.$set(e.routeForm,"accessTime",t)},expression:"routeForm.accessTime"}},e._l(e.options,function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})}))],1)],1)],1),e._v(" "),e.timechoose?a("el-row",{attrs:{gutter:20}},[a("el-col",{attrs:{span:24}},[a("el-form-item",{attrs:{label:"自定义时间段"}},[a("el-checkbox-group",{model:{value:e.accessTime,callback:function(t){e.accessTime=t},expression:"accessTime"}},e._l(e.times,function(t){return a("el-checkbox",{key:t,staticStyle:{width:"90px","line-height":"10px"},attrs:{label:t,disabled:0==e.canclick2}},[e._v(e._s(t)+":00")])}))],1)],1)],1):e._e(),e._v(" "),a("el-row",{attrs:{gutter:20}},[a("el-col",{attrs:{span:24}},[a("el-form-item",{attrs:{label:"备注"}},[a("el-input",{attrs:{disabled:0==e.canclick2,placeholder:0==e.canclick2?"":"备注",type:"textarea"},model:{value:e.routeForm.remarks,callback:function(t){e.$set(e.routeForm,"remarks","string"==typeof t?t.trim():t)},expression:"routeForm.remarks"}})],1)],1)],1)],1),e._v(" "),1==e.canclick2?a("div",{staticStyle:{"text-align":"center"}},[a("el-button",{staticStyle:{width:"200px","font-size":"15px","font-weight":"bold"},attrs:{type:"primary"},on:{click:e.saveData}},[e._v(" >> 下一步，关联车辆")])],1):e._e()],1),e._v(" "),a("el-collapse-item",{attrs:{disabled:e.canclick2,title:"（二）关联车辆",name:"2"}},[a("div",{staticStyle:{"padding-top":"20px","padding-left":"40px"}},[a("el-form",{ref:"selectForm",attrs:{inline:!0,model:e.listQuery}},[a("el-form-item",{attrs:{prop:"keywords"}},[a("el-input",{attrs:{placeholder:"车辆描述",clearable:""},model:{value:e.listQuery.description,callback:function(t){e.$set(e.listQuery,"description","string"==typeof t?t.trim():t)},expression:"listQuery.description"}})],1),e._v(" "),a("el-form-item",{attrs:{prop:"keywords"}},[a("el-input",{attrs:{placeholder:"车牌号",clearable:""},model:{value:e.listQuery.carCode,callback:function(t){e.$set(e.listQuery,"carCode",t)},expression:"listQuery.carCode"}})],1),e._v(" "),a("el-form-item",{attrs:{prop:"keywords"}},[a("el-select",{attrs:{filterable:"",placeholder:"车辆类型",clearable:"",value:""},on:{change:function(t){e.fetchData()}},model:{value:e.listQuery.carType,callback:function(t){e.$set(e.listQuery,"carType",t)},expression:"listQuery.carType"}},e._l(e.cartypelist,function(e){return a("el-option",{key:e.value,attrs:{label:e.name,value:e.value}})}))],1),e._v(" "),a("el-form-item",{attrs:{prop:"keywords"}},[0==e.canclick2?a("dept-select",{attrs:{"dept-show":e.deptShow,placeholder:"使用单位",clearable:"",value:""},model:{value:e.listQuery.deptId,callback:function(t){e.$set(e.listQuery,"deptId",t)},expression:"listQuery.deptId"}}):e._e()],1),e._v(" "),a("el-button",{staticClass:"filter-item",attrs:{disabled:0==e.canclick3,type:"primary",icon:"el-icon-search"},on:{click:e.search}},[e._v("查 询")])],1)],1),e._v(" "),a("div",{staticClass:"infinite-list-wrapper",staticStyle:{overflow:"auto",height:"100px","padding-left":"40px"}},[a("el-checkbox-group",{staticClass:"checkbox",model:{value:e.carlist,callback:function(t){e.carlist=t},expression:"carlist"}},e._l(e.list,function(t){return a("el-checkbox",{key:t.id,staticStyle:{width:"150px"},attrs:{label:t.id,disabled:0==e.canclick3}},[e._v(e._s(t.description))])}))],1),e._v(" "),1==e.canclick3?a("div",{staticStyle:{"text-align":"center","padding-top":"10px"}},[a("el-button",{staticStyle:{width:"200px","font-size":"15px","font-weight":"bold"},attrs:{type:"primary"},on:{click:e.saveCar}},[e._v(" >> 下一步，规划路线")])],1):e._e()]),e._v(" "),a("el-collapse-item",{attrs:{disabled:e.canclick3,title:"（三）地图操作",name:"3"}},[a("div",{attrs:{id:"map"}},[0==e.canclick3?a("el-button",{staticClass:"remove_btn",on:{click:e.removeall}}):e._e()],1),e._v(" "),0==e.canclick3?a("div",{staticStyle:{"text-align":"center","padding-top":"10px","padding-bottom":"50px"}},[a("el-button",{staticStyle:{width:"200px","font-size":"15px","font-weight":"bold"},attrs:{type:"primary"},on:{click:e.saveRoute}},[e._v("提交规划路线")])],1):e._e()])],1)],1)},[],!1,null,null,null);m.options.__file="addRoute.vue";t.default=m.exports},djYu:function(e,t,a){"use strict";var l=a("wLYq");a.n(l).a},wLYq:function(e,t,a){}}]);