@{
    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">
            <label class="layui-form-label">客户类型：</label>
            <div class="layui-input-block">
                <input type="radio" name="isResid" value="true" title="客户ID" checked="checked">
                <input type="radio" name="isResid" value="false" title="union ID">
            </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">
                客户ID/union ID：
            </label>
            <div class="layui-input-block">
                <input type="text" id="postId" name="postId" class="layui-input" lay-verify="required">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">标记类型：</label>
            <div class="layui-input-block">
                <select id="signtype" class="layui-form-mid">
                    <option value="4">标记水军</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">标记内容：</label>
            <div class="layui-input-block">
                <textarea name="content" id="content" rows="5" style="width:100%"></textarea>
            </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.extend({
    }).use(['form', 'element', 'jquery'], function () {
        var form = layui.form
            , layer = layui.layer
    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: []
        };
        var selectChannel = xmSelect.render(optionsChannel);
        var allChannel = @Html.Raw(ViewBag.AllChannel);
        selectChannel.update({ data: allChannel });
        //提交
        form.on('submit(save)', function (data) {
            $(this).hide();
            var data = {
                postId: $("#postId").val(),
                isResid: $("input[name='isResid']:checked").val() == "true",
                signtype: Number($("#signtype").val()),
                content: $("#content").val(),
                deptid: $("#deptid").val(),
                type: 2,
                eid: '@ViewBag.Eid',
                ename: '@ViewBag.Uname'
            };
            console.log(data);
            $.ajax({
                type: "Post",
                url: apiPath + '/Complaint/MarkCustomer',
                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;
        });

    });
</script>