123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271 |
- {extend name="public/container"}
- {block name="title"}{$title|default=''}{/block}
- {block name="head_top"}
- <link href="/system/frame/css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
- <link href="/system/frame/css/style.min.css?v=3.0.0" rel="stylesheet">
- <style>
- .check {
- color: #f00
- }
- .demo-upload {
- display: block;
- height: 33px;
- text-align: center;
- border: 1px solid transparent;
- border-radius: 4px;
- overflow: hidden;
- background: #fff;
- position: relative;
- box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
- margin-right: 4px;
- }
- .demo-upload img {
- width: 100%;
- height: 100%;
- display: block;
- }
- .demo-upload-cover {
- display: none;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- background: rgba(0, 0, 0, .6);
- }
- .demo-upload:hover .demo-upload-cover {
- display: block;
- }
- .demo-upload-cover i {
- color: #fff;
- font-size: 20px;
- cursor: pointer;
- margin: 0 2px;
- }
- .code-send {
- cursor: pointer;
- }
- .form-title {
- padding: 93px 0 32px;
- font-size: 22px;
- text-align: center;
- color: #1890FF;
- }
- .layui-form-item {
- text-align: center;
- }
- .layui-form-item .layui-inline {
- margin-bottom: 28px;
- margin-right: 0;
- }
- .layui-form-pane .layui-form-label {
- width: 90px;
- height: 36px;
- margin-bottom: 0;
- }
- .layui-form-item .layui-input-inline {
- width: 261px;
- margin-right: 0;
- }
- .layui-form-pane .layui-input {
- height: 36px;
- }
- .layui-btn {
- width: 350px;
- background-color: #1890FF;
- }
- .layui-form-item .layui-inline a {
- padding-left: 10px;
- padding-right: 10px;
- font-size: 14px;
- color: #1890FF;
- }
- .layui-form-item .layui-inline a ~ a {
- border-left: 1px solid #aaa;
- }
- </style>
- <script>
- window.test = 1;
- </script>
- {/block}
- {block name="content"}
- <div class="layui-row layui-col-space15">
- <div class="layui-col-md12">
- <div class="layui-card">
- <div class="layui-card-body">
- <div class="form-title">修改一号通账户密码</div>
- <form class="layui-form layui-form-pane" action="" lay-filter="example">
- <div class="layui-form-item">
- <div class="layui-inline">
- <label class="layui-form-label">账号</label>
- <div class="layui-input-inline">
- <input type="text" name="account" required lay-verify="required" placeholder="请输入账号" autocomplete="off" class="layui-input">
- </div>
- </div>
- </div>
- <div class="layui-form-item">
- <div class="layui-inline">
- <label class="layui-form-label">密码</label>
- <div class="layui-input-inline">
- <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
- </div>
- </div>
- </div>
- <div class="layui-form-item">
- <div class="layui-inline">
- <label class="layui-form-label">手机号</label>
- <div class="layui-input-inline">
- <input type="text" name="phone" required lay-verify="required" placeholder="请输入手机号" autocomplete="off" class="layui-input">
- </div>
- </div>
- </div>
- <div class="layui-form-item">
- <div class="layui-inline">
- <div class="layui-input-inline" style="width: 232px;">
- <input type="text" name="verify_code" required lay-verify="required" placeholder="请输入验证码" autocomplete="off" class="layui-input">
- </div>
- <label class="layui-form-label" style="width: 120px;margin-left: -1px;" id="send">发送验证码</label>
- </div>
- </div>
- <div class="layui-form-item">
- <div class="layui-inline">
- <button class="layui-btn" lay-submit lay-filter="*">提交</button>
- </div>
- </div>
- <div class="layui-form-item">
- <div class="layui-inline">
- <a href="{:Url('setting.systemPlat/index?out=1')}">立即登录</a>
- </div>
- </div>
- </form>
- </div>
- </div>
- </div>
- </div>
- <!-- <div class="wrapper wrapper-content">
- <div class="row">
- <div class="col-sm-12">
- <div class="ibox float-e-margins">
- <div class="ibox-title">
- <h5>忘记密码</h5>
- <a style="margin-left: 10px;display: inline-block;" href="{:Url('setting.systemPlat/index?out=1')}">返回</a>
- </div>
- <div id="store-attr" class="mp-form" v-cloak="">
- <div class="p-m m-t-sm">
- <i-Form :label-width="80" style="width: 100%">
- <template>
- <template>
- <Form-Item>
- <Row>
- <i-Col span="13">
- <i-Input placeholder="账号" v-model="form.account" style="width: 80%"
- type="text" value="{{ account }}"></i-Input>
- </i-Col>
- </Row>
- </Form-Item>
- <Form-Item>
- <Row>
- <i-Col span="13">
- <i-Input placeholder="平台新密码" v-model="form.password"
- style="width: 80%" type="password"></i-Input>
- </i-Col>
- </Row>
- </Form-Item>
- <Form-Item>
- <Row>
- <i-Col span="13">
- <i-Input placeholder="注册手机号" v-model="form.phone"
- style="width: 80%"></i-Input>
- </i-Col>
- </Row>
- </Form-Item>
- <Form-Item>
- <Row>
- <i-Col span="13">
- <i-Input placeholder="验证码" v-model="form.verify_code" style="width: 80%">
- <span slot="append" @click="sendCode" v-text="codeMsg"
- class="code-send"></span>
- </i-Input>
- </i-Col>
- </Row>
- </Form-Item>
- </template>
- <Form-Item>
- <Row>
- <i-Col span="8" offset="6">
- <i-Button type="primary" @click="submit">提00交</i-Button>
- </i-Col>
- </Row>
- </Form-Item>
- </template>
- </i-Form>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div> -->
- <script>
- layui.use('form', function () {
- var form = layui.form;
- var lock = false;
- form.on('submit(*)', function (data) {
- $eb.axios.post("{:Url('go_modify')}", data.field).then(function (res) {
- if (res.status == 200 && res.data.code == 200) {
- $eb.message('success', res.data.msg || '提交成功!');
- $eb.closeModalFrame(window.name);
- window.location.href = "{:url('setting.systemPlat/index')}";
- } else {
- $eb.message('error', res.data.msg || '请求失败!');
- }
- }).catch(function (err) {
- $eb.message('error', err);
- })
- return false;
- });
- layui.$('#send').on('click', function () {
- var that = this;
- var phone = layui.$('input[name="phone"]').val();
- if (lock) {
- return;
- }
- if (!phone) {
- return $eb.message('error', '请填写手机号');
- }
- if (!/^1[3456789]\d{9}$/.test(phone)) {
- return $eb.message('error', '手机号格式错误');
- }
- lock = true;
- $eb.axios.post("{:Url('verify')}", {phone: phone}).then(function (res) {
- if (res.data.code == 200) {
- var cd = 60;
- var timeClone = setInterval(function () {
- cd--;
- if (cd <= 0) {
- $(that).html('重新发送');
- clearInterval(timeClone);
- lock = false;
- } else {
- $(that).html('剩余' + cd + 's');
- }
- }, 1000);
- $eb.message('success', res.data.msg || '发送成功');
- } else {
- $eb.message('error', res.data.msg || '发送失败');
- }
- return false;
- }).catch(function (err) {
- lock = false;
- $eb.message('error', err);
- })
- })
- })
- </script>
- {/block}
|