gis-map-admin 1.7.6 → 1.7.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -186451,12 +186451,12 @@ var trafficEventLayer_component = Object(componentNormalizer["a" /* default */])
186451
186451
  )
186452
186452
 
186453
186453
  /* harmony default export */ var trafficEventLayer = (trafficEventLayer_component.exports);
186454
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7149c62c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/gis-map/src/component/eventLayer/perceptionEventLayer.vue?vue&type=template&id=42b0bf1e&
186455
- var perceptionEventLayervue_type_template_id_42b0bf1e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"perceptionEventLayer",attrs:{"element-loading-background":"rgba(4, 27, 51, 0.5)"}},[_c('div',{staticClass:"discontent"},[_c('div',{staticClass:"content_l"},[_c('div',{staticClass:"topCon"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.videoActive),expression:"videoActive"}],staticClass:"btnsCarousel"},[_c('el-button',{staticClass:"leftCarousel",attrs:{"disabled":_vm.leftCarouselBtn,"icon":"el-icon-caret-left","circle":"","size":"mini"},on:{"click":function($event){return _vm.switchVideo('left')}}}),_c('el-button',{staticClass:"rightCarousel",attrs:{"disabled":_vm.rightCarouselBtn,"icon":"el-icon-caret-right","circle":"","size":"mini"},on:{"click":function($event){return _vm.switchVideo('right')}}})],1),_c('div',{staticClass:"videoBox"},[_c('i',{directives:[{name:"show",rawName:"v-show",value:(_vm.videoActive),expression:"videoActive"}],staticClass:"el-icon-full-screen",class:_vm.fullScreenZoom,attrs:{"title":_vm.fullscreen ? '退出全屏' : '全屏'},on:{"click":function($event){return _vm.handleFullScreen($event)}}}),_c('video',{directives:[{name:"show",rawName:"v-show",value:(_vm.videoActive),expression:"videoActive"}],staticStyle:{"object-fit":"fill"},attrs:{"autoplay":"","width":"100%","height":"100%","id":"videoElement"}})]),_c('img',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgActive),expression:"imgActive"}],staticClass:"xcImg",staticStyle:{"cursor":"pointer"},attrs:{"src":_vm.imgUrl,"alt":""},on:{"click":function($event){return _vm.imgx2($event)}}}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgVideoActive),expression:"imgVideoActive"}],staticClass:"videoBox"},[_c('i',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgVideoActive),expression:"imgVideoActive"}],staticClass:"el-icon-full-screen",class:_vm.fullScreenZoom2,attrs:{"title":_vm.fullscreen ? '退出全屏' : '全屏'},on:{"click":function($event){return _vm.handleFullScreen($event)}}}),_c('video',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgVideoActive),expression:"imgVideoActive"}],staticStyle:{"object-fit":"fill"},attrs:{"autoplay":"","loop":"","width":"100%","height":"100%","src":_vm.imgVideoUrl}})]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.dataSource == 2),expression:"popupAttr.dataSource == 2"}],staticClass:"btns"},[_c('div',{class:_vm.btnImgActive,on:{"click":function($event){return _vm.showActive('video')}}},[_vm._v("视频")]),_c('div',{class:_vm.btnVideoActive,on:{"click":function($event){return _vm.showActive('img')}}},[_vm._v("图像")])])]),_c('div',{staticClass:"dmcll"},[(_vm.echartsIsShow)?_c('div',{staticClass:"noInfoText"},[_vm._v("断面车流量暂无数据")]):_vm._e(),_c('div',{ref:"etCharts",staticStyle:{"height":"1.2rem","width":"100%"}})])]),_c('div',{staticClass:"content_r"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.eventType == '养护'),expression:"popupAttr.eventType == '养护'"}],staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("道路名称:")]),_c('span',[_vm._v(_vm._s(_vm.popupAttr.roadName))])]),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("事件地点:")]),_c('span',{staticStyle:{"padding-top":"0.0104166rem"}},[_vm._v(_vm._s(_vm.popupAttr.location))]),_vm._v(" "),(_vm.popupAttr.eventType !== '大雾')?_c('span',{staticStyle:{"padding-top":"0.0104166rem"}},[_vm._v(_vm._s(_vm.popupAttr.stakeNumber))]):_vm._e(),_vm._v(" "),(_vm.popupAttr.eventType === '大雾')?_c('span',{staticStyle:{"padding-top":"0.0104166rem"}},[_vm._v(_vm._s(_vm.popupAttr.beginPile)+" ~")]):_vm._e(),_vm._v(" "),(_vm.popupAttr.eventType === '大雾')?_c('span',{staticStyle:{"padding-top":"0.0104166rem"}},[_vm._v(_vm._s(_vm.popupAttr.endPile))]):_vm._e(),_vm._v(" "),(_vm.popupAttr.eventType !== '大雾')?_c('span',[_vm._v(_vm._s(_vm.eventDirection))]):_vm._e()]),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("事件类型:")]),_c('el-select',{staticStyle:{"width":"70%"},on:{"change":_vm.mainCodeChange},model:{value:(_vm.popupAttr.trafficMainCode),callback:function ($$v) {_vm.$set(_vm.popupAttr, "trafficMainCode", $$v)},expression:"popupAttr.trafficMainCode"}},_vm._l((_vm.eventTypeList),function(item,i){return _c('el-option',{key:i,attrs:{"label":item.trafficMainName,"value":item.trafficMainCode}})}),1)],1),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("细分类别:")]),_c('el-select',{staticStyle:{"width":"70%"},on:{"change":_vm.subCodeChange},model:{value:(_vm.popupAttr.trafficSubCode),callback:function ($$v) {_vm.$set(_vm.popupAttr, "trafficSubCode", $$v)},expression:"popupAttr.trafficSubCode"}},_vm._l((_vm.subEventTypeList),function(item,i){return _c('el-option',{key:i,attrs:{"label":item.trafficSubName,"value":item.trafficSubCode}})}),1)],1),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("事件来源:")]),_c('span',[_vm._v(_vm._s(_vm.popupAttr.eventSource))])]),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("事件描述:")]),_c('el-input',{attrs:{"type":"textarea","rows":4},on:{"blur":_vm.updataEvent},model:{value:(_vm.eventForm.eventDis),callback:function ($$v) {_vm.$set(_vm.eventForm, "eventDis", $$v)},expression:"eventForm.eventDis"}})],1),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("报警时间:")]),_c('span',[_vm._v(_vm._s(_vm.popupAttr.occurTime))])]),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("影响车道:")]),_c('el-checkbox-group',{attrs:{"text-color":"#fff !important"},on:{"input":_vm.updataEvent},model:{value:(_vm.eventForm.enentCd),callback:function ($$v) {_vm.$set(_vm.eventForm, "enentCd", $$v)},expression:"eventForm.enentCd"}},[_c('el-checkbox-button',{key:"1",attrs:{"label":"1"}},[_vm._v("1")]),_c('el-checkbox-button',{key:"2",attrs:{"label":"2"}},[_vm._v("2")]),_c('el-checkbox-button',{key:"4",attrs:{"label":"4"}},[_vm._v("3")]),_c('el-checkbox-button',{key:"5",attrs:{"label":"5"}},[_vm._v("4")]),_c('el-checkbox-button',{key:"3",attrs:{"label":"3"}},[_vm._v("应急")])],1)],1),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("持续时间:")]),_c('span',[_vm._v(_vm._s(_vm.duration))])]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.eventType !== '养护'),expression:"popupAttr.eventType !== '养护'"}],staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("天气情况:")]),_c('span',[_vm._v(_vm._s(_vm.weatherDescription))])]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.perceptionEventReleaseShow),expression:"perceptionEventReleaseShow"}],staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("解除原因:")]),_c('el-radio-group',{staticStyle:{"width":"1.3rem"},model:{value:(_vm.popupAttr.releaseReason),callback:function ($$v) {_vm.$set(_vm.popupAttr, "releaseReason", $$v)},expression:"popupAttr.releaseReason"}},[_c('el-row',[_c('el-col',{attrs:{"span":12}},[_c('el-radio',{attrs:{"label":1}},[_vm._v("误报解除")])],1),_c('el-col',{attrs:{"span":12}},[_c('el-radio',{attrs:{"label":2}},[_vm._v("事件已结束")])],1),_c('el-col',{attrs:{"span":12}},[_c('el-radio',{attrs:{"label":3}},[_vm._v("无需处理事件")])],1),_c('el-col',{attrs:{"span":12}},[_c('el-radio',{attrs:{"label":4}},[_vm._v("其他")])],1)],1)],1)],1),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.perceptionEventReleaseShow),expression:"perceptionEventReleaseShow"}],staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("解除描述:")]),_c('el-input',{attrs:{"type":"textarea","rows":2},on:{"blur":_vm.updataEvent},model:{value:(_vm.popupAttr.reasonDesc),callback:function ($$v) {_vm.$set(_vm.popupAttr, "reasonDesc", $$v)},expression:"popupAttr.reasonDesc"}})],1)]),_c('div',{staticStyle:{"clear":"both"}}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.shouldShow),expression:"shouldShow"}],staticClass:"content_b"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.eventType !== '养护'),expression:"popupAttr.eventType !== '养护'"}],staticClass:"btn",on:{"click":_vm.schedulingSettings}},[_vm._v("事件确认")]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.eventType !== '养护'),expression:"popupAttr.eventType !== '养护'"}],staticClass:"btn btn_c",on:{"click":_vm.terminationOfAlarm}},[_vm._v("事件解除")])])])])}
186456
- var perceptionEventLayervue_type_template_id_42b0bf1e_staticRenderFns = []
186454
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7149c62c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/gis-map/src/component/eventLayer/perceptionEventLayer.vue?vue&type=template&id=21622741&
186455
+ var perceptionEventLayervue_type_template_id_21622741_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"perceptionEventLayer",attrs:{"element-loading-background":"rgba(4, 27, 51, 0.5)"}},[_c('div',{staticClass:"discontent"},[_c('div',{staticClass:"content_l"},[_c('div',{staticClass:"topCon"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.videoActive),expression:"videoActive"}],staticClass:"btnsCarousel"},[_c('el-button',{staticClass:"leftCarousel",attrs:{"disabled":_vm.leftCarouselBtn,"icon":"el-icon-caret-left","circle":"","size":"mini"},on:{"click":function($event){return _vm.switchVideo('left')}}}),_c('el-button',{staticClass:"rightCarousel",attrs:{"disabled":_vm.rightCarouselBtn,"icon":"el-icon-caret-right","circle":"","size":"mini"},on:{"click":function($event){return _vm.switchVideo('right')}}})],1),_c('div',{staticClass:"videoBox"},[_c('i',{directives:[{name:"show",rawName:"v-show",value:(_vm.videoActive),expression:"videoActive"}],staticClass:"el-icon-full-screen",class:_vm.fullScreenZoom,attrs:{"title":_vm.fullscreen ? '退出全屏' : '全屏'},on:{"click":function($event){return _vm.handleFullScreen($event)}}}),_c('video',{directives:[{name:"show",rawName:"v-show",value:(_vm.videoActive),expression:"videoActive"}],ref:"videoElement",staticStyle:{"object-fit":"fill"},attrs:{"autoplay":"","width":"100%","height":"100%","id":"videoElement"}})]),_c('img',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgActive),expression:"imgActive"}],staticClass:"xcImg",staticStyle:{"cursor":"pointer"},attrs:{"src":_vm.imgUrl,"alt":""},on:{"click":function($event){return _vm.imgx2($event)}}}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgVideoActive),expression:"imgVideoActive"}],staticClass:"videoBox"},[_c('i',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgVideoActive),expression:"imgVideoActive"}],staticClass:"el-icon-full-screen",class:_vm.fullScreenZoom2,attrs:{"title":_vm.fullscreen ? '退出全屏' : '全屏'},on:{"click":function($event){return _vm.handleFullScreen($event)}}}),_c('video',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgVideoActive),expression:"imgVideoActive"}],staticStyle:{"object-fit":"fill"},attrs:{"autoplay":"","loop":"","width":"100%","height":"100%","src":_vm.imgVideoUrl}})]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.dataSource == 2),expression:"popupAttr.dataSource == 2"}],staticClass:"btns"},[_c('div',{class:_vm.btnImgActive,on:{"click":function($event){return _vm.showActive('video')}}},[_vm._v("视频")]),_c('div',{class:_vm.btnVideoActive,on:{"click":function($event){return _vm.showActive('img')}}},[_vm._v("图像")])])]),_c('div',{staticClass:"dmcll"},[(_vm.echartsIsShow)?_c('div',{staticClass:"noInfoText"},[_vm._v("断面车流量暂无数据")]):_vm._e(),_c('div',{ref:"etCharts",staticStyle:{"height":"1.2rem","width":"100%"}})])]),_c('div',{staticClass:"content_r"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.eventType == '养护'),expression:"popupAttr.eventType == '养护'"}],staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("道路名称:")]),_c('span',[_vm._v(_vm._s(_vm.popupAttr.roadName))])]),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("事件地点:")]),_c('span',{staticStyle:{"padding-top":"0.0104166rem"}},[_vm._v(_vm._s(_vm.popupAttr.location))]),_vm._v(" "),(_vm.popupAttr.eventType !== '大雾')?_c('span',{staticStyle:{"padding-top":"0.0104166rem"}},[_vm._v(_vm._s(_vm.popupAttr.stakeNumber))]):_vm._e(),_vm._v(" "),(_vm.popupAttr.eventType === '大雾')?_c('span',{staticStyle:{"padding-top":"0.0104166rem"}},[_vm._v(_vm._s(_vm.popupAttr.beginPile)+" ~")]):_vm._e(),_vm._v(" "),(_vm.popupAttr.eventType === '大雾')?_c('span',{staticStyle:{"padding-top":"0.0104166rem"}},[_vm._v(_vm._s(_vm.popupAttr.endPile))]):_vm._e(),_vm._v(" "),(_vm.popupAttr.eventType !== '大雾')?_c('span',[_vm._v(_vm._s(_vm.eventDirection))]):_vm._e()]),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("事件类型:")]),_c('el-select',{staticStyle:{"width":"70%"},on:{"change":_vm.mainCodeChange},model:{value:(_vm.popupAttr.trafficMainCode),callback:function ($$v) {_vm.$set(_vm.popupAttr, "trafficMainCode", $$v)},expression:"popupAttr.trafficMainCode"}},_vm._l((_vm.eventTypeList),function(item,i){return _c('el-option',{key:i,attrs:{"label":item.trafficMainName,"value":item.trafficMainCode}})}),1)],1),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("细分类别:")]),_c('el-select',{staticStyle:{"width":"70%"},on:{"change":_vm.subCodeChange},model:{value:(_vm.popupAttr.trafficSubCode),callback:function ($$v) {_vm.$set(_vm.popupAttr, "trafficSubCode", $$v)},expression:"popupAttr.trafficSubCode"}},_vm._l((_vm.subEventTypeList),function(item,i){return _c('el-option',{key:i,attrs:{"label":item.trafficSubName,"value":item.trafficSubCode}})}),1)],1),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("事件来源:")]),_c('span',[_vm._v(_vm._s(_vm.popupAttr.eventSource))])]),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("事件描述:")]),_c('el-input',{attrs:{"type":"textarea","rows":4},on:{"blur":_vm.updataEvent},model:{value:(_vm.eventForm.eventDis),callback:function ($$v) {_vm.$set(_vm.eventForm, "eventDis", $$v)},expression:"eventForm.eventDis"}})],1),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("报警时间:")]),_c('span',[_vm._v(_vm._s(_vm.popupAttr.occurTime))])]),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("影响车道:")]),_c('el-checkbox-group',{attrs:{"text-color":"#fff !important"},on:{"input":_vm.updataEvent},model:{value:(_vm.eventForm.enentCd),callback:function ($$v) {_vm.$set(_vm.eventForm, "enentCd", $$v)},expression:"eventForm.enentCd"}},[_c('el-checkbox-button',{key:"1",attrs:{"label":"1"}},[_vm._v("1")]),_c('el-checkbox-button',{key:"2",attrs:{"label":"2"}},[_vm._v("2")]),_c('el-checkbox-button',{key:"4",attrs:{"label":"4"}},[_vm._v("3")]),_c('el-checkbox-button',{key:"5",attrs:{"label":"5"}},[_vm._v("4")]),_c('el-checkbox-button',{key:"3",attrs:{"label":"3"}},[_vm._v("应急")])],1)],1),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("持续时间:")]),_c('span',[_vm._v(_vm._s(_vm.duration))])]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.eventType !== '养护'),expression:"popupAttr.eventType !== '养护'"}],staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("天气情况:")]),_c('span',[_vm._v(_vm._s(_vm.weatherDescription))])]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.perceptionEventReleaseShow),expression:"perceptionEventReleaseShow"}],staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("解除原因:")]),_c('el-radio-group',{staticStyle:{"width":"1.3rem"},model:{value:(_vm.popupAttr.releaseReason),callback:function ($$v) {_vm.$set(_vm.popupAttr, "releaseReason", $$v)},expression:"popupAttr.releaseReason"}},[_c('el-row',[_c('el-col',{attrs:{"span":12}},[_c('el-radio',{attrs:{"label":1}},[_vm._v("误报解除")])],1),_c('el-col',{attrs:{"span":12}},[_c('el-radio',{attrs:{"label":2}},[_vm._v("事件已结束")])],1),_c('el-col',{attrs:{"span":12}},[_c('el-radio',{attrs:{"label":3}},[_vm._v("无需处理事件")])],1),_c('el-col',{attrs:{"span":12}},[_c('el-radio',{attrs:{"label":4}},[_vm._v("其他")])],1)],1)],1)],1),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.perceptionEventReleaseShow),expression:"perceptionEventReleaseShow"}],staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("解除描述:")]),_c('el-input',{attrs:{"type":"textarea","rows":2},on:{"blur":_vm.updataEvent},model:{value:(_vm.popupAttr.reasonDesc),callback:function ($$v) {_vm.$set(_vm.popupAttr, "reasonDesc", $$v)},expression:"popupAttr.reasonDesc"}})],1)]),_c('div',{staticStyle:{"clear":"both"}}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.shouldShow),expression:"shouldShow"}],staticClass:"content_b"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.eventType !== '养护'),expression:"popupAttr.eventType !== '养护'"}],staticClass:"btn",on:{"click":_vm.schedulingSettings}},[_vm._v("事件确认")]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.eventType !== '养护'),expression:"popupAttr.eventType !== '养护'"}],staticClass:"btn btn_c",on:{"click":_vm.terminationOfAlarm}},[_vm._v("事件解除")])])])])}
186456
+ var perceptionEventLayervue_type_template_id_21622741_staticRenderFns = []
186457
186457
 
186458
186458
 
186459
- // CONCATENATED MODULE: ./packages/gis-map/src/component/eventLayer/perceptionEventLayer.vue?vue&type=template&id=42b0bf1e&
186459
+ // CONCATENATED MODULE: ./packages/gis-map/src/component/eventLayer/perceptionEventLayer.vue?vue&type=template&id=21622741&
186460
186460
 
186461
186461
  // EXTERNAL MODULE: ./node_modules/swiper/css/swiper.min.css
186462
186462
  var swiper_min = __webpack_require__("f4bd");
@@ -186813,7 +186813,11 @@ var swiper_min = __webpack_require__("f4bd");
186813
186813
  return value;
186814
186814
  },
186815
186815
  _show() {
186816
- this.createVideo(this.videoList[0]);
186816
+ if (this.popupAttr.eventType !== "养护") {
186817
+ this.createVideo(this.videoList[0]);
186818
+ }else{
186819
+ this.showActive("video");
186820
+ }
186817
186821
  this.loading = true;
186818
186822
  this.perceptionEventReleaseShow = false;
186819
186823
  window.addEventListener("fullscreenchange", () => {
@@ -186839,10 +186843,10 @@ var swiper_min = __webpack_require__("f4bd");
186839
186843
  //统计图
186840
186844
  let nowDate = new Date();
186841
186845
  let yy = nowDate.getFullYear();
186842
- let mm = nowDate.getMonth() + 1;
186843
- let mm_str = mm < 10 ? "0" + mm : mm;
186844
- let dd = nowDate.getDate();
186845
- let dd_str = dd < 10 ? "0" + dd : dd;
186846
+ // let mm = nowDate.getMonth() + 1;
186847
+ // let mm_str = mm < 10 ? "0" + mm : mm;
186848
+ // let dd = nowDate.getDate();
186849
+ // let dd_str = dd < 10 ? "0" + dd : dd;
186846
186850
  let hh = nowDate.getHours();
186847
186851
  let hh_str = hh < 10 ? "0" + hh : hh;
186848
186852
  let mf = nowDate.getMinutes();
@@ -186852,9 +186856,11 @@ var swiper_min = __webpack_require__("f4bd");
186852
186856
  let endTime =
186853
186857
  yy +
186854
186858
  "-" +
186855
- mm_str +
186859
+ "04" +
186860
+ //mm_str +
186856
186861
  "-" +
186857
- dd_str +
186862
+ "15" +
186863
+ //dd_str +
186858
186864
  " " +
186859
186865
  hh_str +
186860
186866
  ":" +
@@ -186863,10 +186869,10 @@ var swiper_min = __webpack_require__("f4bd");
186863
186869
  ss_str;
186864
186870
  let startDate = new Date(nowDate.getTime() - 3600000);
186865
186871
  let yy_start = startDate.getFullYear();
186866
- let mm_start_old = startDate.getMonth() + 1;
186867
- let mm_start = mm_start_old < 10 ? "0" + mm_start_old : mm_start_old;
186868
- let dd_start_old = startDate.getDate();
186869
- let dd_start = dd_start_old < 10 ? "0" + dd_start_old : dd_start_old;
186872
+ // let mm_start_old = startDate.getMonth() + 1;
186873
+ // let mm_start = mm_start_old < 10 ? "0" + mm_start_old : mm_start_old;
186874
+ // let dd_start_old = startDate.getDate();
186875
+ // let dd_start = dd_start_old < 10 ? "0" + dd_start_old : dd_start_old;
186870
186876
  let hh_start_old = startDate.getHours();
186871
186877
  let hh_start = hh_start_old < 10 ? "0" + hh_start_old : hh_start_old;
186872
186878
  let mf_start = startDate.getMinutes();
@@ -186876,9 +186882,11 @@ var swiper_min = __webpack_require__("f4bd");
186876
186882
  let startTime =
186877
186883
  yy_start +
186878
186884
  "-" +
186879
- mm_start +
186885
+ "04" +
186886
+ //mm_start +
186880
186887
  "-" +
186881
- dd_start +
186888
+ "15" +
186889
+ //dd_start +
186882
186890
  " " +
186883
186891
  hh_start +
186884
186892
  ":" +
@@ -186921,7 +186929,6 @@ var swiper_min = __webpack_require__("f4bd");
186921
186929
  this.echartsIsShow = true;
186922
186930
  }
186923
186931
  });
186924
-
186925
186932
  let resPaths = this.popupAttr.resPaths;
186926
186933
  let that = this;
186927
186934
  that.imgUrl = "";
@@ -186987,7 +186994,6 @@ var swiper_min = __webpack_require__("f4bd");
186987
186994
  }
186988
186995
  }
186989
186996
  }
186990
-
186991
186997
  },
186992
186998
  initEventMainType() {
186993
186999
  Object(api["i" /* getEventMainType */])().then((res) => {
@@ -186997,25 +187003,21 @@ var swiper_min = __webpack_require__("f4bd");
186997
187003
  });
186998
187004
  },
186999
187005
  switchVideo(type) {
187000
- if (type == "left") {
187001
- if (this.videoIndex == 0) {
187002
- this.leftCarouselBtn = true;
187003
- this.rightCarouselBtn = false;
187004
- return false;
187005
- } else {
187006
- this.videoIndex -= 1;
187007
- }
187008
- } else if (type == "right") {
187009
- if (this.videoIndex == this.videoList.length - 1) {
187010
- this.leftCarouselBtn = false;
187011
- this.rightCarouselBtn = true;
187012
- return false;
187013
- } else {
187014
- this.videoIndex += 1;
187015
- }
187006
+ const maxIndex = this.videoList.length - 1;
187007
+ if (type === 'left') {
187008
+ if (this.videoIndex === 0) return;
187009
+ this.videoIndex--;
187010
+ } else if (type === 'right') {
187011
+ if (this.videoIndex === maxIndex) return;
187012
+ this.videoIndex++;
187016
187013
  }
187014
+ this.leftCarouselBtn = this.videoIndex === 0;
187015
+ this.rightCarouselBtn = this.videoIndex === maxIndex;
187016
+
187017
187017
  this.destroyFlv();
187018
- this.createVideo(this.videoList[this.videoIndex]);
187018
+ this.$nextTick(() => {
187019
+ this.createVideo(this.videoList[this.videoIndex]);
187020
+ });
187019
187021
  },
187020
187022
  getMasterDetail() {
187021
187023
  this.videoList = [];
@@ -187034,12 +187036,46 @@ var swiper_min = __webpack_require__("f4bd");
187034
187036
  this.popupAttr.trafficSubCode = res.data.trafficSubCode;
187035
187037
  this.trafficMainName = res.data.trafficMainName;
187036
187038
  this.trafficSubName = res.data.trafficSubName;
187037
- /* this.devId = res.data.devId; 2=*/
187038
- /* this.videoList = '22374,30304'.split(','); */
187039
187039
  if (res.data.eventType== "养护") {
187040
- res.data.devId = "53969"
187040
+ let stakeNumber_new = this.popupAttr.stakeNumber;
187041
+ let roadId_new = this.popupAttr.roadId;
187042
+ let longitude_new = this.popupAttr.X;
187043
+ let latitude_new = this.popupAttr.Y;
187044
+ if (stakeNumber_new && roadId_new) {
187045
+ stakeNumber_new = stakeNumber_new.replace("K", "").replace("+", ".");
187046
+ if (roadId_new == null) {
187047
+ roadId_new = "";
187048
+ }
187049
+ longitude_new = "";
187050
+ latitude_new = "";
187051
+ } else {
187052
+ roadId_new = "";
187053
+ stakeNumber_new = "";
187054
+ }
187055
+ const params = {
187056
+ devCategory: "003",
187057
+ gatewayNetstatus: "1",
187058
+ distanceRange: 5000,
187059
+ facilitiesType: "1|4",
187060
+ lat: latitude_new,
187061
+ lng: longitude_new,
187062
+ roadId: roadId_new,
187063
+ stakeNo: stakeNumber_new
187064
+ };
187065
+ Object(api["a" /* addVideoPointData */])(params).then((res) => {
187066
+ this.videoList = [];
187067
+ const devNos = res.data.map(item => item.devNo);
187068
+ this.videoList = devNos
187069
+ this.destroyFlv();
187070
+ this.createVideo(this.videoList[0]);
187071
+ if (this.videoList !== null || this.videoList.length >= 1) {
187072
+ this.leftCarouselBtn = false;
187073
+ this.rightCarouselBtn = false;
187074
+ }
187075
+ })
187076
+ }else{
187077
+ this.videoList[0] = res.data.devId;
187041
187078
  }
187042
- this.videoList[0] = res.data.devId;
187043
187079
  if (this.popupAttr.dataSource == 1) {
187044
187080
  this.showActive("video");
187045
187081
  } else if (this.popupAttr.dataSource == 2) {
@@ -187271,7 +187307,11 @@ var swiper_min = __webpack_require__("f4bd");
187271
187307
  this.videoUrl = res.data.liveUrl;
187272
187308
  //if (flvjs.isSupported()) {
187273
187309
  if (this.flvPlayer === null) {
187274
- const videoElement = document.getElementById("videoElement");
187310
+ const videoElement = this.$refs.videoElement;
187311
+ if (!videoElement) {
187312
+ console.error("videoElement 不存在,请检查组件是否已渲染");
187313
+ return;
187314
+ }
187275
187315
  this.flv = new flvExtend_default.a({
187276
187316
  element: videoElement,
187277
187317
  frameTracking: true, // 追帧设置
@@ -187451,8 +187491,8 @@ var perceptionEventLayervue_type_style_index_0_scope_true_lang_css_ = __webpack_
187451
187491
 
187452
187492
  var perceptionEventLayer_component = Object(componentNormalizer["a" /* default */])(
187453
187493
  eventLayer_perceptionEventLayervue_type_script_lang_js_,
187454
- perceptionEventLayervue_type_template_id_42b0bf1e_render,
187455
- perceptionEventLayervue_type_template_id_42b0bf1e_staticRenderFns,
187494
+ perceptionEventLayervue_type_template_id_21622741_render,
187495
+ perceptionEventLayervue_type_template_id_21622741_staticRenderFns,
187456
187496
  false,
187457
187497
  null,
187458
187498
  null,
package/lib/gismap.umd.js CHANGED
@@ -186460,12 +186460,12 @@ var trafficEventLayer_component = Object(componentNormalizer["a" /* default */])
186460
186460
  )
186461
186461
 
186462
186462
  /* harmony default export */ var trafficEventLayer = (trafficEventLayer_component.exports);
186463
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7149c62c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/gis-map/src/component/eventLayer/perceptionEventLayer.vue?vue&type=template&id=42b0bf1e&
186464
- var perceptionEventLayervue_type_template_id_42b0bf1e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"perceptionEventLayer",attrs:{"element-loading-background":"rgba(4, 27, 51, 0.5)"}},[_c('div',{staticClass:"discontent"},[_c('div',{staticClass:"content_l"},[_c('div',{staticClass:"topCon"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.videoActive),expression:"videoActive"}],staticClass:"btnsCarousel"},[_c('el-button',{staticClass:"leftCarousel",attrs:{"disabled":_vm.leftCarouselBtn,"icon":"el-icon-caret-left","circle":"","size":"mini"},on:{"click":function($event){return _vm.switchVideo('left')}}}),_c('el-button',{staticClass:"rightCarousel",attrs:{"disabled":_vm.rightCarouselBtn,"icon":"el-icon-caret-right","circle":"","size":"mini"},on:{"click":function($event){return _vm.switchVideo('right')}}})],1),_c('div',{staticClass:"videoBox"},[_c('i',{directives:[{name:"show",rawName:"v-show",value:(_vm.videoActive),expression:"videoActive"}],staticClass:"el-icon-full-screen",class:_vm.fullScreenZoom,attrs:{"title":_vm.fullscreen ? '退出全屏' : '全屏'},on:{"click":function($event){return _vm.handleFullScreen($event)}}}),_c('video',{directives:[{name:"show",rawName:"v-show",value:(_vm.videoActive),expression:"videoActive"}],staticStyle:{"object-fit":"fill"},attrs:{"autoplay":"","width":"100%","height":"100%","id":"videoElement"}})]),_c('img',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgActive),expression:"imgActive"}],staticClass:"xcImg",staticStyle:{"cursor":"pointer"},attrs:{"src":_vm.imgUrl,"alt":""},on:{"click":function($event){return _vm.imgx2($event)}}}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgVideoActive),expression:"imgVideoActive"}],staticClass:"videoBox"},[_c('i',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgVideoActive),expression:"imgVideoActive"}],staticClass:"el-icon-full-screen",class:_vm.fullScreenZoom2,attrs:{"title":_vm.fullscreen ? '退出全屏' : '全屏'},on:{"click":function($event){return _vm.handleFullScreen($event)}}}),_c('video',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgVideoActive),expression:"imgVideoActive"}],staticStyle:{"object-fit":"fill"},attrs:{"autoplay":"","loop":"","width":"100%","height":"100%","src":_vm.imgVideoUrl}})]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.dataSource == 2),expression:"popupAttr.dataSource == 2"}],staticClass:"btns"},[_c('div',{class:_vm.btnImgActive,on:{"click":function($event){return _vm.showActive('video')}}},[_vm._v("视频")]),_c('div',{class:_vm.btnVideoActive,on:{"click":function($event){return _vm.showActive('img')}}},[_vm._v("图像")])])]),_c('div',{staticClass:"dmcll"},[(_vm.echartsIsShow)?_c('div',{staticClass:"noInfoText"},[_vm._v("断面车流量暂无数据")]):_vm._e(),_c('div',{ref:"etCharts",staticStyle:{"height":"1.2rem","width":"100%"}})])]),_c('div',{staticClass:"content_r"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.eventType == '养护'),expression:"popupAttr.eventType == '养护'"}],staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("道路名称:")]),_c('span',[_vm._v(_vm._s(_vm.popupAttr.roadName))])]),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("事件地点:")]),_c('span',{staticStyle:{"padding-top":"0.0104166rem"}},[_vm._v(_vm._s(_vm.popupAttr.location))]),_vm._v(" "),(_vm.popupAttr.eventType !== '大雾')?_c('span',{staticStyle:{"padding-top":"0.0104166rem"}},[_vm._v(_vm._s(_vm.popupAttr.stakeNumber))]):_vm._e(),_vm._v(" "),(_vm.popupAttr.eventType === '大雾')?_c('span',{staticStyle:{"padding-top":"0.0104166rem"}},[_vm._v(_vm._s(_vm.popupAttr.beginPile)+" ~")]):_vm._e(),_vm._v(" "),(_vm.popupAttr.eventType === '大雾')?_c('span',{staticStyle:{"padding-top":"0.0104166rem"}},[_vm._v(_vm._s(_vm.popupAttr.endPile))]):_vm._e(),_vm._v(" "),(_vm.popupAttr.eventType !== '大雾')?_c('span',[_vm._v(_vm._s(_vm.eventDirection))]):_vm._e()]),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("事件类型:")]),_c('el-select',{staticStyle:{"width":"70%"},on:{"change":_vm.mainCodeChange},model:{value:(_vm.popupAttr.trafficMainCode),callback:function ($$v) {_vm.$set(_vm.popupAttr, "trafficMainCode", $$v)},expression:"popupAttr.trafficMainCode"}},_vm._l((_vm.eventTypeList),function(item,i){return _c('el-option',{key:i,attrs:{"label":item.trafficMainName,"value":item.trafficMainCode}})}),1)],1),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("细分类别:")]),_c('el-select',{staticStyle:{"width":"70%"},on:{"change":_vm.subCodeChange},model:{value:(_vm.popupAttr.trafficSubCode),callback:function ($$v) {_vm.$set(_vm.popupAttr, "trafficSubCode", $$v)},expression:"popupAttr.trafficSubCode"}},_vm._l((_vm.subEventTypeList),function(item,i){return _c('el-option',{key:i,attrs:{"label":item.trafficSubName,"value":item.trafficSubCode}})}),1)],1),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("事件来源:")]),_c('span',[_vm._v(_vm._s(_vm.popupAttr.eventSource))])]),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("事件描述:")]),_c('el-input',{attrs:{"type":"textarea","rows":4},on:{"blur":_vm.updataEvent},model:{value:(_vm.eventForm.eventDis),callback:function ($$v) {_vm.$set(_vm.eventForm, "eventDis", $$v)},expression:"eventForm.eventDis"}})],1),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("报警时间:")]),_c('span',[_vm._v(_vm._s(_vm.popupAttr.occurTime))])]),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("影响车道:")]),_c('el-checkbox-group',{attrs:{"text-color":"#fff !important"},on:{"input":_vm.updataEvent},model:{value:(_vm.eventForm.enentCd),callback:function ($$v) {_vm.$set(_vm.eventForm, "enentCd", $$v)},expression:"eventForm.enentCd"}},[_c('el-checkbox-button',{key:"1",attrs:{"label":"1"}},[_vm._v("1")]),_c('el-checkbox-button',{key:"2",attrs:{"label":"2"}},[_vm._v("2")]),_c('el-checkbox-button',{key:"4",attrs:{"label":"4"}},[_vm._v("3")]),_c('el-checkbox-button',{key:"5",attrs:{"label":"5"}},[_vm._v("4")]),_c('el-checkbox-button',{key:"3",attrs:{"label":"3"}},[_vm._v("应急")])],1)],1),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("持续时间:")]),_c('span',[_vm._v(_vm._s(_vm.duration))])]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.eventType !== '养护'),expression:"popupAttr.eventType !== '养护'"}],staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("天气情况:")]),_c('span',[_vm._v(_vm._s(_vm.weatherDescription))])]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.perceptionEventReleaseShow),expression:"perceptionEventReleaseShow"}],staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("解除原因:")]),_c('el-radio-group',{staticStyle:{"width":"1.3rem"},model:{value:(_vm.popupAttr.releaseReason),callback:function ($$v) {_vm.$set(_vm.popupAttr, "releaseReason", $$v)},expression:"popupAttr.releaseReason"}},[_c('el-row',[_c('el-col',{attrs:{"span":12}},[_c('el-radio',{attrs:{"label":1}},[_vm._v("误报解除")])],1),_c('el-col',{attrs:{"span":12}},[_c('el-radio',{attrs:{"label":2}},[_vm._v("事件已结束")])],1),_c('el-col',{attrs:{"span":12}},[_c('el-radio',{attrs:{"label":3}},[_vm._v("无需处理事件")])],1),_c('el-col',{attrs:{"span":12}},[_c('el-radio',{attrs:{"label":4}},[_vm._v("其他")])],1)],1)],1)],1),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.perceptionEventReleaseShow),expression:"perceptionEventReleaseShow"}],staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("解除描述:")]),_c('el-input',{attrs:{"type":"textarea","rows":2},on:{"blur":_vm.updataEvent},model:{value:(_vm.popupAttr.reasonDesc),callback:function ($$v) {_vm.$set(_vm.popupAttr, "reasonDesc", $$v)},expression:"popupAttr.reasonDesc"}})],1)]),_c('div',{staticStyle:{"clear":"both"}}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.shouldShow),expression:"shouldShow"}],staticClass:"content_b"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.eventType !== '养护'),expression:"popupAttr.eventType !== '养护'"}],staticClass:"btn",on:{"click":_vm.schedulingSettings}},[_vm._v("事件确认")]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.eventType !== '养护'),expression:"popupAttr.eventType !== '养护'"}],staticClass:"btn btn_c",on:{"click":_vm.terminationOfAlarm}},[_vm._v("事件解除")])])])])}
186465
- var perceptionEventLayervue_type_template_id_42b0bf1e_staticRenderFns = []
186463
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7149c62c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/gis-map/src/component/eventLayer/perceptionEventLayer.vue?vue&type=template&id=21622741&
186464
+ var perceptionEventLayervue_type_template_id_21622741_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"perceptionEventLayer",attrs:{"element-loading-background":"rgba(4, 27, 51, 0.5)"}},[_c('div',{staticClass:"discontent"},[_c('div',{staticClass:"content_l"},[_c('div',{staticClass:"topCon"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.videoActive),expression:"videoActive"}],staticClass:"btnsCarousel"},[_c('el-button',{staticClass:"leftCarousel",attrs:{"disabled":_vm.leftCarouselBtn,"icon":"el-icon-caret-left","circle":"","size":"mini"},on:{"click":function($event){return _vm.switchVideo('left')}}}),_c('el-button',{staticClass:"rightCarousel",attrs:{"disabled":_vm.rightCarouselBtn,"icon":"el-icon-caret-right","circle":"","size":"mini"},on:{"click":function($event){return _vm.switchVideo('right')}}})],1),_c('div',{staticClass:"videoBox"},[_c('i',{directives:[{name:"show",rawName:"v-show",value:(_vm.videoActive),expression:"videoActive"}],staticClass:"el-icon-full-screen",class:_vm.fullScreenZoom,attrs:{"title":_vm.fullscreen ? '退出全屏' : '全屏'},on:{"click":function($event){return _vm.handleFullScreen($event)}}}),_c('video',{directives:[{name:"show",rawName:"v-show",value:(_vm.videoActive),expression:"videoActive"}],ref:"videoElement",staticStyle:{"object-fit":"fill"},attrs:{"autoplay":"","width":"100%","height":"100%","id":"videoElement"}})]),_c('img',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgActive),expression:"imgActive"}],staticClass:"xcImg",staticStyle:{"cursor":"pointer"},attrs:{"src":_vm.imgUrl,"alt":""},on:{"click":function($event){return _vm.imgx2($event)}}}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgVideoActive),expression:"imgVideoActive"}],staticClass:"videoBox"},[_c('i',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgVideoActive),expression:"imgVideoActive"}],staticClass:"el-icon-full-screen",class:_vm.fullScreenZoom2,attrs:{"title":_vm.fullscreen ? '退出全屏' : '全屏'},on:{"click":function($event){return _vm.handleFullScreen($event)}}}),_c('video',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgVideoActive),expression:"imgVideoActive"}],staticStyle:{"object-fit":"fill"},attrs:{"autoplay":"","loop":"","width":"100%","height":"100%","src":_vm.imgVideoUrl}})]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.dataSource == 2),expression:"popupAttr.dataSource == 2"}],staticClass:"btns"},[_c('div',{class:_vm.btnImgActive,on:{"click":function($event){return _vm.showActive('video')}}},[_vm._v("视频")]),_c('div',{class:_vm.btnVideoActive,on:{"click":function($event){return _vm.showActive('img')}}},[_vm._v("图像")])])]),_c('div',{staticClass:"dmcll"},[(_vm.echartsIsShow)?_c('div',{staticClass:"noInfoText"},[_vm._v("断面车流量暂无数据")]):_vm._e(),_c('div',{ref:"etCharts",staticStyle:{"height":"1.2rem","width":"100%"}})])]),_c('div',{staticClass:"content_r"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.eventType == '养护'),expression:"popupAttr.eventType == '养护'"}],staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("道路名称:")]),_c('span',[_vm._v(_vm._s(_vm.popupAttr.roadName))])]),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("事件地点:")]),_c('span',{staticStyle:{"padding-top":"0.0104166rem"}},[_vm._v(_vm._s(_vm.popupAttr.location))]),_vm._v(" "),(_vm.popupAttr.eventType !== '大雾')?_c('span',{staticStyle:{"padding-top":"0.0104166rem"}},[_vm._v(_vm._s(_vm.popupAttr.stakeNumber))]):_vm._e(),_vm._v(" "),(_vm.popupAttr.eventType === '大雾')?_c('span',{staticStyle:{"padding-top":"0.0104166rem"}},[_vm._v(_vm._s(_vm.popupAttr.beginPile)+" ~")]):_vm._e(),_vm._v(" "),(_vm.popupAttr.eventType === '大雾')?_c('span',{staticStyle:{"padding-top":"0.0104166rem"}},[_vm._v(_vm._s(_vm.popupAttr.endPile))]):_vm._e(),_vm._v(" "),(_vm.popupAttr.eventType !== '大雾')?_c('span',[_vm._v(_vm._s(_vm.eventDirection))]):_vm._e()]),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("事件类型:")]),_c('el-select',{staticStyle:{"width":"70%"},on:{"change":_vm.mainCodeChange},model:{value:(_vm.popupAttr.trafficMainCode),callback:function ($$v) {_vm.$set(_vm.popupAttr, "trafficMainCode", $$v)},expression:"popupAttr.trafficMainCode"}},_vm._l((_vm.eventTypeList),function(item,i){return _c('el-option',{key:i,attrs:{"label":item.trafficMainName,"value":item.trafficMainCode}})}),1)],1),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("细分类别:")]),_c('el-select',{staticStyle:{"width":"70%"},on:{"change":_vm.subCodeChange},model:{value:(_vm.popupAttr.trafficSubCode),callback:function ($$v) {_vm.$set(_vm.popupAttr, "trafficSubCode", $$v)},expression:"popupAttr.trafficSubCode"}},_vm._l((_vm.subEventTypeList),function(item,i){return _c('el-option',{key:i,attrs:{"label":item.trafficSubName,"value":item.trafficSubCode}})}),1)],1),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("事件来源:")]),_c('span',[_vm._v(_vm._s(_vm.popupAttr.eventSource))])]),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("事件描述:")]),_c('el-input',{attrs:{"type":"textarea","rows":4},on:{"blur":_vm.updataEvent},model:{value:(_vm.eventForm.eventDis),callback:function ($$v) {_vm.$set(_vm.eventForm, "eventDis", $$v)},expression:"eventForm.eventDis"}})],1),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("报警时间:")]),_c('span',[_vm._v(_vm._s(_vm.popupAttr.occurTime))])]),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("影响车道:")]),_c('el-checkbox-group',{attrs:{"text-color":"#fff !important"},on:{"input":_vm.updataEvent},model:{value:(_vm.eventForm.enentCd),callback:function ($$v) {_vm.$set(_vm.eventForm, "enentCd", $$v)},expression:"eventForm.enentCd"}},[_c('el-checkbox-button',{key:"1",attrs:{"label":"1"}},[_vm._v("1")]),_c('el-checkbox-button',{key:"2",attrs:{"label":"2"}},[_vm._v("2")]),_c('el-checkbox-button',{key:"4",attrs:{"label":"4"}},[_vm._v("3")]),_c('el-checkbox-button',{key:"5",attrs:{"label":"5"}},[_vm._v("4")]),_c('el-checkbox-button',{key:"3",attrs:{"label":"3"}},[_vm._v("应急")])],1)],1),_c('div',{staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("持续时间:")]),_c('span',[_vm._v(_vm._s(_vm.duration))])]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.eventType !== '养护'),expression:"popupAttr.eventType !== '养护'"}],staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("天气情况:")]),_c('span',[_vm._v(_vm._s(_vm.weatherDescription))])]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.perceptionEventReleaseShow),expression:"perceptionEventReleaseShow"}],staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("解除原因:")]),_c('el-radio-group',{staticStyle:{"width":"1.3rem"},model:{value:(_vm.popupAttr.releaseReason),callback:function ($$v) {_vm.$set(_vm.popupAttr, "releaseReason", $$v)},expression:"popupAttr.releaseReason"}},[_c('el-row',[_c('el-col',{attrs:{"span":12}},[_c('el-radio',{attrs:{"label":1}},[_vm._v("误报解除")])],1),_c('el-col',{attrs:{"span":12}},[_c('el-radio',{attrs:{"label":2}},[_vm._v("事件已结束")])],1),_c('el-col',{attrs:{"span":12}},[_c('el-radio',{attrs:{"label":3}},[_vm._v("无需处理事件")])],1),_c('el-col',{attrs:{"span":12}},[_c('el-radio',{attrs:{"label":4}},[_vm._v("其他")])],1)],1)],1)],1),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.perceptionEventReleaseShow),expression:"perceptionEventReleaseShow"}],staticClass:"item"},[_c('span',{staticClass:"lable"},[_vm._v("解除描述:")]),_c('el-input',{attrs:{"type":"textarea","rows":2},on:{"blur":_vm.updataEvent},model:{value:(_vm.popupAttr.reasonDesc),callback:function ($$v) {_vm.$set(_vm.popupAttr, "reasonDesc", $$v)},expression:"popupAttr.reasonDesc"}})],1)]),_c('div',{staticStyle:{"clear":"both"}}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.shouldShow),expression:"shouldShow"}],staticClass:"content_b"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.eventType !== '养护'),expression:"popupAttr.eventType !== '养护'"}],staticClass:"btn",on:{"click":_vm.schedulingSettings}},[_vm._v("事件确认")]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.popupAttr.eventType !== '养护'),expression:"popupAttr.eventType !== '养护'"}],staticClass:"btn btn_c",on:{"click":_vm.terminationOfAlarm}},[_vm._v("事件解除")])])])])}
186465
+ var perceptionEventLayervue_type_template_id_21622741_staticRenderFns = []
186466
186466
 
186467
186467
 
186468
- // CONCATENATED MODULE: ./packages/gis-map/src/component/eventLayer/perceptionEventLayer.vue?vue&type=template&id=42b0bf1e&
186468
+ // CONCATENATED MODULE: ./packages/gis-map/src/component/eventLayer/perceptionEventLayer.vue?vue&type=template&id=21622741&
186469
186469
 
186470
186470
  // EXTERNAL MODULE: ./node_modules/swiper/css/swiper.min.css
186471
186471
  var swiper_min = __webpack_require__("f4bd");
@@ -186822,7 +186822,11 @@ var swiper_min = __webpack_require__("f4bd");
186822
186822
  return value;
186823
186823
  },
186824
186824
  _show() {
186825
- this.createVideo(this.videoList[0]);
186825
+ if (this.popupAttr.eventType !== "养护") {
186826
+ this.createVideo(this.videoList[0]);
186827
+ }else{
186828
+ this.showActive("video");
186829
+ }
186826
186830
  this.loading = true;
186827
186831
  this.perceptionEventReleaseShow = false;
186828
186832
  window.addEventListener("fullscreenchange", () => {
@@ -186848,10 +186852,10 @@ var swiper_min = __webpack_require__("f4bd");
186848
186852
  //统计图
186849
186853
  let nowDate = new Date();
186850
186854
  let yy = nowDate.getFullYear();
186851
- let mm = nowDate.getMonth() + 1;
186852
- let mm_str = mm < 10 ? "0" + mm : mm;
186853
- let dd = nowDate.getDate();
186854
- let dd_str = dd < 10 ? "0" + dd : dd;
186855
+ // let mm = nowDate.getMonth() + 1;
186856
+ // let mm_str = mm < 10 ? "0" + mm : mm;
186857
+ // let dd = nowDate.getDate();
186858
+ // let dd_str = dd < 10 ? "0" + dd : dd;
186855
186859
  let hh = nowDate.getHours();
186856
186860
  let hh_str = hh < 10 ? "0" + hh : hh;
186857
186861
  let mf = nowDate.getMinutes();
@@ -186861,9 +186865,11 @@ var swiper_min = __webpack_require__("f4bd");
186861
186865
  let endTime =
186862
186866
  yy +
186863
186867
  "-" +
186864
- mm_str +
186868
+ "04" +
186869
+ //mm_str +
186865
186870
  "-" +
186866
- dd_str +
186871
+ "15" +
186872
+ //dd_str +
186867
186873
  " " +
186868
186874
  hh_str +
186869
186875
  ":" +
@@ -186872,10 +186878,10 @@ var swiper_min = __webpack_require__("f4bd");
186872
186878
  ss_str;
186873
186879
  let startDate = new Date(nowDate.getTime() - 3600000);
186874
186880
  let yy_start = startDate.getFullYear();
186875
- let mm_start_old = startDate.getMonth() + 1;
186876
- let mm_start = mm_start_old < 10 ? "0" + mm_start_old : mm_start_old;
186877
- let dd_start_old = startDate.getDate();
186878
- let dd_start = dd_start_old < 10 ? "0" + dd_start_old : dd_start_old;
186881
+ // let mm_start_old = startDate.getMonth() + 1;
186882
+ // let mm_start = mm_start_old < 10 ? "0" + mm_start_old : mm_start_old;
186883
+ // let dd_start_old = startDate.getDate();
186884
+ // let dd_start = dd_start_old < 10 ? "0" + dd_start_old : dd_start_old;
186879
186885
  let hh_start_old = startDate.getHours();
186880
186886
  let hh_start = hh_start_old < 10 ? "0" + hh_start_old : hh_start_old;
186881
186887
  let mf_start = startDate.getMinutes();
@@ -186885,9 +186891,11 @@ var swiper_min = __webpack_require__("f4bd");
186885
186891
  let startTime =
186886
186892
  yy_start +
186887
186893
  "-" +
186888
- mm_start +
186894
+ "04" +
186895
+ //mm_start +
186889
186896
  "-" +
186890
- dd_start +
186897
+ "15" +
186898
+ //dd_start +
186891
186899
  " " +
186892
186900
  hh_start +
186893
186901
  ":" +
@@ -186930,7 +186938,6 @@ var swiper_min = __webpack_require__("f4bd");
186930
186938
  this.echartsIsShow = true;
186931
186939
  }
186932
186940
  });
186933
-
186934
186941
  let resPaths = this.popupAttr.resPaths;
186935
186942
  let that = this;
186936
186943
  that.imgUrl = "";
@@ -186996,7 +187003,6 @@ var swiper_min = __webpack_require__("f4bd");
186996
187003
  }
186997
187004
  }
186998
187005
  }
186999
-
187000
187006
  },
187001
187007
  initEventMainType() {
187002
187008
  Object(api["i" /* getEventMainType */])().then((res) => {
@@ -187006,25 +187012,21 @@ var swiper_min = __webpack_require__("f4bd");
187006
187012
  });
187007
187013
  },
187008
187014
  switchVideo(type) {
187009
- if (type == "left") {
187010
- if (this.videoIndex == 0) {
187011
- this.leftCarouselBtn = true;
187012
- this.rightCarouselBtn = false;
187013
- return false;
187014
- } else {
187015
- this.videoIndex -= 1;
187016
- }
187017
- } else if (type == "right") {
187018
- if (this.videoIndex == this.videoList.length - 1) {
187019
- this.leftCarouselBtn = false;
187020
- this.rightCarouselBtn = true;
187021
- return false;
187022
- } else {
187023
- this.videoIndex += 1;
187024
- }
187015
+ const maxIndex = this.videoList.length - 1;
187016
+ if (type === 'left') {
187017
+ if (this.videoIndex === 0) return;
187018
+ this.videoIndex--;
187019
+ } else if (type === 'right') {
187020
+ if (this.videoIndex === maxIndex) return;
187021
+ this.videoIndex++;
187025
187022
  }
187023
+ this.leftCarouselBtn = this.videoIndex === 0;
187024
+ this.rightCarouselBtn = this.videoIndex === maxIndex;
187025
+
187026
187026
  this.destroyFlv();
187027
- this.createVideo(this.videoList[this.videoIndex]);
187027
+ this.$nextTick(() => {
187028
+ this.createVideo(this.videoList[this.videoIndex]);
187029
+ });
187028
187030
  },
187029
187031
  getMasterDetail() {
187030
187032
  this.videoList = [];
@@ -187043,12 +187045,46 @@ var swiper_min = __webpack_require__("f4bd");
187043
187045
  this.popupAttr.trafficSubCode = res.data.trafficSubCode;
187044
187046
  this.trafficMainName = res.data.trafficMainName;
187045
187047
  this.trafficSubName = res.data.trafficSubName;
187046
- /* this.devId = res.data.devId; 2=*/
187047
- /* this.videoList = '22374,30304'.split(','); */
187048
187048
  if (res.data.eventType== "养护") {
187049
- res.data.devId = "53969"
187049
+ let stakeNumber_new = this.popupAttr.stakeNumber;
187050
+ let roadId_new = this.popupAttr.roadId;
187051
+ let longitude_new = this.popupAttr.X;
187052
+ let latitude_new = this.popupAttr.Y;
187053
+ if (stakeNumber_new && roadId_new) {
187054
+ stakeNumber_new = stakeNumber_new.replace("K", "").replace("+", ".");
187055
+ if (roadId_new == null) {
187056
+ roadId_new = "";
187057
+ }
187058
+ longitude_new = "";
187059
+ latitude_new = "";
187060
+ } else {
187061
+ roadId_new = "";
187062
+ stakeNumber_new = "";
187063
+ }
187064
+ const params = {
187065
+ devCategory: "003",
187066
+ gatewayNetstatus: "1",
187067
+ distanceRange: 5000,
187068
+ facilitiesType: "1|4",
187069
+ lat: latitude_new,
187070
+ lng: longitude_new,
187071
+ roadId: roadId_new,
187072
+ stakeNo: stakeNumber_new
187073
+ };
187074
+ Object(api["a" /* addVideoPointData */])(params).then((res) => {
187075
+ this.videoList = [];
187076
+ const devNos = res.data.map(item => item.devNo);
187077
+ this.videoList = devNos
187078
+ this.destroyFlv();
187079
+ this.createVideo(this.videoList[0]);
187080
+ if (this.videoList !== null || this.videoList.length >= 1) {
187081
+ this.leftCarouselBtn = false;
187082
+ this.rightCarouselBtn = false;
187083
+ }
187084
+ })
187085
+ }else{
187086
+ this.videoList[0] = res.data.devId;
187050
187087
  }
187051
- this.videoList[0] = res.data.devId;
187052
187088
  if (this.popupAttr.dataSource == 1) {
187053
187089
  this.showActive("video");
187054
187090
  } else if (this.popupAttr.dataSource == 2) {
@@ -187280,7 +187316,11 @@ var swiper_min = __webpack_require__("f4bd");
187280
187316
  this.videoUrl = res.data.liveUrl;
187281
187317
  //if (flvjs.isSupported()) {
187282
187318
  if (this.flvPlayer === null) {
187283
- const videoElement = document.getElementById("videoElement");
187319
+ const videoElement = this.$refs.videoElement;
187320
+ if (!videoElement) {
187321
+ console.error("videoElement 不存在,请检查组件是否已渲染");
187322
+ return;
187323
+ }
187284
187324
  this.flv = new flvExtend_default.a({
187285
187325
  element: videoElement,
187286
187326
  frameTracking: true, // 追帧设置
@@ -187460,8 +187500,8 @@ var perceptionEventLayervue_type_style_index_0_scope_true_lang_css_ = __webpack_
187460
187500
 
187461
187501
  var perceptionEventLayer_component = Object(componentNormalizer["a" /* default */])(
187462
187502
  eventLayer_perceptionEventLayervue_type_script_lang_js_,
187463
- perceptionEventLayervue_type_template_id_42b0bf1e_render,
187464
- perceptionEventLayervue_type_template_id_42b0bf1e_staticRenderFns,
187503
+ perceptionEventLayervue_type_template_id_21622741_render,
187504
+ perceptionEventLayervue_type_template_id_21622741_staticRenderFns,
187465
187505
  false,
187466
187506
  null,
187467
187507
  null,