|
|
@@ -0,0 +1,140 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
|
|
+ xsi:schemaLocation="https://www.thymeleaf.org ">
|
|
|
+<head>
|
|
|
+ <title>采美365网</title>
|
|
|
+ <template th:replace="components/head-link"></template>
|
|
|
+ <link th:href="@{/css/base/form.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
+ <link th:href="@{/css/account/login.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
+ <template th:replace="components/analysis"></template>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<!-- 引用头部 -->
|
|
|
+<template th:replace="account/components/header-dep"></template>
|
|
|
+
|
|
|
+<!-- 二级页面 -->
|
|
|
+<div id="loginPage">
|
|
|
+ <div class="loginWrap clear" v-cloak v-if="isLoading">
|
|
|
+ <div class="login-image">
|
|
|
+ <img src="/img/account/login.png" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="loginForm">
|
|
|
+ <div class="title">
|
|
|
+ <h2 class="dep">DEP正品采购商城</h2>
|
|
|
+ </div>
|
|
|
+ <form v-show="!qrCodeLogin">
|
|
|
+ <div class="formLine-tabs">
|
|
|
+ <a class="tabs-item" :class="{ current: loginTabs === 0 }" href="javascript:void(0);" @click="handleTabsClick(0)">验证码登录</a>
|
|
|
+ <a class="tabs-item" :class="{ current: loginTabs === 1 }" href="javascript:void(0);" @click="handleTabsClick(1)">密码登录</a>
|
|
|
+ </div>
|
|
|
+ <div v-show="loginTabs === 0">
|
|
|
+ <div class="formLine" >
|
|
|
+ <input class="massageBtn" type="text" @input="handleCodeMobileInput" v-model.trim="codeParams.mobile" placeholder="请输入手机号码" :rule="rule.mobile" maxlength="11" @blur="blurHandle($event)" needverify>
|
|
|
+ <i class="checked icon mIcon"></i>
|
|
|
+ <span class="errTips icon mIcon" tips="请输入正确格式的手机号"></span>
|
|
|
+ </div>
|
|
|
+ <div class="formLine smscode">
|
|
|
+ <input type="text" class="smscode" @input="handleCodeInput" v-model.trim="codeParams.code" autocomplete="off" placeholder="请输入短信验证码" :rule="rule.code" maxlength="6" @blur="blurHandle($event)" needverify>
|
|
|
+ <i class="checked icon mIcon"></i>
|
|
|
+ <span class="errTips icon mIcon" tips="请输入短信验证码"></span>
|
|
|
+ <a class="code-btn dep" href="javascript:void(0);" @click="handleCheckMobile" :class="[isMobileDisabled ? 'disabled' : '']">{{ mobileCodeText }}</a>
|
|
|
+ </div>
|
|
|
+ <div class="submit clear">
|
|
|
+ <button class="btn dep" type="button" @click="handleCodeLogin" :disabled="isInputsTrue" :class="[isInputsTrue ?'disabled':'']">登录</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-show="loginTabs === 1">
|
|
|
+ <div class="formLine">
|
|
|
+ <input type="text" v-model.trim="accountParams.mobileOrEmail" placeholder="请输入邮箱或手机号" :rule="rule.account" maxlength="30" @blur="blurHandle($event)" needverify>
|
|
|
+ <i class="checked icon mIcon"></i>
|
|
|
+ <span class="errTips icon mIcon" tips="请提供正确的邮箱或手机号码"></span>
|
|
|
+ </div>
|
|
|
+ <div class="formLine">
|
|
|
+ <input type="password" v-model.trim="accountParams.password" placeholder="请输入密码" :rule="rule.password" maxlength="30" @blur="blurHandle($event)" needverify>
|
|
|
+ <i class="checked icon mIcon"></i>
|
|
|
+ <span class="errTips icon mIcon" tips="请输入正确的密码"></span>
|
|
|
+ <i class="icon showPwd" @click="showPassword($event)"></i>
|
|
|
+ </div>
|
|
|
+ <!-- 滑动验证 -->
|
|
|
+ <div class="verify-wrap" id="verify-wrap"></div>
|
|
|
+ <div class="submit clear">
|
|
|
+ <button class="btn dep" type="button" @click="handleSubLogin" :disabled="isSlideFinishState" :class="[isSlideFinishState ?'disabled':'']">登录</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="forget dep">
|
|
|
+<!-- <a class="btn" href="/club/register.html" rel="nofollow" onclick="_czc.push(['_trackEvent','登录页面','注册','点击','','Um_Event_Regirster'])">免费注册</a>-->
|
|
|
+ <a class="btn" href="/club/register.html" rel="nofollow" onclick="_czc.push(['_trackEvent','登录页面','注册','点击','','Um_Event_Regirster'])">免费注册</a>
|
|
|
+ <a href="/forget.html" v-if="loginTabs === 1" style="z-index: 99999">忘记密码？</a>
|
|
|
+ </div>
|
|
|
+ <template v-if="!isPC && isWeChat && isShowWeChat()" >
|
|
|
+ <div class="login-line">
|
|
|
+ <span>第三方登录</span>
|
|
|
+ </div>
|
|
|
+ <div class="submit clear">
|
|
|
+ <a class="weChat" @click="handleWeChatLogin" href="javascript:void(0);">
|
|
|
+ <i class="mIcon"></i>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-if="isPC && isShowWeChat()" >
|
|
|
+ <div class="login-line">
|
|
|
+ <span>第三方登录</span>
|
|
|
+ </div>
|
|
|
+ <div class="from-wechat">
|
|
|
+ <a href="javascript:void(0);" class="codeBtn WEB-icon" @click="toQrCodeLogin"></a>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </form>
|
|
|
+ <div v-if="isPC" v-show="qrCodeLogin" class="qrCodeBox">
|
|
|
+ <a href="javascript:void(0);" class="changeBtn icon" @click="toNormalLogin">账号登录</a>
|
|
|
+ <div id="qrCodeWrap">
|
|
|
+ <div class="qrCode"><img src="" alt=""></div>
|
|
|
+ <div class="qrInfo">请使用微信扫描二维码登录“采美365网”</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="bg" v-if="stautsfalse" :style="stautsfalse?'opacity:1':''">
|
|
|
+ <div class="bg-content">
|
|
|
+ <div class="bg-tittle"><p>提示</p><p class="icon mIcon" @click="handleHideBg"></p></div>
|
|
|
+ <div class="text-conten">
|
|
|
+ <p class="status">{{text}}</p>
|
|
|
+ <p class="tip-p">联系电话：0755-22907771</p>
|
|
|
+ <p class="tip-p">地址：深圳市福田区锦峰大厦21B</p>
|
|
|
+ <div @click="information" v-if="infofalse" >修改申请信息</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content-model" :class="isCodeModel ? 'active' : ''">
|
|
|
+ <div class="model-main">
|
|
|
+ <div class="model-title"><p>获取短信验证码</p><i class="icon mIcon icon-close" @click="handleCloseCodeModel"></i></div>
|
|
|
+ <div class="model-content">
|
|
|
+ <div class="model-form">
|
|
|
+ <input class="input codeMsgButton" type="text" placeholder="请输入图形验证码" v-model="smsCodeParams.imgCode" maxlength="4" needverify>
|
|
|
+ <div class="image"><img :src="codeImagePath" alt=""></div>
|
|
|
+ <div class="refresh" @click="handleRefreshCodeImage">
|
|
|
+ <i class="icon mIcon"></i>
|
|
|
+ <span>刷新</span>
|
|
|
+ </div>
|
|
|
+ <i class="checked icon mIcon"></i>
|
|
|
+ <span class="errTips icon mIcon" tips="请输入图形验证码"></span>
|
|
|
+ </div>
|
|
|
+ <div class="model-button">
|
|
|
+ <div class="button dep" @click="handleMobileCode">获取短信验证码</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+<!-- 引入底部 -->
|
|
|
+<!--<template th:replace="article/components/article-footer"></template>-->
|
|
|
+<template th:replace="components/foot-link"></template>
|
|
|
+<script charset="utf-8" type="text/javascript" src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
|
|
|
+<script charset="utf-8" type="text/javascript" th:src="@{/lib/slideVerify.js(v=${version})}"></script>
|
|
|
+<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/user.service.js(v=${version})}"></script>
|
|
|
+<script charset="utf-8" type="text/javascript" th:src="@{/js/document/database-share.js(v=${version})}"></script>
|
|
|
+<script charset="utf-8" type="text/javascript" th:src="@{/js/account/mixins/loginMixins.js(v=${version})}"></script>
|
|
|
+<script charset="utf-8" type="text/javascript" th:src="@{/js/account/login.js(v=${version})}"></script>
|
|
|
+</body>
|
|
|
+</html>
|
