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


<div data-options="region:'north',border:false" style="height:50px;">
    <div class="mvctool">
        <input type="text" id="keyword" name="txt_keyword" style="width:150px;float:left; margin:5px;" />
        @Html.ToolButton("btnQuery", "icon-search", "查询", true)
        @Html.Action("ToolBar", "Control", ViewBag.ToolBar as ToolBar)
        @Html.ToolButton("btnReload", "icon-reload", "刷新", true)
    </div>
</div>
<div data-options="region:'west',split:true" style="width:200px;border-left:none;border-bottom:none;padding:5px;">
    <ul id="ulRole"></ul>
</div>
<div data-options="region:'center'" style="border-right: none; border-bottom: none; padding: 10px; ">
    <div id="answer"></div>
</div>
<script type="text/javascript">
    $(function () {
        
        LoadTree();

        $("#btnQuery").click(function () {
            LoadTree();
        });

        $(document).keyup(function (event) {
            if (event.keyCode == "13") {
                $('#btnQuery').click();
            }
        });

        $("#btnReload").click(function () {
            LoadTree();
        });

    });

    function LoadTree() {
        var keyWord = $("#keyword").val();
        var url = "/Base/Case/Index?keyword=" + keyWord;
        $('#ulRole').tree({
            url: url,
            onSelect: function (node) {
                LoadDetail(node);
            },
            onBeforeSelect: function (node) {
                if (!$("#ulRole").tree('isLeaf', node.target)) {
                    return false;
                }
            }
        });
    }

    function LoadDetail(node) {
        $.getJSON("/Base/Case/Detail?id=" + node.id, function (data) {
            $("#answer").html(data.ANSWER);
        });
    }
</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 Up_Click() {
        SaveSortId(1);
    }
    function Down_Click() {
        SaveSortId(2);
    }
    function SaveSortId(n_type) {//type=1：向上 typ=2:向下
        var row = $('#ulRole').tree('getSelected');
        if (row != null) {
            var nextTarget;
            var prevTarget;
            var nextNode;
            var prevNode;
            if (n_type == 2) {
                nextTarget = $(row.target).parent().next();//上一个数据的html对象
                if (nextTarget.html() == null) {
                    $.messager.alert('提示', '已经是最低端！', 'warning');
                    return;
                }
                nextNode = $("#ulRole").tree("getNode", nextTarget.html());//上一个node对象
                //console.log(nextNode);
                var url;
                var ids = "";
                var sortIds = "";
                if (parseFloat(row.id) > 0)//leftMenu
                {
                    ids = "" + row.id + "," + nextNode.id;
                    sortIds = "" + nextNode.sortId + "," + row.sortId;
                    url = "/Base/Case/SaveSort?ids=" + ids + "&sortIds=" + sortIds;
                }
            }
            if (n_type == 1) {
                prevTarget = $(row.target).parent().prev();//上一个数据的html对象
                if (prevTarget.html() == null) {
                    $.messager.alert('提示', '已经是最顶端！', 'warning');
                    return;
                }
                prevNode = $("#ulRole").tree("getNode", prevTarget.html());//上一个node对象
                var url;
                var ids = "";
                var sortIds = "";
                if (parseFloat(row.id) > 0)//leftMenu
                {
                    ids = "" + row.id + "," + prevNode.id;
                    sortIds = "" + prevNode.sortId + "," + row.sortId;
                    url = "/Base/Case/SaveSort?ids=" + ids + "&sortIds=" + sortIds;
                }
            }
            $.r_ajax({
                url: url,
                type: "Post",
                dataType: "json",
                loading: true,
                cache: false,
                success: function (data) {
                    if (data.type == 1) {
                        if (n_type == 2) {
                            $(nextTarget).insertBefore($(row.target).parent());//数据库修改成功后前台改变顺序
                            var temp = row.sortId;
                            row.sortId = nextNode.sortId;
                            nextNode.sortId = temp;

                        } else if (n_type == 1) {
                            $($(row.target).parent()).insertBefore($(prevTarget));//数据库修改成功后前台改变顺序
                            var temp = row.sortId;
                            row.sortId = prevNode.sortId;
                            prevNode.sortId = temp;
                        }
                        $.messageBox5s('提示', '@Suggestion.UpdateSucceed');
                    }
                    else {
                        $.messager.alert('错误提示', data.messag, 'error');
                    }
                }
            });
        } else { $.messageBox5s('提示', '@Suggestion.PlaseChooseToOperatingRecords'); }

    }

    function Category_Click() {
        $("#modalwindow").html(GetIframeHtml("/Base/Case/Category"));
        $("#modalwindow").window({ title: '讲解分类', width: 800, height: 600 }).window('open');
    }
    function frameReturnByReload(flag) {
        window.location.reload();
    }    
    function GetIframeHtml(src) {
        return "<iframe width='100%' height='98%' scrolling='no' frameborder='0'' src='" + src + "'></iframe>";
    }
</script>