edit-profile.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>纵横计量支付系统</title>
  6. <meta name=description content=计量支付>
  7. <meta name=copyright content=smartcost.com.cn>
  8. <link rel=stylesheet href=css/bootstrap.css>
  9. <link rel=stylesheet href=css/style.css>
  10. <script src=js/jquery-1.9.1.min.js></script>
  11. <script src=js/bootstrap.js></script>
  12. <script src=js/jl.js></script>
  13. </head>
  14. <body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
  15. <div class="btn-group">
  16. <button data-toggle="dropdown" class="btn dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
  17. <ul class="dropdown-menu">
  18. <li><a href="#">个人信息</a></li>
  19. <li><a href="edit-profile-sms.html">短信通知</a></li>
  20. <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
  21. <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
  22. <li class="divider"></li>
  23. <li><a href="#">帮助中心</a></li>
  24. <li><a href="#">退出</a></li>
  25. </ul>
  26. </div>
  27. </div>
  28. </div>
  29. <div class="wrapContent">
  30. <div class="mainSidebar">
  31. <div class="mainNav">
  32. <ul>
  33. <li><a href="" title="开始计量"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目</a></li>
  34. <li><a href="" title="查看我的任务"><div data-icon="B" aria-hidden="true" class="navIcon"></div>审批</a></li>
  35. <li><a href="" title="生成报表"><div data-icon="C" aria-hidden="true" class="navIcon"></div>报表</a></li>
  36. <li><a href="" title="数据统计"><div data-icon="D" aria-hidden="true" class="navIcon"></div>统计</a></li>
  37. </ul>
  38. </div>
  39. </div>
  40. <div class="mainContainer">
  41. <!--内容-->
  42. <div class="mainContent">
  43. <div class="title clearfix">
  44. <div class="fR">
  45. <button class="btn btn-link" type="button"><i class="icon-question-sign"></i>&nbsp;帮助</button>
  46. </div>
  47. </div>
  48. <div class="form">
  49. <form class="form-horizontal">
  50. <legend>编辑个人信息</legend>
  51. <div class="form-group">
  52. <label class="col-sm-1 control-label" for="inputEmail">头像</label>
  53. <div class="col-sm-2">
  54. <img src="images/avatar-1.png"> <a href="edit-profile-avtra.html" target="_blank">更换</a>
  55. </div>
  56. </div>
  57. <div class="form-group">
  58. <label class="col-sm-1 control-label" for="inputEmail">邮箱(登录账号)</label>
  59. <div class="col-sm-2">
  60. <input class="form-control" type="text" value="sg@qq.com" disabled="">
  61. <span class="help-block"><a href="edit-profile-pw.html">修改密码</a></span>
  62. </div>
  63. </div>
  64. <div class="form-group">
  65. <label class="col-sm-1 control-label" for="inputEmail">姓名</label>
  66. <div class="col-sm-2">
  67. <input class="form-control" type="text" placeholder="输入您的姓名">
  68. </div>
  69. </div>
  70. <div class="form-group">
  71. <label class="col-sm-1 control-label" for="inputEmail">单位(公司)名称</label>
  72. <div class="col-sm-2">
  73. <input class="form-control" type="text" placeholder="输入您的单位或者公司名称" >
  74. </div>
  75. </div>
  76. <div class="form-group">
  77. <label class="col-sm-1 control-label" for="inputEmail">职位</label>
  78. <div class="col-sm-2 controls">
  79. <input class="form-control" type="text" placeholder="输入您的职位">
  80. </div>
  81. </div>
  82. <div class="form-group">
  83. <label class="col-sm-1 control-label" for="inputEmail">联系电话</label>
  84. <div class="col-sm-2">
  85. <div class="input-prepend">
  86. <input class="form-control" type="text" placeholder="输入您的联系电话(手机)">
  87. </div>
  88. </div>
  89. </div>
  90. <div class="form-group">
  91. <label class="col-sm-1 control-label" for="inputEmail">短信通知</label>
  92. <div class="col-sm-2">
  93. <div class="input-group">
  94. <span class="input-group-addon" id="basic-addon1">手机</span>
  95. <input class="form-control" type="text" value="12345678901" class="span2" disabled="">
  96. </div>
  97. </div>
  98. </div>
  99. <div class="form-group">
  100. <label class="col-sm-1 control-label" for="inputEmail">QQ</label>
  101. <div class="col-sm-2">
  102. <div class="input-prepend">
  103. <input class="form-control" type="text" placeholder="输入您的QQ号码">
  104. </div>
  105. </div>
  106. </div>
  107. <div class="form-group">
  108. <label class="col-sm-1 control-label" for="inputEmail">签名图</label>
  109. <div class="col-sm-2">
  110. <div class="input-prepend">
  111. <img src="images/user-sign.PNG" width="300">
  112. <p><a href="edit-profile-sign.html">更换签名图</a></p>
  113. </div>
  114. </div>
  115. </div>
  116. <div class="form-group">
  117. <label class="col-sm-1 control-label"></label>
  118. <div class="col-sm-2">
  119. <a class="btn btn-primary" href="welcome - 1.html"><i class="icon-ok icon-white"></i>&nbsp;确定提交</a>
  120. </div>
  121. </div>
  122. </form>
  123. </div>
  124. </div>
  125. <!--内容-->
  126. </div>
  127. </div>
  128. <script type="text/javascript">autoFlashHeight();</script>
  129. </body>