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

<fieldset class="layui-elem-field">
    <legend>系统设定 - 客户地址设定</legend>
    <div class="layui-field-box">


        <form action="{:U('address')}" 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="name" placeholder="  请输入关键词" class="layui-input" value="{$info['name']}">
                    </div>
                </div>
                <div class="layui-inline">
                    <input type="submit" value="查询" class="layui-btn"/>
                </div>
            </div>
        </form>
        <table class="layui-table" id="list-admin" lay-even>
            <thead>
            <tr>
                <th>序号</th>
                <th>名称</th>
                <th>层级</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            {volist name="info" id="vo"}
            <tr>
                <td>{$vo['id']}</td>
                <td>
                    {$vo['name']}
                </td>
                <td>
                    {if $vo['type'] == 1}
                    1
                    {elseif $vo['type'] == 2}
                    2
                    {elseif $vo['type'] == 3}
                    3
                    {elseif $vo['type'] == 4}
                    4
                    {/if}
                </td>
                <td>
                    <span data-url="{:U('addAddress', array('id' => $vo['id']))}" class="layui-btn edit layui-btn-normal">编辑</span>
                    <span data-url="{:U('addChildAddress', array('id' => $vo['id']))}" class="layui-btn child layui-btn-normal">添加子级</span>
                    <span class="layui-btn layui-btn-danger del" data-id="{$vo['id']}" data-info="你确定删除当前设定吗？" data-url="{:U('delAddress')}">删除</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: ['60%', '40%'],
                maxmin: true,
                content: '{:U("addAddress")}'
            });
        });

        $('.edit').on('click', function () {
            var ownObj = $(this);
            layer.open({
                type: 2,
                area: ['60%', '40%'],
                maxmin: true,
                content: ownObj.attr('data-url')
            });
        });
        $('.child').on('click', function () {
            var ownObj = $(this);
            layer.open({
                type: 2,
                area: ['60%', '40%'],
                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}