index.html
3.02 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
{include file="common/head"/}
<div class="admin-main layui-anim layui-anim-upbit">
<fieldset class="layui-elem-field layui-field-title">
<legend>{:$title}</legend>
</fieldset>
<div class="demoTable">
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">导出节点</label>
<div class="layui-input-inline ">
<select id="tag" name="tag" lay-filter="tag">
<option value="1">获取指定日期得数据</option>
<option value="2">获取指定时间段得数据</option>
</select>
</div>
</div>
</form>
<div class="layui-inline" id="t1">
<label class="layui-form-label">选择日期</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" name="time" id="time" placeholder="请选择导出日期">
</div>
</div>
<div class="layui-inline" id="t2" style="display:none">
<label class="layui-form-label">选择日期</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" id="time2" placeholder="请选择导出时间段">
</div>
</div>
<button class="layui-btn" id='sub' lay-filter="sub">导出</button>
</div>
</div>
{include file="common/foot"/}
<script>
layui.use(['table','form','laydate'], function() {
var table = layui.table,laydate = layui.laydate,$ = layui.jquery,form = layui.form;
var ins22 = laydate.render({
elem: '#time'
,min: '2019-05-15'
,max: 'date'
,ready: function(){
//ins22.hint('日期可选值设定在 <br> 2019-05-15 到 当天日期');
}
});
//日期范围
laydate.render({
elem: '#time2'
,range: true
});
//下拉框切换
form.on('select(tag)', function(data){
//console.log(data.value);return;
//清空数据
switch(data.value){
case "2":
$('#t1').hide();
$('#t2').show();
break;
case "1":
$('#t1').show();
$('#t2').hide();
break;
default:
$('#t1').show();
$('#t2').hide();
break;
}
});
$('#sub').on('click', function() {
var tag = $('#tag').val(); //标签
switch(tag){
case "2":
date_time = $('#time2').val().replace(" - ", ",");
break;
case "1":
date_time = $('#time').val();//t1值
break;
}
window.open('http://xt04.colorcun.com/index.php?service=App.Report.StatementStatisticsTask&date_time='+date_time+'&tag='+tag);
});
})
</script>