portal html css js resource

cmp-articalList.html 6.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <title>企业文章</title>
  8. <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
  9. <link rel="stylesheet" type="text/css" href="../css/webuploader/webuploader.css">
  10. <link type="text/css" rel="stylesheet" href="css/common.css">
  11. <link type="text/css" rel="stylesheet" href="css/cmpindex.css">
  12. <script type="text/javascript" src="js/public/jquery-1.11.1.js"></script>
  13. </head>
  14. <body>
  15. <!--文章添加model-->
  16. <div class="blackcover">
  17. <div class="modelContain" style="width: 700px;">
  18. <form name="cmpAllFrm" class="cmpArticalFrm">
  19. <div class="cmpMotit">文章</div>
  20. <ul class="cmpAllUl cmpArticalul">
  21. <li>
  22. <div class="col-w-3">文章标题</div>
  23. <div class="col-w-9"><input type="text" class="frmtype frmtypeW" /></div>
  24. </li>
  25. <li>
  26. <div class="col-w-3">涉及学术领域</div>
  27. <div class="col-w-9">
  28. <div class="col-w-9">
  29. <input type="text" class="frmtype frmtypeW" />
  30. </div>
  31. <div class="col-w-3">
  32. <button type="button" class="frmtype btnModel btnModel2 headRadius">添加</button>
  33. </div>
  34. <ul class="ulspace editUlist clearfix">
  35. <!--<li>领域标签<img src="images/con_icon_delete.png" /></li>
  36. <li>领域标签<img src="images/con_icon_delete.png" /></li>
  37. <li>领域标签<img src="images/con_icon_delete.png" /></li>
  38. <li>领域标签<img src="images/con_icon_delete.png" /></li>-->
  39. </ul>
  40. </div>
  41. </li>
  42. <li>
  43. <div class="col-w-3">涉及应用行业</div>
  44. <div class="col-w-9">
  45. <div class="col-w-9">
  46. <input type="text" class="frmtype frmtypeW" />
  47. </div>
  48. <div class="col-w-3">
  49. <button type="button" class="frmtype btnModel btnModel2 headRadius">添加</button>
  50. </div>
  51. <ul class="ulspace editUlist clearfix">
  52. <!--<li>行业标签<img src="images/con_icon_delete.png" /></li>
  53. <li>行业标签行业标<img src="images/con_icon_delete.png" /></li>
  54. <li>行业标签<img src="images/con_icon_delete.png" /></li>
  55. <li>行业标签<img src="images/con_icon_delete.png" /></li>-->
  56. </ul>
  57. </div>
  58. </li>
  59. <div class="uploderArt">
  60. <div class="imgBlock" id="uploader">
  61. <div id="fileList" class="boxBlock uploader-list headRadius"><img class="boxBlockimg headRadius" src="../images/default-artical.jpg" /></div>
  62. <div id="filePicker" class="uploadInp uploadInpArt">上传文章封面图片</div>
  63. </div>
  64. <p class="smalltip">尺寸建议640*640,大小在5M以内,JPG、PNG格式</p>
  65. </div>
  66. </ul>
  67. <ul class="cmpAllUl cmpArticalul cmpArticalul2">
  68. <li>
  69. <div class="col-w-2">文章正文</div>
  70. <div class="col-w-10">
  71. <textarea class="frmtype frmtypeW"></textarea>
  72. </div>
  73. </li>
  74. <li class="alignCenter" style="position: relative;">
  75. <button type="button" class="frmtype btnModel headRadius save-block">发布</button>
  76. <a class="deleteFont">删除文章</a>
  77. </li>
  78. </ul>
  79. </form>
  80. <span class="modelClosebtn"></span>
  81. </div>
  82. </div>
  83. <!--头部-->
  84. <header>
  85. <script type="text/javascript" src="js/public/cmpHeader.js"></script>
  86. </header>
  87. <!--中间-->
  88. <div id="container">
  89. <div class="containerCon con-center">
  90. <div class="workmenu">
  91. <a href="cmp-workspaces.html" class="workmenutit">企业工作台</a>
  92. <a href="javascript:;" class="worksubmenu cmpBg">文章</a>
  93. <a href="cmp-needList.html" class="worksubmenu">需求</a>
  94. <a href="cmp-staffList.html" class="worksubmenu">员工</a>
  95. </div>
  96. <div class="workcon">
  97. <div class="workconitem">
  98. <div class="workcontit">文章管理</div>
  99. <div class="worksubcon clearfix">
  100. <!--企业信息、相关记录-->
  101. <div class="workblock clearfix">
  102. <div class="workarea">
  103. <div class="addworkbtn"></div>
  104. <div class="addworkbtn-list">
  105. <div class="showBlock">
  106. <div class="showImg"></div>
  107. <div class="showBasic">
  108. <h6 class="showTopic">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</h6>
  109. </div>
  110. </div>
  111. <div class="tagsBox">
  112. <span>one,two,three,1</span>
  113. </div>
  114. </div>
  115. <div class="addworkbtn-list">
  116. <div class="showBlock">
  117. <div class="showImg"></div>
  118. <div class="showBasic">
  119. <h6 class="showTopic">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</h6>
  120. </div>
  121. </div>
  122. <div class="tagsBox">
  123. <span>one,two,three,1</span>
  124. </div>
  125. </div>
  126. <div class="addworkbtn-list">
  127. <div class="showBlock">
  128. <div class="showImg"></div>
  129. <div class="showBasic">
  130. <h6 class="showTopic">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</h6>
  131. </div>
  132. </div>
  133. <div class="tagsBox">
  134. <span>one,two,three,1</span>
  135. </div>
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. <!--底部-->
  145. <footer>
  146. <script type="text/javascript" src="js/public/cmpFooter.js"></script>
  147. </footer>
  148. <script type="text/javascript"src="js/public/jquery.cookie.js"></script>
  149. <script type="text/javascript" src="../js/webuploader/webuploader.js"></script>
  150. <script type="text/javascript" src="js/public/jquery.similar.msgbox.js"></script>
  151. <script type="text/javascript" src="js/public/common.js"></script>
  152. <script type="text/javascript">
  153. $(".addworkbtn,.addworkbtn-list").click(function() {
  154. modelOpen();
  155. })
  156. $(".modelClosebtn").click(function() {
  157. modelClose();
  158. })
  159. </script>
  160. </body>
  161. </html>