zhouzhendong
/
baoshi-was


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
							<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="{{asset('icon/faviconc.ico')}}" type="image/x-icon"/>
    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>宝时物流网站</title>

    <link href="{{ mix('css/app.css') }}" rel="stylesheet">
    <link href="{{ mix('css/reset.css') }}" rel="stylesheet">
    <link href="{{ mix('css/swiper-bundle.min.css') }}" rel="stylesheet">

<!--[if lt IE 9]>
<script type="text/javascript" src="{{mix('js/login/html5.js')}}"></script>
<script type="text/javascript" src="{{mix('js/login/respond.min.js')}}"></script>
<script type="text/javascript" src="{{mix('js/login/PIE_IE678.js')}}"></script>
<![endif]-->

    <script type="text/javascript" src="{{mix('js/login/jquery-1.9.min.js')}}"></script>
    <script type="text/javascript" src="{{mix('js/login/swiper-bundle.min.js')}}"></script>
</head>
<body>

<div class="lgoinbox" id="list">
    <div class="left swiper-container">
        <div class="swiper-wrapper" id="swiper">
            <div class="swiper-slide" style="background-image: url('{{url("images/login/log01.jpg")}}');"><a href="#"></a></div>
            <!-- 将来需要轮播的时候，启用这段代码 -->
            <!-- <div class="swiper-slide" style="background-image: url(images/log01.jpg);"><a href="#"></a></div>
            <div class="swiper-slide" style="background-image: url(images/log01.jpg);"><a href="#"></a></div>  -->
        </div>
        <!-- Add Pagination -->
<!--        <div class="swiper-pagination"></div>-->
    </div>
    <div class="right">
        <div class="formbox">
            <div class="logo"><img src="{{url('images/login/loglogo.png')}}" alt=""></div>
            <ul>
                <li v-if="message"><div class="text-primary">
                        @{{ message }}
                    </div></li>

                <li v-if="errorMessage">
                    <div class="text-danger">
                        @{{ errorMessage }}
                    </div>
                </li>

                <li>
                    <input class="input" name="" type="text" placeholder="用户名" v-model="inputting.name" @click="errorMessage =null">
                    <div class="bar"></div>

                </li>
                <li>
                    <input class="input" name="" type="password" placeholder="密码" v-model="inputting.password" @click="errorMessage =null" @keydown.enter="login">
                    <div class="bar"></div>
                </li>
                <li>
                    <button class="inbtn" type="button" value="登录"  @click="login">
                        登录
                    </button>
{{--                    <input class="inbtn" name="" type="button" value="登录" onclick="loginSubmit"></li>--}}
{{--                <li class="lia"><a href="#" class="a1">立即注册</a><a class="a2" href="#">忘记密码?</a></li>--}}
            </ul>
        </div>
        <div class="banquan">沪ICP备19020374号-1 Copyright © 2021</div>
    </div>
</div>
</body>

<script type="text/javascript" src="{{mix('js/app.js')}}"></script>
<script>
    let vue = new Vue({
        el: "#list",
        data: {
            inputting: {name: '', password: '', is_json: true},
            errors: {name: [], password: [],},
            message:null,
            errorMessage:null,
            bannerSwiper:null,
        },
        mounted: function () {
            this.bannerSwiper = new Swiper('.swiper-container', {
                pagination: '.swiper-pagination',
                paginationClickable: true,
                autoplay: 2500,
                autoplayDisableOnInteraction: false,
                loop: false,
            });
            document.onkeydown = (e)=> {
                var key = window.event.keyCode
                if (key === 13) {
                    this.login();
                }
            }
        },
        methods: {
            passwordInput: function (e) {
                setTimeout(function () {
                    vue.errors.password = ''
                }, 10);
                if (e.key === 'Enter') {
                    loginSubmit()
                }
            },
            login(){
                this.message = '正在登录';
                window.axios.post('{{ route('login') .'?rand='.microtime(true)}}',this.inputting).then(res=>{

                    this.message = null;
                    if (res.data.success !== true) {
                        if (res.data.errors) {
                            let message = null;
                            for (const resKey in res.data.errors) {
                                if (message) break;
                                if (res.data.errors[`${resKey}`]){
                                    message = res.data.errors[`${resKey}`][0];
                                }
                            }
                            this.errorMessage = message;
                            return;
                        }
                        if (res.data.message) {
                            this.errorMessage = res.data.message;
                            return;
                        }
                    } else {
                        this.message = '登录成功!';
                        localStorage.setItem("menus", JSON.stringify(res.data.menus));
                        location = res.data.url;
                    }
                }).catch(err=>{
                    tempTip.setDuration(6000);
                    tempTip.waitingTip('错误');
                });
            }

        }
    });
    function loginSubmit() {
        tempTip.setDuration(99999);
        tempTip.waitingTip('提交中');
        axios.post('{{ route('login') .'?rand='.microtime(true)}}', vue.inputting).then(function (response) {
            tempTip.setDuration(2000);
            tempTip.cancelWaitingTip();
            if (response.data.success !== true) {
                if (response.data.errors) {
                    vue.errors = response.data.errors;
                    return;
                }
                if (response.data.message) {
                    tempTip.show(response.data.message)
                    return;
                }
            } else {
                tempTip.setDuration(99999);
                tempTip.waitingTip('页面跳转中');
                localStorage.setItem("menus", JSON.stringify(response.data.menus));
                location = response.data.url;
            }
        }).catch(function (response) {
            tempTip.setDuration(6000);
            tempTip.waitingTip('错误');
        })
    }
</script>
</html>