@using WX.CRM.WebHelper
@using WX.CRM.IBLL.Res;
@using WX.CRM.Model.Entity;
@{
    ViewBag.Title = "产品活动管理";
    Layout = "~/Views/Shared/_content.cshtml";
}
<script src="/Scripts/jquery.easyui.min.js" type="text/javascript"></script>
<link href="/Content/themes/blue/easyui.css" rel="stylesheet" />
<link href="/Content/Site.css" rel="stylesheet" />
<script src="/Scripts/common.js"></script>
<link href="/Content/data_grid_list.css" rel="stylesheet" />
<script src="/Scripts/op/jquery.rewrite.js"></script>
<style>
    .layui-table td {
        padding: 2px 0 !important;
    }

    .layui-form-label {
        width: 100px;
    }

    .layui-input-block {
        margin-left: 130px;
    }

    #start {
        width: 100%;
    }

    #end {
        width: 100%;
    }
</style>
<div class="layui-card" id="topcard" style="width:100%;">
    <div class="layui-card-body " id="contentBody">
        <div class="layui-card-header layui-self-header">
            <div style="float:left;position:relative;">
                产品活动管理列表
            </div>
            <div style="float:right;position:relative;">
                @Html.Action("ToolBarNew", "Control", new
           {
               tool = ViewBag.ToolBar as ToolBar,

           })
            </div>
            <div class="hrclass" style="position:relative;float: left;"></div>
        </div>
        <form class="layui-form selftopwhere" id="myform">
            <div class="layui-form-item">
                @*        @Html.Action("UserSSOComBox", "Control", new { currentRight = WX.CRM.WebHelper.InitRights.CONST_产品活动管理 })*@
                <label>状态</label>
                <div class="layui-inline">
                    <select name="Status">
                        <option value="">全部</option>
                        <option value="1">启用</option>
                        <option value="0">禁用</option>
                    </select>
                </div>
                <div class="layui-inline" style="width:350px">
                    <input class="layui-btn layui-btn-sm layui-btn-ok" data-method="search" id="search" type="button" value="查询" />
                    <input class="layui-btn layui-btn-sm layui-btn-reset" type="reset" value="清空" />
                </div>
            </div>
        </form>
        <table class="layui-hide" id="list" lay-filter="wochao"></table>
    </div>
</div>
<script>
    var selectRows = [];
    var winindex;
    var layer;
    var rowid;
    var data;
    var table;
    var form;
    var laydate;

    //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
    layui.use(['laypage', 'layer', 'table', 'laydate', 'form'], function () {
        var form = layui.form;
        var laydate = layui.laydate;
        layer = layui.layer;
        table = layui.table;
        table.render({
            id: 'listReload'//列表别名ID
            , elem: '#list'
            , url: 'GetActivityList'
            , method: 'POST'
            , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            , page: true
            , limit: 50
            , height: "full-160"
            , autoSort: false
            //, size:"sm"
            , cols: [[
                { field: 'Id', title: '活动Id' }
                , { field: 'Name', title: '活动名称' }
                , { field: 'DeptName', title: '事业部' }
                , { field: 'StartTime', title: '开始时间' }
                , { field: 'EndTime', title: '结束时间' }
                , { field: 'Num', title: '计划参与人数' }
                , { field: 'Status', title: '活动状态', templet: function (res) { if (res.Status == 1) return "启用"; else return "禁用" } }
                , { field: 'EName', title: '最后操作人' }
            ]], where: $("#myform").serializeFormJSON()
            ,
            done: function (res, curr, count) {
            }
        });
        //监听行单击事件（单击事件为：rowDouble）
        table.on('row(wochao)', function (obj) {
            var data = obj.data;
            //console.log(data);
            //标注选中样式
            obj.tr.addClass('self-table-click').siblings().removeClass('self-table-click');
            selectRow = data;
        });
        table.on('sort(wochao)', function (obj) {
            console.log(obj.field);
            console.log(obj.type);
            table.reload('listReload',
                {
                    initSort: obj
                    , where: {
                        sort: obj.field,
                        order: obj.type
                    }
                })
        });
        var active = {
            search: function () {
                var param = $("#myform").serializeFormJSON();
                table.reload('listReload', {
                    where: param,
                    page: {
                        curr: 1
                    }
                });
            },
            add: function () {

                var url = "/ActivityProduct/Add";

                layer.open({
                    title: '添加活动',
                    type: 2,
                    maxmin: true,
                    content: url,
                    area: ['80%', '80%']
                });
            },
            update: function () {
                var url = "/ActivityProduct/Add?id=" + selectRow.Id;

                layer.open({
                    title: '添加活动',
                    type: 2,
                    maxmin: true,
                    content: url,
                    area: ['80%', '80%']
                });
            }
        };
        $('.layui-btn').on('click', function () {
            var othis = $(this), method = othis.data('method');
            console.log(method);
            active[method] ? active[method].call(this, othis) : '';

        });
    });
    function Closed() {
        layer.close(winindex);
    }
    function TableReload() {
        table.reload('listReload', {

        });
    }

    function GetIframeHtml(src) {
        return "<iframe width='100%' height='98%' scrolling='auto' frameborder='0'' src='" + src + "'></iframe>";
    }

    function onLoadSucced() {
    }
    function show_user(eid) {
        debugger

        parent.ChildAddTab('企业微信管理', '/Ww/MyWork/Index?eid=' + eid, '');

    }
</script>