<div ms-controller="Documents">
    <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <!--左边导航-->
            <td style="width: 170px; height: 450px; vertical-align: top;">
                <div id="left" ms-widget="leftMenu,marketMenu"></div>
            </td>
            <!--中间条件搜索-->
            <td style="width: 243px; vertical-align: top; background: #fff; padding: 10px;">
                <div class="leftDiv">
                    <ul class="topMenu">
                        <li ms-click="doMenuTab(0)" ms-class-hov="menuTab==0">按分类</li>
                        <li ms-click="doMenuTab(1)" ms-class-hov="menuTab==1" class="last">按产品</li>
                    </ul>
                    <div class="warp" ms-visible="menuTab==0">
                        <ul id="knowledgecategorytreeid" class='ztree' ms-widget="productCategoryTree,knowledgecategorytreeid,knowledgecategorytreeOpts"></ul>
                        <ul id="mytree" class='ztree' ms-widget="productCategoryTree,mytree,mytreeOpts" style="margin-left: 18px;"></ul>
                    </div>
                    <div class="warp" ms-visible="menuTab==1">
                        <ul id="productCategoryTree" class='ztree' ms-widget="productCategoryTree,pCategoryTree,pCategoryTreeOpts" style="width: 198px; overflow: auto;"></ul>
                    </div>
                    <div class="clear"></div>
                </div>
            </td>
            <!--右边列表-->
            <td style="vertical-align: top; background: #fff; padding: 10px;">
                <div style="width: 100%;">
                    <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" class="seacrhTable">
                        <tbody>
                            <tr>
                                <td width="460" class="searchico">
                                    <div class="input-append" style="margin-bottom: 0px;">
                                        <input id="appendedInput" type="text" class="span4" ms-duplex="keyword" placeholder="请输入文档关键字...">
                                        <button ms-click="search" class="add-on ibtsearch" type="button" style="height: 28px; font-size: 12px; padding: 3px 12px;">搜索</button>
                                        <button ms-click="clear" class="add-on ibtsearch clearall" style="height: 28px; font-size: 12px; padding: 3px 12px;">显示全部</button>
                                    </div>
                                </td>
                                <td class="fgray">
                                    <span style="float: left;">历史搜索：</span>
                                    <div class="hotlist">
                                        <span class="bindSearchHistory" ms-each-item="history">
                                            <a href="javascript:void(0)" ms-value="item" ms-click="historyClick">{{item}}</a>
                                        </span>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="seabox">
                                    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="seacrhField" id="selword">
                                        <tbody>
                                            <tr>
                                                <td colspan="2" class="seabox">
                                                    <span class="first">筛选条件：</span>
                                                    <div style="display: inline;" ms-with="showItem">
                                                        <span class="searchItem" ms-if="$val">{{$val}}<i><a href="javascript:void(0)" ms-click="remove"></a></i></span>
                                                    </div>
                                                    <span class="last" ms-if="has"><a href="javascript:void(0)" ms-click="clear">清除所有</a></span>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <table id="tableList" class="tableList bottom10" width="100%" border="0" cellspacing="1" cellpadding="0">
                    <thead>
                        <tr class="dobtn">
                            <td colspan="8" bgcolor="#FFFFFF">
                                <a ms-visible="ADD" href="javascript:void(0)" class="doadd" ms-click="doadds">新增</a>
                                <a ms-visible="DELETE" href="javascript:void(0)" class="doalldel" ms-click="doalldel">批量删除</a>
                            </td>
                        </tr>
                        <tr class="head">
                            <td width="3%" align="center" bgcolor="#FFFFFF">
                                <input type="checkbox" class="checkAll">
                            </td>
                            <td align="center">{{title}} 文档标题</td>
                            <td align="center">文档类型</td>
                            <td align="center">大小</td>
                            <td align="center">分类</td>
                            <td align="center">发布时间</td>
                            <td align="center">修改时间</td>
                            <td align="center">操作</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ms-repeat-item="entityList">
                            <td align="center">
                                <input type="checkbox" name="checkbox" ms-value="item.Id"></td>
                            <td align="left">
                                <div class="file_div" ms-visible="item.FileName" style="line-height: 18px;">
                                    <div ms-class="file_img" ms-attr-class="'file_' + item.FileType"></div>
                                    <a href="javascript:void(0);" class="file_a" ms-click="doview" ms-value="item.Id">{{item.Title}}</a>
                                </div>
                            </td>
                            <td align="center">{{item.FileType}}</td>
                            <td align="center">{{item.FileSize>0 ? setUnit(item.FileSize) : ''}}</td>
                            <td align="center">{{item.CategoryDisplay}}</td>
                            <td align="center">{{item.AddTime}}</td>
                            <td align="center">{{item.LastUpDate?item.LastUpDate:'-'}}</td>
                            <td align="center">
                                <a href="javascript:void(0)" class="doview" ms-click="doview" ms-value="item.Id" title="查看"></a>
                                <a ms-if="item.EDIT" href="javascript:void(0)" class="doedit" ms-click="doedit" ms-value="item.Id" title="修改"></a>
                                <a ms-if="!item.EDIT" href="javascript:void(0)" class="noedit" title="修改"></a>
                                <a ms-if="item.DELETE" href="javascript:void(0)" class="dodel" ms-click="dodel" ms-attr-index="$index" ms-value="item.Id" title="删除"></a>
                                <a ms-if="!item.DELETE" href="javascript:void(0)" class="nodel" title="删除"></a>
                            </td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="8" ms-widget='paging,knowledgepaingid,knowledgepaing'></td>
                        </tr>
                    </tfoot>
                </table>
            </td>
        </tr>
    </table>
</div>
<style type="text/css">
    .leftDiv {
        border: 1px solid #ccc;
        width: 243px;
    }

        .leftDiv .topMenu li {
            float: left;
            width: 120px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            background: #F7F7F7;
            cursor: pointer;
        }

        .leftDiv .warp {
            width: 243px;
            margin-top: 10px;
            height: 420px;
            overflow: auto;
        }

    .hov {
        background: #fff !important;
        border-bottom: 1px solid #fff !important;
    }

    .last {
        border-right: none !important;
    }

    .clear {
        clear: both;
    }
</style>
