account_back.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="author" content="yihu.com" />
  6. <meta name="format-detection" content="telephone=no" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  8. <meta name="apple-mobile-web-app-capable" content="yes" />
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  10. <title>账号申诉</title>
  11. <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css">
  12. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
  13. <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
  14. <link rel="stylesheet" type="text/css" href="../css/feedback.css" />
  15. </head>
  16. <body>
  17. <div class="h45">
  18. <div class="demo-comtop">
  19. <a class="mui-action-back"></a>
  20. <h1 class="c-f18">账号申诉</h1>
  21. <div class="header-link">
  22. <a class="link c-f14">申诉记录</a>
  23. </div>
  24. </div>
  25. </div>
  26. <div class="feedback">
  27. <div class="mui-page-content">
  28. <div class="mt10 bgc-fff plr10 ptb10 c-border-tb">
  29. <div class="mui-inline">问题和意见</div>
  30. <a class="mui-pull-right mui-inline" href="#popover">
  31. <span id="selected_name">选择类型</span>
  32. <span class="mui-icon mui-icon-arrowdown"></span>
  33. </a>
  34. <div id="popover" class="mui-popover ab-h bg-w">
  35. <div class="mui-popover-arrow"></div>
  36. <div class="mui-scroll-wrapper">
  37. <div class="mui-scroll">
  38. <ul class="mui-table-view c-f14">
  39. <li class="mui-table-view-cell j-select-type" data-type="1"><a href="#popover">手机号码变更</a></li>
  40. <li class="mui-table-view-cell j-select-type" data-type="2"><a href="#popover">重置密码</a></li>
  41. <li class="mui-table-view-cell j-select-type" data-type="3"><a href="#popover">其他</a></li>
  42. </ul>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. <div class="row mui-input-row c-border-b">
  48. <textarea id='question' class="mui-input-clear question" maxlength="500" placeholder="请在此处描述您的问题,我们会在会尽快联系您!可附带填写您的相关信息,以便我们更快审核,如:使用过的旧密码、旧手机号、所在机构及部门等"></textarea>
  49. <div class="c-t-right pr10 c-f12 c-909090"><span id="text_count">0</span><span>/500</span></div>
  50. </div>
  51. <p class="mt10 bgc-fff c-border-tb c-f16 ptb10 plr10 c-333">图片(选填,提供问题截图,最多选择3张)</p>
  52. <div id="img_wrap" class="clearfix row c-border-b">
  53. <div id="add_pic" class="add-img">
  54. <img src="../images/tianjiatupian_btn.png" width="65">
  55. </div>
  56. </div>
  57. <ul class="c-list mt10 c-border-tb plr10">
  58. <li class="ptb10 ml0 ui-grid-middle">
  59. <div class="c-list-key">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名:</div>
  60. <div class="c-list-info pr0">
  61. <input id='name' class="border-input" type="text" placeholder="请输入申诉人姓名">
  62. </div>
  63. </li>
  64. <li class="ptb10 ml0 ui-grid-middle">
  65. <div class="c-list-key">身份证号:</div>
  66. <div class="c-list-info pr0">
  67. <input id='idcard' class="border-input" type="text" placeholder="请输入申诉人身份证号">
  68. </div>
  69. </li>
  70. <li class="ptb10 ml0 ui-grid-middle">
  71. <div class="c-list-key">手机号码:</div>
  72. <div class="c-list-info pr0">
  73. <input id='phone' class="border-input" type="text" placeholder="请输入申诉人手机号码">
  74. </div>
  75. </li>
  76. </ul>
  77. <p class="plr10 c-f12 c-909090 mt10">温馨提示:客服人员需要通过申诉人提交的信息识别并定位对应申诉账号,请填写您的真实信息</p>
  78. </div>
  79. </div>
  80. <div class="plr10 mt15 pb20">
  81. <a class="c-btn c-btn-full c-btn-37a6ec border-radius-rounded c-f16" id="action_btn">提&#x3000;交</a>
  82. </div>
  83. <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript" charset="utf-8"></script>
  84. <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
  85. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  86. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  87. <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
  88. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  89. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js" type="text/javascript" charset="utf-8"></script>
  90. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" />
  91. <script src="../js/feedback_photo.js" type="text/javascript" charset="utf-8"></script>
  92. <script src="../js/account_back.js" type="text/javascript" charset="utf-8"></script>
  93. </body>
  94. </html>