@{layout module_layout}
@set header{
    <link href="/static/module_extend.css" rel="stylesheet" />
@}
@set body{
<style type="text/css">
    ul._Data_Edit{
        width:70px;
    }
    ._delete{
        margin-left:10px;
    }
    ._checkItem input{
        margin-top:5px;
    }
</style>
<form method="post" action="/module/Cate">
    <div class="tabs">
        <div id="tabs-btn">
            <ul></ul>
            <ul class="tabsBtn" target="#tabs-1">数据展示</ul>
            <ul class="tabsBtn" target="#tabs-2">模块参数</ul>
            <ul style="width:325px"></ul>
        </div>
        <div class="tabs-container" id="tabs-1">
            
                @{Html.Hidden("SortIds",d.SortIds)}
                @{Html.Hidden("ID",d.ID)}
                @{Html.Hidden("CheckedItemIds",d.CheckedItemIds)}
                <div class="_t2">
                    <span class="AttrDataColunm">展示方式：</span>
                    <span class="_AttrDataValue">
                        @{Html.Check("All",d.All)}<label>显示全部</label>
                    </span>
                    <span style="float:right;"><a style="color:#b12121;font-weight:bold" href="/module/CateItemAdd?ID=@{d.ID}">添加新项</a></span>
                </div>
                <div class="_DataItem">
                    <div class="DataTable">
                        <div class="column">
                            <ul class="_checkItem"><input style="width:20px" class="checkAll" type="checkbox" /></ul>
                            <ul class="_Data_Name">名称</ul>
                            <ul class="_Data_Edit">操作</ul>
                            <ul class="_Data_Modify">修改日期</ul>
                            <ul class="_Data_Fold"></ul>
                        </div>
                        @for m in d.GetChild() {
                            <div val="@{m.ID}" class="_Row1 row" v="@{m.ID}">
                                <div class="_Row1Item">
                                    <ul class="_checkItem">
                                        <input 
                                        @if m.Checked { 
                                            checked="checked"
                                        }else{
                                            @if d.All{
                                                checked="checked"
                                            @}
                                        @}
                                        class="checkItemBox" 
                                        id="@{m.ID}" 
                                        fid="@{m.ParentID}" 
                                        style="width:20px" 
                                        type="checkbox" />
                                    </ul>
                                    <ul class="_Data_Name">@{m.Name}</ul>
                                    <ul class="_Data_Edit">
                                        <a href="/module/CateItemEdit?ID=@{m.ID}&MID=@{d.ID}">编辑</a>
                                        <a href="/module/CateItemRemove?ID=@{m.ID}&MID=@{d.ID}">删除</a>
                                    </ul>
                                    <ul class="_Data_Modify">@{date m.Modify,yyyy-MM-dd}</ul>
                                    <ul class="_Data_Fold" t="._Row2">
                                        @if d.GetChild(d.ID) {
                                            点击折叠
                                        @}
                                    </ul>
                                </div>
                                @for c in d.GetChild(m.ID) {
                                    <div class="_Row2" v="@{c.ID}">
                                        <ul class="_checkItem">
                                        <input 
                                            @if c.Checked { 
                                                checked="checked"
                                            @}
                                            class="checkItemBox" 
                                            id="@{c.ID}" 
                                            fid="@{c.ParentID}" 
                                            style="width:20px" 
                                            type="checkbox" />
                                        </ul>
                                        <ul class="_Data_Name"> >@{c.Name}</ul>
                                        <ul class="_Data_Edit">
                                            <a href="/module/CateItemEdit?ID=@{c.ID}&MID=@{d.ID}">编辑</a>
                                            <a href="/module/CateItemRemove?ID=@{c.ID}&MID=@{d.ID}" >删除</a>
                                        </ul>
                                        <ul class="_Data_Modify">@{date c.Modify,yyyy-MM-dd}</ul>
                                        <ul class="_Data_Fold" t=".Row3">

                                        </ul>
                                    </div>
                                    @for e in d.GetChild(c.ID) {
                                        <div class="_Row2" v="@{e.ID}">
                                            <ul class="_checkItem">
                                            <input 
                                                @if e.Checked { 
                                                    checked="checked"
                                                @}
                                                class="checkItemBox" 
                                                id="@{e.ID}" 
                                                fid="@{e.ParentID}" 
                                                style="width:20px" 
                                                type="checkbox" />
                                            </ul>
                                            <ul  class="_Data_Name"> >>@{e.Name}</ul>
                                            <ul class="_Data_Edit">
                                                <a href="/module/CateItemEdit?ID=@{e.ID}&MID=@{d.ID}">编辑</a>
                                                <a href="/module/CateItemRemove?ID=@{e.ID}&MID=@{d.ID}" >删除</a>
                                            </ul>
                                            <ul class="_Data_Modify">@{date e.Modify,yyyy-MM-dd}</ul>
                                            <ul class="_Data_Fold" t=".Row3">
 
                                            </ul>
                                        </div>
                                    @}
                                @}

                            </div>
                        @}
                    </div>
                </div>
                <div class="_BtnItem">
                    <ul class="BtnSubmit"><input class="subTabBtn _subBtn" value="提交" type="submit" /></ul>
                    <ul class="BtnReset" style="float:right;"><input value="重置" type="reset" /></ul>
                </div>
            
        </div>
        
        <div class="tabs-container" id="tabs-2">
            <div class="_Attr">
                <ul class="_AttrData">
                    <li><span class="AttrDataColunm">模块名称：</span><span class="_AttrDataValue">@{d.Text} (@{d.Name})</span></li>
                    <li><span class="AttrDataColunm">模块类型：</span><span class="_AttrDataValue">类别列表</span></li>
                    <li>
                        <span class="AttrDataColunm">显示状态：</span>
                        <span class="_AttrDataValue">
                            @{Html.Radio("Hidden",d.Hidden,false)}<label>显示</label>
                            @{Html.Radio("Hidden",d.Hidden,true)}<label>隐藏</label>
                        </span>
                    </li>
                    <li>
                        <span class="AttrDataColunm">类别类型：</span>
                        <span class="_AttrDataValue">
                            @{d.Type}
                        </span>
                    </li>
                    <li><span class="AttrDataColunm">类别深度：</span><span class="_AttrDataValue">@{d.MaxLevel} 级</span></li>
                    <li><span class="AttrDataColunm">修改日期：</span><span class="_AttrDataValue">@{d.Modify}</span></li>

                </ul>
                <ul class="clear"></ul>
            </div>
        </div>
    </div>
    
    <script type="text/javascript">
    $(function(){
        LoadTab();
    })
        
    </script>
	
	<script type="text/javascript">
        $(function(){
            sortModule();
        })
    </script>

</form>
@}