@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" lay-filter="deptid" style="height: 35px; width: 80%">
            @foreach (var item in ViewBag.deptList as List<SelectListItem>)
            {
                <option value="@item.Value">@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">
        <div id="Participant" style="width: 100%; display: flex;">       
        <input onclick="importEmployee()" type="button" class="layui-btn layui-btn-sm layui-border-blue" value="一键导入" style="line-height: 36px; height: 36px;margin-left:1%;width:15%">
        </div>

    </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" >
        <div style="width: 100%; display: flex;">
            <select name="templateId" id="templateId" lay-filter="templateId" onchange="changeTemplate">
            </select>
            <input onclick="EditTemplate()" type="button" class="layui-btn layui-btn-sm layui-border-blue" value="预警模板管理" style="line-height: 36px; height: 36px; margin-left: 1%; width: 15%">
        </div>
   </div>
</div>
<div class="layui-form-item" style="margin-top:20px;" id="MaxText">
    <label class="layui-form-label">
        最大资源量
    </label>
    <div class="layui-input-block my_form_iterm">
        <input disabled type="text" name="MaxNum" id="MaxNum" lay-verify="number" autocomplete="off" class="layui-input layui-disabled" />
    </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>
    </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 src="~/Scripts/layui_ext/xm-select/xm-select.js"></script>
<script>
    var winindex;
    var participantTree;
    var form;
    var participantIds = [];
        layui.config({
        base: '../Scripts/layui_ext/',
    }).extend({
        selectInput: 'selectInput/selectInput'
    }).use(['table', 'laydate', 'upload', 'flow', 'element', 'form', 'selectInput'], function () {
        var $ = layui.jquery
            , upload = layui.upload
            , element = layui.element
            , layer = layui.layer
            , form = layui.form
            , selectInput = layui.selectInput;
        element = layui.element;
        var laydate = layui.laydate;

        laydate.render({
            elem: '#BeginTime'
            , type: 'datetime'
            , format: 'yyyy-MM-dd HH:mm',
        });
        init(@Html.Raw(ViewBag.deptid));
    })
    layui.use('form', function () {
        form = layui.form;
        form.verify({
            number: function (value) { }
        });
        $("#MaxText").hide();
        var layer = layui.layer;
        var type = "@Html.Raw(ViewBag.type)";
        //监听提交
        form.on('submit(formDemo)', function (data) {
            var eid = '@ViewBag.eid';
            var postData = {
                Participant: data.field.Participant,
                templateId: data.field.templateId,
                MaxNum: data.field.MaxNum,
                DeptId: data.field.DeptId,
            }
            if (isOk == "1") {
                $.ajax({
                    type: "POST",
                    url:  "EditWarnSetting",
                    data: JSON.stringify(data.field),
                    dataType: "json",
                    contentType: "application/json",
                    success: function (da) {
                        if (da.result == true) {
                            layer.msg("操作成功", { icon: 1 });
                            parent.frameReturnByClose();
                            parent.frameReturnByReload();
                            //init(data.field.DeptId);
                        } else {
                            layer.msg(da.retmsg, { icon: 2 });
                        }
                    },
                    error: function () {
                        layer.msg('操作失败！', { icon: 2 });
                    }
                });
                return false;
            } else {
                layer.msg('系统错误!请关闭编辑页重试！', { icon: 2 });
                return false;
            }
        });
        //各种基于事件的操作，下面会有进一步介绍

        form.on('select(deptid)', function (data) {
            init(data.value);
        });

        form.on('select(templateId)', function (data) {
            console.log(data.value);
            $.ajax({
                type: "GET",
                url: '/WxResourceReport/GetTemplateJson?id=' + data.value,
                success: function (da) {
                    $("#MaxNum").val(da.data.Maxnum);
                }
            });
            if (data.value == '') {
                $("#MaxNum").val('');
                form.verify({
                    number: function (value) { }
                });
                $("#MaxText").hide();
            } else {
                form.verify({
                    number: function (e) { if (!e || isNaN(e)) return "只能填写数字" }
                });
                $("#MaxText").show();
            }
        })
    });
    function addEid(addEid) {
        if (addEid != null && addEid != undefined) {
            var result = addEid.split(",");
            var addids = participantIds;
            for (var i = 0; i < result.length; i++) {
                if (participantIds.indexOf(result[i]) == -1) {
                    addids.push(result[i]);
                }
            }
        }
        Closed();
        renderSelectParticipant(participantTree, addids);
        changePeople();
    }
    function Closed() {
        layer.close(winindex);
    }
    function init(deptid) {
            $.ajax({
                type: "GET",
                url: '@Html.Raw(ViewBag.webapi + "Api/Warnning/GetWarnSetting?deptid=")' + deptid,
                success: function (da) {
                    //document.getElementById("Id").value = da.data.id;
                    $.ajax({
                        type: "GET",
                        url: '/Inneruser/GetInneruserTree',
                        success: function (da1) {
                            participantTree = $.extend(true, [], da1);
                            da.data.participantIds = [];
                            renderSelectParticipant(participantTree, []);
                            $("#templateId").empty();
                            $('#templateId').append(new Option("无", ""));// 下拉菜单里添加元素
                            $.each(da.data.template, function (index, value) {
                                // console.log(value.department_id);
                                $('#templateId').append(new Option(value.templateName, value.id, value.selected));// 下拉菜单里添加元素
                            });
                            layui.form.render("select");//重新渲染 固定写法
                            //renderSelectChannel(da.data.channelList);
                        }
                    });
                }
            });
        }
    function renderSelectParticipant(participantTree, check) {
        var optionsParticipant = {
            el: '#Participant',
            name: 'Participant',//表单的name属性
            //clickClose: true,       //单选完关闭下拉框
            filterable: true,       //搜索
            direction: 'down',      // 展开方向 下
            //radio: false,            //单选
            height: '400px',
            tree: {
                show: true,
                showFolderIcon: true,
                showLine: true,
                expandedKeys: true
            },
            toolbar: {//工具条,全选,清空,反选,自定义
                show: true,
                list: [
                    'CLEAR'
                ]
            },
            on: function (data) {
                var addids = [];
                for (var i = 0; i < data.arr.length; i++) {
                    addids.push(data.arr[i].value);
                }
                participantIds = addids;
                changePeople();
            },
            data: participantTree,
            initValue: check
        };
        var selectParticipant = xmSelect.render(optionsParticipant);
        return selectParticipant;
    }
    function importEmployee() {
        winindex = layer.open({
            title: '一键导入客服',
            type: 2,
            content: '/WxResourceReport/ImportEmployee',
            area: ['650px', '550px']
        });
    }
    function EditTemplate() {
        winindex = layer.open({
            title: '模板管理',
            type: 2,
            content: '/WxResourceReport/TemplateList',
            area: ['1000px', '750px']
            , cancel: function () {
                changePeople();
            }
        });
    }

    function changePeople() {
        var deptId = $("#DeptId").val();
        var eidList = "";
        for (var i = 0; i < participantIds.length; i++) {
            eidList += participantIds[i]+","
        }
        eidList = eidList.substr(0, eidList.length - 1)
        $.ajax({
            type: "GET",
            url: '@Html.Raw(ViewBag.webapi + "Api/Warnning/GetWarnSetting?EidList=")' + eidList +'&deptId=' +deptId,
            success: function (da) {
                $("#templateId").empty();
                $('#templateId').append(new Option("无", ""));
                $.each(da.data.template, function (index, value) {
                    // console.log(value.department_id);
                    $('#templateId').append(new Option(value.templateName, value.id, selected = value.selected));// 下拉菜单里添加元素
                    if (value.selected) {
                        document.getElementById("templateId").value = value.id;
                    }
                });
                if ($("#templateId").val() == '') {
                    $("#MaxNum").val('');
                    form.verify({
                        number: function (value) { }
                    });
                    $("#MaxText").hide();
                } else {
                    $("#MaxNum").val(da.data.maxNum);
                    $("#MaxText").show();
                }
                layui.form.render("select");//重新渲染 固定写法
            }
        });
    }
</script>