xyzshop/admin/templates/default/refill.intercept.php

<link href="<?php echo ADMIN_TEMPLATES_URL;?>/css/recharge.css?<?php echo rand(1,10);?>" rel="stylesheet" type="text/css" id="cssfile2" />
<style>
    .batch {
        vertical-align: middle;
        display: inline-block;
        *display: inline /*IE7*/;
        margin-left: 4px;
        position: relative;
        z-index: 1;
        *zoom: 1 /*IE7*/;
    }
    .batch i {
        cursor: pointer;
    }
    .batch-input {
        background-color: #FFF;
        white-space: nowrap;
        padding: 4px 9px;
        border: solid 1px #BCE8F1;
        position: absolute;
        z-index: 1;
        top: -70px;
        left: -75px;
        box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.25);
    }
    .batch-input h6 {
        font-size: 12px;
        color: #555;
    }
    .batch-input .text {
        vertical-align: middle;
        clear: both;
        padding: 0 4px;
        vertical-align: middle;
        margin-right: 4px;
    }
    .batch-input .arrow {
        background: url(<?php echo SHOP_SITE_URL;?>/templates/default/images/seller/ncsc_bg_img.png) no-repeat -240px -20px;
        display: block;
        width: 10px;
        height: 5px;
        margin-left: -5px;
        bottom: -5px;
        left: 50%;
        position: absolute;
        z-index: 2;
    }
    .batch-input a.close {
        font-size: 11px;
        line-height: 12px;
        color: #BCE8F1;
        text-decoration: none;
        background-color: #FFF;
        text-align: center;
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 7px;
        border: solid 1px #BCE8F1;
        top: -7px;
        right: -7px;
        position: absolute;
        z-index: 2;
    }
    .text.price {
        width: 40px;
    }
    .text.pricee {
        width: 40px;
    }
    .fixed-bar {
        width: 100%;
    }
    .Borderadd {
        border: 1px solid #e64444!important;
    }
    .Bord {
        background-color:  #e64444!important;
        border: 1px solid #e64444!important;
    }

</style>
<?php defined('InShopNC') or exit('Access Invalid!'); ?>
<div class="page provider_amount_control">
    <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=refill_config&op=card_info"><span>卡号列表</span></a></li>
            </ul>
        </div>
    </div>
    <div class="fixed-empty"></div>
    <form id="price_form" enctype="multipart/form-data" method="post">
        <input type="hidden" name="form_submit" value="ok"/>
        <table class="table tb-type2 tableFixed">
            <tbody class="tbody" >
            <tr>
                <td colspan="2" class="required" ><label>拦截设置:</label></td>
            </tr>
            <tr>
                <td class="tip_info">
                    是否拦截：1-正常，0-拦截。  注：全国优先级为最高，如全国被拦截，那么对应列所有省份均被拦截。
                </td>
            </tr>
            <tr class="noborder">
                <table class="table tb-type2" style="margin-top: 77px;">
                    <thead id="tableHread">
                        <tr class="w550" style="display:block;">
                            <th class="align-center w120 mw120"></th>
                            <?php foreach ($output['quality_txt'] as $quality_key => $quality_txt) { ?>
                            <th class="align-center w165 mw165"><?php echo $quality_txt;?>
                            <?php }?>
                        </tr>
                        <tr class="w500" style="display:block;">
                            <td class="align-center w120 mw120" style="height:16px"></td>
                            <?php foreach ($output['quality_txt'] as $quality_key => $quality_txt) { ?>
                            <td class="batch-td">
                                <?php foreach ($output['card_type_text'] as $card_type_key => $card_type_text) { ?>
                                <div class="priority">
                                    <?php echo $card_type_text;?>
                                    <div class="batch" style="display: inline-block"><i class="icon-edit" title="批量操作"></i>
                                        <div class="batch-input" style="display:none">
                                            <h6>批量设置拦截（0/1）：</h6>
                                            <a href="javascript:void(0)" class="close">X</a>
                                            <input name="" type="number" class="text price"/>
                                            <a href="javascript:void(0)" class="ncsc-btn-mini<?php echo $card_type_key;?>" data-type="price">设置</a><span
                                                    class="arrow"></span>
                                        </div>
                                    </div>
                                </div>
                                <?php }?>
                            </td>
                            <?php }?>

                        </tr>

                    </thead>
                    <tbody class="tbody tableContent">
                    <?php foreach ($output['province_list'] as $province_key => $province) { ?>
                        <tr class="w500 trFlex" data-color="">
                            <td style="text-align: center;width: 120px;min-width:120px;" class="tbFlex">
                                <?php echo $province;?>(<?php echo $province_key;?>)
                            </td>
                            <?php foreach ($output['quality_txt'] as $quality_key => $quality_txt) { ?>
                            <td class="batch-td">
                                <?php foreach ($output['card_type_text'] as $card_type_key => $card_type_text) { ?>
                                <div class="priority">
                                    <input type="hidden" name="province[]" value="<?php echo $province_key;?>">
                                    <input type="text" class="input-three<?php echo $card_type_key;?> styleTow w32 input-one" name='<?php echo "{$quality_key}-{$card_type_key}-{$province_key}"?>' autocomplete="off"
                                           value="<?php echo $output['intercept']["{$quality_key}-{$card_type_key}"][$province_key] ?? 1;?>"
                                    >
                                </div>
                                <?php }?>
                            </td>
                            <?php }?>
                        </tr>
                        <?php }?>
                    </tbody>
                </table>
            </tr>
            </tbody>
            <tfoot>
            <tr class="tfoot">
                <td colspan="15"><a href="JavaScript:void(0);" class="btn" style="margin-top: 15px" 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; ?>/js/dialog/dialog.js" id="dialog_js"
        charset="utf-8"></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/ajaxfileupload/ajaxfileupload.js"></script>
<script type="text/javascript" src="<?php echo RESOURCE_SITE_URL; ?>/js/jquery.Jcrop/jquery.Jcrop.js"></script>
<script type="text/javascript" src="<?php echo RESOURCE_SITE_URL;?>/refill/layer.js"></script>
<link href="<?php echo RESOURCE_SITE_URL; ?>/js/jquery.Jcrop/jquery.Jcrop.min.css" rel="stylesheet" type="text/css"
      id="cssfile2"/>
<script type="text/javascript">
    $(function () {
        $(window).scroll(function() {
            let toLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
            if (toLeft>0) {
                let headLeft = toLeft - 20
                $('#tableHread')[0].style.left = '-'+headLeft+'px'
            } else if (toLeft == 0) {
                $('#tableHread')[0].style.left = 20+'px'
            }
        });
        let isSubmit = true
        $('.input-one').blur(function () {
            let value = $(this)[0].value
            if (value == 1 || value == 0) {
                isSubmit = true;
                $(this)[0].style['borderColor'] = ''
            } else {
                isSubmit = false
                $(this)[0].style['borderColor'] = '#e64444'
            }
        })
        // 开始获取当前地址
        let type = '<?php echo $_GET['type'];?>';
        let form = '<?php echo $_GET['form'];?>';
        $(".classA").each(function () {
           if (type+'-'+form == $(this).attr("data-type")) {
               $(this).addClass('current')
               $(this).attr('href','JavaScript:void(0);')
           }
        })
        // 提交
        $("#submitBtn").click(function () {
            if (isSubmit) {
                $("#price_form").submit();
            }
        })

        // tab样式
        $(".tab-base a").click(function () {
            $(this).addClass('current')
            $(this).siblings().removeClass('current')
        })
        // 表格hover时背景
        $('.trFlex').each(function () {
            let color = $(this).attr('data-color')
            if (color ==  4 || color ==  1) {
                $(this).css('background', '#f1dde6')
            } else if (color == 5 || color ==  2) {
                $(this).css('background', '#c8c6f3')
            } else if (color == 6) {
                $(this).css('background', '#f2f3c6')
            } else {
                $(this).css('background', '#fff')
            }
            $(this).hover(function () {
                $(this)[0].style.backgroundColor = '#cbe9f3'
            },function() {
                if (color ==  4 || color ==  1) {
                    $(this).css('background', '#f1dde6')
                } else if (color == 5  || color ==  2) {
                    $(this).css('background', '#c8c6f3')

                } else if (color == 6) {
                    $(this).css('background', '#f2f3c6')

                } else {
                    $(this).css('background', '#fff')

                }
            })
        })
      
        // 批量设置开关
        $('.batch > .icon-edit').click(function () {
            $('.batch > .batch-input').hide();
            $(this).next().show();
        });
        $('.batch-input > .close').click(function () {
            $(this).parent().hide();
        });
       
        // 点击设置
        $('.ncsc-btn-mini4').click(function () {
            let price = $(this).siblings('.price').val()
            if (price != '1' && price != '0') {
                layer.msg('移动只能设置0或1');
                return
            }
            var lie = $(this).parents('.batch-td').prevAll().length
            $('.input-three4').each(function (index, item) {
               let tdCon = $(this).parents('td').prevAll().length 
               let readOnly = $(this).attr('readOnly')
               if (lie == tdCon && !readOnly) {
                   $(this).val(price)
               }
            })
        })  
        $('.input-three4').each(function(index, item) {
            if($(item).val() == 0) {
                $(this).addClass('Bord')
            }
            $(item).change(function() {
                let val = $(this).val()
                console.log(val);
                if (val != 1 && val != 0) {
                $(this).addClass('Borderadd')
                layer.msg('移动只能设置0或1');
            } else {
                $(this).removeClass('Borderadd')
            }
            if (val == 0) {
                $(this).addClass('Bord')
            } else {
                $(this).removeClass('Bord')
            }
               })
        })  
        $('.input-three5').each(function(index, item) {
            if($(item).val() == 0) {
                $(this).addClass('Bord')
            }
            $(item).change(function() {

                let val = $(this).val()
                if (val != 1 && val != 0) {
                $(this).addClass('Borderadd')
                layer.msg('联通只能设置0或1');
            }  else {
                $(this).removeClass('Borderadd')
            }
            if (val == 0) {
                $(this).addClass('Bord')
            } else {
                $(this).removeClass('Bord')
            }
               })
        })  
        $('.input-three6').each(function(index, item) {
            if($(item).val() == 0) {
                $(this).addClass('Bord')
            }
            $(item).change(function() {
                let val = $(this).val()
                if (val != 1 && val != 0) {
                $(this).addClass('Borderadd')
                layer.msg('电信只能设置0或1');
            } else {
                $(this).removeClass('Borderadd')
            }
            if (val == 0) {
                $(this).addClass('Bord')
            } else {
                $(this).removeClass('Bord')
            }
               })
        })
         $('.ncsc-btn-mini5').click(function () {
            let price = $(this).siblings('.price').val()
            if (price != '1' && price != '0') {
                layer.msg('联通只能设置0或1');
                return
            }
            var lie = $(this).parents('.batch-td').prevAll().length
            $('.input-three5').each(function () {
               let tdCon = $(this).parents('td').prevAll().length 
               let readOnly = $(this).attr('readOnly')
               if (lie == tdCon && !readOnly) {
                   $(this).val(price)
               }
            })
            
        })       
        $('.ncsc-btn-mini6').click(function () {
            let price = $(this).siblings('.price').val()
            if (price != '1' && price != '0') {
                layer.msg('电信只能设置0或1');
                return
            }
            var lie = $(this).parents('.batch-td').prevAll().length
            $('.input-three6').each(function () {
               let tdCon = $(this).parents('td').prevAll().length 
               let readOnly = $(this).attr('readOnly')
               if (lie == tdCon && !readOnly) {
                   $(this).val(price)
               }
            })
        })
    });
</script>