From 7412a4e3171f48379669af7df049d56701040b5c Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Tue, 08 Jun 2021 17:34:41 +0800
Subject: [PATCH] 弹窗表格
---
widgets/searchTabaPopup/Widget.js | 4 ++--
widgets/searchTabaPopup/Widget.html | 28 ++++++++++++++--------------
widgets/searchTabaPopup/css/style.css | 19 ++++++++++++++++---
3 files changed, 32 insertions(+), 19 deletions(-)
diff --git a/widgets/searchTabaPopup/Widget.html b/widgets/searchTabaPopup/Widget.html
index 1b90c82..cfc051d 100644
--- a/widgets/searchTabaPopup/Widget.html
+++ b/widgets/searchTabaPopup/Widget.html
@@ -15,43 +15,43 @@
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="xiangqing">
- <table border="1" cellpadding="10">
+ <table border="1" cellpadding="100">
<tr>
- <th>测站名称</th>
+ <th>测站名称：</th>
<td>南矶山战备湖</td>
- <th>建设类型</th>
+ <th>建设类型：</th>
<td>建设</td>
</tr>
<tr>
- <th>经度</th>
+ <th>经度：</th>
<td>116.280167</td>
- <th>纬度</th>
+ <th>纬度：</th>
<td>28.918818</td>
</tr>
<tr>
- <th>建站时间</th>
+ <th>建站时间：</th>
<td>2021-05-23 09:52:48</td>
- <th>纬度</th>
+ <th>纬度：</th>
<td>2021-05-23 09:52:48</td>
</tr>
<tr>
- <th>所属保护区</th>
+ <th>所属保护区：</th>
<td>鄱阳湖南矶湿地国家级自然保护区</td>
- <th>地址</th>
+ <th>地址：</th>
<td>暂无</td>
</tr>
<tr>
- <th>全景地址</th>
+ <th>全景地址：</th>
<td colspan="3">北深湖(http://vr.jxpskj.com/pyhyjpt/njsdgjzrbhq/bshenh/</td>
</tr>
<tr>
- <th>测站简介</th>
- <td colspan="3">南矶山保护区为国家级湿地自然保护区。位于江西省南昌市新建县南矶乡境内,由南矶山自然保护区管理站管理。南矶山省级自然保护区成立于1997年,2005年晋升为国家级自然保护区。保护对象为候乌及湿地生态系统。南矶山省级自然保护区成立于1997年,2005年晋升为国家级自然保护区。保护对象为候鸟及湿地生态系统。保护区总面积333平方千米,其中核心区面积175平方千米,缓冲区面积55平方千米,实验区面积103平方千米。
+ <th>测站简介：</th>
+ <td class="left" colspan="3">南矶山保护区为国家级湿地自然保护区。位于江西省南昌市新建县南矶乡境内,由南矶山自然保护区管理站管理。南矶山省级自然保护区成立于1997年,2005年晋升为国家级自然保护区。保护对象为候乌及湿地生态系统。南矶山省级自然保护区成立于1997年,2005年晋升为国家级自然保护区。保护对象为候鸟及湿地生态系统。保护区总面积333平方千米,其中核心区面积175平方千米,缓冲区面积55平方千米,实验区面积103平方千米。
</td>
</tr>
<tr>
- <th>图片</th>
- <td colspan="3">北深湖(http://vr.jxpskj.com/pyhyjpt/njsdgjzrbhq/bshenh/</td>
+ <th>图片：</th>
+ <td class="left" colspan="3"></td>
</tr>
</table>
</div>
diff --git a/widgets/searchTabaPopup/Widget.js b/widgets/searchTabaPopup/Widget.js
index 1059290..8825adf 100644
--- a/widgets/searchTabaPopup/Widget.js
+++ b/widgets/searchTabaPopup/Widget.js
@@ -45,8 +45,8 @@
//面板打开的时候触发 （when open this panel trigger）
// cc
- // $('.jimu-widget-searchTabaPopup').css({ 'display': 'block' });
- // $('.jimu-widget-searchTabaPopup').find('.p-main').eq(1).css({ 'display': 'block' }).siblings().css({ 'display': 'none' });
+ $('.jimu-widget-searchTabaPopup').css({ 'display': 'block' });
+ $('.jimu-widget-searchTabaPopup').find('.p-main').eq(1).css({ 'display': 'block' }).siblings().css({ 'display': 'none' });
// var str = '2221545';
// var XQDom = $('.jimu-widget-searchTabaPopup').find('.xiangqing');
// XQDom.empty();
diff --git a/widgets/searchTabaPopup/css/style.css b/widgets/searchTabaPopup/css/style.css
index be4f529..6b8a31c 100644
--- a/widgets/searchTabaPopup/css/style.css
+++ b/widgets/searchTabaPopup/css/style.css
@@ -74,8 +74,21 @@
.jimu-widget-searchTabaPopup .xiangqing {
width: 100%;
height: 100%;
- border: 1px salmon solid;
+ /* border: 1px salmon solid; */
}
.jimu-widget-searchTabaPopup .xiangqing th {
- width: 50px;
-}
\ No newline at end of file
+ width: 140px;
+ text-align-last:justify;
+ font-size: 14px;
+ padding: 20px;
+ border-right: transparent 1px solid;
+}
+.jimu-widget-searchTabaPopup .xiangqing td {
+ /* width: 30%; */
+ text-align-last:right;
+ padding-right: 5px;
+ }
+
+ .jimu-widget-searchTabaPopup .xiangqing th, .jimu-widget-searchTabaPopup .xiangqing td{
+ border-color: rgba(0, 0, 0,.1);
+ }
--
Gitblit v1.9.3