scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
							{extend name="public/layout" /} {block name="title"}店面管理{/block}
{block name="body"}
<style>
    .layui-fluid {
        display: block;
        box-shadow: 0 0 4px 0 #B6CADE;
        border-radius: 5px;
        margin: 15px;
        background-color: #ffffff;
    }
    .layui-table thead tr,
    .layui-table-header {
        background-color: #D8E6F1 !important;
    }
    .cardheader {
        padding-left: 10px;
    }
    .layui-btn-primary {
        color: #249EFB;
        border: 1px solid #249EFB;
    }
    .layui-btn-primary:hover {
        background-color: #E3F7FF;
        color: #249EFB;
    }
    .layui-btn-xs,.layui-btn-xs:hover {
        border: 1px solid #249EFB;
        background-color: #fff;
        color: #249EFB;
        padding: 0px 10px;
    }
    .layui-btn-danger,.layui-btn-danger:hover{
        color: #FF5722;
        background-color: #fff;
        border: 1px solid #FF5722;
        padding: 0px 10px;
    }
    .layui-card-body {
        padding: 0px;
    }
</style>

<body>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="layui-row">
                <div class="layui-col-md12 layui-col-xs12 layui-col-sm12">
                    <div class="layui-tab layui-tab-brief" lay-filter="component-tabs-hash">
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show">
                                <div>
                                    {auth:check name="shop/add"}
                                    <button class="layui-btn layuiadmin-btn-admin layui-btn-primary" data-type="operate">添加店面</button>
                                    {/auth:check}
                                    <div style="float:right;">
                                        <div class="layui-inline">
                                            <label class="layui-form-label">搜索店面</label>
                                            <div class="layui-input-inline">
                                                <input type="text" id="keyword" name="keyword" placeholder="请输入店面名称" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <button class="layui-btn layuiadmin-btn-course searchBtn" lay-submit lay-filter="LAY-user-front-search">
                                                <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <table id="shop" lay-filter="shop" style="margin-top:15px;"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="js"}
<script type="text/html" id="op">
    {auth:check name="shop/edit"  }
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">
        编辑
    </a>
    {/auth:check}
    {auth:check name="shop/delete"  }
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">
        删除
    </a>
    {/auth:check}
</script>

<script>
    layui.config({
        base: '__LAYUI__/',
        urlbase: '/sys'
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table', 'element'], function () {
        var $ = layui.$,
            table = layui.table,
            form = layui.form;

        //监听搜索
        form.on('submit(LAY-user-front-search)', function(data) {
            var keyword = $('#keyword').val();
            //执行重载
            table.reload('shop', {
                where: {keyword:keyword}
            });
        });

        table.render({
            elem: '#shop',
            url: '{:url("shop/index")}',
            page: true,
            height: 'full-140',
            cols: [
                [{
                    align: 'center',
                    type: 'numbers',
                    field: 'id',
                    fixed: 'left',
                    title: '序号',
                }, {
                    align: 'center',
                    field: 'name',
                    title: '店面名称',
                }, {
                    align: 'center',
                    field: 'address',
                    title: '店面地址',
                },{
                    title: '操作',
                    width: 240,
                    align: 'center',
                    fixed: 'right',
                    toolbar: '#op'
                }]
            ],
            text: '对不起，加载出现异常！'
        });

        var active = {
            operate: function () {
                layer.open({
                    type: 2,
                    title: ['添加店面', 'color:#333333;background-color:#D8E6F1;'],
                    content: '{:url("shop/add")}',
                    resize: false,
                    area: ['400px', '260px'],
                    // btn: ['确认提交', '取消'],
                    yes: function(index, layero) {

                    },
                    end:function () {
                        location.reload()
                    }
                });
            }
        };

        $('.layui-btn.layuiadmin-btn-admin').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

        table.on('tool(shop)', function (obj) {
            if(obj.event == 'edit'){
                layer.open({
                    type:2,
                    title: ['编辑', 'color:#333333;background-color:#D8E6F1;'],
                    content:'{:url("shop/edit")}?id='+obj.data.id,
                    resize: false,
                    area:['400px', '260px'],
                    yes: function(index, layero) {

                    },
                    end:function () {
                        location.reload()
                    }
                });
            }
            if(obj.event === 'delete') {
                layer.confirm('确定要删除此店面么？', function () {
                    $.get("{:url('shop/delete')}?id=" + obj.data.id, function (res) {
                        if (res.code === 0) {
                            layer.msg(res.msg, {anim: 0,time: 400},function () {
                                table.reload('shop');
                            });
                        } else {
                            layer.msg(res.msg, {anim: 6,time: 400});
                        }
                    });
                });
            }
        })
    });
</script>
{/block}