qixing.html 3.02 KB
{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>