liuyg
2021-07-02 25ce610f6ecca7325e7a743dc032c4a76559c63d
widgets/searchL/Widget.js
@@ -11,7 +11,8 @@
   'jimu/BaseWidget',
   'jimu/utils',
   'jimu/css!libs/zTree_v3/css/zTreeStyle/zTreeStyle.css',
   'libs/zTree_v3/js/jquery.ztree.all'
   'libs/zTree_v3/js/jquery.ztree.all',
   './Cesiumadd'
],
   function (declare,
      lang,
@@ -32,6 +33,8 @@
         addOneEntitys: null,
         startup: function () {
            var that = this;
            //关键词&&坐标
            $("#i-f-gjz").click(function () {
@@ -55,7 +58,7 @@
            $(".searchImg").click(function () {
               that.getInputData();
               topic.publish('getLegendsData', that.searchDatas);
               that.addOneEntitys.removeAll();
               if (typeof that.searchDatas == 'string') {
                  var han = /^[\u4e00-\u9fa5]+$/;
@@ -98,14 +101,13 @@
            $(".searchColce").click(function () {
               $('.searchLMain').hide();
               that.addOneEntitys.removeAll();
               topic.publish('getLegendsData', '');
               topic.publish('getLegendsData', "legends", '');
            })
            $("#local_data").keyup(function (e) {
               // console.log(e);
               that.getInputData();
               if (e.keyCode == 13 && typeof that.searchDatas == 'string') {
                  topic.publish('getLegendsData', that.searchDatas);
                  that.addOneEntitys.removeAll();
                  var han = /^[\u4e00-\u9fa5]+$/;
                  if (han.test(that.searchDatas) || that.searchDatas == '  ') {
@@ -171,10 +173,13 @@
            if (d == []) {
               if (n == 0) {
                  this.beginLayUi(d);
                  topic.publish('getLegendsData', "legends", d, "./images/addL/全景.png", "全景站点");
               } else if (n == 1) {
                  this.beginLayUi(1, d);
                  topic.publish('getLegendsData', "legends", d, "./images/addL/监控.png", "监控站点");
               } else if (n == 2) {
                  this.beginLayUi(1, 1, d);
                  topic.publish('getLegendsData', "legends", d, "./images/addL/全景.png", "监测站点");
               }
            } else {
               var i = 1;
@@ -186,10 +191,13 @@
               var data = d;
               if (n == 0) {
                  this.beginLayUi(data);
                  topic.publish('getLegendsData', "legends", d, "./images/addL/全景.png", "全景站点");
               } else if (n == 1) {
                  this.beginLayUi(1, data);
                  topic.publish('getLegendsData', "legends", d, "./images/addL/监控.png", "监控站点");
               } else if (n == 2) {
                  this.beginLayUi(1, 1, data);
                  topic.publish('getLegendsData', "legends", d, "./images/addL/监测.png", "监测站点");
               }
            }
         },
@@ -199,7 +207,6 @@
            this.map.dataSources.add(dataSourceOne);
            //面板打开的时候触发
            var that = this;
            that.getData(0)
            layui.use('element', function () {
               var $ = layui.jquery
                  , element = layui.element;
@@ -230,67 +237,86 @@
            this.mountainHandler.setInputAction(lang.hitch(this, this.clickHand), Cesium.ScreenSpaceEventType.LEFT_CLICK);
         },
         // 注册鼠标左键单击事件
         clickHand: function clickHand(data) {
         clickHand: function clickHand(data) {// 全局鼠标点击图标事件 渲染地图图标时 添加个相对应的数组储存该对象数据 通过数组是否存在判断点击的项目
            var pickedObjects = this.map.scene.drillPick(data.position) || 0;
            // console.log(pickedObjects);
            if (pickedObjects.length != 0) {
               var data = pickedObjects[0].primitive.id.onceData[1];
               if (pickedObjects[0].primitive.id != undefined) {
                  if (pickedObjects[0].primitive.id.onceData != undefined) {//搜索图标点击事件
                     // console.log('onceData')
                     var data = pickedObjects[0].primitive.id.onceData[1];
               if (pickedObjects[0].primitive.id.onceData[0] == 1) {//全景
                  var address = data.panAddress;
                  var dom = $('.jimu-widget-searchTabaPopup').find('.header'),
                     str = `${data.name}--全景`;
                  dom.empty();
                  dom.append(str);
                  // console.log(data)
                     if (pickedObjects[0].primitive.id.onceData[0] == 1) {//全景
                        var address = data.panAddress;
                        var dom = $('.jimu-widget-searchTabaPopup').find('.header'),
                           str = `${data.name}--全景`;
                        dom.empty();
                        dom.append(str);
                        // console.log(data)
                  dom = $('#poput-m-t-quanjing');
                  str = `<iframe id="poput-m-t-quanjing-iframe" src="${address}" frameborder="0"></iframe>`;
                  dom.empty();
                  dom.append(str);
                  $('.jimu-widget-searchTabaPopup').css({ 'display': 'block' });
                  $('.jimu-widget-searchTabaPopup').find('.p-main').eq(0).css({ 'display': 'block' }).siblings().css({ 'display': 'none' });
               }
               if (pickedObjects[0].primitive.id.onceData[0] == 2) {//监控
                  var dom = $('.jimu-widget-searchTabaPopup').find('.header'),
                     str = `${data.name}--实时视频`;
                  dom.empty();
                  dom.append(str);
                  // console.log(data)
                  if (data.flv) {
                     dom = $('#poput-m-t-video');
                     str = `
                     <video id="poput-m-t-video-video" ></video>
                     `;
                     dom.empty();
                     dom.append(str);
                     if (flvjs.isSupported()) {
                        var videoElement = document.getElementById('poput-m-t-video-video');
                        var flvPlayer = flvjs.createPlayer({
                           type: 'flv',
                           url: data.flv
                        });
                        flvPlayer.attachMediaElement(videoElement);
                        flvPlayer.load();
                        flvPlayer.play();
                        dom = $('#poput-m-t-quanjing');
                        str = `<iframe id="poput-m-t-quanjing-iframe" src="${address}" frameborder="0"></iframe>`;
                        dom.empty();
                        dom.append(str);
                        $('.jimu-widget-searchTabaPopup').css({ 'display': 'block' });
                        $('.jimu-widget-searchTabaPopup').find('.p-main').eq(0).css({ 'display': 'block' }).siblings().css({ 'display': 'none' });
                     }
                     window.$myVideoFlvplayer = flvPlayer;
                     // var time = setTimeout(() => {
                     if (pickedObjects[0].primitive.id.onceData[0] == 2) {//监控
                        var dom = $('.jimu-widget-searchTabaPopup').find('.header'),
                           str = `${data.name}--实时视频`;
                        dom.empty();
                        dom.append(str);
                        // console.log(data)
                        if (data.flv) {
                           dom = $('#poput-m-t-video');
                           str = `
                        <video id="poput-m-t-video-video" ></video>
                        `;
                           dom.empty();
                           dom.append(str);
                           if (flvjs.isSupported()) {
                              var videoElement = document.getElementById('poput-m-t-video-video');
                              var flvPlayer = flvjs.createPlayer({
                                 type: 'flv',
                                 url: data.flv
                              });
                              flvPlayer.attachMediaElement(videoElement);
                              flvPlayer.load();
                              flvPlayer.play();
                           }
                           window.$myVideoFlvplayer = flvPlayer;
                           // var time = setTimeout(() => {
                     // }, 2000);
                  } else {
                     var dom = $('#poput-m-t-video'),
                        str = `
                     <div id="poput-m-t-video-none" >·暂无视频</div>
               `;
                     dom.empty();
                     dom.append(str);
                           // }, 2000);
                        } else {
                           var dom = $('#poput-m-t-video'),
                              str = `
                        <div id="poput-m-t-video-none" >·暂无视频</div>
                  `;
                           dom.empty();
                           dom.append(str);
                        }
                        $('.jimu-widget-searchTabaPopup').css({ 'display': 'block' });
                        $('.jimu-widget-searchTabaPopup').find('.p-main').eq(0).css({ 'display': 'block' }).siblings().css({ 'display': 'none' });
                     }
                     if (pickedObjects[0].primitive.id.onceData[0] == 3) {//监测
                        console.log('监测', data)
                     }
                  } else if (pickedObjects[0].primitive.id.SQLData != undefined) {//SQL查询图标点击事件
                     // console.log('SQLData')
                  } else if (pickedObjects[0].primitive.id.spatialQueryData != undefined) {//SQL查询图标点击事件
                     var data = pickedObjects[0].primitive.id.spatialQueryData;
                     data.name = pickedObjects[0].primitive.id.name;
                     data.dom = pickedObjects[0].primitive.id.description;
                     // console.log(data);
                     var doms = $('#spatialQueryValuemain');
                     var domo = $('#spatialQueryValue');
                     doms.empty();
                     doms.append('<div>name:' + data.name + '<div/>' + data.dom._value);
                     domo.show();
                  }
                  $('.jimu-widget-searchTabaPopup').css({ 'display': 'block' });
                  $('.jimu-widget-searchTabaPopup').find('.p-main').eq(0).css({ 'display': 'block' }).siblings().css({ 'display': 'none' });
               }
               if (pickedObjects[0].primitive.id.onceData[0] == 3) {//监测
                  console.log('监测', data)
               }
            }
         },