cxgj/modules/admin/views/card-union/index.php

<?php
use app\models\Coach;
/**
 * @author Any
 * @description KISS
 * @date 2021年6月30日
 * @version 1.0.0
 *
 * _____LOG_____
 *
 */
$this->title = '银行卡列表';
$this->params['breadcrumbs'][] = $this->title;

?>
<style type="text/css">
    .layui-table-cell {
        height: auto;
    }
</style>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-header">
            <?= $this->title ?>
        </div>
        <div class="layui-card-header layuiadmin-card-header-auto">
            <div class="layui-form-item">
                <div class="layui-inline layui-float-right layui-form">

                    <div class="layui-inline layui-form-item">
                        <label class="layui-form-label">关键词</label>
                        <div class="layui-input-block">
                            <input type="text" name="keywords" placeholder="搜索标题" autocomplete="off" class="layui-input" value="<?=\Yii::$app->request->get("keywords")?>">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="dtable-search">
                            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-card-body">
            <table id="dtable" lay-filter="dtable"></table>
        </div>
    </div>
</div>

<!--工具栏模板-->
<script type="text/html" id="toolBarTpl">
    <div class="layui-btn-container">

    </div>
</script>
<!--行操作列模板-->
<script type="text/html" id="rowBarTpl">
    <button class="layui-btn layui-btn-xs" lay-event="edit">编辑</button>
</script>

<script type="text/html" id="statusTpl">
    {{# if(d.status == '0'){  }}
    <span class="layui-badge layui-bg-red">未绑定</span>
    {{# } else if(d.status == '1'){  }}
    <span class="layui-badge layui-bg-orange">未完成</span>
    {{# } else if(d.status == '2'){  }}
    <span class="layui-badge layui-bg-blue">已绑定</span>
    {{# }  }}
</script>

<script>
    <?php $this->beginBlock('js_script_wrap') ?>
    layui.config({
        base: '/statics/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'user', 'table','form'], function () {
        var $ = layui.$
            , form = layui.form
            , table = layui.table
            , admin = layui.admin;


        form.render();

        //search
        form.on('submit(dtable-search)', function (obj) {
            var field = obj.field;
            reload_table_data(field);
        });



        //重新加载表格数据
        function reload_table_data(conf){
            table.reload('dtable', {
                url:'<?=\Yii::$app->urlManager->createUrl(['admin/card-union/index'])?>'
                ,page: true
                ,where: conf
            });
        };

        //执行渲染
        table.render({
            //指定原始表格元素选择器（推荐id选择器）
            elem: '#dtable'
            //容器高度
            //,height: 315
            //容器宽度
            //,width: 720
            //设置表头
            ,cols: [[
                {field: 'id', title: 'ID', width: 80}
                , {field: 'name', title: '姓名'}
                , {field: 'card_number', title: '银行卡号'}
                , {field: 'mobile_phone', title: '手机号'}
                , {field: 'bank_name', title: '开户网点'}
                , {field: 'status', title: '状态', templet:'#statusTpl', width: 80}
                , {field: 'created_at_cn', title: '创建时间', width: 150}
                , {title: '操作',fixed: 'right', toolbar: '#rowBarTpl', width:200}
            ]
            ]
            , url:'<?=\Yii::$app->urlManager->createUrl(['admin/card-union/index'])?>'
            , page:true
            //头部工具栏右侧的图标按钮
            , limit: 20
            , limits:[10,20,30,40,50,60,70,80,90,100]
            , title:'<?=$this->title?>'
            , data:[]
            , done: function(res, curr, count){
                setTimeout(function(){
                    $(".layui-table-main tr").each(function (index ,val) {
                        $(".layui-table-fixed").each(function () {
                            $($(this).find(".layui-table-body tbody tr")[index]).height($(val).height());
                        });
                    });
                    $(".layui-table-header tr").each(function (index ,val) {
                        $(".layui-table-fixed").each(function () {
                            $($(this).find(".layui-table-header thead tr")[index]).height($(val).height());
                        });
                    });
                },500);
            }
        });


        //监听工具条
        table.on('tool(dtable)', function(obj){
            var row_data = obj.data;
            var lay_event = obj.event;
            var id = row_data.id;
            var confirm_url = null;
            var confirm_tip = null;
            var ids = [];
            ids.push(id);

            if(lay_event == 'edit'){
                confirm_url = "<?=\Yii::$app->urlManager->createUrl(['admin/card-union/edit'])?>" + "?id="+id;
                location.href= confirm_url;
                return;
            }

            if(confirm_url != null){
                layer.confirm(confirm_tip, {
                    btn: ['确定','取消']
                }, function(){
                    $.ajax(confirm_url,{
                        type:"POST",
                        dataType:"json",
                        data:{
                            ids:ids,
                            _csrf:_csrf
                        },
                        success:function(res){
                            if(res.code == 0){
                                layer.msg(res.msg, {
                                    offset: '15px'
                                    ,icon: 1
                                    ,time: 1000
                                }, function(){
                                    location.reload();
                                });
                            } else {
                                layer.msg(res.msg, {
                                    offset: '15px'
                                    ,icon: 2
                                    ,time: 1000
                                }, function(){
                                });
                            }
                        },
                        error:function(xhr,type,err){
                            layer.msg(xhr.responseText, {
                                offset: '15px'
                                ,icon: 2
                                ,time: 1000
                            }, function(){
                            });
                        }
                    })
                }, function(){
                });
            }
        });

    });

    <?php $this->endBlock(); ?>
</script>
<?php $this->registerJs($this->blocks['js_script_wrap'], \yii\web\View::POS_END); ?>