TG.WXCRM.V4/WEB/Views/ActivityProduct/Add.cshtml

@model  WX.CRM.IBLL.ActivityProduct.ActivityEidtModel
@{
    ViewBag.Title = "Add";
    Layout = "~/Views/Shared/_content.cshtml";
}

<style>
    .layui-form-label {
        width: 150px;
    }

    .layui-input-block {
        margin-left: 180px;
        min-height: 36px;
        width: 400px;
    }

    .layui-form {
        margin-top: 20px;
    }

    #extdiv {
        margin-left: 20px;
        margin-top: 40px;
    }
</style>
<div class="x-body">
    <form class="layui-form">
        <div class="layui-form-item" style="display:none">
            <label class="layui-form-label">
                活动Id：
            </label>
            <div class="layui-input-block">
                <input type="text" id="Id" name="Id" class="layui-input" value="@ViewBag.Id">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">
                活动名称：
            </label>
            <div class="layui-input-block">
                <input type="text" id="Name" name="Name" class="layui-input" lay-verify="required">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">
                开始时间：
            </label>
            <div class="layui-input-block">
                <input type="text" id="StartTime" name="StartTime" class="layui-input" autocomplete="off">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">
                结束时间：
            </label>
            <div class="layui-input-block">
                <input type="text" id="EndTime" name="EndTime" class="layui-input" autocomplete="off">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">活动备注：</label>
            <div class="layui-input-block">
                <textarea name="remark" id="remark" rows="5" style="width:100%"></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">活动状态：</label>
            <div class="layui-input-block">
                <select id="status" class="layui-form-mid">
                    <option value="1" selected="selected">启用</option>
                    <option value="0">禁用</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">事业部：</label>
            <div class="layui-input-block">
                <div id="selectChannel"></div>
                <div id="deptid" style="display:none"></div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">
                排序：
            </label>
            <div class="layui-input-block">
                <input type="number" id="Order" name="Order" class="layui-input" value="10">
            </div>
        </div>
        <div class="layui-form-item" id="extdiv">
            <button class="layui-btn" lay-submit="" lay-filter="save">确定</button>
        </div>
    </form>
</div>

<script>
    var apiPath = '@ViewBag.apiPath';
    layui.use('laydate', function () {
        var laydate = layui.laydate;
        //执行一个laydate实例
        //本月的开始时间
        laydate.render({
            elem: '#StartTime', //指定元素
            type: 'datetime'
        });
        //执行一个laydate实例
        laydate.render({
            elem: '#EndTime',//指定元素
            type: 'datetime'
        });
    });
    layui.extend({
    }).use(['form', 'element', 'jquery'], function () {
        var form = layui.form
            , layer = layui.layer
        debugger
        var id = '@Html.Raw(ViewBag.id)';
        if (id != '') {
            init();
        } else {
           renderSelectChannel([]);
        }
        //提交
        form.on('submit(save)', function (data) {
            $(this).hide();
            debugger
            var data = {
                Name: data.field.Name,
                Id: data.field.Id > 0 ? data.field.Id : null,
                StartTime: data.field.StartTime == '' ? null : data.field.StartTime,
                EndTime: data.field.EndTime == '' ? null : data.field.EndTime,
                Remark: data.field.remark,
                DeptIdList: data.field.txt_deptid,
                eid: '@ViewBag.Eid',
                ename: '@ViewBag.Uname',
                companyCode:'@ViewBag.DataClientCode',
                status: $("#status").val(),
                order: $("#Order").val() == '' ? 10 : $("#Order").val()
            };
            console.log(data);
            $.ajax({
                type: "Post",
                url: apiPath + '/QwOnlinePay/CreateActivity',
                data: JSON.stringify(data),
                dataType: "json",
                contentType: "application/json",
                success: function (msg) {
                    console.log(msg);
                    if (msg.code == 0) {
                        layer.alert("操作成功！", {
                            yes: function () {
                                layer.closeAll();
                                parent.layer.closeAll();
                                parent.TableReload();
                            }
                        })
                    }

                    else {
                        layer.alert(msg.message);
                    }
                },
                error: function () {
                    layer.msg('创建失败！', { icon: 2 });
                }
            });
            $(this).show();
            return false;
        });

    });
    function init() {
        var deptStr = '@Html.Raw(Model.DeptIds)';
        var deptids = deptStr.split(',');
        renderSelectChannel(deptids);
        $('#Name').val('@Html.Raw(Model.Name)');
        $('#StartTime').val('@Html.Raw(Model.StartTime)');
        $('#EndTime').val('@Html.Raw(Model.EndTime)');
        $('#remark').val('@Html.Raw(Model.Remark)');
        $("#status").val('@Html.Raw(Model.Status)');
        $("#Order").val('@Html.Raw(Model.Order)');
        
        layui.form.render("select");//重新渲染 固定写法
     }
     function renderSelectChannel(check) {
        var allChannel = @Html.Raw(ViewBag.AllChannel);
        var optionsChannel = {
        el: '#selectChannel',
        name: 'txt_deptid',//表单的name属性
        layVerify: '',
        tips: '请选择事业部',
        toolbar: {//工具条,全选,清空,反选,自定义
            show: true,
            list: [
                'CLEAR'
            ]
        },
        on: function (data) {

            let mydeptid = "";
            for (var i = 0; i < data.arr.length; i++) {
                mydeptid += data.arr[i].value + ",";
            }
            mydeptid = mydeptid.substring(0, mydeptid.length - 1)
            $("#deptid").val(mydeptid);
        },
             data: allChannel,
             initValue: check
        };
        var selectChannel = xmSelect.render(optionsChannel);

        return selectChannel;
    }
</script>