{extend name="Public/base" /}
{block name="main"}

<fieldset class="layui-elem-field">
    <legend>系统资料设定 - 客户分区设定</legend>
    <div class="layui-field-box">


        <form action="{:U('areaSet')}" method="post" class="layui-form" id="form-admin-add">
            <div class="layui-form-item">
                <span class="layui-btn layui-btn-normal api-add"><i class="layui-icon">&#xe608;</i> 新增</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;


                客户分区：
                <div class="layui-inline">
                    <div class="layui-input-inline" style="width: 150px;">
                        <input type="text" name="area_name" placeholder="  请输入关键词" class="layui-input" value="{$info['area_name']}">
                    </div>
                </div>
        <!--        店面：
                <div class="layui-inline">
                    <div class="layui-input-inline" style="width: 150px;">
                        <input type="text" name="shop_name" placeholder="  请输入关键词" class="layui-input" value="{$info['shop_name']}">
                    </div>
                </div>
         -->
                <div class="layui-inline">
                    <input type="submit" name="name" value="查询" class="layui-btn"/>
                </div>
            </div>
        </form>
        <table class="layui-table" id="list-admin" lay-even>
            <thead>
            <tr>
                <th>序号</th>
                <th>客户分区</th>

                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            {volist name="$area" id="vo"}
            <tr>
                <td>{$vo['id']}</td>
                <td>{$vo['area_name']}</td>

                <td>
                    <span data-url="{:U('editArea', array('id' => $vo['id']))}" class="layui-btn edit layui-btn-normal">编辑</span>
                    <span class="layui-btn layui-btn-danger del" data-id="{$vo['id']}" data-info="你确定删除当前客户分区吗？" data-url="{:U('delArea')}">删除</span>
                </td>
            </tr>
            {/volist}
            </tbody>
        </table>

    </div>
</fieldset>
{/block}
{block name="myScript"}
<script type="text/javascript" src="__PUBLIC__/layui/lay/modules/laydate.js"></script>
<script>
    layui.use(['layer', 'form'], function() {


        $('.confirm').on('click', function () {
            var ownObj = $(this);
            layer.confirm(ownObj.attr('data-info'), {
                btn: ['确定','取消'] //按钮
            }, function(){
                $.ajax({
                    type: "POST",
                    url: ownObj.attr('data-url'),
                    data: {id:ownObj.attr('data-id')},
                    success: function(msg){
                        if( msg.code == 1 ){
                            location.reload();
                        }else{
                            layer.msg(msg.msg, {
                                icon: 5,
                                shade: [0.6, '#393D49'],
                                time:1500
                            });
                        }
                    }
                });
            });
        });

        $('.api-add').on('click', function () {
            layer.open({
                type: 2,
                area: ['600px', '60%'],
                maxmin: true,
                content: '{:U("addArea")}'
            });
        });

        $('.edit').on('click', function () {
            var ownObj = $(this);
            layer.open({
                type: 2,
                area: ['600px', '60%'],
                maxmin: true,
                content: ownObj.attr('data-url')
            });
        });
        $('.del').on('click', function () {
            var ownObj = $(this);
            layer.confirm(ownObj.attr('data-info'), {
                btn: ['确定','取消'] //按钮
            }, function(){
                $.ajax({
                    type: "POST",
                    url: ownObj.attr('data-url'),
                    data: {id:ownObj.attr('data-id')},
                    success: function(msg){
                        if( msg.code == 1 ){
                            location.reload();
                        }else{
                            layer.msg(msg.msg, {
                                icon: 5,
                                shade: [0.6, '#393D49'],
                                time:1500
                            });
                        }
                    }
                });
            });
        });


    });


</script>
{/block}