@{

}
@section head{
    <title>教材版本</title>
}
@section content{
<div class="w-100">
<div id="BreadDiv" class="container-fluid">
    <div class="row">
        <ol id="BreadNav" class="breadcrumb fixed-top w-100">
            <li class="breadcrumb-item"><a href='@(CustomerPageAction.customPath2)I/main'>@L.工作台</a></li>
            <li class="breadcrumb-item"><a href='Papers_System_Manage'>@L.教育模块</a></li>
            <li class="breadcrumb-item">@L.教材版本 [<a href='AddVersion'>@L.添加版本</a>]</li>
        </ol>
    </div>
</div>
<div class="container-fluid pr-0">
<div class="row sysRow list_choice table-responsive-md">
    <table class="table table-striped table-bordered table-hover">
        <tr>
            <th scope="col">ID</th>
            <th scope="col">@L.版本名称</th>
            <th scope="col">章(单元)名称</th>
            <th scope="col">@L.节名称</th>
            <th scope="col">@L.课名称</th>
            <th scope="col">@L.知识点</th>
            <th scope="col">@L.排序</th>
            <th scope="col">@L.操作</th>
        </tr>
        <tbody id="EGV"></tbody>
    </table>
</div>
</div>
</div>
}
@section script{
<script src="/JS/Controls/ZL_Array.js"></script>
<script src="/JS/ZL_Regex.js"></script>
<script>
        var table = $("#EGV");
        //子父级之间依靠 data-pid来确认,如何比较好的定位层级
        //获取数据
        var getlist = function (obj, pid, isappend) {//需要添加的行
            $(obj).unbind("dblclick");
            $.post("Version_GetList", { pid: pid }, function (data) {
                setLayer(data, $(obj).data("layer"));
                var items = [];
                for (var i = 0; i < data.length; i++) {
                    var tlp = "";
                    if (data[i].Pid == 0) {
                        tlp = '<tr data-id="@@ID" data-pid="@@Pid" data-child="@@Child" data-layer="@@layer" title="双击打开"><td class="VID">@@ID</td><td>@@VersionName</td><td></td><td></td><td></td><td></td><td></td><td><a  href="AddVersion?pid=@@ID"><i class="zi zi_plus"></i>添加</a><a  href="AddVersion?id=@@ID"><i class="zi zi_pencilalt" title="修改"></i>修改</a><a  href="javacript:;" onclick="del(this);"><i class="zi zi_trashalt" title="删除"></i>删除</a></td></tr>';
                    }
                    else
                    {
                        if (data[i].PPid == 0)
                        {
                            tlp = '<tr data-id="@@ID" data-pid="@@Pid" data-child="@@Child" data-layer="@@layer" title="双击打开"><td class="VID">@@ID</td><td></td><td>@@Chapter</td><fun>getMove(@@Pid,@@OrderID)</fun></td><td></td><td></td><td></td><td></td><td><a  href="AddVersion?pid=@@ID"><i class="zi zi_plus"></i>添加</a><a href="AddVersion?id=@@ID"><i class="zi zi_pencilalt" title="修改"></i>修改</a><a  href="javacript:;" onclick="del(this);"><i class="zi zi_trashalt" title="删除"></i>删除</a></td></tr>';
                        }
                        else
                        {
                            tlp = '<tr data-id="@@ID" data-pid="@@Pid" data-child="@@Child" data-layer="@@layer" title="双击打开"><td class="VID">@@ID</td><td></td><td></td><td>@@SectionName</td><td>@@CourseName</td><td>@@Knows</td><td><fun>getMove(@@Pid,@@OrderID)</fun></td><td><a  href="AddVersion?id=@@ID"><i class="zi zi_pencilalt" title="修改"></i>修改</a><a  href="javacript:;" onclick="del(this);"><i class="zi zi_trashalt" title="删除"></i>删除</a></td></tr>';
                        }
                    }
                    JsonHelper.FillItem(tlp, data[i], function ($item, mod)
                    {
                        $item.bind("dblclick", function () { getlist(this, mod.ID); });
                        items.push($item);
                    });
                }
                if (isappend)
                {
                    $(obj).append(items);
                    $.each(items, function (i, v) {
                        var child = parseInt($(v).data("child"));
                        if (child > 0) { getlist($(v), $(v).data("id")); }
                    });
                }
                else { $(obj).after(items); $(obj).bind("dblclick", function () { ToggleChild(obj) }) }
            }, "JSON");
        }
        //为数据加上层级
        var setLayer = function (data, layer) {
            var newLayer = Convert.ToInt(layer, 0) + 1;
            for (var i = 0; i < data.length; i++) {
                data[i].layer = newLayer;
            }
        }
        //显示或隐藏子级
        function ToggleChild(obj) {
            var id = $(obj).data("id");
            var $tr = table.find("tr[data-pid=" + id + "]");
            if ($tr.is(":hidden")) { $tr.show(); }
            else { HideByPid(id);}
        }
        function HideByPid(pid) {
            $trs = table.find("tr[data-pid=" + pid + "]");
            if (!$trs || $trs.length < 1) return;//不存在,或下再无子级时跳出递归
            for (var i = 0; i < $trs.length; i++) {
                HideByPid($($trs[i]).data("id"));
            }
            table.find("tr[data-pid=" + pid + "]").hide();
        }
        //根据层级,显示对应的空格和图形
        var getLayer = function (layer, child) {
            var layerTlp = '<img src="/Images/TreeLineImages/tree_line4.gif" />';
            var lineTlp = '<img src="/Images/TreeLineImages/t.gif" />';
            layer = Convert.ToInt(layer, 0);
            child = Convert.ToInt(child, 0);
            lineTlp += child > 0 ? '<i class="zi zi_pluscircle"></i>' : '<i class="zi zi_minuscircle"></i>';
            var html = "";
            for (var i = 1; i < layer; i++) {
                html += layerTlp;
            }
            return (html + lineTlp);
        }
        var getMove = function (pid,orderid)
        {
            var html = "";
            if (parseInt(pid) > 0)
            {
                html += '<input type="hidden" value="' + orderid + '" name="Order_hid" /><a href="javascript:;" onclick="MoveUp(this)">↑上移</a> <a href="javascript:;" onclick="MoveDown(this)">下移↓</a>';
            }
            return html;
        }
        function del(a) {
            if (confirm("@Html.Raw(L.确定要删除吗)?")) {
                var tr = $(a).parent().parent();
                var id = $(tr).data("id");
                $.post('Version_Del', { id: id }, function (data) {
                    if (data == 1){ $(tr).remove(); }
                });
        }
    }
    function MoveUp(data) {
        var tr = $(data).parent().parent().parent();
        var layer = $(tr).data("layer");
        var pid = $(tr).data("pid");
        var prev = $(tr).prev("[data-layer=" + layer + "][data-pid=" + pid + "]");
        //若已在该父版本下最上方，则不执行
        if ($(prev).data("layer") != layer || $(prev).data("pid") != pid) { return; }
        var oldid = $(tr).find("[name=Order_hid]").val();
        var noid = $(prev).find("[name=Order_hid]").val();
        $.post('Version_Move', { oid: $(tr).find(".VID").text() + "," + oldid, nid: $(prev).find(".VID").text() + "," + noid }, function (data) {
	        if (data == 1) {
	            $(tr).find("[name=Order_hid]").val(noid);
	            $(tr).prev().find("[name=Order_hid]").val(oldid);
	            $(tr).insertBefore($(tr).prev());
	        };
	    });
    }
    function MoveDown(data) {
        var tr = $(data).parent().parent().parent();
        var layer = $(tr).data("layer");
        var pid = $(tr).data("pid");
        var next = $(tr).next("[data-layer=" + layer + "][data-pid=" + pid + "]");
        //若已在该父版本下最下方，则不执行
        if ($(next).data("layer") != layer || $(next).data("pid") != pid) { return; }
        if ($(tr).data("pid") != $(tr).next().data("pid")) { return; }
        var oldid = $(tr).find("[name=Order_hid]").val();
        var noid = $(next).find("[name=Order_hid]").val();
        $.post('Version_Move', { oid: $(tr).find(".VID").text() + "," + $(tr).find("[name=Order_hid]").val(), nid: $(next).find(".VID").text() + "," + noid }, function (data) {
            if (data == 1) {
                $(tr).find("[name=Order_hid]").val(noid);
                $(tr).next().find("[name=Order_hid]").val(oldid);
                $(tr).insertAfter($(tr).next())
            };
        });
    }
    $(function () {
        getlist(table, "0", true);
    })
</script>
}