|
@@ -2,15 +2,31 @@
|
|
<div class="login-container">
|
|
<div class="login-container">
|
|
<div class="flexBox">
|
|
<div class="flexBox">
|
|
<div>
|
|
<div>
|
|
- <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on" label-position="left" @submit.native.prevent="handleLogin">
|
|
|
|
|
|
+ <el-form
|
|
|
|
+ ref="loginForm"
|
|
|
|
+ :model="loginForm"
|
|
|
|
+ :rules="loginRules"
|
|
|
|
+ class="login-form"
|
|
|
|
+ auto-complete="on"
|
|
|
|
+ label-position="left"
|
|
|
|
+ @submit.native.prevent="handleLogin"
|
|
|
|
+ >
|
|
<div class="flex">
|
|
<div class="flex">
|
|
<div class="image-container">
|
|
<div class="image-container">
|
|
<div class="empty-height">
|
|
<div class="empty-height">
|
|
<img class="logo" src="@/assets/login/logo.png" alt="" />
|
|
<img class="logo" src="@/assets/login/logo.png" alt="" />
|
|
</div>
|
|
</div>
|
|
- <el-carousel :interval="5000" arrow="always" height="440px" class="carousel">
|
|
|
|
|
|
+ <el-carousel
|
|
|
|
+ :interval="5000"
|
|
|
|
+ arrow="always"
|
|
|
|
+ height="440px"
|
|
|
|
+ class="carousel"
|
|
|
|
+ >
|
|
<el-carousel-item v-for="item in banner" :key="item.id">
|
|
<el-carousel-item v-for="item in banner" :key="item.id">
|
|
- <el-image :z-index="1" :src="imageURL + item.imgCarouselUrl"></el-image>
|
|
|
|
|
|
+ <el-image
|
|
|
|
+ :z-index="1"
|
|
|
|
+ :src="imageURL + item.imgCarouselUrl"
|
|
|
|
+ ></el-image>
|
|
</el-carousel-item>
|
|
</el-carousel-item>
|
|
</el-carousel>
|
|
</el-carousel>
|
|
</div>
|
|
</div>
|
|
@@ -18,10 +34,18 @@
|
|
<div class="empty-height" />
|
|
<div class="empty-height" />
|
|
<div class="form-container">
|
|
<div class="form-container">
|
|
<div class="flex title">
|
|
<div class="flex title">
|
|
- <div class="title-item" :class="acitve == 'pas' ? 'acitve' : ''" @click="hanleTabs('pas', 'account')">
|
|
|
|
|
|
+ <div
|
|
|
|
+ class="title-item"
|
|
|
|
+ :class="acitve == 'pas' ? 'acitve' : ''"
|
|
|
|
+ @click="hanleTabs('pas', 'account')"
|
|
|
|
+ >
|
|
密码登录
|
|
密码登录
|
|
</div>
|
|
</div>
|
|
- <div class="title-item" :class="acitve == 'wei' ? 'acitve' : ''" @click="hanleTabs('wei', 'mobile')">
|
|
|
|
|
|
+ <div
|
|
|
|
+ class="title-item"
|
|
|
|
+ :class="acitve == 'wei' ? 'acitve' : ''"
|
|
|
|
+ @click="hanleTabs('wei', 'mobile')"
|
|
|
|
+ >
|
|
手机号登录
|
|
手机号登录
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -30,72 +54,173 @@
|
|
<div v-if="acitve == 'pas'">
|
|
<div v-if="acitve == 'pas'">
|
|
<el-form-item prop="username" class="input-box">
|
|
<el-form-item prop="username" class="input-box">
|
|
<span class="svg-container">
|
|
<span class="svg-container">
|
|
- <el-image style="width: 20px; height: 20px" :src="require('@/assets/login/icon_001.png')" fit="contain "></el-image>
|
|
|
|
|
|
+ <el-image
|
|
|
|
+ style="width: 20px; height: 20px"
|
|
|
|
+ :src="require('@/assets/login/icon_001.png')"
|
|
|
|
+ fit="contain "
|
|
|
|
+ ></el-image>
|
|
</span>
|
|
</span>
|
|
- <el-input ref="username" v-model="loginForm.username" placeholder="请输入用户名" name="username" type="text" tabindex="1" auto-complete="on" />
|
|
|
|
|
|
+ <el-input
|
|
|
|
+ ref="username"
|
|
|
|
+ v-model="loginForm.username"
|
|
|
|
+ placeholder="请输入用户名"
|
|
|
|
+ name="username"
|
|
|
|
+ type="text"
|
|
|
|
+ tabindex="1"
|
|
|
|
+ auto-complete="on"
|
|
|
|
+ />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item prop="password" class="input-box">
|
|
<el-form-item prop="password" class="input-box">
|
|
<span class="svg-container">
|
|
<span class="svg-container">
|
|
- <el-image style="width: 20px; height: 20px" :src="require('@/assets/login/icon_002.png')" fit="contain "></el-image>
|
|
|
|
|
|
+ <el-image
|
|
|
|
+ style="width: 20px; height: 20px"
|
|
|
|
+ :src="require('@/assets/login/icon_002.png')"
|
|
|
|
+ fit="contain "
|
|
|
|
+ ></el-image>
|
|
</span>
|
|
</span>
|
|
- <el-input :key="passwordType" ref="password" v-model="loginForm.password" :type="passwordType" placeholder="请输入密码" name="password" tabindex="2" auto-complete="off" @keyup.enter.native="handleLogin" />
|
|
|
|
|
|
+ <el-input
|
|
|
|
+ :key="passwordType"
|
|
|
|
+ ref="password"
|
|
|
|
+ v-model="loginForm.password"
|
|
|
|
+ :type="passwordType"
|
|
|
|
+ placeholder="请输入密码"
|
|
|
|
+ name="password"
|
|
|
|
+ tabindex="2"
|
|
|
|
+ auto-complete="off"
|
|
|
|
+ @keyup.enter.native="handleLogin"
|
|
|
|
+ />
|
|
<span class="show-pwd" @click="showPwd">
|
|
<span class="show-pwd" @click="showPwd">
|
|
- <svg-icon :icon-class="
|
|
|
|
|
|
+ <svg-icon
|
|
|
|
+ :icon-class="
|
|
passwordType === 'password' ? 'eye' : 'eye-open'
|
|
passwordType === 'password' ? 'eye' : 'eye-open'
|
|
- " />
|
|
|
|
|
|
+ "
|
|
|
|
+ />
|
|
</span>
|
|
</span>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
<div class="input-box">
|
|
<div class="input-box">
|
|
<el-form-item prop="codeValue">
|
|
<el-form-item prop="codeValue">
|
|
<span class="svg-container">
|
|
<span class="svg-container">
|
|
- <el-image style="width: 20px; height: 20px" :src="require('@/assets/login/icon_003.png')" fit="contain "></el-image>
|
|
|
|
|
|
+ <el-image
|
|
|
|
+ style="width: 20px; height: 20px"
|
|
|
|
+ :src="require('@/assets/login/icon_003.png')"
|
|
|
|
+ fit="contain "
|
|
|
|
+ ></el-image>
|
|
</span>
|
|
</span>
|
|
- <el-input ref="codeValue" v-model="loginForm.codeValue" placeholder="请输入验证码" name="codeValue" type="text" tabindex="3" auto-complete="off" @keyup.enter.native="handleLogin" />
|
|
|
|
|
|
+ <el-input
|
|
|
|
+ ref="codeValue"
|
|
|
|
+ v-model="loginForm.codeValue"
|
|
|
|
+ placeholder="请输入验证码"
|
|
|
|
+ name="codeValue"
|
|
|
|
+ type="text"
|
|
|
|
+ tabindex="3"
|
|
|
|
+ auto-complete="off"
|
|
|
|
+ @keyup.enter.native="handleLogin"
|
|
|
|
+ />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<div class="code" @click.stop="getCode">
|
|
<div class="code" @click.stop="getCode">
|
|
- <img :src="'data:image/jpeg;base64,' + codeImage" alt="" />
|
|
|
|
|
|
+ <img
|
|
|
|
+ :src="'data:image/jpeg;base64,' + codeImage"
|
|
|
|
+ alt=""
|
|
|
|
+ />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="checkbox">
|
|
<div class="checkbox">
|
|
<div class="check-yes">
|
|
<div class="check-yes">
|
|
- <el-image style="width: 16px; height: 16px" :src="require('@/assets/login/icon_004.png')" fit="contain "></el-image>
|
|
|
|
- <el-image v-if="isRemenberPw" class="yes" style="width: 11px; height: 11px" :src="require('@/assets/login/icon_005.png')" fit="contain "></el-image>
|
|
|
|
|
|
+ <el-image
|
|
|
|
+ style="width: 16px; height: 16px"
|
|
|
|
+ :src="require('@/assets/login/icon_004.png')"
|
|
|
|
+ fit="contain "
|
|
|
|
+ ></el-image>
|
|
|
|
+ <el-image
|
|
|
|
+ v-if="isRemenberPw"
|
|
|
|
+ class="yes"
|
|
|
|
+ style="width: 11px; height: 11px"
|
|
|
|
+ :src="require('@/assets/login/icon_005.png')"
|
|
|
|
+ fit="contain "
|
|
|
|
+ ></el-image>
|
|
</div>
|
|
</div>
|
|
- <el-checkbox v-model="isRemenberPw">记住账号密码</el-checkbox>
|
|
|
|
|
|
+ <el-checkbox v-model="isRemenberPw"
|
|
|
|
+ >记住账号密码</el-checkbox
|
|
|
|
+ >
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="button-container">
|
|
<div class="button-container">
|
|
- <el-button :loading="loading" type="primary" @click.native.prevent="handleLogin">登录</el-button>
|
|
|
|
|
|
+ <el-button
|
|
|
|
+ :loading="loading"
|
|
|
|
+ type="primary"
|
|
|
|
+ @click.native.prevent="handleLogin"
|
|
|
|
+ >登录</el-button
|
|
|
|
+ >
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 手机号登录 -->
|
|
<!-- 手机号登录 -->
|
|
<div v-else class="pas">
|
|
<div v-else class="pas">
|
|
<el-form-item prop="username" class="input-box">
|
|
<el-form-item prop="username" class="input-box">
|
|
<span class="svg-container">
|
|
<span class="svg-container">
|
|
- <el-image style="width: 20px; height: 20px" :src="require('@/assets/login/icon_001.png')" fit="contain "></el-image>
|
|
|
|
|
|
+ <el-image
|
|
|
|
+ style="width: 20px; height: 20px"
|
|
|
|
+ :src="require('@/assets/login/icon_001.png')"
|
|
|
|
+ fit="contain "
|
|
|
|
+ ></el-image>
|
|
</span>
|
|
</span>
|
|
- <el-input ref="username" v-model="loginForm.username" placeholder="请输入手机号" name="username" type="text" tabindex="1" auto-complete="on" />
|
|
|
|
|
|
+ <el-input
|
|
|
|
+ ref="username"
|
|
|
|
+ v-model="loginForm.username"
|
|
|
|
+ placeholder="请输入手机号"
|
|
|
|
+ name="username"
|
|
|
|
+ type="text"
|
|
|
|
+ tabindex="1"
|
|
|
|
+ auto-complete="on"
|
|
|
|
+ />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<div class="input-box">
|
|
<div class="input-box">
|
|
<el-form-item prop="codeValue">
|
|
<el-form-item prop="codeValue">
|
|
<span class="svg-container">
|
|
<span class="svg-container">
|
|
- <el-image style="width: 20px; height: 20px" :src="require('@/assets/login/icon_003.png')" fit="contain "></el-image>
|
|
|
|
|
|
+ <el-image
|
|
|
|
+ style="width: 20px; height: 20px"
|
|
|
|
+ :src="require('@/assets/login/icon_003.png')"
|
|
|
|
+ fit="contain "
|
|
|
|
+ ></el-image>
|
|
</span>
|
|
</span>
|
|
- <el-input ref="codeValue" v-model="loginForm.codeValue" placeholder="请输入验证码" name="codeValue" type="text" tabindex="3" auto-complete="off" @keyup.enter.native="handleLogin" />
|
|
|
|
|
|
+ <el-input
|
|
|
|
+ ref="codeValue"
|
|
|
|
+ v-model="loginForm.codeValue"
|
|
|
|
+ placeholder="请输入验证码"
|
|
|
|
+ name="codeValue"
|
|
|
|
+ type="text"
|
|
|
|
+ tabindex="3"
|
|
|
|
+ auto-complete="off"
|
|
|
|
+ @keyup.enter.native="handleLogin"
|
|
|
|
+ />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<div class="code" @click.stop="getCode">
|
|
<div class="code" @click.stop="getCode">
|
|
- <img :src="'data:image/jpeg;base64,' + codeImage" alt="" />
|
|
|
|
|
|
+ <img
|
|
|
|
+ :src="'data:image/jpeg;base64,' + codeImage"
|
|
|
|
+ alt=""
|
|
|
|
+ />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="input-box">
|
|
<div class="input-box">
|
|
<el-form-item prop="smsCode">
|
|
<el-form-item prop="smsCode">
|
|
<span class="svg-container">
|
|
<span class="svg-container">
|
|
- <el-image style="width: 20px; height: 20px" :src="require('@/assets/login/icon_003.png')" fit="contain "></el-image>
|
|
|
|
|
|
+ <el-image
|
|
|
|
+ style="width: 20px; height: 20px"
|
|
|
|
+ :src="require('@/assets/login/icon_003.png')"
|
|
|
|
+ fit="contain "
|
|
|
|
+ ></el-image>
|
|
</span>
|
|
</span>
|
|
- <el-input ref="smsCode" v-model="loginForm.smsCode" placeholder="请输入短信验证码" name="smsCode" type="text" tabindex="3" auto-complete="off" />
|
|
|
|
|
|
+ <el-input
|
|
|
|
+ ref="smsCode"
|
|
|
|
+ v-model="loginForm.smsCode"
|
|
|
|
+ placeholder="请输入短信验证码"
|
|
|
|
+ name="smsCode"
|
|
|
|
+ type="text"
|
|
|
|
+ tabindex="3"
|
|
|
|
+ auto-complete="off"
|
|
|
|
+ />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<div class="code2" @click.stop="getSmsCode">
|
|
<div class="code2" @click.stop="getSmsCode">
|
|
<el-button :disabled="countDown != 60">{{
|
|
<el-button :disabled="countDown != 60">{{
|
|
@@ -106,7 +231,12 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="button-container">
|
|
<div class="button-container">
|
|
- <el-button :loading="loading" type="primary" @click.native.prevent="handleLogin">登录</el-button>
|
|
|
|
|
|
+ <el-button
|
|
|
|
+ :loading="loading"
|
|
|
|
+ type="primary"
|
|
|
|
+ @click.native.prevent="handleLogin"
|
|
|
|
+ >登录</el-button
|
|
|
|
+ >
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</transition>
|
|
</transition>
|
|
@@ -117,17 +247,29 @@
|
|
</div>
|
|
</div>
|
|
<div class="info">
|
|
<div class="info">
|
|
<div class="info-item">
|
|
<div class="info-item">
|
|
- <el-link :href="companyList[0].icpRecordLink" :underline="false" target="_blank">{{
|
|
|
|
- companyList[0].icpRecord
|
|
|
|
- }}</el-link>
|
|
|
|
- <div style="margin: 0 20px" v-if="companyList[0].companyName && companyList[0].icpRecordLink">
|
|
|
|
|
|
+ <el-link
|
|
|
|
+ :href="companyList[0].icpRecordLink"
|
|
|
|
+ :underline="false"
|
|
|
|
+ target="_blank"
|
|
|
|
+ >{{ companyList[0].icpRecord }}</el-link
|
|
|
|
+ >
|
|
|
|
+ <div
|
|
|
|
+ style="margin: 0 20px"
|
|
|
|
+ v-if="companyList[0].companyName && companyList[0].icpRecordLink"
|
|
|
|
+ >
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
- <el-link :href="companyList[0].pubSecurityRecordLink" :underline="false" target="_blank">
|
|
|
|
- <el-image style="width: 14px; height: 16px" :src="require('@/assets/login/icon_0001.png')"></el-image>
|
|
|
|
|
|
+ <el-link
|
|
|
|
+ :href="companyList[0].pubSecurityRecordLink"
|
|
|
|
+ :underline="false"
|
|
|
|
+ target="_blank"
|
|
|
|
+ >
|
|
|
|
+ <el-image
|
|
|
|
+ style="width: 14px; height: 16px"
|
|
|
|
+ :src="require('@/assets/login/icon_0001.png')"
|
|
|
|
+ ></el-image>
|
|
{{ companyList[0].pubSecurityRecord }}
|
|
{{ companyList[0].pubSecurityRecord }}
|
|
</el-link>
|
|
</el-link>
|
|
-
|
|
|
|
</div>
|
|
</div>
|
|
<div>{{ companyList[0].companyName }}</div>
|
|
<div>{{ companyList[0].companyName }}</div>
|
|
</div>
|
|
</div>
|
|
@@ -305,12 +447,14 @@ export default {
|
|
.then(() => {
|
|
.then(() => {
|
|
// console.log(this.redirect);
|
|
// console.log(this.redirect);
|
|
this.$router.push({ path: this.redirect || "/" });
|
|
this.$router.push({ path: this.redirect || "/" });
|
|
|
|
+ console.log(444);
|
|
this.saveUnAndPw();
|
|
this.saveUnAndPw();
|
|
this.$store.commit("user/showMessage", "yes");
|
|
this.$store.commit("user/showMessage", "yes");
|
|
// this.$message.success("登录成功");
|
|
// this.$message.success("登录成功");
|
|
this.loading = false;
|
|
this.loading = false;
|
|
})
|
|
})
|
|
.catch(() => {
|
|
.catch(() => {
|
|
|
|
+ console.log(555);
|
|
this.getCode();
|
|
this.getCode();
|
|
this.loginForm.codeValue = "";
|
|
this.loginForm.codeValue = "";
|
|
this.loading = false;
|
|
this.loading = false;
|