xyzshop/admin/templates/default/refill.order.send.index.php

<style>
    th label {
        display: inline-block;
        width: 60px;
    }
    .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;
    }
    #selest_nc {
        width: 220px
    }
</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="JavaScript:void(0);" class="current"><span>超时订单监控</span></a></li>
                <li><a href="index.php?act=ordersendlist&op=neterr_order"><span>网络错误订单监控</span></a></li>
                <li><a href="index.php?act=ordersendlist&op=notify_err_order"><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="OrderSendList"/>
        <input type="hidden" name="op" value="index"/>
        <input type="hidden" name="order_query" value=""/>
        <input type="hidden" name="no_mchid" value=""/>
        <input type="hidden" name="default_no_mch" value="<?php echo $_GET['no_mchid']; ?>"/>
        <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="lefto">供方名称</label></th>
                <td>
                    <select name="store_id" class="querySelect">
                        <option value=""><?php echo $lang['nc_please_choose']; ?></option>
                        <?php foreach ($output['provider_list'] as $provider) { ?>
                            <option value="<?php echo $provider['store_id'] ?>"
                                    <?php if ($_GET['store_id'] == $provider['store_id']){ ?>selected<?php } ?>
                                    data-color="<?php echo $provider['opened'] ?>" class="textColor">
                                <?php echo $provider['store_name'] ?>

                            </option>
                        <?php } ?>
                    </select>
                </td>
                <th><label>充值类型</label></th>
                <td>

                    <select name="card_type" class="querySelect">
                        <option value=""><?php echo $lang['nc_please_choose']; ?></option>
                        <option value="1"
                                <?php if ($_GET['card_type'] == '1'){ ?>selected<?php } ?>>中石油
                        </option>
                        <option value="2"
                                <?php if ($_GET['card_type'] == '2'){ ?>selected<?php } ?>>中石化
                        </option>
                        <option value="4"
                                <?php if ($_GET['card_type'] == '4'){ ?>selected<?php } ?>>中国移动
                        </option>
                        <option value="5"
                                <?php if ($_GET['card_type'] == '5'){ ?>selected<?php } ?>>中国联通
                        </option>
                        <option value="6"
                                <?php if ($_GET['card_type'] == '6'){ ?>selected<?php } ?>>中国电信
                        </option>
                        <option value="7"
                                <?php if ($_GET['card_type'] == '7'){ ?>selected<?php } ?>>增值业务
                        </option>
                        <option value="oil"
                                <?php if ($_GET['card_type'] == 'oil'){ ?>selected<?php } ?>>油费
                        </option>
                        <option value="phone"
                                <?php if ($_GET['card_type'] == 'phone'){ ?>selected<?php } ?>>手机费
                        </option>
                    </select>
                </td>
                <th><label>通道质量</label></th>
                <td>
                    <select name="quality" class="querySelect">
                        <option value=""><?php echo $lang['nc_please_choose']; ?></option>
                        <option value="<?php echo refill\Quality::Normal;?>"
                                <?php if ($_GET['quality'] == refill\Quality::Normal){ ?>selected<?php } ?>>普充（无流水）
                        </option>
                        <option value="<?php echo refill\Quality::Quick;?>"
                                <?php if ($_GET['quality'] == refill\Quality::Quick){ ?>selected<?php } ?>>快充
                        </option>
                        <option value="<?php echo refill\Quality::CardKey;?>"
                                <?php if ($_GET['quality'] == refill\Quality::CardKey){ ?>selected<?php } ?>>卡密
                        </option>
                        <option value="<?php echo refill\Quality::ThirdShop;?>"
                                <?php if ($_GET['quality'] == refill\Quality::ThirdShop){ ?>selected<?php } ?>>三方
                        </option>
                        <option value="<?php echo refill\Quality::SlowTwentyFour;?>"
                                <?php if ($_GET['quality'] == refill\Quality::SlowTwentyFour){ ?>selected<?php } ?>>慢24(有流水)
                        </option>
                        <option value="<?php echo refill\Quality::SlowSix;?>"
                                <?php if ($_GET['quality'] == refill\Quality::SlowSix){ ?>selected<?php } ?>>慢6
                        </option>
                        <option value="<?php echo refill\Quality::SlowTwo;?>"
                                <?php if ($_GET['quality'] == refill\Quality::SlowTwo){ ?>selected<?php } ?>>慢2
                        </option>
                        <option value="<?php echo refill\Quality::SlowFortyEight;?>"
                                <?php if ($_GET['quality'] == refill\Quality::SlowFortyEight){ ?>selected<?php } ?>>慢48
                        </option>
                        <option value="<?php echo refill\Quality::SlowSeventyTwo;?>"
                                <?php if ($_GET['quality'] == refill\Quality::SlowSeventyTwo){ ?>selected<?php } ?>>慢72
                        </option>
                        <option value="<?php echo refill\Quality::Fastest;?>"
                                <?php if ($_GET['quality'] == refill\Quality::Fastest){ ?>selected<?php } ?>>速充
                        </option>
                    </select>
                </td>
                <th><label>订单耗时</label></th>
                <td>
                    <select name="time" class="querySelect">
                        <option value=""><?php echo $lang['nc_please_choose']; ?></option>
                        <option value="1"
                                <?php if ($_GET['time'] == '1'){ ?>selected<?php } ?>>耗时半小时订单
                        </option>
                        <option value="2"
                                <?php if ($_GET['time'] == '2'){ ?>selected<?php } ?>>耗时一小时订单
                        </option>
                        <option value="3"
                                <?php if ($_GET['time'] == '3'){ ?>selected<?php } ?>>特定耗时3分钟订单
                        </option>
                        <option value="4"
                                <?php if ($_GET['time'] == '4'){ ?>selected<?php } ?>>特定耗时5分钟订单
                        </option>
                        <option value="5"
                                <?php if ($_GET['time'] == '5'){ ?>selected<?php } ?>>特定耗时10分钟订单
                        </option>
                        <option value="6"
                                <?php if ($_GET['time'] == '6'){ ?>selected<?php } ?>>特定耗时15分钟订单
                        </option>
                        <option value="7"
                                <?php if ($_GET['time'] == '7'){ ?>selected<?php } ?>>特定耗时2小时订单
                        </option>
                    </select>
                </td>
                <th><label style="width: 73px;">不包含客户</label></th>
                <td>
                    <div id="selest_nc"></div>
                </td>
                <td>
                    <a style="margin-left:15px;" 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="javascript:void(0);" id="order_query" class="btns" >
                        <span><i class="icon-edit"></i>更新待收货订单状态</span>
                    </a>
                    <a href="#" class="btns" onclick="hCopyOrder(event)">
                        <span><i class="icon-edit"></i>拷贝订单号</span>
                    </a>
                    <a href="#" class="btns" onclick="hCopyChannel(event)">
                        <span><i class="icon-edit"></i>拷贝渠道单号</span>
                    </a>
                    <a href="#" class="btns" onclick="hCopyCardNo(event)">
                        <span><i class="icon-edit"></i>拷贝充值卡号</span>
                    </a>
                </td>
            </tr>
        </table>
    </form>
    <table class="table tb-type2" id="prompt">
        <tbody>
        <tr class="space odd" id="autoClick">
            <th colspan="12">
                <div class="title"><h5>
                        金额统计</h5><span class="arrow"></span></div>
            </th>
        </tr>
        <tr>
            <td>
                <ul>
                    <li class="lineLi" style="color:#000;">
                        总计充值金额：<?php echo $output['stat']['refill_amounts'] ?? 0 ?></li>
                    <li class="lineLi" style="color:#000;">总计订单数量：<?php echo $output['stat']['order_count'] ?? 0 ?></li>
                    <li class="lineLi" style="color:#000;">超过30分钟订单数量：<?php echo $output['count'][0] ?? 0 ?></li>
                    <li class="lineLi" style="color:#000;">超过1小时订单数量：<?php echo $output['count'][1] ?? 0 ?></li>
                    <?php if ($_GET['time'] == 3) { ?>
                        <li class="lineLi" style="color:#000;">超过3分钟订单数量：<?php echo $output['count'][2] ?? 0 ?></li>
                    <?php } elseif ($_GET['time'] == 4) { ?>
                        <li class="lineLi" style="color:#000;">超过5分钟订单数量：<?php echo $output['count'][2] ?? 0 ?></li>
                    <?php } elseif ($_GET['time'] == 5) { ?>
                        <li class="lineLi" style="color:#000;">超过10分钟订单数量：<?php echo $output['count'][2] ?? 0 ?></li>
                    <?php } elseif ($_GET['time'] == 6) { ?>
                    <li class="lineLi" style="color:#000;">超过15分钟订单数量：<?php echo $output['count'][2] ?? 0 ?></li>
                    <?php } elseif ($_GET['time'] == 7) { ?>
                        <li class="lineLi" style="color:#000;">超过两小时订单数量：<?php echo $output['count'][2] ?? 0 ?></li>
                    <?php } ?>
                </ul>
            </td>
        </tr>
        </tbody>
    </table>
    <table class="table tb-type2 nobdb">
        <thead>
        <tr class="thead">
            <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-center">充值额度</th>
            <th class="align-right">下单日期</th>
            <th class="align-right">耗时</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-center">渠道名称</th>
            <th class="align-center"><?php echo $lang['nc_handle']; ?></th>
        </tr>
        </thead>
        <tbody id="tbody">
        <?php if (count($output['order_list']) > 0) { ?>
            <?php
            foreach ($output['order_list'] as $key => $order) { ?>
                <tr class="hover trFlex" id="dataColor" data-timeout_State="<?php echo $order['time_out_state'];?>">
                    <td class="align-center"><?php echo $key + 1; ?></td>
                    <td class="align-left"><?php echo $order['order_sn']; ?></td>
                    <td class="align-center"><?php echo $order['mchid']; ?></td>
                    <td class="align-center"><?php echo $order['mch_name']; ?></td>
                    <td class="align-left"><?php echo $order['card_no']; ?></td>
                    <td class="align-center"><?php echo $order['card_type_text']; ?></td>
                    <td class="align-center"><?php echo $order['refill_amount']; ?></td>
                    <td class="align-right">
                    <span class="doubleclick"  data-order="<?php echo $order['order_sn'];?>">
                            <?php echo date('Y-m-d H:i:s', $order['order_time']); ?>
                        </span>
                    </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-left"><?php echo $order['quality_text']; ?></td>
                    <td class="align-left"><?php echo $order['err_msg']; ?></td>
                    <td class="align-left"><?php echo $order['mch_order']; ?></td>
                    <td class="align-center"><?php echo $order['mch_amount']; ?></td>
                    <td class="align-left" class="ch_trade_no"><?php echo $order['ch_trade_no']; ?></td>
                    <td class="align-center"><?php echo $order['channel_name']; ?></td>
                    <td class="w144 align-center">
                        <a href="index.php?act=merchant&op=notify_merchant&order_id=<?php echo $order['order_id']; ?>">
                            回调</a>
                    </td>
                </tr>
            <?php } ?>
        <?php } else { ?>
            <tr class="no_data">
                <td colspan="17"><?php echo $lang['nc_no_record']; ?></td>
            </tr>
        <?php } ?>
        </tbody>
        <tfoot>
        <tr class="tfoot">
            <td colspan="17" 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;?>/js/xm-select.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 () {
            
        let selectArr = selest_nc.getValue();
        let selectStr = ''
        for (let i = 0; i < selectArr.length; i++) {
             selectStr += selectArr[i].value+','
        }
        selectStr = selectStr.substr(0, selectStr.length-1)
        $('input[name="no_mchid"]').val(selectStr);
            $('#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'
        });
        //双击
        $('.doubleclick').dblclick(function() {
            let order_sn = $(this).attr('data-order')
            $.get('index.php?act=refill_order&op=showOrders', {
                order_sn:order_sn
            }, function(data) {
                data = JSON.parse(data)
                if (data.state == 1) {
                let order_item = data.data
                let html = ''; 
                for (let i = 0; i < order_item.length; i++) {
                    var item = order_item[i];
                    html += `
                    <tr>
                        <td class="db-center">${item.order_sn}</td>
                        <td class="db-center">${item.commit_time_text}</td>
                        <td class="db-center">${item.notify_time_text}</td>
                        <td class="db-center">${item.diff_time_text}</td>
                        <td class="db-center">${item.order_state_text}</td>
                        <td class="db-center">${item.channel_name}</td>
                        <td class="db-center">${item.err_msg}</td><tr>`
                }

                let content = `<table>
                                <thead>
                                    <tr>
                                        <th class="db-right">订单号</th>
                                        <th class="db-right">下单日期</th>
                                        <th class="db-right">回调日期</th>
                                        <th class="db-right">耗时</th>
                                        <th class="db-right">订单状态</th>
                                        <th class="db-right">供方名称</th>
                                        <th class="db-right">错误原因</th></tr>
                                </thead>
                                <tbody>${html}</tbody>
                                </table>`
                layer.open({
                title: `<span>共${data.count}单</span> <span class="db-top">回调状态：${data.mch_notify_state}</span> <span>回调次数：${data.mch_notify_times}</span>`,
                content: content
            });
                } else {
                    alert("没有此订单");
                }
            })
        })

        // 获取不包含客户
        let selest_nc
        let default_no_mch = $('input[name="default_no_mch"]').val().split(',');
        $.get('index.php?act=refill_order&op=merchant_data', function (data) {
         data = JSON.parse(data)
         if (default_no_mch) {
           for (let index = 0; index < default_no_mch.length; index++) {
             for (let j = 0; j < data.length; j++) {
               if (default_no_mch[index] == data[j].value) {
                 data[j].selected = true
               }
             }
           }
         }
         selest_nc = xmSelect.render({
           el: '#selest_nc',
           size: 'mini',
           filterable: true,
           autoRow: true,
           height: '500px',
           style: {
             minHeight: '27px',
             lineHeight: '27px',
             marginLeft: '4px'
           },
           language: 'zn',
           data: data
         })
        })
        let isWring = '<?php echo $output['count'][1];?>';
        let setTimer
        let num
        if (Number(isWring) > 0) {
            window.clearTimeout(setTimer)
            setTimer = setTimeout(function () {
                $("#auto")[0].play();
                // $("#auto").attr("src", '<?php echo RESOURCE_SITE_URL; ?>/warning.mp3');
            }, 1000);
            window.clearTimeout(num)
            num = setTimeout(function () {
                window.location.reload();
            }, 60000);
        }
        // 表格hover时背景
        $('.trFlex').each(function () {
            let data_color = $(this).attr('data-timeout_State');
            if (data_color == 1) {
                $(this).css('background', '#f1dde6')
            } else if (data_color == 2) {
                $(this).css('background', '#f2f3c6')
            } else if (data_color == 3) {
                $(this).css('background', '#ff7575')
            } else if (data_color == 4) {
                $(this).css('background', '#81C0C0')
            } else {
                $(this).css('background', '#fff')
            }
            $(this).hover(function () {
                $(this)[0].style.backgroundColor = '#cbe9f3'
            }, function () {
                let data_color = $(this).attr('data-timeout_State');
                if (data_color == 1) {
                    $(this).css('background', '#f1dde6')
                } else if (data_color == 2) {
                    $(this).css('background', '#f2f3c6')
                } else if (data_color == 3) {
                    $(this).css('background', '#ff7575')
                } else if (data_color == 4) {
                    $(this).css('background', '#81C0C0')
                } else {
                    $(this).css('background', '#fff')
                }
            })
        })
        // 供方名称颜色
        $('.textColor').each(function () {
            let color = $(this).attr('data-color')
            if (color == '1') {
                $(this).css('color', 'green')
            } else {
                $(this).css('color', 'red')
            }
        })

        // 更新待收货状态
        $('#order_query').click(function () {

            $('input[name="order_query"]').val('1');
            $('input[name="op"]').val('index');
            $('#formSearch').submit();
            $('input[name="order_query"]').val('');
            var ii = layer.load();
            setTimeout(function(){
                layer.close(ii);
            }, 800);
        })
    });
    function hCopyOrder(e) {
        let str = ''
        $('#tbody tr').each(function () {
            let res = $(this).find('td').eq(1).text()
            str += res + '\n'
        })
        let oInput = document.createElement("textarea");
        oInput.style.border = "0 none";
        oInput.style.color = "transparent";
        oInput.value = str;
        document.body.appendChild(oInput);
        oInput.select(); // 选择对象
        document.execCommand("Copy"); // 执行浏览器复制命令
        oInput.parentNode.removeChild(oInput)
    }

    function hCopyChannel(e) {
        let str = ''
        $('#tbody tr').each(function () {
            let res = $(this).find('td').eq(14).text()
            str += res + '\n'
        })
        let oInput = document.createElement("textarea");
        oInput.style.border = "0 none";
        oInput.style.color = "transparent";
        oInput.value = str;
        document.body.appendChild(oInput);
        oInput.select(); // 选择对象
        document.execCommand("Copy"); // 执行浏览器复制命令
        oInput.parentNode.removeChild(oInput)
    }

    function hCopyCardNo(e) {
        let str = ''
        $('#tbody tr').each(function () {
            let res = $(this).find('td').eq(4).text()
            str += res + '\n'
        })
        let oInput = document.createElement("textarea");
        oInput.style.border = "0 none";
        oInput.style.color = "transparent";
        oInput.value = str;
        document.body.appendChild(oInput);
        oInput.select(); // 选择对象
        document.execCommand("Copy"); // 执行浏览器复制命令
        oInput.parentNode.removeChild(oInput)
    }
</script>