| | |
| | | .jimu-widget-legends { |
| | | position: absolute !important; |
| | | font-size: 14px; |
| | | height: 243px !important; |
| | | height: 290px !important; |
| | | line-height: 32px; |
| | | width: 188px !important; |
| | | width: 230px !important; |
| | | right: 60px !important; |
| | | bottom: 40px !important; |
| | | left: auto !important; |
| | |
| | | |
| | | .jimu-widget-legends .title { |
| | | /* margin: 10px 0 7px 0; */ |
| | | font-size: 0.5rem; |
| | | font-size: 18px; |
| | | } |
| | | |
| | | .jimu-widget-legends .main .m-init { |
| | | width: 100%; |
| | | height: 1.5rem; |
| | | /* height: 1.5rem; */ |
| | | /* border: 1px solid springgreen; */ |
| | | flex-direction: row; |
| | | display: flex; |
| | | align-items: center; |
| | | font-size: 0.6rem; |
| | | font-size: 15px; |
| | | } |
| | | |
| | | .jimu-widget-legends .main .m-init i { |
| | |
| | | }); |
| | | } |
| | | if (data1 != 1) { |
| | | |
| | | |
| | | table.render({ |
| | | elem: '#test1' |
| | | // , url: './data'//监控 |
| | |
| | | } |
| | | , cols: [[ |
| | | { field: 'tableId', width: 59, align: 'center', unresize: true, title: '序号' } |
| | | , { field: 'name', width: 90, align: 'center', unresize: true, title: '名称' } |
| | | , { field: 'name', width: 90, align: 'center', unresize: true, title: '站点' } |
| | | , { field: 'protectName', width: 95, align: 'center', unresize: true, title: '所属保护区' } |
| | | , { field: 'remark', width: 95, align: 'center', unresize: true, title: '备注' } |
| | | , { fixed: 'right', align: 'center', unresize: true, title: '操作', toolbar: '#demoTable1' } |
| | |
| | | } |
| | | , cols: [[ |
| | | { field: 'tableId', width: 59, align: 'center', unresize: true, title: '序号' } |
| | | , { field: 'name', width: 90, align: 'center', unresize: true, title: '名称' } |
| | | , { field: 'name', width: 90, align: 'center', unresize: true, title: '站点' } |
| | | , { field: 'wetlandName', width: 95, align: 'center', unresize: true, title: '所属保护区' } |
| | | , { field: 'remark', width: 95, align: 'center', unresize: true, title: '备注' } |
| | | , { fixed: 'right', align: 'center', unresize: true, title: '操作', toolbar: '#demoTable2' } |
| | |
| | | , limit: 10 //每页默认显示的数量 |
| | | |
| | | }); |
| | | |
| | | table.on('tool(test2)', function (obj) { //注:tool 是工具条事件名,test 是 table 原始容器的属性 lay-filter="对应的值" |
| | | var data = obj.data //获得当前行数据 |
| | | , layEvent = obj.event; //获得 lay-event 对应的值 |
| | |
| | | } |
| | | }); |
| | | } |
| | | |
| | | that.addTitle(); |
| | | //… |
| | | }); |
| | | }, |
| | | addTitle: function () { |
| | | let tdom = $("[data-field]"); |
| | | for (var i = 0; i < tdom.length; i++) { |
| | | $(tdom[i]).attr("title", $(tdom[i]).text()) |
| | | } |
| | | }, |
| | | setXiangqing(obj) { |
| | | var str = ''; |
| | |
| | | $('#test-endDate-1').val(date1); |
| | | window.defultEchartsTimes = [date2, date1]; |
| | | // var time = setTimeout(() => { |
| | | $('.jimu-widget-searchTabaPopup').find('#query').click(); |
| | | // clearTimeout(time); |
| | | // time = null; |
| | | $('.jimu-widget-searchTabaPopup').find('#query').click(); |
| | | // clearTimeout(time); |
| | | // time = null; |
| | | // }, 500); |
| | | |
| | | var str = '', |
| | |
| | | position: relative; |
| | | right: 1px; |
| | | top: -3px; |
| | | } |
| | | |
| | | /* 隐藏layui表格溢出的详情框 */ |
| | | .layui-table-grid-down{ |
| | | display: none; |
| | | } |
| | |
| | | </ul> |
| | | <div class="layui-tab-content"> |
| | | <div class="layui-tab-item layui-show"> |
| | | <div style="width: 1080px;height:380px;" class="popup-threse-shuiwenEcharts" |
| | | <div style="width: 870px;height:380px;" class="popup-threse-shuiwenEcharts" |
| | | id="popup-threse-shuiwenEcharts"> |
| | | |
| | | </div> |
| | | </div> |
| | | <div class="layui-tab-item"> |
| | | <div style="width: 1080px;height:380px;" class="popup-threse-shuiwenEcharts" |
| | | <div style="width: 870px;height:380px;" class="popup-threse-shuiwenEcharts" |
| | | id="popup-threse-shuiwenEcharts1"> |
| | | |
| | | </div> |
| | | </div> |
| | | <div class="layui-tab-item"> |
| | | <div style="width: 1080px;height:380px;" class="popup-threse-shuiwenEcharts" |
| | | <div style="width: 870px;height:380px;" class="popup-threse-shuiwenEcharts" |
| | | id="popup-threse-shuiwenEcharts2"> |
| | | |
| | | </div> |
| | |
| | | background: rgba(0, 0, 0, 0.5); |
| | | /* border : 1px solid #000; */ |
| | | /* cursor : pointer; */ |
| | | z-index: 13 !important; |
| | | z-index: 13 !important; |
| | | } |
| | | |
| | | .jimu-widget-searchTabaPopup .popup { |
| | | /* display: none; */ |
| | | width: 1100px; |
| | | min-height: 600px; |
| | | max-height: 750px; |
| | | overflow: auto; |
| | | width: 900px; |
| | | height: 600px; |
| | | /* min-height: 600px; */ |
| | | /* max-height: 750px; */ |
| | | /* overflow: auto; */ |
| | | /* border: 1px solid salmon; */ |
| | | position: relative; |
| | | border-radius: 5px; |
| | | top: calc(50% - 380px); |
| | | left: calc(50% - 549px); |
| | | top: calc(50% - 300px); |
| | | left: calc(50% - 450px); |
| | | background-color: rgba(255, 255, 255, 1); |
| | | } |
| | | |
| | |
| | | .jimu-widget-searchTabaPopup .two .header{ |
| | | background-color: #409EFF; |
| | | width: 100%; |
| | | height: 40px; |
| | | height: 20px; |
| | | position: absolute; |
| | | font-size: 20px; |
| | | top: 0px; |
| | | left: 0; |
| | | color: #fff; |
| | | line-height: 40px; |
| | | line-height: 20px; |
| | | border-radius: 5px 5px 0 0; |
| | | text-indent: 2em; |
| | | z-index: 14; |
| | | } |
| | | |
| | | .jimu-widget-searchTabaPopup .shishishuju .layui-tab-content{ |
| | | |
| | | height: 450px; |
| | | overflow: auto; |
| | | /* border: 1px springgreen solid; */ |
| | | } |
| | | |
| | | #poput-m-t-video-video{ |
| | | width: 100%; |
| | | height: 560px; |
| | |
| | | } |
| | | |
| | | .jimu-widget-searchTabaPopup .layui-tab-title li { |
| | | font-size: 20px; |
| | | position: relative; |
| | | top: -5px; |
| | | font-size: 15px; |
| | | } |
| | | |
| | | .jimu-widget-searchTabaPopup .three { |
| | | padding: 20px; |
| | | padding: 10px; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | |
| | | } |
| | | .jimu-widget-searchTabaPopup .xiangqing img{ |
| | | width: 175px; |
| | | padding: 10px 10px 10px 0; |
| | | padding: 5px 5px 5px 0; |
| | | } |
| | | .jimu-widget-searchTabaPopup .shishishuju { |
| | | width: 100%; |
| | |
| | | |
| | | .jimu-widget-searchTabaPopup .shishishuju .heard { |
| | | width: 100%; |
| | | height: 60px; |
| | | height: 20px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | font-size: 16px; |
| | | padding-bottom: 10px; |
| | | padding-bottom: 5px; |
| | | padding-top: 5px; |
| | | } |
| | | .layui-tab-content{ |
| | | padding: 0 !important; |
| | | } |
| | | |
| | | .jimu-widget-searchTabaPopup .shishishuju thead th, .jimu-widget-searchTabaPopup .shishishuju tbody td { |
| | |
| | | } |
| | | |
| | | .jimu-widget-searchTabaPopup .shishishuju .layui-tab-title li { |
| | | font-size: 18px; |
| | | font-size: 15px; |
| | | } |
| | | |
| | | .jimu-widget-searchTabaPopup .lishijilv .heard { |