login.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>登录CLD.System</title>
  6. <meta name=description content=纵横内部信息管理系统>
  7. <link rel="shortcut icon" href="images/favicon.ico">
  8. <meta name=copyright content=smartcost.com.cn>
  9. <link rel=stylesheet href=css/global.css>
  10. <script src=js/jquery-1.7.1.min.js></script>
  11. <script src=js/global.js></script>
  12. </head>
  13. <style>
  14. #animation{
  15. -webkit-animation:infinite pulse 4s 1s ease both;
  16. -moz-animation:infinite pulse 4s 1s ease both;}
  17. @-webkit-keyframes pulse{
  18. 0%{-webkit-transform:scale(1)}
  19. 50%{-webkit-transform:scale(1.1)}
  20. 100%{-webkit-transform:scale(1)}
  21. }
  22. @-moz-keyframes pulse{
  23. 0%{-moz-transform:scale(1)}
  24. 50%{-moz-transform:scale(1.1)}
  25. 100%{-moz-transform:scale(1)}
  26. }
  27. </style>
  28. <body class="loginBg">
  29. <div class="loginIndex">
  30. <div class="loginPanel inputErrow">
  31. <div class="warpLogin clearfix">
  32. <h2>CLD.System<sup> 1.0</sup></h2>
  33. <form id="loginform" name="loginform" method="post">
  34. <div class="formLine">
  35. <label class="textTips">帐号</label>
  36. <input class="text" type="text">
  37. </div>
  38. <div class="formLine">
  39. <label class="textTips">密码</label>
  40. <input type="password" class="text">
  41. </div>
  42. <div class="formLine clearfix">
  43. <a href="#welcome" data-toggle="modal" class="button">登录</a><span class="submitSus"></span>
  44. </div>
  45. </form>
  46. </div>
  47. <p class="formLink"><a href="http://smartcost.com.cn" target="_blabk">公司主页</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://h.smartcost.com.cn" target="_blabk">内部论坛</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://gs.smartcost.com.cn" target="_blabk">工时系统</a></p>
  48. </div>
  49. </div>
  50. <!--弹出(新员工信息填写)-->
  51. <div class="modal hide fade" id="welcome">
  52. <div class="modal-dialog modal-lg">
  53. <div class="modal-content">
  54. <div class="modal-header">
  55. <h3>欢迎加入纵横,请认真填写以下内容</h3>
  56. </div>
  57. <div class="modal-body saeaList">
  58. <table class="table table-bordered table-condensed">
  59. <tbody>
  60. <tr>
  61. <th class="taC" width="150">工号</th><td width="260">Z0001</td>
  62. <th class="taC" width="150">姓名</th><td><input type="text" value="张三" disabled></td>
  63. </tr>
  64. <tr>
  65. <th class="taC" width="150">办事处/部门</th><td><select disabled><option>总部</option></select></td>
  66. <th class="taC" width="150">岗位</th><td><input type="text" value="程序员" disabled></td>
  67. </tr>
  68. <tr>
  69. <th class="taC" width="150">入职日期</th><td><input type="date" disabled></td>
  70. <th class="taC" width="150">手机</th><td><input type="text" value="1234567890"></td>
  71. </tr>
  72. <tr>
  73. <th class="taC">QQ</th><td><input type="text" value="" data-placement="bottom" data-toggle="ctooltip" data-original-title="填写您的工作QQ"></td>
  74. <th class="taC">微信</th><td><input type="text" value="" data-placement="bottom" data-toggle="ctooltip" data-original-title="如微信已绑定手机号,填手机号即可"></td>
  75. </tr>
  76. <tr>
  77. <th class="taC">电话</th><td><input type="text" value="" data-placement="bottom" data-toggle="ctooltip" data-original-title="填写办事处电话/分机号"></td>
  78. <th class="taC">邮箱</th><td><input type="text" value=""></td>
  79. </tr>
  80. </tbody>
  81. </table>
  82. <table class="table table-bordered table-condensed">
  83. <tr>
  84. <th class="taC" width="150">性别</th><td width="260"><label class="radio inline"><input type="radio">男</label> <label class="radio inline"><input type="radio">女</label></td>
  85. <th class="taC" width="150">出生日期</th><td><input type="date"></td>
  86. </tr>
  87. <tr>
  88. <th class="taC" width="150">最高学历</th><td><select><option>请选择</option><option>初中</option><option>初中</option><option>高中</option><option>中专</option><option>大专</option><option>本科</option><option>硕士</option></select></td>
  89. <th class="taC" width="150">婚姻状况</th><td><select><option>请选择</option><option>已婚</option><option>未婚</option></select></td>
  90. </tr>
  91. </table>
  92. <table class="table table-bordered table-condensed">
  93. <tr>
  94. <th class="taC" width="150">籍贯</th><td width="260"><input type="text" data-placement="bottom" data-toggle="ctooltip" data-original-title="例:广东省珠海市" /></td>
  95. <th class="taC" width="150">紧急联系人</th><td><input type="text" data-placement="bottom" data-toggle="ctooltip" data-original-title="例:张三(老婆)15003850888"></td>
  96. </tr>
  97. <tr>
  98. <th class="taC" width="150">现居住地址</th><td colspan="3"><input type="text" style="width:500px"></td>
  99. </tr>
  100. </table>
  101. <table class="table table-bordered table-condensed">
  102. <tr>
  103. <th class="taC" width="150">身份证号码</th><td width="260"><input type="text" data-placement="bottom" data-toggle="ctooltip" data-original-title="例:440476528372638192" /></td>
  104. <th class="taC" width="150">身份证有效期</th><td><select><option>2018年</option></select> <select><option>07月</option></select> <select><option>05日</option></select></td>
  105. </tr>
  106. </table>
  107. </div>
  108. <div class="modal-footer">
  109. <a href="#" class="button">申请入职</a>
  110. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
  111. </div>
  112. </div></div>
  113. </div>
  114. </body>