You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
2.8 KiB
72 lines
2.8 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>车辆进出统计</title>
|
|
<meta name="renderer" content="webkit">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="format-detection" content="telephone=no">
|
|
<link rel="stylesheet" href="layui/css/layui.css" media="all" />
|
|
<style>
|
|
html {
|
|
height: 95%;
|
|
overflow-y: hidden;
|
|
}
|
|
body, .layui-tab, .layui-tab-content, .layui-tab-item, iframe {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body style="border: 1px solid #0c6f89;
|
|
background: rgba(12, 70, 100, 0.8);
|
|
padding: 20px;
|
|
box-sizing: border-box;
|
|
">
|
|
<div class="layui-tab layui-tab-brief" lay-filter="tabCarAccessSta">
|
|
<ul class="layui-tab-title">
|
|
<li class="layui-this">车辆出入记录统计</li>
|
|
<li>车辆出入报表统计</li>
|
|
<li>车辆出入比例统计</li>
|
|
</ul>
|
|
<div class="layui-tab-content">
|
|
<div class="layui-tab-item layui-show">
|
|
<iframe src="carAccessSta3.html"></iframe>
|
|
</div>
|
|
<div class="layui-tab-item">
|
|
<iframe src="carAccessSta2.html"></iframe>
|
|
</div>
|
|
<div class="layui-tab-item">
|
|
<iframe src="carAccessSta.html"></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript" src="layui/layui.js"></script>
|
|
<script>
|
|
layui.use(['element', 'table'], function () {
|
|
var $ = layui.jquery, element = layui.element, table = layui.table; //Tab的切换功能，切换事件监听等，需要依赖element模块
|
|
element.on('tab(tabCarAccessSta)', function (data) {
|
|
table.resize();
|
|
})
|
|
|
|
//element.on('tab(tabCarAccessSta)', function (data) {
|
|
// var src = $(this).attr('lay-id');
|
|
// var tableDom = window.frames[data.index].document.getElementsByTagName('table')[0];
|
|
// if (tableDom !== undefined && tableDom.id !== undefined && tableDom.id !== '') {
|
|
// console.log($('iframe[src="' + src + '"]')[0]);
|
|
// var iframe = $('iframe[src="' + src + '"]')[0].contentWindow;
|
|
// iframe.layui.table.resize(tableDom.id);
|
|
// }
|
|
//});
|
|
});
|
|
</script>
|
|
<link rel="stylesheet" href="../../css/right-list.css" media="all" />
|
|
<link rel="stylesheet" href="../../css/bulletframebg.css" media="all" />
|
|
</body>
|
|
</html>
|
|
|