@{
    ViewBag.Title = "Add";
    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  layui-required">协议：</label>
                <div class="layui-input-inline">
                    <select name="protocolType" id="protocolType" lay-filter="pType" disabled="disabled">
                        <option value="6" selected>高龄人群投资风险告知确认书</option>
                    </select>
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label layui-required">客户id：</label>
                <div class="layui-input-inline">
                    <input type="text" name="resid" id="resid" autocomplete="off" class="layui-input" lay-verify="required">
                </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 layui-required">订单号：</label>
                <div class="layui-input-inline">
                    <div id="selectOrder" style="width: 290px"></div>
                </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="userid" id="userid" lay-filter="userid" lay-verify="required">
                    </select>*@
                    <input type="text" name="userid" id="userid" autocomplete="off" class="layui-input" disabled="disabled">
                </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" disabled="disabled">
                </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">
                <input type="button" class="layui-btn layui-btn-normal" id="close" value="取消" />
                <button class="layui-btn" lay-submit lay-filter="save" onclick="return false;">确认</button>
            </div>
        </div>
    </form>
</div>
<style>
    .layui-form-label.layui-required:after {
        content: "*";
        color: red;
        position: absolute;
        top: 5px;
        left: 15px;
    }
    .note {
        padding: 10px;
        height: 150px;
    }
    .layui-input-inline {
        width: 290px !important;
    }
    .zy-box {
        display:none;
    }
    .price_tip {
        color:red;
        display:none;
    }
</style>
<script src="~/Scripts/layui_ext/xm-select/xm-select.js"></script>
<script>
    var form, layer;
    var userError = false;
    var softusername = '';
    var cname = '';
    layui.use(['form', 'laydate', 'upload'], function () {
        form = layui.form, layer = layui.layer;
        autoInput();
        renderSelectOrder(null, []);
        form.verify({
            NewRequired: function (value) {

            }
        });

        form.on('submit(save)', function (data) {
            $(".price_tip").hide();
            if (userError) {
                layer.msg('用户信息错误，无法保存！', { icon: 2 });
                return;
            }
            layer.confirm('是否确认保存?', { icon: 3, title: '提示' }, function (index) {
                $.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 if (da.m != "" || da.m != undefined) {
                            layer.msg(da.m, { icon: 2 });
                            $(".price_tip").show();
                        }
                        else {
                            layer.msg("操作失败！", { icon: 2 });
                        }
                    },
                    error: function () {
                        layer.msg('操作失败！', { icon: 2 });
                    }
                });
            });
        });
        form.on("select(pType)", function () {
            autoInput();
        })
        //赠送服务
        form.on("select(producttype)", function () {
            autoInput();
        })
        //选择赠送订单号
        form.on("select(orderid)", function () {
            var option = $("#orderid option:selected");
            if (option.length > 0) {
                $("#productname").val(option.attr("productname"));
                $("#giftdays").val(option.attr("giftdays"));
            }
        })
        //查询
        $("#query_resid").click(function () {
            var resid = $("#resid").val();
            $.ajax({
                type: "POST",
                url: "UserInfo",
                data: { resid },
                dataType: "json",
                success: function (r) {
                    if (r.s) {
                        console.log(r.d.orderList);
                        var data = $.extend(true, [], r.d.orderList);
                        renderSelectOrder("", data);
                        $("#userid option").remove();
                        r.d.userNameList.forEach(function (e, i) {
                            $("#userid").append(new Option(e, e));
                        });
                        if ($("#protocolType").val() == "4" || $("#protocolType").val() == "5") {
                            $("#orderid option").remove();
                        }
                        form.render("select");
                        /*$("#username").val(r.d.cName);*/
                    } else {
                        userError = true;
                        layer.msg(r.m, { icon: 2 });
                    }
                },
                error: function () {
                    layer.msg('操作失败！', { icon: 2 });
                }
            });
        })
        //取消
        $("#close").click(function () {
            parent.TableReload();
            parent.Closed();
        })
    });
    function autoInput() {
        $(".price-box").hide();
        $(".zy-box").hide();
        $(".zs-box").hide();
        $("#servicename").attr("lay-verify", "");
        $("#giftdays").attr("readonly", true).attr("lay-verify", "");

        if ($("#protocolType").val() == "1") {
            $(".price-box").show();
            $("#price").attr("lay-verify", "number");//价格必填
        } else if ($("#protocolType").val() == "4" || $("#protocolType").val() == "5") {
            $(".zy-box").show();
            $(".zscp,.zsfw,.zsddh").hide();
            //赠送订单
            if ($("#producttype").val() == "1") {
                $(".zscp,.zsddh").show();
                $("#giftdays").attr("readonly", true);
            } else if ($("#producttype").val() == "2") {
                $(".zsfw").show();
                $("#servicename").attr("lay-verify", "required");
                $("#giftdays").attr("readonly", false).attr("lay-verify", "number");
            }
        }

    }

    function renderSelectOrder(check, orders) {
        var optionsOrder = {
            el: '#selectOrder',
            name: 'orderids',//表单的name属性
            tips: '请选择订单',
            layVerify: 'required',
            toolbar: {//工具条,全选,清空,反选,自定义
                show: true,
                list: [
                    'CLEAR'
                ]
            },
            data: orders,
            initValue: check,
            on: function (data) {
                for (var i = 0; i < data.arr.length; i++) {
                    if (softusername && softusername != '' && softusername != data.arr[i].softusername) {
                        layer.msg('请选择用户名相同的订单！', { icon: 2 });
                        return;
                    } else {
                        softusername = data.arr[i].softusername
                    }
                    if (cname && cname != '' && cname != data.arr[i].cname) {
                        layer.msg('请选择用户名相同的订单！', { icon: 2 });
                        return;
                    } else {
                        cname = data.arr[i].cname
                    }
                }
                $("#username").val(cname);
                $("#userid").val(softusername);
            },
        };
        var selectOrder = xmSelect.render(optionsOrder);
        selectOrder.update({ data: orders, initValue: check });
        return selectOrder;
    }
</script>