xyzshop/admin/templates/default/refill.task.add.php

<?php defined('InShopNC') or exit('Access Invalid!'); ?>
<!--//zmr>v20-->
<style>
    .layui-form-select .layui-input {
        padding: 13px 5px;
    }

    .layui-form-select dl {
        top: 29px !important;
        min-width: 40%!important;
    }
    .layui-form-select .layui-edge {
        right: 204px!important;
    }

    .layui-input {
        width: 41%!important;
    }
    .layui-form-select {
        width: 85%;
    }

    .layui-select-title {
        width: 100%;
    }
    .page .fixed-bar .item-title h3 {
        margin-top: 18px !important;
        margin-bottom: 10px !important;
        font-weight: 700 !important;
    }

    .tab-base li span {
        font-size: 12px !important;
    }
</style>
<div class="page">
    <div class="fixed-bar">
        <div class="item-title">
            <h3>对账管理</h3>
            <ul class="tab-base">
                <li><a href="index.php?act=OrderStats&op=index&type=system"><span>上游对账记录</span></a></li>
                <li><a href="index.php?act=OrderStats&op=index&type=provider"><span>上游对账记录</span></a></li>
                <li><a href="index.php?act=OrderStats&op=index&type=merchant"><span>下游对账记录</span></a></li>
                <li><a href="index.php?act=OrderStats&op=refill_task"><span>任务列表</span></a></li>
                <li><a href="JavaScript:void(0);" class="current"><span>任务录入</span></a></li>
            </ul>
        </div>
    </div>
    <div class="fixed-empty"></div>
    <form id="points_form" method="post" name="form1" enctype="multipart/form-data" >
        <input type="hidden" name="form_submit" value="ok"/>

        <table class="table tb-type2 nobdb">
            <tbody>
            <tr class="noborder">
                <td colspan="2" class="required"><label class="validation">任务类型:</label></td>
            </tr>
            <tr class="noborder">
                <td class="layui-form">
                    <select name="task_type" class="layui_in" id="task_type" lay-verify="" lay-search>
                        <option value="">请选择</option>
                        <?php foreach ($output['task_type'] as $key => $value){?>
                            <option value="<?php echo $key;?>"><?php echo $value;?></option>
                        <?php }?>
                    </select>
                    <td class="vatop tips"></td>
                </td>
            </tr>
            <tr>
                <td colspan="2" class="required"><label class="validation">主体类型:</label></td>
            </tr>
            <tr class="noborder">
                <td class="layui-form">
                    <select name="type" class="layui_in subject" id="type" lay-verify="" lay-search lay-filter="type">
                        <option value="">请选择</option>
                        <?php foreach ($output['type'] as $key => $value){?>
                        <option value="<?php echo $key;?>"><?php echo $value;?></option>
                        <?php }?>
                    </select>
                </td>
                <td class="vatop tips"></td>
            </tr>
            <tr>
                <td colspan="2" class="required"><label class="validation">主体选择:</label></td>
            </tr>
            <tr class="noborder" >
                <td class="layui-form">
                    <label for="selection"></label>
                    <select name="body" id="selection" lay-search></select>
                </td>
                <td class="vatop tips"></td>
            </tr>
            <tr>
                <td colspan="2" class="required"><label class="validation">任务统计条件:</label></td>
            </tr>
            <tr class="noborder" >
                <td style="width: 380px;" >
                    <label for="startTime">日期区间：</label>
                    <input style="margin-left:10px;width:120px" class="txt date" type="text"
                           value=""
                           id="startTime" name="query_start_time" autocomplete="off"/>
                    <label for="endTime">~</label>
                    <input class="txt date" type="text" value="" id="endTime"
                           name="query_end_time" autocomplete="off" style="width:120px"/>
                </td>
                <td class="vatop tips"></td>
            </tr>  
            <tr class="noborder" >
                <td colspan="2" class="vatop rowform">
                    <label for="order_time_type" >日期类型：</label>
                </td>
            </tr>
            <tr class="noborder">
                <td class="layui-form">
                    <select name="order_time_type" class="querySelect" id="order_time_type">
                        <option value="">请选择</option>
                        <?php foreach ($output['order_time_type'] as $key => $value) { ?>
                            <option value="<?php echo $key; ?>"><?php echo $value; ?></option>
                        <?php } ?>
                    </select>
                </td>
                <td class="vatop tips"></td>
            </tr>  
            <tr class="noborder">
                <td colspan="2" class="vatop rowform">
                    <label for="order_state" >订单状态：</label>
                </td>
            </tr>
            <tr class="noborder">
                <td class="layui-form">
                    <select name="order_state" class="querySelect" id="order_state">
                        <option value=""><?php echo $lang['nc_please_choose']; ?></option>
                        <option value="10"><?php echo $lang['order_state_new']; ?></option>
                        <option value="20"><?php echo $lang['order_state_pay']; ?></option>
                        <option value="30"><?php echo $lang['order_state_send']; ?></option>
                        <option value="40"><?php echo $lang['order_state_success']; ?></option>
                        <option value="0"><?php echo $lang['order_state_cancel']; ?></option>
                    </select>
                </td>
                <td class="vatop tips"></td>
            </tr> 
            </tbody>
            <tfoot>
            <tr class="tfoot">
                <td>
                    <a href="JavaScript:void(0);" class="btn" id="submitBtn"><span><?php echo $lang['nc_submit']; ?></span></a>
                </td>
            </tr>
            </tfoot>
        </table>
    </form>
</div>
<script type="text/javascript" src="<?php echo RESOURCE_SITE_URL; ?>/laydate/laydate.js"></script>
<script type="text/javascript" src="<?php echo RESOURCE_SITE_URL; ?>/js/jquery-ui/jquery.ui.js"></script>
<script type="text/javascript" src="<?php echo RESOURCE_SITE_URL; ?>/js/jquery-ui/i18n/zh-CN.js"
        charset="utf-8"></script>
<link rel="stylesheet" type="text/css"
      href="<?php echo RESOURCE_SITE_URL; ?>/js/jquery-ui/themes/ui-lightness/jquery.ui.css"/>
<script type="text/javascript" src="<?php echo RESOURCE_SITE_URL; ?>/refill/layer.js"></script>
<script type="text/javascript" src="<?php echo ADMIN_TEMPLATES_URL; ?>/layui/layui.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo ADMIN_TEMPLATES_URL; ?>/layui/css/layui.css"/>

<script type="text/javascript">
    var ji = null;
    $(function () {
        $("#voucher").change(function () {
            $("#textfield1").val($(this).val());
        });
        $("#submitBtn").click(function () {
            if ($("#points_form").valid()) {
                $("#points_form").submit();
            }
        });
        //主体选择
        layui.use(['form'], function () {
            let form = layui.form;
            form.on('select(type)', function (data) {
                let form_type = data.value;
                    form.render('select')
                    if (form_type === 'merchant') {
                    $.get('index.php?act=refill_order&op=merchant_data', function(res) {
                        res = JSON.parse(res) 
                        let html = '';
                        res.forEach(item => {
                        html += `<option value="${item.value}-${item.name}">${item.name}</option>`;
                        })
                        let select_type = `<select>${html}</select>`
                        $('#selection').html(select_type);
                        form.render('select')
                    })
                } else if (form_type === 'provider'){
                    $.get('index.php?act=refill_order&op=provider_data', function(res) {
                        res = JSON.parse(res) 
                        let html = '';
                        res.forEach(item => {
                        html += `<option value="${item.value}-${item.name}">${item.name}</option>`;
                        })
                        let select_type = `<select>${html}</select>`
                        $('#selection').html(select_type);
                        form.render('select')
                    })
                } else {
                        $('#selection').html('');
                        form.render('select')
                }
            })
        })
        $('#points_form').validate({
            errorPlacement: function (error, element) {
                error.appendTo(element.parent().parent().prev().find('td:first'));
            },
            rules: {
                type: {
                    required: true
                },
                order_time_type: {
                    required: true
                },
                body: {
                    required: true
                },
                task_type: {
                    required: true
                },
                query_start_time: {
                    required: true
                }
            },
            messages: {
                type: {
                    required: '未选择主体类型'
                },
                order_time_type: {
                    required: '日期类型未选择'
                },
                body: {
                    required: '未选择统计主体'
                },
                task_type: {
                    required: '未选择任务类型'
                },
                query_start_time: {
                    required: '未选择日期区间'
                }
            }
        });
            // 日期选择器
        $('#query_start_time').datepicker({dateFormat: 'yy-mm-dd'});
        $('#query_end_time').datepicker({dateFormat: 'yy-mm-dd'});
        let start_a = laydate.render({
            elem: '#startTime',
            type: 'datetime',
            trigger: 'click',
            done: function (value, date, endDate) {
                end.config.min = {
                    year: date.year,
                    month: date.month - 1,
                    date: date.date,
                }; 
                end.config.value = {
                    year: date.year,
                    month: date.month - 1,
                    date: date.date,
                }; 
            }
        });
        let end = laydate.render({
            elem: '#endTime',
            type: 'datetime',
            trigger: 'click',
            done: function (value, date, endDate) {
                start_a.config.max = {
                    year: date.year,
                    month: date.month - 1,
                    date: date.date,
                }; 
            }
        });
    })
</script>