@model  WX.CRM.Model.Entity.TemplateListModel
@{ ViewBag.Title = "Edit";
    Layout = "~/Views/Shared/_form.cshtml";
}
@{
    string isok = ViewBag.isOk == null ? "1" : Convert.ToString(ViewBag.isOk);
}
<script>
        var isOk = "@Html.Raw(isok)";
</script>
<div class="layui-form-item" style="margin-top:20px;">
    <label class="layui-form-label">
        业务线
    </label>
    <div class="layui-input-block my_form_iterm">
        <select name="DeptId" id="DeptId" lay-verify="required" style="height: 35px; width: 100%">
            @foreach (var item in ViewBag.deptList as List<SelectListItem>)
            {
                <option value="@item.Value" selected="@item.Selected">@item.Text</option>
            }
        </select>
    </div>
</div>
<div class="layui-form-item" style="margin-top:20px;">
    <label class="layui-form-label">
        模板名称
    </label>
    <div class="layui-input-block my_form_iterm">
        <input name="Id" value="@Model.Id" style="display:none" />
        <input autocomplete="off" class="layui-input" data-val="true" id="TemplateName" lay-reqtext="名称不可为空！" lay-verify="required" name="TemplateName" type="text" value="@Model.TemplateName">
    </div>
</div>
<div class="layui-form-item" style="margin-top:20px;">
    <label class="layui-form-label">
        接粉周期
    </label>
    <div class="layui-input-block my_form_iterm" style="padding-top: 8px">
        <input id="startTime" type="text" name="PeriodFrom" autocomplete="off" placeholder="开始时间" value="@Model.PeriodFromShow" lay-reqtext="开始时间必填！" lay-verify="required">&nbsp;
        -&nbsp;<input id="endTime" type="text" name="PeriodTo" autocomplete="off" placeholder="结束时间" value="@Model.PeriodToShow" lay-reqtext="结束时间必填！" lay-verify="required">
    </div>
</div>
<div class="layui-form-item" style="margin-top:20px;">
    <label class="layui-form-label">
        最大资源量
    </label>
    <div class="layui-input-block my_form_iterm">
        <input autocomplete="off" class="layui-input" data-val="true" id="Maxnum" lay-reqtext="最大资源量不可为空！" lay-verify="required|number|ndouble" name="Maxnum" type="text" value="@Model.Maxnum">
    </div>
</div>
@for(var i=0;i< Model.TemplateSettingDetail.Count;i++)
{
    <div class="layui-form-item" style="margin-top:20px;">
        <label class="layui-form-label">
            预警值@(i+1)
        </label>
        <div class="layui-input-block my_form_iterm">
            <input autocomplete="off" data-val="true" id="guid@(i+1)" name="guid@(i+1)" type="text" value="@Model.TemplateSettingDetail[i].guid" style="display:none">
            @if (Model.TemplateSettingDetail[i].type == 1)
            {
                <input type="radio" name="identity@(i+1)" value="1" title="百分比" checked="checked">
                <input type="radio" name="identity@(i+1)" value="2" title="数量">
            }
            else
            {
                <input type="radio" name="identity@(i+1)" value="1" title="百分比">
                <input type="radio" name="identity@(i+1)" value="2" title="数量" checked="checked">
            }
            <input autocomplete="off" data-val="true" id="WarnningCount@(i+1)" lay-reqtext="数量不可为空！" lay-verify="required|number|ndouble" name="WarnningCount@(i+1)" type="text" value="@Model.TemplateSettingDetail[i].value">
        </div>
    </div>
}
<div class="layui-form-item" style="margin-top:20px;">
    <div class="layui-input-block my_form_iterm">
        <a style="text-decoration:underline;" id="addSetting">+添加</a>
        <a style="text-decoration:underline;" id="delSetting">-删除</a>
    </div>
</div>
<div class="layui-form-item">
    <div class="layui-input-block my_form_iterm">
        <button class="layui-btn layui-btn-ok" lay-submit lay-filter="formDemo">保存</button>
        <button onclick="parent.Closed()" type="button" class="layui-btn layui-btn-primary">取消</button>
    </div>
</div>
@if (isok == "0")
{
    <div class="layui-form-item">
        <label class="layui-form-label erro_msg">错误提示：</label>
        <div class="layui-input-block my_form_iterm erro_msg">
            @Html.Raw(ViewBag.Msg)
        </div>
    </div>
}
<script>
    layui.use('laydate', function () {
        var laydate = layui.laydate;
        var start = laydate.render({
            elem: '#startTime'
            , type: 'date'
            , format: 'yyyy-MM-dd'
            , ready: function (date) {
                var layKey = layui.$(this.elem).attr('lay-key');
                layui.$('#layui-laydate' + layKey).find('.layui-laydate-list>li').width('50%').last('li').hide();
            }
            , done: function (value, date, endDate) {
              @*  var endValue = $("#endTime").val();
                if (value != "" && endValue == "") {
                    var dateStr = value.split(":");
                    if (dateStr.length > 1) {
                        parseInt((parseInt(dateStr[1]) + 30) / 60)
                        var endStr = parseInt(dateStr[0]) * 60 + parseInt(dateStr[1]) + 30;
                        var hourstr = parseInt(endStr / 60);
                        var minStr = endStr % 60;
                        if (hourstr < 9) {
                            hourstr = "0" + hourstr;
                        }
                        if (minStr < 9) {
                            minStr = "0" + minStr;
                        }
                        endValue = hourstr + ":" + minStr;
                        $("#endTime").val(endValue);
                    }
                }
                end.config.min = {
                    year: date.year,
                    month: date.month - 1,
                    date: date.date,
                    hours: date.hours,
                    minutes: date.minutes + 30,
                    seconds: date.seconds
                }; //开始日选好后，重置结束日的最小日期*@
            }
        })
        var end = laydate.render({
            elem: '#endTime'
            , type: 'date'
            , format: 'yyyy-MM-dd'
            , ready: function (date) {
                var layKey = layui.$(this.elem).attr('lay-key');
                layui.$('#layui-laydate' + layKey).find('.layui-laydate-list>li').width('50%').last('li').hide();
            }
            , done: function (value, date, endDate) {
              @*  start.config.max = {
                    year: date.year,
                    month: date.month - 1,
                    date: date.date,
                    hours: date.hours,
                    minutes: date.minutes - 30,
                    seconds: date.seconds
                }; //结束日选好后，重置开始日的最大日期*@
            }
        });
    })
    layui.use('form', function () {
        var form = layui.form;
        var layer = layui.layer;
        var type = "@Html.Raw(ViewBag.type)";
        var num = @Model.Count;
        form.verify({
            ndouble: [
                /^[1-9]\d*$/
                , '只能输入整数哦'
            ]
        });
        $("#addSetting").click(function () {
            num++;
            var html = '<div class="layui-form-item" style="margin-top:20px;"><label class="layui-form-label">预警值' + num + '</label><div class="layui-input-block my_form_iterm"><input type="radio" name="identity' + num + '" value="1" title="百分比" checked="checked"><div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><div>百分比</div></div><input type="radio" name="identity' + num + '" value="2" title="数量"><div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><div>数量</div></div><input autocomplete="off" data-val="true" id="WarnningCount' + num + '" lay-reqtext="数量不可为空！" lay-verify="required" name="WarnningCount' + num + '" type="text" value=""></div></div>';

            $("#addSetting").parent().parent().before(html);
            form.render('radio'); //刷新select选择框渲染
        });
        $("#delSetting").click(function () {
            if (num < 2) {
                alert("至少保留一行数据");
                return;
            }
            num--;
            $("#addSetting").parent().parent().prev().remove();
            form.render('radio'); //刷新select选择框渲染
        });
        //监听提交
        form.on('submit(formDemo)', function (data) {
            var prewarningValue = []
            for (i = 1; i <= num; i++) {
                var guid = $("#guid" + i).val();
                var checktype = $("input[name='identity" + i + "']:checked").val();
                var value = $("#WarnningCount" + i).val();
                var obj = {
                    guid: guid,
                    type: checktype,
                    value: value
                };
                prewarningValue.push(obj);
            }
            var postData = {
                Id :data.field.Id,
                Count: num,
                TemplateName:  data.field.TemplateName,
                PeriodFrom: data.field.PeriodFrom,
                PeriodTo: data.field.PeriodTo,
                DeptId: data.field.DeptId,
                PrewarningValue: JSON.stringify(prewarningValue),
                Maxnum: data.field.Maxnum
            }
            if (isOk == "1") {
                $.ajax({
                    type: "POST",
                    url: "AddTemplate",
                    data: postData,
                    dataType: "json",
                    success: function (da) {
                        if (da.result == true) {
                            parent.layer.msg(da.retmsg, { icon: 1 });
                            parent.TableReload();
                            parent.Closed();
                        } else {
                            layer.msg(da.retmsg, { icon: 2 });
                        }
                    },
                    error: function () {
                        layer.msg('操作失败！', { icon: 2 });
                    }
                });
                return false;
            } else {
                layer.msg('系统错误!请关闭编辑页重试！', { icon: 2 });
                return false;
            }
        });
        //各种基于事件的操作，下面会有进一步介绍
    });
</script>