提交代码

resources/views/settings/index.blade.php

@@ -0,0 +1,20 @@
+@extends('layouts.app')
+
+@section('content')
+<section>
+    <ul class="set_main">
+        <li data-href="{{ route('settings.nickname') }}">
+            <i class="icon-pencil set_main_icon"></i>修改昵称
+            <i class="icon-angle-right set_main_more"></i>
+        </li>
+        <li data-href="{{ route('settings.password') }}">
+            <i class="icon-lock set_main_icon"></i>修改密码
+            <i class="icon-angle-right set_main_more"></i>
+        </li>
+        <li data-href="{{ route('settings.mobile') }}">
+            <i class="icon-phone set_main_icon"></i>修改手机号
+            <i class="icon-angle-right set_main_more"></i>
+        </li>
+    </ul>
+</section>
+@endsection

resources/views/settings/mobile.blade.php

@@ -0,0 +1,61 @@
+@extends('layouts.app')
+
+@section('content')
+<section>
+    <form action="{{ url()->current() }}" method="post" accept-charset="utf-8" class="reset-form">
+        <ul class="reset-input">
+            <li>
+                <label>原号码</label>
+                <input type="tel" name="old" value="" placeholder="{{ Auth::user()->username }}" disabled>
+            </li>
+            <li>
+                <label>新号码</label>
+                <input type="tel" name="username" value="" placeholder="请输入新手机号码">
+            </li>
+            <li class="reset-code">
+                <label>验&nbsp;证&nbsp;&nbsp;码</label>
+                <input type="tel" name="code" value="" placeholder="短信验证码">
+                <span class="code-btn" id="send">获取验证码</span>
+            </li>
+        </ul>
+        <div class="reset-btn">
+            @csrf
+
+            <button type="button" class="ajax-post">立即设置</button>
+        </div>
+    </form>
+</section>
+@endsection
+
+@section('script')
+<script type="text/javascript">
+    $("#send").on('click', function() {
+        var $this = $(this);
+        var username = $('input[name="username"]').val();
+        $.post("{{ route('auth.sms') }}", {username: username, channel: "DEFAULT", '_token': '{{ csrf_token() }}'}, function(res) {
+            if (res.statusCode == 200) {
+                updateAlert(res.message);
+                settime($this);
+            } else {
+                updateAlert(res.message);
+            }
+        });
+    })
+    var countdown = 60;
+    function settime(obj) {
+        if (countdown == 0) {
+            obj.removeAttr("disabled");
+            obj.html("获取验证码");
+            countdown = 60;
+            return;
+        } else {
+            obj.attr("disabled", true);
+            obj.html("重新发送(" + countdown + ")");
+            countdown--;
+        }
+        setTimeout(function() {
+            settime(obj)
+        }, 1000)
+    }
+</script>
+@endsection

resources/views/settings/nickname.blade.php

@@ -0,0 +1,19 @@
+@extends('layouts.app')
+
+
+@section('footer','')
+
+@section('content')
+<form action="{{ route('settings.nickname') }}" method="post" accept-charset="utf-8" class="setup-form">
+    <ul class="setup-input">
+        <li>
+            <input type="text" name="nickname" value="{{ Auth::user()->info->nickname }}" placeholder="请输入昵称">
+        </li>
+    </ul>
+    <div class="setup-btn">
+        <button type="submit" class="ajax-post">提交</button>
+        @csrf
+    </div>
+</form>
+
+@endsection

resources/views/settings/password.blade.php

@@ -0,0 +1,26 @@
+@extends('layouts.app')
+
+@section('content')
+<section>
+    <form action="{{ url()->current() }}" method="post" accept-charset="utf-8" class="reset-form">
+        <ul class="reset-input">
+            <li>
+                <label>原密码</label>
+                <input type="password" name="oldpassword" value="" placeholder="请输入新原密码">
+            </li>
+            <li>
+                <label>新密码</label>
+                <input type="password" name="password" value="" placeholder="请输入新密码">
+            </li>
+            <li>
+                <label>确认密码</label>
+                <input type="password" name="password_confirmation" value="" placeholder="请输入确认密码">
+            </li>
+        </ul>
+        <div class="reset-btn">
+            @csrf
+            <button type="button" class="ajax-post">立即设置</button>
+        </div>
+    </form>
+</section>
+@endsection