@using WX.CRM.WebHelper
@{
    Layout = "~/Views/Shared/_EasyUI_Layout.cshtml";
}


<div data-options="region:'north',border:false" style="height:30px;">
    <div class="mvctool">
        @Html.ToolButton("btnAdd", "icon-add", "添加", true)
        @Html.ToolButton("btnEdit", "icon-edit", "修改", true)
        @Html.ToolButton("btnDel", "icon-remove", "删除", true)
    </div>
</div>
<div style="padding-top:50px;">
    <ul id="ulRole"></ul>
</div>
<div id="dlg" class="easyui-dialog" closed="true" style="width: 400px; height: 400px; padding: 10px;">
    <table class="table1">
        <tr>
            <td align="right">讲解分类：</td>
            <td><input id="categoryname" name="categoryname" type="text" /></td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="hidden" id="id" />
                <input id="BtnSave" name="BtnSave" type="button" value="确认" onclick="BtnSave()" />
            </td>
        </tr>
    </table>
</div>
<script type="text/javascript">
    $(function () {
        LoadData();

        $("#btnAdd").click(function () {
            AddOrUpdate("add", null, null);
        });

        $("#btnEdit").click(function () {
            var node = $("#ulRole").tree("getSelected");
            if (node != null) {
                AddOrUpdate("edit", node.id, node.text);
            }
            else {
                $.messager.alert("警告", "请选择一个分类", "error");
            }
        });

        $("#btnDel").click(function () {
            var node = $("#ulRole").tree("getSelected");
            if (node != null) {
                if (confirm("确定删除吗？")) {
                    $.getJSON("/Base/Case/CategoryDelete?id=" + node.id, function (msg) {
                        //console.log(msg);
                        if (msg.result == "ok") {
                            LoadData();
                        }
                        else {
                            $.messager.alert("警告", msg.message, "error");
                        }
                    });
                }
            }
            else {
                $.messager.alert("警告", "请选择一个分类", "error");
            }
            
        });
    });

    function LoadData() {
        var url = "/Base/Case/CateogryHtml";
        $('#ulRole').tree({
            url: url
        });
    }

    function AddOrUpdate(type, id, categoryname) {
        if (type === "edit") {
            $("#id").val(id);
            $("#categoryname").val(categoryname);
        } else {
            $("#id").val("");
            $("#categoryname").val("");
        }
        $('#dlg').dialog({
            title: "讲解分类",
            width: 400,
            height: 250,
            closed: false,
            cache: false,
            modal: true
        });
    }

    function BtnSave() {
        var id = $("#id").val();
        var categoryname = $("#categoryname").val();
        if (categoryname === "") {
            alert("分类不能为空！");
            return;
        }

        $.r_ajax({
            url: "/Base/Case/CateogryAddOrUpdate",
            type: "Post",
            data: { id: id, categoryname: categoryname },
            dataType: "json",
            loading: true,
            success: function (data) {
                if (data.result === "ok") {
                    $('#dlg').dialog('close');
                    LoadData();
                    $.messageBox5s('提示', data.message);
                }
                else {
                    $.messageBox5s('提示', data.message);
                }
            }
        });
    }

</script>

<script type="text/javascript">

    function Create_Click() {
        $("#modalwindow").html(GetIframeHtml("/Base/Case/Add"));
        $("#modalwindow").window({ title: '新增', width: 800, height: 600, iconCls: 'icon-add' }).window('open');
    }

    function Edit_Click() {
        var node = $("#ulRole").tree("getSelected");
        if (node != null) {
            $("#modalwindow").html(GetIframeHtml("/Base/Case/Edit?id=" + node.id));
            $("#modalwindow").window({ title: '编辑', width: 800, height: 600, iconCls: 'icon-add' }).window('open');
        }
        else {
            $.messager.alert("警告", "请选择一个问题", "error");
        }
    }
    function Delete_Click() {
        var node = $("#ulRole").tree("getSelected");
        if (node != null) {
            if (confirm("确定删除吗？")) {
                $.post("/Base/Case/Delete", { id: node.id }, function (result) {
                    if (result.result) {
                        window.location.reload();
                    }
                });
            }
        }
        else {
            $.messager.alert("警告", "请选择一个问题", "error");
        }
    }
    function frameReturnByReload(flag) {
        window.location.reload();
    }
    function GetIframeHtml(src) {
        return "<iframe width='100%' height='98%' scrolling='no' frameborder='0'' src='" + src + "'></iframe>";
    }
</script>