edit-profile-sign.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  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="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
  20. <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
  21. <li class="divider"></li>
  22. <li><a href="#">帮助中心</a></li>
  23. <li><a href="#">退出</a></li>
  24. </ul>
  25. </div>
  26. </div>
  27. </div>
  28. <div class="wrapContent">
  29. <div class="mainSidebar">
  30. <div class="mainNav">
  31. <ul>
  32. <li><a href="" title="开始计量"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目</a></li>
  33. <li><a href="" title="查看我的任务"><div data-icon="B" aria-hidden="true" class="navIcon"></div>审批</a></li>
  34. <li><a href="" title="生成报表"><div data-icon="C" aria-hidden="true" class="navIcon"></div>报表</a></li>
  35. <li><a href="" title="数据统计"><div data-icon="D" aria-hidden="true" class="navIcon"></div>统计</a></li>
  36. </ul>
  37. </div>
  38. </div>
  39. <div class="mainContainer">
  40. <!--内容-->
  41. <div class="mainContent">
  42. <div class="title clearfix">
  43. <div class="fR">
  44. <button class="btn btn-link" type="button"><i class="icon-question-sign"></i>&nbsp;帮助</button>
  45. </div>
  46. </div>
  47. <div class="form">
  48. <legend>修改签名图</legend>
  49. <div class="form-horizontal">
  50. <div class="form-group">
  51. <label class="col-sm-1 control-label">上传签名图</label>
  52. <div class="col-sm-2">
  53. <input placeholder="输入项目名称" value="黄金大桥项目" type="file">
  54. <p class="text-danger"><span class="glyphicon glyphicon-warning-sign"></span> 上传签名图大小为:600 x 300</p>
  55. </div>
  56. </div>
  57. <div class="form-group">
  58. <label class="col-sm-1 control-label">签名图预览</label>
  59. <div class="col-sm-10">
  60. <p class="text-danger">如签名图出现遮盖报表情况,是因为你上传的签名图不是png背景透明。请上传只有“签名”的背景透明PNG图片。<a href="">教程:如何制作一张PNG透明手写签名图</a></p>
  61. <div class="ueser-sign-view">
  62. <img src="img/baobiao2.png">
  63. <div class="user-sign">
  64. <div class="">
  65. <img src="images/user-sign.png">
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. <!--内容-->
  75. </div>
  76. </div>
  77. <script type="text/javascript">autoFlashHeight();</script>
  78. </body>