@{
    ViewBag.Title = "档位设置";
    Layout = "~/Views/Shared/_content.cshtml";

}
<div class="layui-container">
    <div class="layui-form">
        <div id="divform" class="layui-inline">
            @*<div id="divsubform1" class="divsubform">
                第<span id="xh1">1</span>档位：
                <div class="layui-inline">
                    <input class="layui-input" lay-verify="required" name="level" />
                </div>
            </div>*@
        </div>
        <div class="layui-inline" style="vertical-align:bottom">
            <button type="button" class="layui-btn" id="btnAdd"><i class="layui-icon"></i></button>
        </div>
        <div>
            <button type="button" class="layui-btn" lay-submit="" lay-filter="save">保存</button>
        </div>
    </div>
    <div id="divsubform0" class="divsubform" style="display:none">
        第<span id="xh1">1</span>档：
        <div class="layui-inline">
            <input class="layui-input" lay-verify="required" name="level" />
        </div>
    </div>
</div>

<script type="text/javascript">
    layui.use(['form','layer'], function () {
        var form = layui.form;
        var layer = layui.layer;
        var $ = layui.jquery;

        var data = '@Html.Raw(System.Web.HttpUtility.JavaScriptStringEncode(ViewBag.Level))';

        if (data != '')
            data = $.parseJSON(data);

        $(data).each(function (m, n) {
            var html = "";
            html += "<div id=\"divsubform" + n.Level + "\" class=\"divsubform\">第<span id=\"xh" + n.Level + "\">" + n.Level + "</span>档：";
            html += "  <div class=\"layui-inline\" ><input class=\"layui-input\" name=\"level\" value=\"" + n.LevelNum + "\" /></div>";
            html += "</div>";
            $("#divform").append(html);
        });

        form.on('submit(save)', function (data) {

            var obj = [];

            $("#divform input[name='level']").each(function (i, j) {
                //console.log((i+1) + ",,," + $(j).val());
                var num = $(j).val();
                if (num != '') {
                    var levelName = "第" + (i + 1) + "档";
                    obj.push({ "Level": (i + 1), "LevelName": levelName, "LevelNum": num });
                }
            });

            //console.log(JSON.stringify(obj));

            $.post('/SalesLevel/Save', { level : JSON.stringify(obj) }, function (msg) {
                //console.log(msg);
                if (msg.result) {
                    layer.msg('操作成功！');
                }
                else {
                    if (msg.retmsg == "notExists") {
                        layer.msg('参数不存在，请先配置');
                    }
                    else if (msg.retmsg == "any")
                    {
                        layer.msg('客服使用该档位，不能进行操作！');
                    }
                    else
                        layer.msg('操作失败，请重新再试！');
                }
            });
            return false;
        });


        var fi = data.length;
        $("#btnAdd").click(function () {
            //alert(1);
            var subfrom = $("#divsubform0").clone(true)
            var fii = fi + 1;
            //console.log(subfrom);
            $(subfrom).attr("id", "divsubform" + fii).show();
            var id = "xh" + fii;
            $(subfrom).find("span").html(fii).attr("id", id);


            $("#divform").append(subfrom);
            
            form.render();

            fi++;
        });

    });
</script>