portal html css js resource

workindex.html 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216
  1. <!--// 我的工作台-->
  2. <div class="workconitem">
  3. <div class="workcontit">我的工作台</div>
  4. <div class="worksubcon clearfix">
  5. <div class="workconleft floatL">
  6. <!--专家信息、相关记录-->
  7. <div class="workblock">
  8. <div class="worksubblock floatL">
  9. <div class=" workhs floatL">
  10. <a class="workhead headRadius" ><img src=""class="imgProfess" width="100%" height="100%"></a>
  11. <p class="workstat">已完成咨询<span style="color:#ff9900;" id="allConsultCount"></span></p>
  12. <p id="evastarbox"><span class="evastar2"></span><span class="evastar2"></span><span class="evastar2"></span><span class="evastar2"></span><span class="evastar2"></span></p>
  13. <!-- <p class="workstat">合作<br><span>12</span>次</p> -->
  14. </div>
  15. <div class="workinfor floatL">
  16. <h4><a class="named" id="nameS"></a><a class="modifyicon"></a></h4>
  17. <h5><span id="office"></span><span id="title"></span></h5>
  18. <h6><span id="department"></span><span id="organization"></span></h6>
  19. <h6><span id="address"></span></h6>
  20. <a class="worklinkbtn" href="information.html">>>修改资料</a>
  21. </div>
  22. </div>
  23. <div class="worksubblock floatL">
  24. <div class="workcountup">
  25. <div class="workcount" style="height: 50%;">
  26. <p><span class="workcountnum" id="unreadConsult"></span>条未读的咨询消息</p>
  27. <a class="worklinkbtn" id="lookMyConsult">>>查看我的咨询</a>
  28. </div>
  29. <!-- <div class="workcount">
  30. <p><span class="workcountnum" id="workcontain"></span>条正在进行的合作</p>
  31. <a class="worklinkbtn" id="worklinkre">>>查看我的资源</a>
  32. </div> -->
  33. </div>
  34. <div class="workcountup" id="lookMyAttention" >
  35. <p class="myAttention">我的关注</p>
  36. </div>
  37. <!--<div class="workcountup">
  38. <p><span class="workcountnum">2</span>个项目正在进行</p>
  39. <a href="" class="worklinkbtn">>>查看我的科研项目</a>
  40. </div> -->
  41. </div>
  42. </div>
  43. <!--最新咨询、最新回复-->
  44. <div class="workblock">
  45. <div class="floatL worksubblock">
  46. <div class="worktit">最新咨询<a class="worklinkbtn floatR" id="lookAllConsult">查看全部</a></div>
  47. <div class="wbcon" id="wbcon1">
  48. <div class="leftwb floatL">
  49. <a href="" class="wbimg headRadius"><img src="" width="100%" height="100%" id="proImage"></a>
  50. <p id="myFlatProName">专家姓名</p>
  51. <p class="h5Font" id="myFlatProTitle"><span id="myReplyProOffice"></span><span id="myReplyProTitle"></span></p>
  52. <p class="h6Font" id="myFlatProDepartment"><span id="myReplyProDepartment"></span><span id="myReplyProOrgName"></p>
  53. <p class="h6Font" id="myReplyAddress"></p>
  54. </div>
  55. <div class="rightwb floatL">
  56. <ul class="evasort">
  57. <li class="worktopic"><span class="topictime" id="myFlatConsultTime"></span></li>
  58. <li class="worktopic"><span id="myFlatConsultTitle"></span></li>
  59. <li class="workrecord"><span id="myFlatConsultContent"></span></li>
  60. </ul>
  61. <div class="writespan floatL">快速回复:</div>
  62. <form class="writebackbox">
  63. <textarea class="frmtype" id="myFlatConsultCon"></textarea>
  64. <input type="button" name="enterback" value="发送" id="myFlatSendConsultBtn" class="writeback floatR">
  65. </form>
  66. </div>
  67. </div>
  68. </div>
  69. <div class="floatL worksubblock" id="repalyf">
  70. <div class="worktit">最新回复<a class="worklinkbtn floatR" id="lookAllReply">查看全部</a></div>
  71. <div class="wbcon" id="wbcon2">
  72. <div class="leftwb floatL">
  73. <a href="" class="wbimg headRadius"><img src="" width="100%" height="100%" id="proreplayImage"></a>
  74. <p id="myFlatReplyProName">专家姓名</p>
  75. <p class="h5Font" id="myFlatReplyProTitle"><span id="myProOffice"></span><span id="myProTitle"></span></p>
  76. <p class="h6Font" id="myFlatReplyProDepartment"><span id="myProDepartment"></span><span id="myProOrgName"></p>
  77. <p class="h6Font" id="myAddress"></p>
  78. </div>
  79. <div class="rightwb floatL">
  80. <ul class="evasort">
  81. <li class="worktopic"><span class="topictime" id="myFlatRelpyTime" ></span></li>
  82. <li class="worktopic">回复:<span id="myFlatRelpyTitle"></span></li>
  83. <li class="workrecord"><span id="myFlatRelpyContent"></span></li>
  84. </ul>
  85. <div class="writespan floatL">快速回复:</div>
  86. <form class="writebackbox">
  87. <textarea class="frmtype" id="myFlatReplyCon"></textarea>
  88. <input type="button" name="enterback" value="发送" id="myFlatSendReplyBtn" class="writeback floatR">
  89. </form>
  90. </div>
  91. </div>
  92. </div>
  93. </div>
  94. <!--正在使用的资源-->
  95. <div class="workblock">
  96. <div class="worktit">我的资源<a class="worklinkbtn floatR" id="allResource">查看全部</a></div>
  97. <div class="wbcon">
  98. <div id="consdcen">
  99. </div>
  100. </div>
  101. </div>
  102. <!--我的文章-->
  103. <div class="workblock">
  104. <div class="worktit">我的文章<a class="worklinkbtn floatR" id="allArtical">查看全部</a></div>
  105. <div class="wbcon">
  106. <div id="conArtical">
  107. <ul class="otherRes clearfix">
  108. <li>
  109. <a href="articalInfo.html">
  110. <div class="art_topicBox">
  111. <div class="art_img"></div>
  112. <div class="art_topicbox">
  113. <h6 id="artical_topic" >李光福:为核电安全发展护航 腐蚀防护任重道远</h6>
  114. </div>
  115. </div>
  116. <div class="tagsBox">
  117. <span>显示</span>
  118. <span>电脑</span>
  119. <span>文章浏览</span>
  120. </div>
  121. </a>
  122. </li>
  123. <li>
  124. <a href="articalInfo.html">
  125. <div class="art_topicBox">
  126. <div class="art_img" style="background: url(images/banner/artical_01.jpg) 0 0 no-repeat;background-size:cover;"></div>
  127. <div class="art_topicbox">
  128. <h6 id="artical_topic" >李光福:为核电安全发展护航 腐蚀防护任重道远</h6>
  129. </div>
  130. </div>
  131. <div class="tagsBox">
  132. <span>显示</span>
  133. <span>电脑</span>
  134. <span>文章浏览</span>
  135. </div>
  136. </a>
  137. </li>
  138. <li>
  139. <a href="articalInfo.html">
  140. <div class="art_topicBox">
  141. <div class="art_img" style="background: url(images/nodata.png) 0 0 no-repeat;background-size:cover;"></div>
  142. <div class="art_topicbox">
  143. <h6 id="artical_topic" >李光福:为核电安全发展护航 腐蚀防护任重道远</h6>
  144. </div>
  145. </div>
  146. <div class="tagsBox">
  147. <span>水晶防护</span>
  148. <span>电脑</span>
  149. <span>文章浏览画面文章浏览画面</span>
  150. </div>
  151. </a>
  152. </li>
  153. </ul>
  154. </div>
  155. </div>
  156. </div>
  157. <!--正在进行的科研项目-->
  158. <!-- <div class="workblock">
  159. <div class="worktit">正在进行的科研项目<a class="worklinkbtn floatR">查看全部</a></div>
  160. <div class="wbcon">
  161. <div class="objectsrcbox">
  162. <div class="objectsrc">
  163. <p>项目名项目名项目名项目名项目名项目名项目名称</p>
  164. <p class="objectstate">进行中</p>
  165. </div>
  166. <div class="objectsrc">
  167. <p>项目名称</p>
  168. <p class="objectstate">进行中</p>
  169. </div>
  170. <div class="objectsrc">
  171. <p>项目名称</p>
  172. <p class="objectstate">进行中</p>
  173. </div>
  174. <div class="objectsrc">
  175. <p>项目名称</p>
  176. <p class="objectstate">进行中</p>
  177. </div>
  178. </div>
  179. </div>
  180. </div> -->
  181. </div>
  182. <div class="workconright floatR">
  183. <div class="worknotice">
  184. <span style="line-height: 400px;font-size: 20px; color: #ccc;">公告新闻 </span>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. <!-- 我的工作台 //-->
  190. <!-- <script type="text/javascript" src="js/consultFlat.js"></script> -->
  191. <script type="text/javascript" src="js/workindex.js"></script>
  192. <script type="text/javascript">
  193. $("#fixbtn li").on("click",function(){
  194. var indexLi=$(this).index();
  195. $("#fixbtn li").removeClass("liactive");
  196. $(".attentsCon .attentList").hide();
  197. $("#fixbtn li").eq(indexLi).addClass("liactive");
  198. $(".attentsCon .attentList").eq(indexLi).show();
  199. });
  200. $("#lookMyAttention").click(function(){
  201. $("body").css("position","fixed");
  202. $("#attentCover").fadeIn();
  203. })
  204. //关闭按钮
  205. $("#workclose").click(function(){
  206. $("#attentCover").fadeOut();
  207. $("body").css("position","static");
  208. });
  209. </script>