edit-profile.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  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="control-group">
  52. <label class="control-label" for="inputEmail">头像</label>
  53. <div class="controls">
  54. <img src="images/avatar-1.png"> <a href="edit-profile-avtra.html" target="_blank">更换</a>
  55. </div>
  56. </div>
  57. <div class="control-group">
  58. <label class="control-label" for="inputEmail">邮箱(登录账号)</label>
  59. <div class="controls">
  60. <input type="text" value="sg@qq.com" disabled="">&nbsp;<a href="#">修改密码</a>
  61. </div>
  62. </div>
  63. <div class="control-group">
  64. <label class="control-label" for="inputEmail">姓名</label>
  65. <div class="controls">
  66. <input type="text" placeholder="输入您的姓名">
  67. </div>
  68. </div>
  69. <div class="control-group">
  70. <label class="control-label" for="inputEmail">单位(公司)名称</label>
  71. <div class="controls">
  72. <input type="text" placeholder="输入您的单位或者公司名称" >
  73. </div>
  74. </div>
  75. <div class="control-group">
  76. <label class="control-label" for="inputEmail">职位</label>
  77. <div class="controls">
  78. <input type="text" placeholder="输入您的职位">
  79. </div>
  80. </div>
  81. <div class="control-group">
  82. <label class="control-label" for="inputEmail">联系电话</label>
  83. <div class="controls">
  84. <div class="input-prepend">
  85. <span class="add-on">固话</span>
  86. <input type="text" placeholder="格式:0000-00000000" style="width:167px">
  87. </div>
  88. <div class="input-prepend">
  89. <span class="add-on">手机</span>
  90. <input type="text" placeholder="输入11位手机号码" class="span2">
  91. </div>
  92. </div>
  93. </div>
  94. <div class="control-group">
  95. <label class="control-label" for="inputEmail">QQ</label>
  96. <div class="controls">
  97. <input type="text" placeholder="输入您的QQ号码">
  98. </div>
  99. </div>
  100. <div class="control-group">
  101. <label class="control-label"></label>
  102. <div class="controls">
  103. <a class="btn btn-primary" href="welcome - 1.html"><i class="icon-ok icon-white"></i>&nbsp;确定提交</a>
  104. </div>
  105. </div>
  106. </fieldset>
  107. </form>
  108. </div>
  109. </div>
  110. <!--内容-->
  111. </div>
  112. </div>
  113. <script type="text/javascript">autoFlashHeight();</script>
  114. </body>