|
@@ -1,56 +1,59 @@
|
|
|
<template>
|
|
|
- <div class="loginPic" v-if="isMobile === 'PC'">
|
|
|
- <div class="login_right">
|
|
|
- <img class="titleIcon" src="../assets/loginImage/logo.png" alt="">
|
|
|
- <div class="loginCom" style="margin-bottom: 30px">
|
|
|
- <img class="userIcon" src="../assets/loginImage/userIcon.png" alt="">
|
|
|
- <el-input v-model="inputUser" placeholder="请输入用户名" />
|
|
|
- </div>
|
|
|
- <div class="loginCom" style="margin-bottom: 16px">
|
|
|
- <img class="passwordIcon" src="../assets/loginImage/passwordIcon.png" alt="">
|
|
|
- <el-input type="password" v-model="inputMima" placeholder="请输入密码" />
|
|
|
- </div>
|
|
|
- <div class="remeber">
|
|
|
- <el-checkbox v-model="ememberMe" @change="changeBox">记住密码</el-checkbox>
|
|
|
- </div>
|
|
|
- <!-- v-if="!loginLoading" v-else -->
|
|
|
- <div class="loginBtn" @click="handleLogin" v-if="!loginLoading">
|
|
|
- <span class="loginSpan">登录</span>
|
|
|
- </div>
|
|
|
- <div class="loginBtn" v-else>
|
|
|
- <div class="loading">
|
|
|
- <el-icon color="#fff"><Loading /></el-icon>
|
|
|
- <span class="loadingSpan">登录</span>
|
|
|
+ <div v-if="isSinglePoint === 'noSinglePoint'">
|
|
|
+ <div class="loginPic" v-if="isMobile === 'PC'">
|
|
|
+ <div class="login_right">
|
|
|
+ <img class="titleIcon" src="../assets/loginImage/logo.png" alt="">
|
|
|
+ <div class="loginCom" style="margin-bottom: 30px">
|
|
|
+ <img class="userIcon" src="../assets/loginImage/userIcon.png" alt="">
|
|
|
+ <el-input v-model="inputUser" placeholder="请输入用户名" />
|
|
|
+ </div>
|
|
|
+ <div class="loginCom" style="margin-bottom: 16px">
|
|
|
+ <img class="passwordIcon" src="../assets/loginImage/passwordIcon.png" alt="">
|
|
|
+ <el-input type="password" v-model="inputMima" placeholder="请输入密码" />
|
|
|
+ </div>
|
|
|
+ <div class="remeber">
|
|
|
+ <el-checkbox v-model="ememberMe" @change="changeBox">记住密码</el-checkbox>
|
|
|
+ </div>
|
|
|
+ <!-- v-if="!loginLoading" v-else -->
|
|
|
+ <div class="loginBtn" @click="handleLogin" v-if="!loginLoading">
|
|
|
+ <span class="loginSpan">登录</span>
|
|
|
+ </div>
|
|
|
+ <div class="loginBtn" v-else>
|
|
|
+ <div class="loading">
|
|
|
+ <el-icon color="#fff"><Loading /></el-icon>
|
|
|
+ <span class="loadingSpan">登录</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="loginMobeil" v-else>
|
|
|
- <div class="login_mobeilMain">
|
|
|
- <img class="titleIcon" src="../assets/loginImage/logo.png" alt="">
|
|
|
- <div class="loginCom" style="margin-bottom: 30px">
|
|
|
- <img class="userIcon" src="../assets/loginImage/userIcon.png" alt="">
|
|
|
- <el-input v-model="inputUser" placeholder="请输入用户名" />
|
|
|
- </div>
|
|
|
- <div class="loginCom" style="margin-bottom: 16px">
|
|
|
- <img class="passwordIcon" src="../assets/loginImage/passwordIcon.png" alt="">
|
|
|
- <el-input type="password" v-model="inputMima" placeholder="请输入密码" />
|
|
|
- </div>
|
|
|
- <div class="remeber">
|
|
|
- <el-checkbox v-model="ememberMe" @change="changeBox">记住密码</el-checkbox>
|
|
|
- </div>
|
|
|
- <!-- v-if="!loginLoading" v-else -->
|
|
|
- <div class="loginMobeilBtn" @click="handleLogin" v-if="!loginLoading">
|
|
|
- <span class="loginSpan">登录</span>
|
|
|
- </div>
|
|
|
- <div class="loginMobeilBtn" v-else>
|
|
|
- <div class="loading">
|
|
|
- <el-icon color="#fff"><Loading /></el-icon>
|
|
|
- <span class="loadingSpan">登录</span>
|
|
|
+ <div class="loginMobeil" v-else>
|
|
|
+ <div class="login_mobeilMain">
|
|
|
+ <img class="titleIcon" src="../assets/loginImage/logo.png" alt="">
|
|
|
+ <div class="loginCom" style="margin-bottom: 30px">
|
|
|
+ <img class="userIcon" src="../assets/loginImage/userIcon.png" alt="">
|
|
|
+ <el-input v-model="inputUser" placeholder="请输入用户名" />
|
|
|
+ </div>
|
|
|
+ <div class="loginCom" style="margin-bottom: 16px">
|
|
|
+ <img class="passwordIcon" src="../assets/loginImage/passwordIcon.png" alt="">
|
|
|
+ <el-input type="password" v-model="inputMima" placeholder="请输入密码" />
|
|
|
+ </div>
|
|
|
+ <div class="remeber">
|
|
|
+ <el-checkbox v-model="ememberMe" @change="changeBox">记住密码</el-checkbox>
|
|
|
+ </div>
|
|
|
+ <!-- v-if="!loginLoading" v-else -->
|
|
|
+ <div class="loginMobeilBtn" @click="handleLogin" v-if="!loginLoading">
|
|
|
+ <span class="loginSpan">登录</span>
|
|
|
+ </div>
|
|
|
+ <div class="loginMobeilBtn" v-else>
|
|
|
+ <div class="loading">
|
|
|
+ <el-icon color="#fff"><Loading /></el-icon>
|
|
|
+ <span class="loadingSpan">登录</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div v-else v-loading="loading" style="height: 100vh"></div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
@@ -69,7 +72,8 @@ export default {
|
|
|
loginText: '',
|
|
|
loginLoading: false,
|
|
|
isMobile: window.localStorage.getItem('isMobile'),
|
|
|
-
|
|
|
+ isSinglePoint: window.localStorage.getItem('singlePoint'),
|
|
|
+ loading: true,
|
|
|
vantActive: 0
|
|
|
}
|
|
|
},
|