article.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7. <script type="text/javascript" src="../../commons/js/business-all.js"></script>
  8. <script type="text/javascript" charset="utf-8" src="../../commons/ueditor/ueditor.config.js"></script>
  9. <script type="text/javascript" charset="utf-8" src="../../commons/ueditor/ueditor.all.js"> </script>
  10. <script type="text/javascript" charset="utf-8" src="../../commons/ueditor/lang/zh-cn/zh-cn.js"></script>
  11. <script type="text/javascript" src="js/news-article.js"></script>
  12. <script type="text/javascript" src="../../commons/upload/upload.js"></script>
  13. <script language="javascript" type="text/javascript" src="../../commons/js/jquery.pager.js"></script>
  14. <script type="text/javascript">
  15. window.UEDITOR_HOME_URL="/Hos-Process/commons/ueditor/";
  16. </script>
  17. </head>
  18. <body onload="$('#loading-mask').fadeOut('slow');">
  19. <div id="loading-mask"
  20. style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #D2E0F2; z-index: 20000">
  21. <div id="pageloading"
  22. style="position: absolute; top: 50%; left: 50%; margin: -120px 0px 0px -120px; text-align: center; width:200px; border:1px solid #a6bccb; background-color:#fff;padding: 10px; background: #fff; color: #555;">
  23. <img src="../../commons/images/loading.gif" align="absmiddle" />
  24. 正在加载中,请稍候...
  25. </div>
  26. </div>
  27. <div class="container-wrap">
  28. <div class="main-header hidden">
  29. <div class="fl ml20 mt15 f14 c-222">文章管理</div>
  30. <div class="fr mt10 main-header-btns"><a href="javascript:;" class="btn-add" onclick="changeTabs('article_open.html')">新增文章</a></div>
  31. </div>
  32. <div class="scroll-pane jspScrollable">
  33. <div class="container">
  34. <div class="p20">
  35. <div class="querybar clearfix">
  36. <label class="fl mr10">操作时间</label>
  37. <div class="fl date-wrap mr10">
  38. <input type="text" class="date-txt datetimepicker" value="2015-05-25" id="datetimepicker1" readonly/>
  39. </div>
  40. <label class="fl mr10">-</label>
  41. <div class="fl date-wrap mr20">
  42. <input type="text" class="date-txt datetimepicker" value="2015-05-25" id="datetimepicker2" readonly/>
  43. </div>
  44. <label class="fl mr10" style=" width:72px; text-align:right;">文章栏目</label>
  45. <select name="" id="typeClass" class="fl select mr20">
  46. <option value="-1">请选择</option>
  47. <option value="0">新闻动态</option>
  48. <option value="1">通知公告</option>
  49. <option value="2">健康宣教</option>
  50. <!-- <option value="0">未发布</option>-->
  51. </select>
  52. <label class="fl mr10">状态</label>
  53. <select name="" id="type" class="fl select mr20">
  54. <option value="-1">请选择</option>
  55. <option value="0">未发布</option>
  56. <option value="1">已发布</option>
  57. </select>
  58. <label class="fl mr10">是否置顶</label>
  59. <select name="" class="fl select mr20" id="isHead">
  60. <option value="-1">请选择</option>
  61. <option value="1">是</option>
  62. <option value="0">否</option>
  63. </select>
  64. <span class="fr">
  65. <label class="fl mr10">文章标题</label>
  66. <input type="text" class="fl text w195 mr10" id="title"/>
  67. <input type="button" value="查询" class="fl btn-gray" id="queryBut" />
  68. </span> </div>
  69. </div>
  70. <div class="setup-content pl20 pr20">
  71. <table class="tb pt0 mt0" width="100%" id="thead">
  72. <tr>
  73. <th class="w100p">文章栏目</th>
  74. <th class="w100p">文章标题</th>
  75. <th class="w100p">状态</th>
  76. <th class="w160p">操作时间</th>
  77. <th class="w160p">发布时间</th>
  78. <th class="w200p last">操作</th>
  79. </tr>
  80. <!-- <tr>-->
  81. <!-- <td>新闻动态</td>-->
  82. <!-- <td>我司与省立医院达成合作</td>-->
  83. <!-- <td><div class="my-switch-box red"><span></span></div>已发布</td>-->
  84. <!-- <td>2015-05-04 12:22:33</td>-->
  85. <!-- <td>2015-05-04 13:33:32</td>-->
  86. <!-- <td><ul class="i-btn-list">-->
  87. <!-- <li><a href="javascript:;" class="i-btn"><i class="i-edit"></i>编辑</a> </li>-->
  88. <!-- <li><a href="javascript:;" class="i-btn"><i class="i-del"></i>删除</a></li>-->
  89. <!-- <li><a href="javascript:;" class="i-btn"><i class="i-notop"></i><span>置顶</span></a></li>-->
  90. <!-- </ul></td>-->
  91. <!-- </tr>-->
  92. <!-- <tr>-->
  93. <!-- <td>新闻动态</td>-->
  94. <!-- <td>我司与省立医院达成合作</td>-->
  95. <!-- <td><div class="my-switch-box red"><span></span></div>未发布</td>-->
  96. <!-- <td>2015-05-04 12:22:33</td>-->
  97. <!-- <td>2015-05-04 13:33:32</td>-->
  98. <!-- <td><ul class="i-btn-list">-->
  99. <!-- <li><a href="javascript:;" class="i-btn"><i class="i-edit"></i>编辑</a> </li>-->
  100. <!-- <li><a href="javascript:;" class="i-btn"><i class="i-del"></i>删除</a></li>-->
  101. <!-- <li><a href="javascript:;" class="i-btn"><i class="i-top"></i><span>取消置顶</span></a></li>-->
  102. <!-- </ul></td>-->
  103. <!-- </tr>-->
  104. </table>
  105. <div class="pager_container clearfix" >
  106. <input id="totalcount" type="hidden" value="0" />
  107. <input id="pagenumber" type="hidden" value="1" />
  108. <div id="pager"></div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. <!--/main content-->
  115. <div id="add-form1" style="display:none;">
  116. <div class="add-article" style="overflow-y:scroll; max-height:400px;">
  117. <table >
  118. <tr>
  119. <th><i>*</i>文章标题</th>
  120. <td><input type="text" class="text input-text-w450 big" id="dtitle"/></td>
  121. </tr>
  122. <tr>
  123. <th><i>*</i>文章栏目</th>
  124. <td><select name="" id="dtypeClass" class="select select-img">
  125. <option value="0" data-val="img">新闻动态</option>
  126. <option value="1" data-val="noimg">通知公告</option>
  127. <option value="2" data-val="noimg">健康宣教</option>
  128. </select></td>
  129. </tr>
  130. <tr>
  131. <th><i>*</i>文章类型</th>
  132. <td><select class="select artClass" id="dtype">
  133. <option value="0" data-val="article">文章</option>
  134. <option value="1" data-val="links">链接</option>
  135. </select></td>
  136. </tr>
  137. <tr id="ar1" style="display:none">
  138. <th><i>*</i>链接地址</th>
  139. <td><input type="text" class="text input-text-w450 big" id="dlink"/></td>
  140. </tr>
  141. <tr id="ar2">
  142. <th><i>*</i>文章内容 </th>
  143. <td id="_td"></td>
  144. </tr>
  145. <tr id="ar3">
  146. <th><i>*</i>图片增加</th>
  147. <td>
  148. <div class="wdz-img fl" id="addSmallImg"> <input type="file" title="点击上传图片" value="点击上传图片" />
  149. <img id="addSmallImgV" src="../../common/themes/default/images/wdz/img-small.gif" style="height:80px;width:80px;" />
  150. </div>
  151. <input type="hidden" id="ImgUrl" name="ImgUrl" value="http://f1.yihuimg.com/TFS/upfile/WBJ/1023577/2014-07-23/003320_1406097193619_fullsize.jpg"/>
  152. <div class="wdz-img fl ml20" id="addBigImg">
  153. <img id="addBigImgV" src="../../common/themes/default/images/wdz/img-big.gif" style="height:80px;width:230px;" />
  154. </div> <div style="padding-top: 30px;font-size: xx-small;">&nbsp;&nbsp;建议尺寸:小图200×200px,大图360×150px<br/> &nbsp;&nbsp;图片格式:.jpeg|.gif|.jpg|.png</div>
  155. <input type="hidden" id="addBigImgUrl" name="BaddigImgUrl" value="http://f1.yihuimg.com/TFS/upfile/WBJ/1023577/2014-07-23/003321_1406097200634_fullsize.jpg" />
  156. </td>
  157. </tr>
  158. <tr id="trStatus">
  159. <th><i>*</i>文章状态</th>
  160. <td><select name="" id="dstatus" class="select">
  161. <option value="0">未发布</option>
  162. <option value="1">已发布</option>
  163. </select></td>
  164. </tr>
  165. </table>
  166. <input type="hidden" id="hidContent" value=""/>
  167. </div>
  168. </div>
  169. </body>
  170. <script language="javascript">
  171. function changeTabs(url){
  172. //var b = window.parent;
  173. //b.changeTabs(url);
  174. window.location.href = url;
  175. }
  176. </script>
  177. </html>