popup弹窗加echarts

liuyg

2021-06-09 8f048024b02f0af68b43209b9ba0e66069729bc5

 widgets/searchL/Widget.js

@@ -54,11 +54,11 @@
               $("#local_data").hide();
            })

            // $(".searchImg").click(function () {
            //    that.getInputData();
            //    that.setVal(that.searchDatas);
            //    $('.searchLMain').show();
            // })
            $(".searchImg").click(function () {
               // that.getInputData();
               // that.setVal(that.searchDatas);
               $('.searchLMain').show();
            })
            $(".searchColce").click(function () {
               $('.searchLMain').hide();
            })
@@ -119,7 +119,7 @@
         },
         getData: function (index) {
            var d = $('.searchLMain').find('.layui-tab-item').hide;
            console.log(d)
            // console.log(d)
            var that = this,
               url = index == 0 ?
                  'http://171.34.76.171:8880/pyh-wetResource/monitorRecords/queryMonitorRecords?name=&startTime=&endTime=&type=2&startPage=1&limit=10&soId=056c6f9fa3f14c168fa90cf1563cd01f'
@@ -187,9 +187,17 @@
         resize: function () {

         },
         goOnPosition(arr) {
            // console.log(arr)
            this.map.camera.flyTo({
               // destination: Cesium.Cartesian3.fromDegrees(Number(lng), Number(lat), Number(gaodu))
               destination: Cesium.Cartesian3.fromDegrees(Number(arr[0]), Number(arr[1]), Number(8000))
            });
         },
         beginLayUi: function (data = 1, data1 = 1, data2 = 1) {
            // data.push(...data)
            // console.log(data)
            var that = this;
            layui.use(function () {
               var element = layui.element
                  , table = layui.table //表格
@@ -230,9 +238,11 @@
                        , layEvent = obj.event; //获得 lay-event 对应的值
                     if (layEvent === 'detail') {
                        //   layer.msg('查看操作');
                        window.open(obj.data.panAddress);
                        console.log(obj.data.panAddress)
                     } else if (layEvent === 'edit') {
                        that.goOnPosition([obj.data.lon, obj.data.lat]);
                     }
                     window.open(obj.data.panAddress);
                     console.log(obj.data.panAddress)
                  });
               }
               if (data1 != 1) {
@@ -268,18 +278,21 @@
                        , layEvent = obj.event; //获得 lay-event 对应的值
                     if (layEvent === 'detail') {
                        //   layer.msg('查看操作');
                     }
                     var dom = $('#poput-m-t-video'),
                        str = `<div class="title">名称：${obj.data.name}</div>
                        <video id="video1" class="video-js vjs-default-skin" width="840" height="480"
                           data-setup='{"controls" : true, "autoplay" : true, "preload" : "auto"}'>
                           <source src="${obj.data.flv}" type="video/x-flv">
                        </video>`;
                     dom.empty();
                     dom.append(str);
                        var dom = $('#poput-m-t-video'),
                           str = `
                           <div class="header">${obj.data.name}--实时视频</div>
                           <video id="video1" class="video-js vjs-default-skin" width="100%" height="100%"
                              data-setup='{"controls" : true, "autoplay" : true, "preload" : "auto"}'>
                              <source src="${obj.data.flv}" type="video/x-flv">
                           </video>`;
                        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' });
                        $('.jimu-widget-searchTabaPopup').css({ 'display': 'block' });
                        $('.jimu-widget-searchTabaPopup').find('.p-main').eq(0).css({ 'display': 'block' }).siblings().css({ 'display': 'none' });
                     } else if (layEvent === 'edit') {
                        that.goOnPosition([obj.data.lon, obj.data.lat]);
                     }
                     // console.log(obj.data.name)
                  });
               }
@@ -317,60 +330,59 @@
                        , layEvent = obj.event; //获得 lay-event 对应的值
                     if (layEvent === 'detail') {
                        //   layer.msg('查看操作');

                        // 监测、测站详情 表格
                        var str = '';
                        var XQDom = $('.jimu-widget-searchTabaPopup').find('.xiangqing');
                        XQDom.empty();

                        str += '<table border="1" cellpadding="100">';
                        str += `<tr>
                                 <th>测站名称：</th>
                                 <td>${obj.data.name}</td>
                                 <th>建设类型：</th>
                                 <td>建设</td>
                              </tr>
                              <tr>
                                 <th>经度：</th>
                                 <td>${obj.data.lon}</td>
                                 <th>纬度：</th>
                                 <td>${obj.data.lat}</td>
                              </tr>
                              <tr>
                                 <th>建站时间：</th>
                                 <td>${obj.data.accessTime}</td>
                                 <th>接入时间：</th>
                                 <td>${obj.data.createTime}</td>
                              </tr>
                              <tr>
                                 <th>所属保护区：</th>
                                 <td>鄱阳湖南矶湿地国家级自然保护区</td>
                                 <th>地址：</th>
                                 <td>暂无</td>
                              </tr>
                              <tr>
                                 <th>全景地址：</th>
                                 <td colspan="3">${obj.data.panoramaUrl}/</td>
                              </tr>
                              <tr>
                                 <th>测站简介：</th>
                                 <td class="left" colspan="3">暂无</td>
                              </tr>
                              <tr>
                                 <th>图片：</th>
                                 <td class="left" colspan="3"></td>
                              </tr>`;
                        str += '</table>';
                        XQDom.append(str);


                        $('.jimu-widget-searchTabaPopup').css({ 'display': 'block' });
                        $('.jimu-widget-searchTabaPopup').find('.p-main').eq(1).css({ 'display': 'block' }).siblings().css({ 'display': 'none' });
                        console.log(obj.data.name)
                     } else if (layEvent === 'edit') {
                        that.goOnPosition([obj.data.lon, obj.data.lat]);
                     }
                     // 监测、测站详情 表格
                     var str = '';
                     var XQDom = $('.jimu-widget-searchTabaPopup').find('.xiangqing');
                     XQDom.empty();

                     str += '<table border="1" cellpadding="100">';
                     str += `<tr>
            <th>测站名称：</th>
            <td>${obj.data.name}</td>
            <th>建设类型：</th>
            <td>建设</td>
         </tr>
         <tr>
            <th>经度：</th>
            <td>${obj.data.lon}</td>
            <th>纬度：</th>
            <td>${obj.data.lat}</td>
         </tr>
         <tr>
            <th>建站时间：</th>
            <td>${obj.data.accessTime}</td>
            <th>接入时间：</th>
            <td>${obj.data.createTime}</td>
         </tr>
         <tr>
            <th>所属保护区：</th>
            <td>鄱阳湖南矶湿地国家级自然保护区</td>
            <th>地址：</th>
            <td>暂无</td>
         </tr>
         <tr>
            <th>全景地址：</th>
            <td colspan="3">${obj.data.panoramaUrl}/</td>
         </tr>
         <tr>
            <th>测站简介：</th>
            <td class="left" colspan="3">暂无</td>
         </tr>
         <tr>
            <th>图片：</th>
            <td class="left" colspan="3"></td>
         </tr>`;
                     str += '</table>';
                     XQDom.append(str);





                     $('.jimu-widget-searchTabaPopup').css({ 'display': 'block' });
                     $('.jimu-widget-searchTabaPopup').find('.p-main').eq(1).css({ 'display': 'block' }).siblings().css({ 'display': 'none' });
                     console.log(obj.data.name)

                  });
               }