portal html css js resource

workspaces.html 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
  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 rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
  9. <link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
  10. <link type="text/css" href="css/reset.css" rel="stylesheet" />
  11. <link type="text/css" href="css/common.css" rel="stylesheet">
  12. <link type="text/css" href="css/workspace.css" rel="stylesheet">
  13. <link type="text/css" href="css/popup.css" rel="stylesheet">
  14. <link type="text/css" href="css/newsciresource.css" rel="stylesheet">
  15. <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
  16. <style type="text/css">
  17. .repalyf{width:100%}
  18. .emspace{letter-spacing: 2em;}
  19. .recommendBlock{position:relative;overflow:hidden;background: #FFF;padding:20px 30px;margin-bottom:20px;}
  20. ul.recommendUl li{display: none;}
  21. ul.recommendUl li:first-child{display:block;}
  22. .recommendClose{display:inline-block;position: absolute;right:20px;top:20px;cursor:pointer;width:30px;height:30px;background: url(../images/g_resource_button_guanbi_nor.png);background-size:cover;}
  23. .recommendTit{font-size: 24px;color: #fc7443;margin-bottom: 10px;}
  24. .recommendTit span{font-size:16px;color:#999;margin-left: 20px;}
  25. .recommendCon{}
  26. .recommendCon .madiaHead{position:absolute;border:1px solid #E5E5E5;width:225px;height:160px;background-position: center;background-size: cover;}
  27. .recommendCon .madiaHead.resouseHead{background-image: url(images/default-resource.jpg);border-radius:0;}
  28. .recommendCon .madiaInfo{padding-left:250px;margin:2px 0;min-height: 160px;}
  29. .recommendCon .madiaInfo p{margin-bottom: 8px;}
  30. .recommendCon .madiaInfo .h1Font{font-size:20px;color:#333;line-height:32px;}
  31. .recommendCon .madiaInfo .h2Font{font-size:16px;color:#666;line-height:26px;}
  32. .recommendCon .madiaInfo .ellipsisSty-2{height:54px;}
  33. .recommendBtn{text-align: right;}
  34. .recommendBtn button{border: none;font-size:16px;color:#666;background:none;padding:9px 28px;margin:0 30px;border-radius: 4px;}
  35. .recommendBtn button:focus{box-shadow: none;outline:none;}
  36. .recommendBtn button.btnOk{background: #ff9900;color: #fff;}
  37. </style>
  38. </head>
  39. <body>
  40. <!--我的关注-->
  41. <div class="blackcover displayNone" id="attentCover">
  42. <div class="attentionBox">
  43. <div class="topTit">关注与收藏</div>
  44. <div class="fixbox">
  45. <ul class="fixbtn" id="fixbtn">
  46. <li index="0" class="col-xs-4 liactive">专家</li>
  47. <!--当前选中状态 'liactive'-->
  48. <li index="1" class="col-xs-4">资源</li>
  49. <li index="2" class="col-xs-4">文章</li>
  50. </ul>
  51. </div>
  52. <div class="attentsCon">
  53. <ul class="attentList" id="expert"></ul>
  54. <ul class="attentList" id="resources"></ul>
  55. <ul class="attentList" id="article"></ul>
  56. </div>
  57. <div style="height: 20px;"></div>
  58. <span class="workclose" id="workclose"></span>
  59. </div>
  60. </div>
  61. <!--头部-->
  62. <header id="header">
  63. <script src="js/header.js"></script>
  64. </header>
  65. <!--中间-->
  66. <div id="container">
  67. <div class="con-center">
  68. <div class="recommendBlock displayNone">
  69. <span class="recommendClose"></span>
  70. <div class="recommendTit">请确认与您相关的资源 <span>确认后,这个资源将与您关联,企业可以通过该资源找到您。</span></div>
  71. <ul class="recommendUl">
  72. <li>
  73. <div class="recommendCon">
  74. <div class="madiaHead resouseHead"></div>
  75. <div class="madiaInfo">
  76. <p class="h1Font">资源名称资源名称资源名称</p>
  77. <p class="h2Font ellipsisSty-2"><em class="emspace"></em>途:材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀护;</p>
  78. <p class="h2Font ellipsisSty-2">所属机构:材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护;材料腐蚀护;</p>
  79. </div>
  80. </div>
  81. <div class="recommendBtn">
  82. <button class="btnOk">确认关联</button>
  83. <button class="btnNo">跳过</button>
  84. </div>
  85. </li>
  86. <li>
  87. <div class="recommendCon">
  88. <div class="madiaHead resouseHead"></div>
  89. <div class="madiaInfo">
  90. <p class="h1Font">资源名称资源名称资源名称</p>
  91. <p class="h2Font ellipsisSty-2"><em class="emspace"></em>途:材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀防护;材料腐蚀护;</p>
  92. <p class="h2Font ellipsisSty-2">所属机构:材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护;材料腐蚀护;</p>
  93. </div>
  94. </div>
  95. <div class="recommendBtn">
  96. <button class="btnOk">确认关联</button>
  97. <button class="btnNo">跳过</button>
  98. </div>
  99. </li>
  100. </ul>
  101. </div>
  102. <script>
  103. $(".recommendClose").click(function(){
  104. $(".recommendBlock").slideUp();
  105. })
  106. $(".recommendBtn button.btnNo").click(function(){
  107. $(this).parent().parent().slideUp();
  108. $(this).parent().parent().next().slideDown();
  109. })
  110. </script>
  111. <div class="workmenu">
  112. <a href="workspaces.html" class="workmenutit subcolor">工作台</a>
  113. <a class="worksubmenu" id="gozixu">咨询</a>
  114. <a href="resourceList.html" class="worksubmenu">资源</a>
  115. <a href="articalList.html" class="worksubmenu">文章</a>
  116. <a class="worksubmenu" id="dett">需求</a>
  117. </div>
  118. <div class="workcon">
  119. <div class="workconitem">
  120. <div class="workcontit">工作台</div>
  121. <div class="worksubcon clearfix">
  122. <div class="workconleft floatL">
  123. <!--专家信息、相关记录-->
  124. <div class="workblock">
  125. <div class="worksubblock floatL">
  126. <div class=" workhs floatL">
  127. <a class="workhead userRadius"><img src="" class="imgProfess" width="100%" height="100%"></a>
  128. <p class="workstat nohide">已完成咨询<span style="color:#ff9900;" id="allConsultCount"></span></p>
  129. <p id="evastarbox" class="nohide">
  130. <span class="evastar2"></span>
  131. <span class="evastar2"></span>
  132. <span class="evastar2"></span>
  133. <span class="evastar2"></span>
  134. <span class="evastar2"></span>
  135. </p>
  136. </div>
  137. <div class="workinfor floatL">
  138. <h4><a class="named" id="nameS"></a><a class="authiconNew" style="top:8px" id="nameIcon"></a></h4>
  139. <h5><span id="office"></span><span id="title"></span></h5>
  140. <h6><span id="department"></span><span id="organization"></span></h6>
  141. <h6><span id="address"></span></h6>
  142. <a class="worklinkbtn" href="information.html">>>修改资料</a>
  143. </div>
  144. </div>
  145. <div class="worksubblock floatL" style="border-left:1px solid #d6d6d6;">
  146. <div class="workcountup clearfix">
  147. <div class="workcount floatL">
  148. <p><span class="workcountnum" id="unreadConsult"></span>条未读的咨询消息</p>
  149. <a class="worklinkbtn" id="lookMyConsult">>>点击查看</a>
  150. </div>
  151. <div class="workcount floatL">
  152. <p><span class="workcountnum" id="demandNumber">0</span><span id="ponUm">个发布中的需求</span></p>
  153. <a class="worklinkbtn" id="searchDemand">>>点击搜索</a>
  154. </div>
  155. <!--<div class="workcount floatL">
  156. <p><span class="workcountnum" id="workcontain"></span>条正在进行的合作</p>
  157. <a class="worklinkbtn" id="worklinkre">>>查看我的资源</a>
  158. </div> -->
  159. </div>
  160. <div class="workcountup" id="lookMyAttention">
  161. <p class="myAttention">关注与收藏</p>
  162. </div>
  163. <!--<div class="workcountup">
  164. <p><span class="workcountnum">2</span>个项目正在进行</p>
  165. <a href="" class="worklinkbtn">>>查看我的科研项目</a>
  166. </div> -->
  167. </div>
  168. </div>
  169. <!--最新咨询、最新回复-->
  170. <div class="workblock">
  171. <div class="floatL worksubblock nohide" style="border-right: 1px solid #d6d6d6;">
  172. <div class="worktit">最新咨询
  173. <a class="worklinkbtn floatR" id="lookAllConsult" href="consult.html">查看全部</a>
  174. </div>
  175. <div class="wbcon" id="wbcon1">
  176. <div class="leftwb floatL">
  177. <a href="" class="wbimg userRadius" id="imgusr"><img src="" width="100%" height="100%" id="proImage"></a>
  178. <p id="myFlatProName">专家姓名</p>
  179. <p class="h5Font displayNone" id="myFlatProTitle"><span id="myReplyProOffice"></span><span id="myReplyProTitle"></span></p>
  180. <p class="h6Font displayNone" id="myFlatProDepartment"><span id="myReplyProDepartment"></span><span id="myReplyProOrgName"></p>
  181. <p class="h6Font displayNone" id="myReplyAddress"></p>
  182. </div>
  183. <div class="rightwb floatL">
  184. <ul class="evasort">
  185. <li class="worktopic topicTheem"><span id="myFlatConsultTitle"></span></li>
  186. <li class="worktopic"><span class="topictime" id="myFlatConsultTime"></span></li>
  187. <li class="workrecord workrecordMy"><span id="myFlatConsultContent"></span></li>
  188. </ul>
  189. <!--<div class="writespan floatL">快速回复:</div>
  190. <form class="writebackbox">
  191. <textarea class="frmtype" id="myFlatConsultCon"></textarea>
  192. <input type="button" name="enterback" value="发送" id="myFlatSendConsultBtn" class="writeback floatR">
  193. </form>-->
  194. <input type="button" name="enterback" value="查看" class="writeback floatR" id="lookconsu">
  195. </div>
  196. </div>
  197. </div>
  198. <div class="floatL worksubblock" id="repalyf">
  199. <div class="worktit">最新回复
  200. <a class="worklinkbtn floatR" id="lookAllReply" href="myConsult.html">查看全部</a>
  201. </div>
  202. <div class="wbcon" id="wbcon2">
  203. <div class="leftwb floatL">
  204. <a href="" class="wbimg userRadius" id="imgusr2"><img src="" width="100%" height="100%" id="proreplayImage"></a>
  205. <p id="myFlatReplyProName">专家姓名</p>
  206. <p class="h5Font displayNone" id="myFlatReplyProTitle"><span id="myProOffice"></span><span id="myProTitle"></span></p>
  207. <p class="h6Font displayNone" id="myFlatReplyProDepartment"><span id="myProDepartment"></span><span id="myProOrgName"></p>
  208. <p class="h6Font displayNone" id="myAddress"></p>
  209. </div>
  210. <div class="rightwb floatL">
  211. <ul class="evasort">
  212. <li class="worktopic topicTheem">回复:<span id="myFlatRelpyTitle"></span></li>
  213. <li class="worktopic"><span class="topictime" id="myFlatRelpyTime"></span></li>
  214. <li class="workrecord"><span id="myFlatRelpyContent"></span></li>
  215. </ul>
  216. <div class="writespan floatL">快速回复:</div>
  217. <form class="writebackbox">
  218. <textarea class="frmtype" id="myFlatReplyCon"></textarea>
  219. <input type="button" name="enterback" value="发送" id="myFlatSendReplyBtn" class="writeback floatR">
  220. </form>
  221. </div>
  222. </div>
  223. </div>
  224. </div>
  225. <!--正在使用的资源-->
  226. <div class="workblock">
  227. <div class="worktit">我的资源
  228. <a class="worklinkbtn floatR" id="allResource" href="resourceList.html">查看全部</a>
  229. </div>
  230. <div class="wbcon">
  231. <div id="consdcen">
  232. </div>
  233. </div>
  234. </div>
  235. <!--我的文章-->
  236. <div class="workblock">
  237. <div class="worktit">我的文章
  238. <a class="worklinkbtn floatR" id="allArtical" href="articalList.html">查看全部</a>
  239. </div>
  240. <div class="wbcon">
  241. <div id="conArtical">
  242. <ul class="otherRes clearfix" id="myNews"></ul>
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. <div class="workconright floatR">
  248. <div class="worknotice">
  249. <span style="line-height: 400px;font-size: 20px; color: #ccc;">公告新闻 </span>
  250. </div>
  251. </div>
  252. </div>
  253. </div>
  254. </div>
  255. </div>
  256. </div>
  257. <!--底部-->
  258. <footer>
  259. <script type="text/javascript" src="js/footer.js"></script>
  260. </footer>
  261. <script type="text/javascript" src="js/jquery.cookie.js"></script>
  262. <script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
  263. <script type="text/javascript" src="js/common.js"></script>
  264. <script type="text/javascript" src="js/popup.js"></script>
  265. <script type="text/javascript" src="js/workindex.js"></script>
  266. <script type="text/javascript" src="js/attention-list.js"></script>
  267. </body>
  268. </html>