modify.php 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271
  1. {extend name="public/container"}
  2. {block name="title"}{$title|default=''}{/block}
  3. {block name="head_top"}
  4. <link href="/system/frame/css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
  5. <link href="/system/frame/css/style.min.css?v=3.0.0" rel="stylesheet">
  6. <style>
  7. .check {
  8. color: #f00
  9. }
  10. .demo-upload {
  11. display: block;
  12. height: 33px;
  13. text-align: center;
  14. border: 1px solid transparent;
  15. border-radius: 4px;
  16. overflow: hidden;
  17. background: #fff;
  18. position: relative;
  19. box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  20. margin-right: 4px;
  21. }
  22. .demo-upload img {
  23. width: 100%;
  24. height: 100%;
  25. display: block;
  26. }
  27. .demo-upload-cover {
  28. display: none;
  29. position: absolute;
  30. top: 0;
  31. bottom: 0;
  32. left: 0;
  33. right: 0;
  34. background: rgba(0, 0, 0, .6);
  35. }
  36. .demo-upload:hover .demo-upload-cover {
  37. display: block;
  38. }
  39. .demo-upload-cover i {
  40. color: #fff;
  41. font-size: 20px;
  42. cursor: pointer;
  43. margin: 0 2px;
  44. }
  45. .code-send {
  46. cursor: pointer;
  47. }
  48. .form-title {
  49. padding: 93px 0 32px;
  50. font-size: 22px;
  51. text-align: center;
  52. color: #1890FF;
  53. }
  54. .layui-form-item {
  55. text-align: center;
  56. }
  57. .layui-form-item .layui-inline {
  58. margin-bottom: 28px;
  59. margin-right: 0;
  60. }
  61. .layui-form-pane .layui-form-label {
  62. width: 90px;
  63. height: 36px;
  64. margin-bottom: 0;
  65. }
  66. .layui-form-item .layui-input-inline {
  67. width: 261px;
  68. margin-right: 0;
  69. }
  70. .layui-form-pane .layui-input {
  71. height: 36px;
  72. }
  73. .layui-btn {
  74. width: 350px;
  75. background-color: #1890FF;
  76. }
  77. .layui-form-item .layui-inline a {
  78. padding-left: 10px;
  79. padding-right: 10px;
  80. font-size: 14px;
  81. color: #1890FF;
  82. }
  83. .layui-form-item .layui-inline a ~ a {
  84. border-left: 1px solid #aaa;
  85. }
  86. </style>
  87. <script>
  88. window.test = 1;
  89. </script>
  90. {/block}
  91. {block name="content"}
  92. <div class="layui-row layui-col-space15">
  93. <div class="layui-col-md12">
  94. <div class="layui-card">
  95. <div class="layui-card-body">
  96. <div class="form-title">修改一号通账户密码</div>
  97. <form class="layui-form layui-form-pane" action="" lay-filter="example">
  98. <div class="layui-form-item">
  99. <div class="layui-inline">
  100. <label class="layui-form-label">账号</label>
  101. <div class="layui-input-inline">
  102. <input type="text" name="account" required lay-verify="required" placeholder="请输入账号" autocomplete="off" class="layui-input">
  103. </div>
  104. </div>
  105. </div>
  106. <div class="layui-form-item">
  107. <div class="layui-inline">
  108. <label class="layui-form-label">密码</label>
  109. <div class="layui-input-inline">
  110. <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
  111. </div>
  112. </div>
  113. </div>
  114. <div class="layui-form-item">
  115. <div class="layui-inline">
  116. <label class="layui-form-label">手机号</label>
  117. <div class="layui-input-inline">
  118. <input type="text" name="phone" required lay-verify="required" placeholder="请输入手机号" autocomplete="off" class="layui-input">
  119. </div>
  120. </div>
  121. </div>
  122. <div class="layui-form-item">
  123. <div class="layui-inline">
  124. <div class="layui-input-inline" style="width: 232px;">
  125. <input type="text" name="verify_code" required lay-verify="required" placeholder="请输入验证码" autocomplete="off" class="layui-input">
  126. </div>
  127. <label class="layui-form-label" style="width: 120px;margin-left: -1px;" id="send">发送验证码</label>
  128. </div>
  129. </div>
  130. <div class="layui-form-item">
  131. <div class="layui-inline">
  132. <button class="layui-btn" lay-submit lay-filter="*">提交</button>
  133. </div>
  134. </div>
  135. <div class="layui-form-item">
  136. <div class="layui-inline">
  137. <a href="{:Url('setting.systemPlat/index?out=1')}">立即登录</a>
  138. </div>
  139. </div>
  140. </form>
  141. </div>
  142. </div>
  143. </div>
  144. </div>
  145. <!-- <div class="wrapper wrapper-content">
  146. <div class="row">
  147. <div class="col-sm-12">
  148. <div class="ibox float-e-margins">
  149. <div class="ibox-title">
  150. <h5>忘记密码</h5>
  151. <a style="margin-left: 10px;display: inline-block;" href="{:Url('setting.systemPlat/index?out=1')}">返回</a>
  152. </div>
  153. <div id="store-attr" class="mp-form" v-cloak="">
  154. <div class="p-m m-t-sm">
  155. <i-Form :label-width="80" style="width: 100%">
  156. <template>
  157. <template>
  158. <Form-Item>
  159. <Row>
  160. <i-Col span="13">
  161. <i-Input placeholder="账号" v-model="form.account" style="width: 80%"
  162. type="text" value="{{ account }}"></i-Input>
  163. </i-Col>
  164. </Row>
  165. </Form-Item>
  166. <Form-Item>
  167. <Row>
  168. <i-Col span="13">
  169. <i-Input placeholder="平台新密码" v-model="form.password"
  170. style="width: 80%" type="password"></i-Input>
  171. </i-Col>
  172. </Row>
  173. </Form-Item>
  174. <Form-Item>
  175. <Row>
  176. <i-Col span="13">
  177. <i-Input placeholder="注册手机号" v-model="form.phone"
  178. style="width: 80%"></i-Input>
  179. </i-Col>
  180. </Row>
  181. </Form-Item>
  182. <Form-Item>
  183. <Row>
  184. <i-Col span="13">
  185. <i-Input placeholder="验证码" v-model="form.verify_code" style="width: 80%">
  186. <span slot="append" @click="sendCode" v-text="codeMsg"
  187. class="code-send"></span>
  188. </i-Input>
  189. </i-Col>
  190. </Row>
  191. </Form-Item>
  192. </template>
  193. <Form-Item>
  194. <Row>
  195. <i-Col span="8" offset="6">
  196. <i-Button type="primary" @click="submit">提00交</i-Button>
  197. </i-Col>
  198. </Row>
  199. </Form-Item>
  200. </template>
  201. </i-Form>
  202. </div>
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207. </div> -->
  208. <script>
  209. layui.use('form', function () {
  210. var form = layui.form;
  211. var lock = false;
  212. form.on('submit(*)', function (data) {
  213. $eb.axios.post("{:Url('go_modify')}", data.field).then(function (res) {
  214. if (res.status == 200 && res.data.code == 200) {
  215. $eb.message('success', res.data.msg || '提交成功!');
  216. $eb.closeModalFrame(window.name);
  217. window.location.href = "{:url('setting.systemPlat/index')}";
  218. } else {
  219. $eb.message('error', res.data.msg || '请求失败!');
  220. }
  221. }).catch(function (err) {
  222. $eb.message('error', err);
  223. })
  224. return false;
  225. });
  226. layui.$('#send').on('click', function () {
  227. var that = this;
  228. var phone = layui.$('input[name="phone"]').val();
  229. if (lock) {
  230. return;
  231. }
  232. if (!phone) {
  233. return $eb.message('error', '请填写手机号');
  234. }
  235. if (!/^1[3456789]\d{9}$/.test(phone)) {
  236. return $eb.message('error', '手机号格式错误');
  237. }
  238. lock = true;
  239. $eb.axios.post("{:Url('verify')}", {phone: phone}).then(function (res) {
  240. if (res.data.code == 200) {
  241. var cd = 60;
  242. var timeClone = setInterval(function () {
  243. cd--;
  244. if (cd <= 0) {
  245. $(that).html('重新发送');
  246. clearInterval(timeClone);
  247. lock = false;
  248. } else {
  249. $(that).html('剩余' + cd + 's');
  250. }
  251. }, 1000);
  252. $eb.message('success', res.data.msg || '发送成功');
  253. } else {
  254. $eb.message('error', res.data.msg || '发送失败');
  255. }
  256. return false;
  257. }).catch(function (err) {
  258. lock = false;
  259. $eb.message('error', err);
  260. })
  261. })
  262. })
  263. </script>
  264. {/block}