From 8f048024b02f0af68b43209b9ba0e66069729bc5 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Wed, 09 Jun 2021 15:01:21 +0800
Subject: [PATCH] popup弹窗加echarts
---
widgets/searchL/Widget.js | 156 ++++++++++++++++++++++++++++------------------------
1 files changed, 84 insertions(+), 72 deletions(-)
diff --git a/widgets/searchL/Widget.js b/widgets/searchL/Widget.js
index ee2e247..f73a5aa 100644
--- a/widgets/searchL/Widget.js
+++ b/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)
-
});
}
--
Gitblit v1.9.3