<div ms-controller="ArticlesView"> 
    <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 id="li0"><a ms-href="'#/Office/ArticlesList/0'"  style="margin-left:-20px" ><img src="/Content/Themes/Base/Images/ico/newsLeftMenu.png" style="margin-top:9px" />&nbsp;全部新闻</a></li>
                        </ul>
                        <ul ms-repeat-item="articlesTypeList">
                            <li ms-attr-id="'li'+item.Id"><a ms-href="'#/Office/ArticlesList/'+item.Id"  style="margin-left:-20px"   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="key" ms-keyup="onEnter" style="width: 93px; margin-left: 10px; font-size: 12px; color: #989898;" placeholder="输入文章标题关键字">
                            <a ms-href="path" ms-click="Newsearch"> <button class="add-on ibtsearch" style="height: 28px; font-size: 12px; padding: 3px 12px;"  >搜索</button>
                                </a>
                        </div> 
                    </div>
                </td>
                <!--End leftNav-->


                <td valign="top">

                    <div style="border: #e6e6e6 solid 0px; border-bottom: hidden; margin: 10px; min-height: 400px">
                        <h1 style="margin: 10px; color: gray">当前位置：新闻中心 > <a style="color: gray" ms-href="'#/Office/ArticlesList/'+entity.TypeId">{{typeName}}</a></h1>
                        <div style="margin: 20px; border-bottom: #f1f1f6 solid 1px;">
                            <table width="100%">
                                <tr>
                                    <td align="center">
                                        <h1 style="font-size: 22px; color: #3b8dd1; font-weight: 800; font-family: 黑体">{{entity.Title}}</h1>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        <p style="color: gray; padding-left: 10px">
                                            <img src="/Content/Themes/Base/Images/ico/newsfabu.png" />&nbsp;{{entity.AddTime| truncate(16,'')}}&nbsp;&nbsp;<img src="/Content/Themes/Base/Images/ico/newspinglun.png" />&nbsp;{{entity.CommentCount}}人评论&nbsp;&nbsp;<img src="/Content/Themes/Base/Images/ico/newliulan.png" />&nbsp;{{entity.Hits}}次浏览&nbsp;&nbsp;<img src="/Content/Themes/Base/Images/ico/newsfaburen.png" />&nbsp;{{entity.AddBy.DepartName}}&nbsp;{{entity.AddBy.FullName}}&nbsp;<a ms-if="entity.Attachment" ms-href="entity.Attachment" target="_blank" style="color:#016b96;">查看附件</a>
                                        </p>
                                    </td>
                                </tr>
                            </table>


                        </div>
                        <div style="margin: 20px; font-family: 微软雅黑; font-size: 14px; color: #1a1919">
                            <p ms-if="entity.DefaultImg"> <img ms-src="entity.DefaultImg" border="0" /> </p>
                            {{entity.ArtContent|html}}
                        </div>

                    </div>
                    <h1 style="font-family: 黑体; margin-left: 20px; font-size: 15px; font-weight: bold; color: #414141">相关资讯</h1>
                    <div style="border-top: #c9c9c9 solid 1px; min-height: 50px; margin-left: 20px; width: 100%; padding:20px;">
                        <ul>
                            <li style="line-height:22px;list-style-type:disc;color:#3b8dd1;" ms-repeat-about="aboutArticlesList"><a href="javascript:void(0)" ms-click="doview" ms-attr-id="about.Id" style="color:#3b8dd1;" >{{about.Title}}</a></li>
                        </ul>
                    </div>

                    <div ms-visible="boolPinglun"> 
                    <h1 style="font-family: 黑体; margin-left: 20px; border-bottom: #c9c9c9 solid 1px; font-size: 15px; width: 80%; font-weight: bold; color: #414141">共有{{commentList.length}}访客发表了评论</h1>
                    
                    <div style="min-height:120px" width="80%">
                        <div style="border-bottom: #c9c9c9 solid 1px; min-height: 70px; margin-left: 20px; width: 80%; padding-top:5px" ms-repeat-item="commentList">
                            <table width="100%">
                                <tr style="border-bottom: #c9c9c9 solid 1px; width: 100%">
                                    <td width="55px">
                                        <div>
                                            <img width="46" height="46" ms-src="item.EmpPicture" >
                                        </div>
                                    </td>
                                    <td width="90%" style="padding-top:10px">
                                        <p>{{item.ComContent|areaText|html}}</p>
                                        <p ms-visible="item.Point==1">
                                          <font color="#3b8dd1"> 
                                          匿名用户 
                                           </font>&nbsp;&nbsp;<img src="/Content/Themes/Base/Images/ico/newsfabu.png" />&nbsp;<font color="gray">{{item.AddTime}}</font>

                                        </p>
                                        
                                        
                                    
                                    <p ms-visible="item.Point==0">
                                         

                                           <a href="javascript:void(0)"  ms-value="item.EmpId" ms-widget='userCard' ms-data-userid="item.EmpId"> <font color="#3b8dd1">{{item.EmpIdDisplay}} </font></a>

                                          &nbsp;&nbsp;<img src="/Content/Themes/Base/Images/ico/newsfabu.png" />&nbsp;<font color="gray">{{item.AddTime}}</font>

                                        </p>
                                    
                                    
                                    
                                    </td>
                                      <td align="right"><span style="font-size:23px;color:#c9c9c9">#{{$index+1}}</span></td>
                                </tr>
                            </table>

                        </div>
                          
                         <table width="100%" style=" margin-left: 20px; width: 80%;padding-top:15px">
                                <tfoot>
                                    <tr  ms-visible="artclesList.length>0">
                                        <td  ms-widget='paging,upaing,userpaing'></td>
                                    </tr>
                                     
                                </tfoot>
                            </table> 
                    </div>
                     <div style="height:400px; width:80%">
                          <h1 style="margin-top:20px; font-family: 黑体; margin-left: 20px; border-bottom: #c9c9c9 solid 1px; font-size: 15px; width: 100%; font-weight: bold; color: #414141">我来说几句吧</h1>
                        <div  style="margin-left: 20px; width: 100%; padding-top:15px">
                            <textarea style="width:98.7%;height:100px" ms-duplex="comment.ComContent"></textarea>
                        </div>
                         <table style="margin-left: 20px; width: 100%">
                             <tr>
                                 <td  width="100px"><input  type="checkbox" ms-duplex-radio="comment.Point" />&nbsp;&nbsp;匿名发表</td>
                                  <td align="right">
                                     <input type="button" class="btn btn-primary" value="提交评论（Ctrl+Enter）" ms-click="submit">
                                 </td>
                             </tr> 
                         </table>
                     </div>
                     </div>
                </td>
            </tr>
        </tbody>
    </table>

</div>
