portal html css js resource

cmp-staffList.html 9.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  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 type="text/css" rel="stylesheet" href="../css/common.css">
  10. <link type="text/css" rel="stylesheet" href="../css/cmpindex.css">
  11. <script type="text/javascript" src="../js/public/jquery-1.11.1.js"></script>
  12. <script type="text/javascript"src="../js/public/jquery.cookie.js"></script>
  13. <script type="text/javascript" src="../js/public/common.js"></script>
  14. </head>
  15. <body>
  16. <!--头部-->
  17. <header>
  18. <script type="text/javascript" src="../js/public/cmpHeader.js"></script>
  19. </header>
  20. <!--中间-->
  21. <div id="container">
  22. <div class="containerCon con-center">
  23. <div class="workmenu">
  24. <a href="cmp-workspaces.html" class="workmenutit">企业工作台</a>
  25. <a href="cmp-needList.html" class="worksubmenu" >需求</a>
  26. <a href="javascript:;" class="worksubmenu cmpBg">员工</a>
  27. </div>
  28. <div class="workcon">
  29. <div class="workconitem">
  30. <div class="workcontit">企业员工
  31. <a class="worksamlltit worksamlltitnow cmpBorder cmpColor">员工管理</a>
  32. <a class="worksamlltit">员工认证</a>
  33. </div>
  34. <div class="worksubcon clearfix">
  35. <!--未认证-->
  36. <div class="workblock identityState">
  37. <div class="nowState">
  38. <p><span class="identProcess" id="identProcess">通过企业认证后,您可以在这里认证企业员工,<br />这些【企业认证员工】可以在科袖网发布企业需求。</span><span class="identts" id="identts"></span></p>
  39. <a href="cmp-setAuth.html"><button type="button" class="frmtype btnModel headRadius identBtn" id="identBtn">马上认证</button></a>
  40. </div>
  41. </div>
  42. <!--员工管理-->
  43. <div class="workblock clearfix">
  44. <div class="workselectcon">
  45. <form class="stafffrm">
  46. <input type="email" name="staffemail" class="frmtype staffemail" placeholder="请输入您企业员工的邮箱地址" />
  47. <button type="button" class="frmtype btnModel headRadius identBtn">邀请</button>
  48. <p class="smalltip">对方接受邀请后,将成为您企业的认证员工,将能够以企业的名义发布需求。</p>
  49. <p class="smalltip">点击移除后,该用户将不再是您的【企业认证员工】,不能再发布企业需求,您可以在【需求管理】中关闭他之前发布的需求。</p>
  50. </form>
  51. <ul class="staffMana bgRadius clearfix">
  52. <li>
  53. <div class='leftlogo floatL headRadius'>
  54. <img class='headPhoto' src='../../images/default-photo.jpg' width='100%'>
  55. </div>
  56. <div class='rightinfo staffinfo floatL'>
  57. <p class="h3Font">["name"] </p>
  58. <p class='h5Font ellipsisSty'>
  59. <span>["title"]</span>, <span>["office"]</span>
  60. </p>
  61. <p class='h5Font ellipsisSty'>
  62. <span>["department"]</span>, <span>["orgName"]</span>
  63. </p>
  64. <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">移除</button>
  65. </div>
  66. </li>
  67. <li>
  68. <div class='leftlogo floatL headRadius'>
  69. <img class='headPhoto' src='../../images/default-photo.jpg' width='100%'>
  70. </div>
  71. <div class='rightinfo staffinfo floatL'>
  72. <p class="h3Font">["name"] </p>
  73. <p class='h5Font ellipsisSty'>
  74. <span>["title"]</span>, <span>["office"]</span>
  75. </p>
  76. <p class='h5Font ellipsisSty'>
  77. <span>["department"]</span>, <span>["orgName"]</span>
  78. </p>
  79. <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">移除</button>
  80. </div>
  81. </li>
  82. <li>
  83. <div class='leftlogo floatL headRadius'>
  84. <img class='headPhoto' src='../../images/default-photo.jpg' width='100%'>
  85. </div>
  86. <div class='rightinfo staffinfo floatL'>
  87. <p class="h3Font">["name"] </p>
  88. <p class='h5Font ellipsisSty'>
  89. <span>["title"]</span>, <span>["office"]</span>
  90. </p>
  91. <p class='h5Font ellipsisSty'>
  92. <span>["department"]</span>, <span>["orgName"]</span>
  93. </p>
  94. <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">移除</button>
  95. </div>
  96. </li>
  97. <li>
  98. <div class='leftlogo floatL headRadius'>
  99. <img class='headPhoto' src='../../images/default-photo.jpg' width='100%'>
  100. </div>
  101. <div class='rightinfo staffinfo floatL'>
  102. <p class="h3Font">["name"] </p>
  103. <p class='h5Font ellipsisSty'>
  104. <span>["title"]</span>, <span>["office"]</span>
  105. </p>
  106. <p class='h5Font ellipsisSty'>
  107. <span>["department"]</span>, <span>["orgName"]</span>
  108. </p>
  109. <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">移除</button>
  110. </div>
  111. </li>
  112. <li>
  113. <div class='leftlogo floatL headRadius'>
  114. <img class='headPhoto' src='../../images/default-photo.jpg' width='100%'>
  115. </div>
  116. <div class='rightinfo staffinfo floatL'>
  117. <p class="h3Font">["name"] </p>
  118. <p class='h5Font ellipsisSty'>
  119. <span>["title"]</span>, <span>["office"]</span>
  120. </p>
  121. <p class='h5Font ellipsisSty'>
  122. <span>["department"]</span>, <span>["orgName"]</span>
  123. </p>
  124. <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">移除</button>
  125. </div>
  126. </li>
  127. </ul>
  128. </div>
  129. </div>
  130. <!--员工认证-->
  131. <div class="workblock clearfix">
  132. <div class="workselectcon">
  133. <form class="stafffrm">
  134. <p class="smalltip">点击认证后,该用户将成为您企业的认证员工,将能够以企业的名义发布需求。</p>
  135. </form>
  136. <ul class="staffMana bgRadius clearfix">
  137. <li>
  138. <div class='leftlogo floatL headRadius'>
  139. <img class='headPhoto' src='../../images/default-photo.jpg' width='100%'>
  140. </div>
  141. <div class='rightinfo staffinfo floatL'>
  142. <p class="h3Font">["name"] </p>
  143. <p class='h5Font ellipsisSty'>
  144. <span>["title"]</span>, <span>["office"]</span>
  145. </p>
  146. <p class='h5Font ellipsisSty'>
  147. <span>["department"]</span>, <span>["orgName"]</span>
  148. </p>
  149. <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">待认证</button>
  150. </div>
  151. </li>
  152. <li>
  153. <div class='leftlogo floatL headRadius'>
  154. <img class='headPhoto' src='../../images/default-photo.jpg' width='100%'>
  155. </div>
  156. <div class='rightinfo staffinfo floatL'>
  157. <p class="h3Font">["name"] </p>
  158. <p class='h5Font ellipsisSty'>
  159. <span>["title"]</span>, <span>["office"]</span>
  160. </p>
  161. <p class='h5Font ellipsisSty'>
  162. <span>["department"]</span>, <span>["orgName"]</span>
  163. </p>
  164. <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">待认证</button>
  165. </div>
  166. </li>
  167. <li>
  168. <div class='leftlogo floatL headRadius'>
  169. <img class='headPhoto' src='../../images/default-photo.jpg' width='100%'>
  170. </div>
  171. <div class='rightinfo staffinfo floatL'>
  172. <p class="h3Font">["name"] </p>
  173. <p class='h5Font ellipsisSty'>
  174. <span>["title"]</span>, <span>["office"]</span>
  175. </p>
  176. <p class='h5Font ellipsisSty'>
  177. <span>["department"]</span>, <span>["orgName"]</span>
  178. </p>
  179. <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">待认证</button>
  180. </div>
  181. </li>
  182. <li>
  183. <div class='leftlogo floatL headRadius'>
  184. <img class='headPhoto' src='../../images/default-photo.jpg' width='100%'>
  185. </div>
  186. <div class='rightinfo staffinfo floatL'>
  187. <p class="h3Font">["name"] </p>
  188. <p class='h5Font ellipsisSty'>
  189. <span>["title"]</span>, <span>["office"]</span>
  190. </p>
  191. <p class='h5Font ellipsisSty'>
  192. <span>["department"]</span>, <span>["orgName"]</span>
  193. </p>
  194. <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">待认证</button>
  195. </div>
  196. </li>
  197. <li>
  198. <div class='leftlogo floatL headRadius'>
  199. <img class='headPhoto' src='../../images/default-photo.jpg' width='100%'>
  200. </div>
  201. <div class='rightinfo staffinfo floatL'>
  202. <p class="h3Font">["name"] </p>
  203. <p class='h5Font ellipsisSty'>
  204. <span>["title"]</span>, <span>["office"]</span>
  205. </p>
  206. <p class='h5Font ellipsisSty'>
  207. <span>["department"]</span>, <span>["orgName"]</span>
  208. </p>
  209. <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">待认证</button>
  210. </div>
  211. </li>
  212. </ul>
  213. </div>
  214. </div>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. </div>
  220. <!--底部-->
  221. <footer>
  222. <script type="text/javascript" src="../js/public/cmpFooter.js"></script>
  223. </footer>
  224. <script type="text/javascript">
  225. $(".worksamlltit").click(function(){
  226. $(this).addClass("worksamlltitnow cmpBorder cmpColor").siblings().removeClass("worksamlltitnow cmpBorder cmpColor");
  227. $(".workblock").eq($(this).index() + 1).show().siblings().hide();
  228. })
  229. </script>
  230. </body>
  231. </html>