@{
    ViewBag.Title = "Edit";
    Layout = "~/Views/Shared/_Layout.cshtml";
}


<div class="x-body">
    <form class="layui-form" action="">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">客户id：</label>
                <div class="layui-input-inline">
                    <input type="text" name="resid" id="resid" autocomplete="off" class="layui-input">
                </div>
                <input type="button" class="layui-btn" id="query_resid" lay-filter="query" value="查询" />
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">用户名：</label>
                <div class="layui-input-inline">
                    <select name="userid" id="userid" lay-filter="userid">
                    </select>
                </div>

            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">客户姓名：</label>
                <div class="layui-input-inline">
                    <input type="text" name="username" id="username" autocomplete="off" class="layui-input" readonly="readonly">
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">协议：</label>
                <div class="layui-input-inline">
                    <select name="protocolType" id="protocolType" lay-filter="protocolType">
                        <option value="1">和解协议</option>
                        <option value="2">撤销投诉协议</option>
                    </select>
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">备注：</label>
                <div class="layui-input-inline">
                    <textarea name="note" class="layui-input note"></textarea>
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="save">确定</button>
            </div>
        </div>
    </form>
</div>
<style>
    .note {
        padding: 10px;
        height: 150px;
    }
</style>

<script>
    layui.use(['form', 'laydate', 'upload'], function () {
        var form = layui.form , layer = layui.layer;
        form.on('submit(save)', function (data) {
            console.log(data.field);
            $.ajax({
                type: "POST",
                url: "Save",
                data: data.field,
                dataType: "json",
                success: function (da) {
                    if (da.s == true) {
                        layer.msg('操作成功！', { icon: 1 });
                        parent.TableReload();
                        parent.Closed();
                    } else {
                        layer.msg("操作失败！", { icon: 2 });
                    }
                },
                error: function () {
                    layer.msg('操作失败！', { icon: 2 });
                }
            });
            return false;
        });




        $("#query_resid").click(function () {
            var resid = $("#resid").val();
            $.ajax({
                type: "POST",
                url: "UserInfo",
                data: { resid },
                dataType: "json",
                success: function (r) {
                    if (r.s) {
                        var optionList = "";
                        r.d.userNameList.forEach(function (e, i) {
                            optionList += "<option value='" + e + "'>" + e + "</option>";
                        });
                        $("#userid").append(optionList);
                        $("#username").val(r.d.cName); form.render();
                    }
                },
                error: function () {
                    layer.msg('操作失败！', { icon: 2 });
                }
            });
        })
    });
</script>