scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332
							{extend name="public/layout" /} {block name="title"}活动列表{/block} {block name="body"}

<link rel="stylesheet" href="__LAYUI__/common.css" media="all">
<style type="text/css">
    html,
    body {
        display: block;
        min-width: 1100px;
        font-family: inherit;
    }

    .layui-table thead tr,
    .layui-table-header {
        background-color: #D8E6F1 !important;
    }

    .layui-fluid {
        display: block;
        box-shadow: 0 0 4px 0 #B6CADE;
        border-radius: 5px;
        margin: 15px;
        background-color: #ffffff;
    }

    .layui-form-label {
        width: auto;
    }

    .layui-laydate-range {
        width: 581px;
    }

    .layui-table-page>div {
        display: flex;
        justify-content: flex-start;
    }

    .layui-btn-primary,
    .layui-btn-primary:hover {
        border: 1px solid #249EFB;
        background-color: #fff;
        color: #249EFB;
    }

    .layui-form-item .layui-inline {
        margin-right: 0px;
    }

    .layui-btn-normal,
    .layui-btn-normal:hover {
        border: 1px solid #249EFB;
        background-color: #fff;
        color: #249EFB;
    }

    .layui-btn-danger,
    .layui-btn-danger:hover {
        color: #FF5722;
        border: 1px solid #FF5722;
        background-color: #fff;
    }
</style>


<body>
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-form layui-card-header layuiadmin-card-header-auto">
                <div class="layui-form-item">
                    <div class="layui-inline" style="float: left;">
                        {auth:check name="wechatActivity/add"}
                        <button class="layui-btn layui-btn-primary layuiadmin-btn-course" data-type="add">添加活动</button>
                        {/auth:check}
                    </div>
                    <div style="float:right;">
                        <div class="layui-inline">
                            <label class="layui-form-label">活动名称</label>
                            <div class="layui-input-inline">
                                <input type="text" name="title" placeholder="请输入活动名称" autocomplete="off"
                                    class="layui-input">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">活动时间</label>
                            <div class="layui-input-inline select-date">
                                <input type="text" name="date" id="select_date" 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>
            </div>
            <div class="layui-card-body" style="text-align: center;">
                <table id="company-activity" lay-filter="company-activity"></table>
                <script type="text/html" id="titletpl">
					<a style="color: #249EFB;" lay-event="viewData">{{d.title}}</a>
				</script>
                <script type="text/html" id="datetpl">
					{{d.start_date}} / {{d.end_date}}
				</script>
                <script type="text/html" id="show">
				    <input type="checkbox" name="show" value="{{d.id}}" lay-skin="switch" lay-text="上架|下架" lay-filter="show" {{ d.show == 1 ? 'checked' : '' }} id="clickshow">
				</script>
                <script type="text/html" id="table-user-bind">
                    {auth:check name="wechatActivity/edit"}
					<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">
						编辑
					</a>
                    {/auth:check}
					<a class="layui-btn layui-btn-normal layui-btn-xs" style="color: #249EFB;" href="{:url('wechatActivity/setting')}?id={{d.id}}">
						规则设置
					</a>
                    <a class="layui-btn layui-btn-normal layui-btn-xs" style="color: #249EFB;" href="{:url('wechatActivity/team')}?id={{d.id}}">
						团队设置
					</a>
					<a class="layui-btn layui-btn-normal layui-btn-xs" style="color: #249EFB;" href="{:url('wechatActivity/panel_setting')}?id={{d.id}}">
						控制面板
					</a>
					<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">
						删除
					</a>
				</script>
            </div>
        </div>
    </div>
</body>
{/block} {block name="js"}
<script>
    layui.config({
        base: '__LAYUI__/',
        urlbase: '/sys'
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'form', 'table', 'laydate'], function () {
        var $ = layui.$,
            form = layui.form,
            laydate = layui.laydate,
            table = layui.table;
        //日期范围
        laydate.render({
            elem: '#select_date',
            range: true
        });
        //监听搜索
        form.on('submit(LAY-user-front-search)', function (data) {
            var field = data.field;

            //执行重载
            table.reload('company-activity', {
                where: field
            });
        });
        //事件
        var active = {
            add: function () {
                layer.open({
                    type: 2,
                    title: ['添加微爆', 'color:#333333;background-color:#D8E6F1;'],
                    content: '{:url("wechatActivity/add")}',
                    resize: false,
                    area: ['50%', '60%'],
                    // btn: ['确定', '取消'],
                    yes: function (index, layero) {
                        //点击确认触发 iframe 内容中的按钮提交
                        var submit = layero.find('iframe').contents().find("#activity-submit");
                        submit.click();
                    }
                });
            }
        };

        //活动列表
        table.render({
            elem: '#company-activity',
            // autoSort: false,
            // url: layui.setter.urlbase + '/Activity/list.html',
            url: "{:url('wechatActivity/index')}",
            height: 'full-160',
            cols: [
                [
                    { align: 'center', field: 'title', title: '活动名称', width: '15%', templet: '#titletpl' },
                    { align: 'center', field: 'date', title: '起止时间', minWidth: 200 , templet: '#datetpl' },
                    { align: 'center', field: 'jv', title: '加微', minWidth: 100 },
                    { align: 'center', field: 'dd', title: '见面', minWidth: 100 },
                    { align: 'center', field: 'qd', title: '定金', minWidth: 100, },
                    { align: 'center', field: 'zd', title: '合同', minWidth: 100 },
                    { align: 'center', title: '操作', width: '25%', align: 'center', toolbar: '#table-user-bind', fixed: 'right' }
                ]
            ],
            page: true,
            // limit: 30,
            // height: 'full-220',
            text: '对不起，加载出现异常！'
        });
        //监听审核
        table.on('tool(company-activity)', function (obj) {
            var data = obj.data;
            if (obj.event === 'customer') {
                layer.open({
                    type: 2,
                    title: ['客户详情', 'color:#333333;background-color:#D8E6F1;'],
                    content: "{:url('activity/customer')}?id=" + data.id,
                    // content: layui.setter.urlbase + "/activity/edit/id/" + data.id,
                    resize: false,
                    area: ['80%', '80%'],
                    // btn: ['确定', '取消'],
                    yes: function (index, layero) {
                        //点击确认触发 iframe 内容中的按钮提交
                        // var submit = layero.find('iframe').contents().find("#activity-submit");
                        // submit.click();
                    }
                });
            } else if (obj.event === 'control') {
                layer.open({
                    type: 2,
                    title: ['控制面板', 'color:#333333;background-color:#D8E6F1;'],
                    content: "{:url('wechatActivity/opt')}?id=" + data.id,
                    // content: layui.setter.urlbase + "/activity/edit/id/" + data.id,
                    resize: false,
                    area: ['80%', '80%'],
                    // btn: ['确定', '取消'],
                    yes: function (index, layero) {
                        //点击确认触发 iframe 内容中的按钮提交
                        // var submit = layero.find('iframe').contents().find("#activity-submit");
                        // submit.click();
                    }
                });
            } else if (obj.event === 'edit') {
                layer.open({
                    type: 2,
                    title: ['活动修改', 'color:#333333;background-color:#D8E6F1;'],
                    content: "{:url('wechatActivity/edit')}?id=" + data.id,
                    resize: false,
                    area: ['50%', '60%'],
                    // btn: ['确定', '取消'],
                    yes: function (index, layero) {
                        //点击确认触发 iframe 内容中的按钮提交
                        // var submit = layero.find('iframe').contents().find("#activity-submit");
                        // submit.click();
                    }
                });
            } else if (obj.event === 'del') {
                layer.confirm('确定删除此活动？', { title: ['信息', 'color:#333333;background-color:#D8E6F1;'], }, function (index) {
                    $.ajax({
                        type: 'post',
                        url: "{:url('wechatActivity/delweact')}",
                        data: {
                            id: data.id
                        },
                        success: function (res) {
                            if (res.code == 0) {
                                layer.msg(res.msg, {
                                    anim: 0
                                }, function () {
                                    //执行重载
                                    table.reload('company-activity');
                                    // obj.del();
                                    layer.close(index);
                                });
                            } else {
                                layer.msg(res.msg, {
                                    anim: 6
                                });
                            }
                        }
                    });

                });
            } else if (obj.event === 'viewData') {
                layer.open({
                    type: 2,
                    title: ['数据报表', 'color:#333333;background-color:#D8E6F1;'],
                    content: "{:url('wechatActivity/teamStatistics')}?id=" + data.id,
                    // content: layui.setter.urlbase + "/activity/edit/id/" + data.id,
                    resize: false,
                    area: ['80%', '80%'],
                    // btn: ['确定', '取消'],
                    yes: function (index, layero) {
                        //点击确认触发 iframe 内容中的按钮提交
                        // var submit = layero.find('iframe').contents().find("#activity-submit");
                        // submit.click();
                    }
                });
            }
        });

        form.on('switch(show)', function (obj) {
            var id = obj.value;
            $.ajax({
                type: "post",
                url: '{:url("activity/show")}',
                data: {
                    id: id
                },
                success: function (res) {
                    layer.msg(res.msg);
                }
            });
        });

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


        //发布
        form.on('switch(show)', function (obj) {
            // return false;
            var id = obj.value;
            $.ajax({
                type: "post",
                url: '{:url("activity/show")}',
                data: {
                    id: id,
                    cate: 'case'
                },
                success: function (res) {
                    layer.msg(res.msg, { time: 2000 });
                }
            });
        });

    });
</script>
{/block}