弹窗表格

liuyg

2021-06-08 7412a4e3171f48379669af7df049d56701040b5c

弹窗表格

 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>

 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();

 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;
}
 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);
 }