xyzshop/admin/templates/default/set.cancel.order.php

<style>
    th label {
        display: inline-block;
        width: 60px;
        margin-left: 10px;
    }

    .lineLi {
        display: inline-block;
        min-width: 150px;
        font-size: 14px;
    }
    .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;
    }
    .layui-form-select .layui-input {
        height:23px;
        padding-left: 11px;
        padding-right: 0!important;
    }
    input::placeholder{ 
        color:#333; 
    }
    .layui-form-selected dl {
    display: flex!important;
    flex-wrap: wrap!important;
    }
    .layui-form-select dl {
      
        top: 29px !important;
        left: 4px!important;
        min-width: 802%!important;
        max-height: 280px!important;
        padding: 14px 0!important;
    }
    .layui-form-select dl dd.layui-this{
        display: none;
    }
    .layui-form-select dl dd {
    cursor: pointer;
    width: 130px;
    }
    .lefto {
        margin-left: 6px;
    }
    .db-right {
        padding-right: 134px!important;
    border-bottom: 1px solid #ccc;

    }
    .db-center {
        padding: 9px 0;
    border-bottom: 1px solid #ccc;
    }
    .db-top {
        padding: 0 30px;
    }
    #selectAll {
        cursor: pointer;
    }
    .query_ors {
        width: 140px;
    }
</style>

<?php defined('InShopNC') or exit('Access Invalid!'); ?>
<div class="page">
    <div class="fixed-bar">
        <div class="item-title">
            <h3>订单处理</h3>
            <ul class="tab-base">
                <li><a href="index.php?act=refill_order_manual&op=index"><span>手动订单处理</span></a></li>
                <li><a href="index.php?act=refill_order_manual&op=refill_order_batch"><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 method="get" action="index.php" name="formSearch" id="formSearch">
        <input type="hidden" name="act" value="refill_order_manual"/>
        <input type="hidden" name="op" value="set_cancel_order"/>
        <table class="tb-type1 noborder search">
            <tr>
                <th><label>客户名称</label></th>
                <td class="layui-form">
                    <select name="mchid" class="querySelect" lay-verify="" lay-search>
                        <option value=""><?php echo $lang['nc_please_choose']; ?></option>
                        <?php foreach ($output['merchant_list'] as $merchant) { ?>
                            <option value="<?php echo $merchant['mchid'] ?>"
                                    <?php if ($_GET['mchid'] == $merchant['mchid']){ ?>selected<?php } ?>><?php echo $merchant['company_name'] == '' ? $merchant['name'] : $merchant['company_name']; ?>
                            </option>
                        <?php } ?>
                    </select>
                </td>
                <th><label class="query_ors">商家单号（多行查询）</label></th>
                <td><textarea name="mch_orders" id="mch_orders" cols="30" rows="10"><?php echo $_GET['mch_orders'];?></textarea></td>

                <td>
                    <a href="javascript:void(0);" id="ncsubmit" class="btn-search "
                       title="<?php echo $lang['nc_query']; ?>">&nbsp;
                    </a>
                </td>
            </tr>
        </table>
        <table class="tb-type1 noborder search">
            <tr>
                <td>

                    <a href="#" class="btns"  id="hFail">
                        <span><i class="icon-edit"></i>批量拦截</span>
                    </a>
                </td>
            </tr>
        </table>
    </form>
    <table class="table tb-type2 nobdb">
        <thead>
        <tr class="thead">
            <th class="align-center" id="selectAll">
            <input type="checkbox" name="chbox" value="">
            </th>
            <th class="align-center">编号</th>
            <th class="align-center">机构编号</th>
            <th class="align-center">机构名称</th>
            <th class="align-center">商家单号</th>
            <th class="align-center">充值卡号</th>
            <th class="align-center">充值面值</th>
            <th class="align-right">下单日期</th>
            <th class="align-right">耗时</th>
            <th class="align-center">订单状态</th>
            <th class="align-center"><?php echo $lang['nc_handle']; ?></th>            
        </tr>
        </thead>
        <tbody id="tbody">

        <?php if(count($output['noexist_mch_order']) > 0) { ?>
        <?php
        foreach ($output['noexist_mch_order'] as $key => $value) { ?>
            <tr class="hover trFlex">
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td class="align-center"><?php echo $value;?></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td class="align-center">订单不存在</td>
                <td></td>
            </tr>
        <?php } ?>
        <?php }?>

        <?php if (count($output['list']) > 0) { ?>
            <?php
            foreach ($output['list'] as $key => $order) { ?>
                <tr class="hover trFlex">
                    <td class="align-center">
                        <?php if($order['can_cancel']){?>
                    <input type="checkbox" id="checkBoxList" name="checkbox" value="<?php echo $order['order_id'];?>">
                        <?php }?>
                    </td>
                    <td class="align-center"><?php echo $key+1;?></td>
                    <td class="align-center"><?php echo $order['mchid']; ?></td>
                    <td class="align-center"><?php echo $order['company_name'];?></td>
                    <td class="align-center"><?php echo $order['mch_order']; ?></td>
                    <td class="align-center"><?php echo $order['card_no']; ?></td>
                    <td class="align-center"><?php echo $order['refill_amount']; ?></td>
                    <td class="align-right"><?php echo date('Y-m-d H:i:s', $order['order_time']) ?? '/'; ?></td>
                    <td class="align-right">
                        <?php if(empty($order['notify_time'])) {
                            if($order['diff_time'] >= 1800 && $order['diff_time'] <= 3600) {
                                ?>
                                <span style="color: #fd9d0e"><?php echo $order['diff_time_text']?></span>
                            <?php }elseif($order['diff_time'] > 3600) {?>
                                <span style="color: #f30707"><?php echo $order['diff_time_text']?></span>
                            <?php }else{?>
                                <?php echo $order['diff_time_text']?>
                            <?php }?>
                        <?php }else{?>
                            <?php echo $order['diff_time_text']?>
                        <?php }?>
                    </td>
                    <td class="align-center"><?php echo orderState($order); ?></td>
                    <td class="align-center">
                        <input type="hidden" value="<?php echo $order['can_cancel'];?>">
                        <?php if($order['can_cancel']){?>
                        <a href="index.php?act=refill_order_manual&op=order_cancel_dispose&order_id=<?php echo $order['order_id']; ?>" id="hdFail">
                        拦截</a>
                        <?php }?>
                    </td>
                </tr>
            <?php } ?>
        <?php } else { ?>
            <tr class="no_data">
                <td colspan="11"><?php echo $lang['nc_no_record']; ?></td>
            </tr>
        <?php } ?>
        </tbody>
        <tfoot>
        <tr class="tfoot">
            <td colspan="11" id="dataFuncs">
                <div class="pagination"> <?php echo $output['show_page']; ?> </div>
            </td>
        </tr>
        </tfoot>
    </table>
    <!-- 预警提示 -->
    <audio id="auto" src="<?php echo RESOURCE_SITE_URL; ?>/warning.mp3"></audio>
</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>
<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"/>
<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">
    $(function () {
        $('#ncsubmit').click(function () {
            $('#formSearch').submit();
        });
        $('#query_start_time').datepicker({dateFormat: 'yy-mm-dd'});
        $('#query_end_time').datepicker({dateFormat: 'yy-mm-dd'});
        
        // 日期选择器
        laydate.render({
            elem: '#startTime',
            type: 'datetime'
        });
        laydate.render({
            elem: '#endTime',
            type: 'datetime'
        });

        //全选
        $('#selectAll').click(function () {
            if ($("input[name='chbox']").is(':checked')) {
                $("input[name='checkbox']").each(function () {
                    this.checked = true;
                })
            } else {
                $("input[name='checkbox']").each(function () {
                    this.checked = false;
                })
            }
        })

        //过滤
        $("#mch_orders").blur(function () {
            var test_mch = $("#mch_orders").val();
            var result = test_mch.replace(/[\  \r\n\,]+/g, ",");
            $(this).val(result)
        })

        //批量
        $('#hFail').click(function () {
            layer.confirm('您确定要批量拦截', {
                btn: ['确定', '取消'],
                title: '批量失败'
            }, function () {
                let arr = [];
                $("input:checkbox:checked").each(function (i) {
                    arr[i] = $(this).val();
                })
                let str = arr.join(",");
                let strr = str.substring(0, 1);
                let number = Number(strr);
                if (isNaN(number)) {
                    let strrr = str.substring(1, str.length);
                    window.location.href = `index.php?act=refill_order_manual&op=order_cancel_dispose&order_id= ${strrr ? strrr : ''}`
                } else if(!isNaN(number) && str !== '') {
                    window.location.href = `index.php?act=refill_order_manual&op=order_cancel_dispose&order_id= ${str ? str : ''}`
                } else {
                    layer.msg('请还没有任何操作，请先选择');
                }
            }, function () {
            });
        })

        // 表格hover时背景
        $('.trFlex').each(function () {
            let data_color = $(this).attr('data-timeout_State');
            $(this).css('background', '#fff')
            $(this).hover(function () {
                $(this)[0].style.backgroundColor = '#cbe9f3'
            }, function () {
                $(this).css('background', '#fff')
            })
        })
    });
</script>