<div ms-controller="ArticlesList"> 
    <table border="0" align="center" cellpadding="0" cellspacing="0" id="mian">
        <tbody>
            <tr> 

                <!--leftNav--> 
                <td width="198" height="450" valign="top" id="tdleft">
                        <div id="left">
                        <ul >
                            <li ms-id="li0"><a ms-href="'#/Office/ArticlesList/0'" data="全部新闻" value="0"  style="margin-left:-20px"   ms-click="tabChange"><img src="/Content/Themes/Base/Images/ico/newsLeftMenu.png" style="margin-top:9px" />&nbsp;全部新闻</a></li>
                        </ul>
                        <ul ms-repeat-item="articlesTypeList">
                            <li ms-class="selected:item.Id==requestId"><a  href="javascript:void(0);" style="margin-left:-20px" ms-attr-data="item.Name"  ms-attr-value="item.Id" ms-click="tabChange"><img src="/Content/Themes/Base/Images/ico/newsLeftMenu.png" style="margin-top:9px" />&nbsp;{{item.Name}}</a></li>
                        </ul>
                        <div class="input-append  top10">
                            <input id="newsTitle" type="text" ms-duplex="showItem.key" ms-keyup="onEnter" style="width: 93px; margin-left: 10px; font-size: 12px; color: #989898;" placeholder="输入文章标题关键字">
                            <button class="add-on ibtsearch" style="height: 28px; font-size: 12px; padding: 3px 12px;" ms-click="NewsSearch">搜索</button>
                        </div> 
                        </div>
                </td>
                <!--End leftNav-->


                <td valign="top">

                    <div style="border: #C9C9C9 solid 1px; margin: 10px; min-height: 400px">
                        <div style="margin: 20px; margin-top: 5px; border-bottom: #f1f1f6 solid 1px;">
                            <table width="100%">
                                <tr>
                                    <td colspan="2" style="color:gray; padding-bottom:5px">当前位置：新闻中心>{{typeName}}</td>
                                </tr>
                                <tr>
                                    <td width="80%"><h1 style="font-size: 17px; font-weight: 600; font-family: 微软雅黑; margin-bottom: 20px">{{typeName}}</h1></td>
                                    <td>&nbsp;</td>
                                </tr>
                            </table>
                            
                        </div>
                        <div style="margin: 20px;">

                            <table width="100%" ms-repeat-item="artclesList">
                                <tr>
                                    <td width="70px" valign="top">
                                        <div style="width:60px;height:60px; border: #C9C9C9 solid 0px;">
                                             <ul> 
                                                 <li style="text-align:center; background-color:#ecefef;height:30px;font-size: 17px; font-weight: 400; font-family: 微软雅黑;color:#58585a">
                                                     <div style="border: #C9C9C9 solid 1px;height:30px">
                                                          {{item.Id|NewsMonth}}月
                                                     </div> 
                                                 </li>
                                                 <li  style="text-align:center; border:#1d88b3 solid 1px; background-color:#1d88b3;height:30px;font-size: 17px; font-weight: 400; font-family: 微软雅黑;color:#f5f5f8">
                                                     {{item.Id|NewsDay}}日 
                                                 </li>
                                                 
                                             </ul>
                                        </div>
                                    </td>
                                    <td>
                                       <a  ms-href="item.aurl" ms-attr-target="item.atarget" style="font-size: 15px; color: #3b8dd1; font-weight: 700">{{item.Title}}</a>
                                        <p style="color: gray;">
                                            <img src="/Content/Themes/Base/Images/ico/newsfabu.png" />&nbsp;{{item.AddTime| truncate(16,'')}}&nbsp;&nbsp;<img src="/Content/Themes/Base/Images/ico/newspinglun.png" />&nbsp;{{item.CommentCount}}人评论&nbsp;&nbsp;<img src="/Content/Themes/Base/Images/ico/newliulan.png" />&nbsp;{{item.Hits}}次浏览&nbsp;&nbsp;<img src="/Content/Themes/Base/Images/ico/newsfaburen.png" />&nbsp;{{item.AddBy.DepartName}}&nbsp;{{item.AddBy.FullName}}
                                        </p>
                                        <p style="color: gray;">
                                            摘要：{{item.Brief}}
                                            </p>
                                    </td>
                                </tr>
                                 
                            </table>
                            <table width="100%">
                                <tfoot>
                                    <tr  ms-visible="artclesList.length>0">
                                        <td  ms-widget='paging,upaing,userpaing'></td>
                                    </tr>
                                    <tr ms-visible="artclesList.length==0">
                                        <td align="center" style="color:gray; font-size:20px"> 暂没数据</td>
                                       
                                    </tr>
                                </tfoot>
                            </table>

                        </div>
                    </div>

                </td>
            </tr>
        </tbody>
    </table>

</div>
