portal html css js resource

cmp-staffList.html 10KB

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>企业员工管理</title> <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css"> <link type="text/css" rel="stylesheet" href="css/common.css"> <link type="text/css" rel="stylesheet" href="css/cmpindex.css"> <script type="text/javascript" src="js/public/jquery-1.11.1.js"></script> <script type="text/javascript"src="js/public/jquery.cookie.js"></script> <script type="text/javascript" src="js/public/common.js"></script> </head> <body> <!--头部--> <header> <script type="text/javascript" src="js/public/cmpHeader.js"></script> </header> <!--中间--> <div id="container"> <div class="containerCon con-center"> <div class="workmenu"> <a href="cmp-workspaces.html" class="workmenutit">企业工作台</a> <a href="cmp-needList.html" class="worksubmenu" >需求</a> <a href="javascript:;" class="worksubmenu cmpBg">员工</a> </div> <div class="workcon"> <div class="workconitem"> <div class="workcontit">企业员工 <a class="worksamlltit worksamlltitnow cmpBorder cmpColor">员工管理</a> <a class="worksamlltit">员工认证</a> </div> <div class="worksubcon clearfix"> <!--未认证--> <div class="workblock identityState"> <div class="nowState"> <p><span class="identProcess" id="identProcess">通过企业认证后,您可以在这里认证企业员工,<br />这些【企业认证员工】可以在科袖网发布企业需求。</span><span class="identts" id="identts"></span></p> <a href="cmp-setAuth.html"><button type="button" class="frmtype btnModel headRadius identBtn" id="identBtn">马上认证</button></a> </div> </div> <!--员工管理--> <div class="workblock clearfix"> <div class="workselectcon"> <form class="stafffrm"> <input type="email" name="staffemail" class="frmtype staffemail" placeholder="请输入您企业员工的邮箱地址" /> <button type="button" class="frmtype btnModel headRadius identBtn">邀请</button> <ul class="staffTip smalltip"> <li>* 对方接受邀请后,将成为您的【企业认证员工】,能够以您企业的名义发布需求。</li> <li>* 若输入的邮箱已注册账户,说明该员工已拥有「科袖」账户,您可以要求该员工将个人资料中的“所在机构”修改正确,就可以在【员工认证】列表中看到该员工了。</li> </ul> <p class="smalltip">点击移除后,该用户将不再是您的【企业认证员工】,不能再发布企业需求,您可以在【需求管理】中关闭他之前发布的需求。</p> </form> <ul class="staffMana bgRadius clearfix"> <li> <div class='leftlogo floatL headRadius'> <img class='headPhoto' src='images/default-photo.jpg' width='100%'> </div> <div class='rightinfo staffinfo floatL'> <p class="h3Font">["name"] </p> <p class='h5Font ellipsisSty'> <span>["title"]</span>, <span>["office"]</span> </p> <p class='h5Font ellipsisSty'> <span>["department"]</span>, <span>["orgName"]</span> </p> <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">移除</button> </div> </li> <li> <div class='leftlogo floatL headRadius'> <img class='headPhoto' src='images/default-photo.jpg' width='100%'> </div> <div class='rightinfo staffinfo floatL'> <p class="h3Font">["name"] </p> <p class='h5Font ellipsisSty'> <span>["title"]</span>, <span>["office"]</span> </p> <p class='h5Font ellipsisSty'> <span>["department"]</span>, <span>["orgName"]</span> </p> <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">移除</button> </div> </li> <li> <div class='leftlogo floatL headRadius'> <img class='headPhoto' src='images/default-photo.jpg' width='100%'> </div> <div class='rightinfo staffinfo floatL'> <p class="h3Font">["name"] </p> <p class='h5Font ellipsisSty'> <span>["title"]</span>, <span>["office"]</span> </p> <p class='h5Font ellipsisSty'> <span>["department"]</span>, <span>["orgName"]</span> </p> <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">移除</button> </div> </li> <li> <div class='leftlogo floatL headRadius'> <img class='headPhoto' src='../images/default-photo.jpg' width='100%'> </div> <div class='rightinfo staffinfo floatL'> <p class="h3Font">["name"] </p> <p class='h5Font ellipsisSty'> <span>["title"]</span>, <span>["office"]</span> </p> <p class='h5Font ellipsisSty'> <span>["department"]</span>, <span>["orgName"]</span> </p> <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">移除</button> </div> </li> <li> <div class='leftlogo floatL headRadius'> <img class='headPhoto' src='../images/default-photo.jpg' width='100%'> </div> <div class='rightinfo staffinfo floatL'> <p class="h3Font">["name"] </p> <p class='h5Font ellipsisSty'> <span>["title"]</span>, <span>["office"]</span> </p> <p class='h5Font ellipsisSty'> <span>["department"]</span>, <span>["orgName"]</span> </p> <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">移除</button> </div> </li> </ul> </div> </div> <!--员工认证--> <div class="workblock clearfix"> <div class="workselectcon"> <form class="stafffrm"> <p class="smalltip">列表中的用户在资料中填写了您的企业名称,点击认证后,该用户将成为您的【企业认证员工】,能够以您企业的名义发布需求。</p> </form> <ul class="staffMana bgRadius clearfix"> <li> <div class='leftlogo floatL headRadius'> <img class='headPhoto' src='../images/default-photo.jpg' width='100%'> </div> <div class='rightinfo staffinfo floatL'> <p class="h3Font">["name"] </p> <p class='h5Font ellipsisSty'> <span>["title"]</span>, <span>["office"]</span> </p> <p class='h5Font ellipsisSty'> <span>["department"]</span>, <span>["orgName"]</span> </p> <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">待认证</button> </div> </li> <li> <div class='leftlogo floatL headRadius'> <img class='headPhoto' src='../images/default-photo.jpg' width='100%'> </div> <div class='rightinfo staffinfo floatL'> <p class="h3Font">["name"] </p> <p class='h5Font ellipsisSty'> <span>["title"]</span>, <span>["office"]</span> </p> <p class='h5Font ellipsisSty'> <span>["department"]</span>, <span>["orgName"]</span> </p> <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">待认证</button> </div> </li> <li> <div class='leftlogo floatL headRadius'> <img class='headPhoto' src='../images/default-photo.jpg' width='100%'> </div> <div class='rightinfo staffinfo floatL'> <p class="h3Font">["name"] </p> <p class='h5Font ellipsisSty'> <span>["title"]</span>, <span>["office"]</span> </p> <p class='h5Font ellipsisSty'> <span>["department"]</span>, <span>["orgName"]</span> </p> <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">待认证</button> </div> </li> <li> <div class='leftlogo floatL headRadius'> <img class='headPhoto' src='../images/default-photo.jpg' width='100%'> </div> <div class='rightinfo staffinfo floatL'> <p class="h3Font">["name"] </p> <p class='h5Font ellipsisSty'> <span>["title"]</span>, <span>["office"]</span> </p> <p class='h5Font ellipsisSty'> <span>["department"]</span>, <span>["orgName"]</span> </p> <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">待认证</button> </div> </li> <li> <div class='leftlogo floatL headRadius'> <img class='headPhoto' src='../images/default-photo.jpg' width='100%'> </div> <div class='rightinfo staffinfo floatL'> <p class="h3Font">["name"] </p> <p class='h5Font ellipsisSty'> <span>["title"]</span>, <span>["office"]</span> </p> <p class='h5Font ellipsisSty'> <span>["department"]</span>, <span>["orgName"]</span> </p> <button type="button" class="frmtype fontLink btnPosition cmpColor headRadius">待认证</button> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <!--底部--> <footer> <script type="text/javascript" src="js/public/cmpFooter.js"></script> </footer> <script type="text/javascript"> $(".worksamlltit").click(function(){ $(this).addClass("worksamlltitnow cmpBorder cmpColor").siblings().removeClass("worksamlltitnow cmpBorder cmpColor"); $(".workblock").eq($(this).index() + 1).show().siblings().hide(); }) </script> </body> </html>