erp_yzx/app/admin/view/customer/index.html

{include file='common/_js_css'}
<link href="__CSS__/common.css" rel="stylesheet">
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            <div class="card" id="select_card_caviar"  style="display: none">
                <div class="card-header">{$Think.lang.condition}</div>
                <div class="card-body">
                    <form action="{:url('admin/customer/index')}" method="post" class="form-horizontal form-search">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label">{$Think.lang.name}</label>
                                    <div class="pull-left w-120-calc">
                                        <input type="text" class="form-control pull-left" name="name" value="{$params.name}" placeholder="{$Think.lang.name}" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label">{:lang("phone")}</label>
                                    <div class="pull-left w-120-calc">
                                        <input type="text" class="form-control pull-left" name="mobile" value="{$params.mobile}" placeholder="{:lang('mobile')}" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="w-120 pull-left control-label"></label>
                                    <div class="pull-left w-120-calc">
                                        <button class="btn btn-success m-r-5" id="caviar_send_btn" type="submit" href="#">{:lang('search')}</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
            <div class="card">
                <div class="card-toolbar clearfix">
                    <div class="toolbar-btn-action">
                        <a class="btn btn-success m-r-5" id="caviar_search_btn" href="#!" onclick="select_card_switch()">{$Think.lang.unfold_search}</a>
                        <a class="btn btn-primary m-r-5" href="#!" onclick="add('{:url(\'admin/customer/add\')}')"><i class="mdi mdi-plus"></i> {:lang('add')}</a>
                        <a class="btn btn-danger" href="#!" onclick="caviar_delete()"><i class="mdi mdi-window-close"></i> {:lang('delete')}</a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th>
                                    <label class="lyear-checkbox checkbox-primary">
                                        <input type="checkbox" id="check-all" onclick="checkbox()"><span></span>
                                    </label>
                                </th>
                                <th>{$Think.lang.ID}</th>
                                <th>{$Think.lang.name_zh}</th>
                                <th>{$Think.lang.name_en}</th>
                                <th>{:lang('phone')}</th>
                                <th>{:lang('sex')}</th>
                                <th>{:lang('sun_calendar')}</th>
                                <th>{:lang('lunar_calendar')}</th>
                                <th>{:lang('follow_user_id')}/{:lang('follow_username')}</th>
                                <th>{:lang('address')}</th>
                                <th>{:lang('email')}</th>
                                <th>{:lang('store_id')}/{:lang('store_abbr')}</th>
                                <th>{:lang('create_time')}</th>
                                <th>{:lang('operation')}</th>
                            </tr>
                            </thead>
                            <tbody>
                            {volist name="list" id="item"}
                            <tr>
                                <td>
                                    <label class="lyear-checkbox checkbox-primary">
                                        <input class="checkbox_caviar" type="checkbox" name="ids[]" value="{$item.id}"><span></span>
                                    </label>
                                </td>
                                <td>{$item.id}</td>
                                <td>{$item.name_zh}</td>
                                <td>{$item.name_en}</td>
                                <td>{$item.mobile}</td>
                                <td>{$item.sex}</td>
                                <td>{$item.sun_calendar}</td>
                                <td>{$item.lunar_calendar}</td>
                                <td>【{$item.follow_user_id}】{$item.follow_username}</td>
                                <td>{$item.address}</td>
                                <td>{$item.email}</td>
                                <td>【{$item.store_id}】/{$item.store_abbr}</td>
                                <td>{$item.create_time}</td>
                                <td>
                                    <div class="btn-group">
                                        <a class="btn btn-xs btn-default" href="#!" title="{:lang('edit')}" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
                                        <a class="btn btn-xs btn-default" href="#!" title="{:lang('select')}" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
                                        <a class="btn btn-xs btn-default" href="#!" title="{:lang('delete')}" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
                                    </div>
                                </td>
                            </tr>
                            {/volist}
                            </tbody>
                        </table>
                    </div>
                    {$list|raw}
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">

    if(check_params(["{$params.name}", "{$params.mobile}"])) {
        $('#select_card_caviar').css('display','block');
    }

    async function caviar_delete() {
        const ids = $('.checkbox_caviar:checkbox:checked').map((index,el) => {
            return $(el).val();
        }).get();
        if(ids.length === 0) {
            layer.msg("{:lang('Check at least one box')}",{icon: 5})
            return false;
        }
        const response = await request('{:url("admin/customer/delete")}', {ids:ids.join(',')});
        response.code === 200 ? layer.msg("{:lang('Succeed')}", {icon: 1,time:500},() => {
            location.reload();
        }) : layer.msg(res.message,{icon: 5})
        console.log(response)
    }

</script>