|
|
@@ -8,78 +8,48 @@
|
|
|
<icon name="login_logo_bg" class="login_logo_bg"></icon>
|
|
|
</div>
|
|
|
<div style="height: 1rem;"></div>
|
|
|
- <div class="login_logo"><icon name="logo" class="app_logn"></icon></div>
|
|
|
+ <div class="login_logo">
|
|
|
+ <icon name="logo" class="app_logn"></icon>
|
|
|
+ </div>
|
|
|
<div class="setp1">
|
|
|
<van-cell-group style="margin-top:0.3rem;">
|
|
|
- <van-field
|
|
|
- class="tel"
|
|
|
- left-icon="logo"
|
|
|
- label-class="hidden"
|
|
|
- label=""
|
|
|
- type="Number"
|
|
|
- v-model="formData.username"
|
|
|
- placeholder="手机号"
|
|
|
- clearable
|
|
|
- style="color:#515151;caret-color:#26A2FF;"
|
|
|
- name="手机号码"
|
|
|
- v-validate="'required|phone'"
|
|
|
- >
|
|
|
+ <van-field class="tel" left-icon="logo" label-class="hidden" label="" type="Number"
|
|
|
+ v-model="formData.username" placeholder="手机号" clearable style="color:#515151;caret-color:#26A2FF;"
|
|
|
+ name="手机号码" v-validate="'required|phone'">
|
|
|
<template slot="left-icon">
|
|
|
<icon name="tel" class="login_tel"></icon>
|
|
|
</template>
|
|
|
</van-field>
|
|
|
|
|
|
- <van-field
|
|
|
- class="psw"
|
|
|
- label-class="hidden"
|
|
|
- left-icon="logo"
|
|
|
- clearable
|
|
|
- label=""
|
|
|
- type="password"
|
|
|
- v-model="formData.password"
|
|
|
- placeholder="密码"
|
|
|
- name="密码"
|
|
|
- v-validate="'required|alpha_dash|min:6'"
|
|
|
- style="color:#515151;caret-color:#26A2FF;"
|
|
|
- >
|
|
|
- >
|
|
|
- <template slot="left-icon">
|
|
|
- <icon name="pwd" class="login_pwd"></icon>
|
|
|
- </template>
|
|
|
- </van-field>
|
|
|
- <van-field
|
|
|
- class="psw"
|
|
|
- label-class="hidden"
|
|
|
- left-icon="logo"
|
|
|
- v-show="false"
|
|
|
- label=""
|
|
|
- type="password"
|
|
|
- v-model="formData.password"
|
|
|
- placeholder="密码"
|
|
|
- name="密码"
|
|
|
- v-validate="'required|alpha_dash|min:6'"
|
|
|
- style="color:#515151;caret-color:#26A2FF;"
|
|
|
- >
|
|
|
- >
|
|
|
+ <van-field class="psw" label-class="hidden" left-icon="logo" clearable type="password" v-model="formData.password" placeholder="密码" name="密码" v-validate="'required|alpha_dash|min:6'" style="color:#515151;caret-color:#26A2FF;">
|
|
|
<template slot="left-icon">
|
|
|
<icon name="pwd" class="login_pwd"></icon>
|
|
|
</template>
|
|
|
</van-field>
|
|
|
+
|
|
|
</van-cell-group>
|
|
|
</div>
|
|
|
|
|
|
<div style="padding:0 0.32rem">
|
|
|
- <van-button class="login_button" color="#228bf8" size="large" :disabled="!next_btn_enable" @click="sendLogin" type="info">登录</van-button>
|
|
|
+ <van-button class="login_button" color="#228bf8" size="large" :disabled="!next_btn_enable"
|
|
|
+ @click="sendLogin" type="info">登录</van-button>
|
|
|
</div>
|
|
|
<div style="padding:0.2rem 0.32rem 0.2rem;" class="reg_link_box">
|
|
|
<van-row>
|
|
|
- <van-col span="12"><div class="blue" @click="openUrl(1)">找回密码</div></van-col>
|
|
|
- <van-col span="12" style="text-align: right;"><div @click="openUrl(2)">注册免费试用</div></van-col>
|
|
|
+ <van-col span="12">
|
|
|
+ <div class="blue" @click="openUrl(1)">找回密码</div>
|
|
|
+ </van-col>
|
|
|
+ <van-col span="12" style="text-align: right;">
|
|
|
+ <div @click="openUrl(2)">注册免费试用</div>
|
|
|
+ </van-col>
|
|
|
</van-row>
|
|
|
</div>
|
|
|
- <div style="text-align: center; padding:0 0.32rem;letter-spacing: 0.01rem" v-if="(auths.length > 0&&isAndroid)||$isWx">
|
|
|
+ <div style="text-align: center; padding:0 0.32rem;letter-spacing: 0.01rem"
|
|
|
+ v-if="(auths.length > 0&&isAndroid)||$isWx">
|
|
|
<van-divider>快捷登录</van-divider>
|
|
|
- <div style="display: inline-block;" @click="doWeixinLogin"><icon name="weixindenglu" style="width:1.2rem;"></icon></div>
|
|
|
+ <div style="display: inline-block;" @click="doWeixinLogin">
|
|
|
+ <icon name="weixindenglu" style="width:1.2rem;"></icon>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="footer flex-box-ce flex-center-center" v-if="!$isWx">
|
|
|
@@ -114,10 +84,10 @@
|
|
|
<!-- 微信登录 -->
|
|
|
<van-popup v-model="isShowSelect" class="popup-all">
|
|
|
<div style="position: relative;">
|
|
|
- <div style="position: absolute;top:16px;right:16px" @click="isShowSelect=false"><van-icon name="cross"/></div>
|
|
|
+ <div style="position: absolute;top:16px;right:16px" @click="isShowSelect=false"><van-icon name="cross" /></div>
|
|
|
<div class="contentBox">
|
|
|
<div class="">欢迎使用功道云!</div>
|
|
|
- <p>请选择以下进入方式,如已有登录账号<br/>请先绑定账号再进入</p>
|
|
|
+ <p>请选择以下进入方式,如已有登录账号<br />请先绑定账号再进入</p>
|
|
|
</div>
|
|
|
<div class="btns" style="padding-bottom: 16px;">
|
|
|
<div class="bdBtn" @click="$router.push({ name: 'bindingPhone', query: { secret: wo_token } })">绑定已有账号</div>
|
|
|
@@ -130,10 +100,13 @@
|
|
|
<div style="padding: 0.3rem;">
|
|
|
<div class="flex-box-ce" style="margin-bottom: 0.24rem;">
|
|
|
<div style="font-size: 0.4rem;font-weight: 700;" class="flex-1 black">服务协议和隐私政策</div>
|
|
|
- <van-icon name="cross" @click="isShowDialog=false" class="fontColorC" style="font-size: 0.3rem;position: relative;top: -0.1rem;right: -0.1rem;"/>
|
|
|
+ <van-icon name="cross" @click="isShowDialog=false" class="fontColorC"
|
|
|
+ style="font-size: 0.3rem;position: relative;top: -0.1rem;right: -0.1rem;" />
|
|
|
</div>
|
|
|
<div class="fontColorC">
|
|
|
- 为了更好地保障你的合法权益，使用前请阅读并同意功道云<span style="color:#28a2f1" @click="$router.push({ name: 'user_agreement' })">《服务协议》</span>&<span style="color:#28a2f1" @click="$router.push({ name: 'privacy_agreement' })">《隐私政策》</span>
|
|
|
+ 为了更好地保障你的合法权益，使用前请阅读并同意功道云<span style="color:#28a2f1"
|
|
|
+ @click="$router.push({ name: 'user_agreement' })">《服务协议》</span>&<span style="color:#28a2f1"
|
|
|
+ @click="$router.push({ name: 'privacy_agreement' })">《隐私政策》</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</van-dialog>
|
|
|
@@ -141,527 +114,602 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { setToken, returnJSEncrypt } from '@/utils/auth';
|
|
|
-import axios from 'axios';
|
|
|
-import qs from 'qs';
|
|
|
-import Vue from 'vue';
|
|
|
-import { Divider } from 'vant';
|
|
|
-Vue.use(Divider);
|
|
|
-export default {
|
|
|
- name: 'login',
|
|
|
- data() {
|
|
|
- return {
|
|
|
- input_focus: false,
|
|
|
- next_btn_enable: false,
|
|
|
- isAndroid:this.$getCache('isAndroid'),
|
|
|
- formData: {
|
|
|
- username: '',
|
|
|
- password: ''
|
|
|
- },
|
|
|
- aweixin: null,
|
|
|
- auths: [],
|
|
|
-
|
|
|
- index: 0,
|
|
|
- // 微信登录
|
|
|
- isShowSelect: false,
|
|
|
- // 隐私相关
|
|
|
- isYsShow: false,
|
|
|
- showYs: false,
|
|
|
- wo_token:'',
|
|
|
- isShowDialog:false,
|
|
|
- // wo_token:'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOm51bGwsImlhdCI6MTY0MjI0MDQ3NywiZXhwIjoxNjQ0ODMyNDc3LCJuYmYiOjE2NDIyNDA0NzcsImp0aSI6ImtlZmVxZ09yMVZYWEVNZmwiLCJzdWIiOjgsInBydiI6IjAzMDBhNTQ5YWI4ZjcwMmNkYTgzMjMxYTQxMzMyZWNjYmRlOWRmOGYiLCJyb2xlIjoid2VjaGF0X29wZW5fdXNlciJ9.SRt2d8-J3FXQ0UFU27csIiGOJvOSxzQSoDMV-LpE3ZM' //微信登录token
|
|
|
- };
|
|
|
- },
|
|
|
- created() {
|
|
|
- let that = this;
|
|
|
- document.body.addEventListener('blur', function(e) {
|
|
|
- setTimeout(() => {
|
|
|
- e.target.parentNode.parentNode.parentNode.classList.remove('field-focus');
|
|
|
- that.input_focus = false;
|
|
|
- }, 100);
|
|
|
- },true);
|
|
|
- document.body.addEventListener('focus', function(e) {
|
|
|
- e.target.parentNode.parentNode.parentNode.classList.add('field-focus');
|
|
|
- setTimeout(() => {
|
|
|
- that.input_focus = true;
|
|
|
- }, 100);
|
|
|
- }, true);
|
|
|
- this.$store.commit('SET_USERINFO', {}); // 清空人员信息
|
|
|
- this.$store.commit('SET_USERID', 0);
|
|
|
- // alert(`$isWx${this.$isWx}`)
|
|
|
- if(this.$isWx){
|
|
|
- this.doWeixinLogin();
|
|
|
- return false
|
|
|
- }
|
|
|
- if (window.plus) {
|
|
|
- this.hei = plus.navigator.getStatusbarHeight();
|
|
|
- this.getServiceOauth();
|
|
|
- }
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- this.$removeCache('account')
|
|
|
- },
|
|
|
- watch: {
|
|
|
- formData: {
|
|
|
- handler(val, oldVal) {
|
|
|
- if (val.username != '' && val.password != '') {
|
|
|
- this.next_btn_enable = true;
|
|
|
- } else {
|
|
|
- this.next_btn_enable = false;
|
|
|
- }
|
|
|
- },
|
|
|
- deep: true
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
- confirmDialog(){
|
|
|
- this.isShowDialog=true;
|
|
|
- this.isYsShow=true
|
|
|
- },
|
|
|
- wxLogin() {
|
|
|
- let pl = 'a';
|
|
|
- if (window.plus) {
|
|
|
- if (navigator.userAgent.indexOf('Android') > 0) {
|
|
|
- pl = 'a';
|
|
|
- } else {
|
|
|
- pl = 'i';
|
|
|
- }
|
|
|
- }
|
|
|
- axios({
|
|
|
- method: 'post',
|
|
|
- url: process.env.BASE_API + '/api/pro/wo/create',
|
|
|
- headers: {
|
|
|
- 'Content-Type': 'application/x-www-form-urlencoded',
|
|
|
- pl: pl,
|
|
|
- 'A-TOKEN': this.wo_token
|
|
|
- }
|
|
|
- }).then(res => {
|
|
|
- if (res.data.code == 1) {
|
|
|
- this.$setCache('account', res.data.data.account);
|
|
|
- localStorage.setItem('a-token-temp', res.data.data.token); // 保存平台账号登录的token
|
|
|
- this.registrationExperience(); //进入体验账号
|
|
|
- } else {
|
|
|
- this.$toast(res.data.msg);
|
|
|
- }
|
|
|
- });
|
|
|
+ import {
|
|
|
+ setToken,
|
|
|
+ returnJSEncrypt
|
|
|
+ } from '@/utils/auth';
|
|
|
+ import axios from 'axios';
|
|
|
+ import qs from 'qs';
|
|
|
+ import Vue from 'vue';
|
|
|
+ import {
|
|
|
+ Divider
|
|
|
+ } from 'vant';
|
|
|
+ Vue.use(Divider);
|
|
|
+ export default {
|
|
|
+ name: 'login',
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ input_focus: false,
|
|
|
+ next_btn_enable: false,
|
|
|
+ isAndroid: this.$getCache('isAndroid'),
|
|
|
+ formData: {
|
|
|
+ username: '',
|
|
|
+ password: ''
|
|
|
+ },
|
|
|
+ aweixin: null,
|
|
|
+ auths: [],
|
|
|
+
|
|
|
+ index: 0,
|
|
|
+ // 微信登录
|
|
|
+ isShowSelect: false,
|
|
|
+ // 隐私相关
|
|
|
+ isYsShow: false,
|
|
|
+ showYs: false,
|
|
|
+ wo_token: '',
|
|
|
+ isShowDialog: false,
|
|
|
+ // wo_token:'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOm51bGwsImlhdCI6MTY0MjI0MDQ3NywiZXhwIjoxNjQ0ODMyNDc3LCJuYmYiOjE2NDIyNDA0NzcsImp0aSI6ImtlZmVxZ09yMVZYWEVNZmwiLCJzdWIiOjgsInBydiI6IjAzMDBhNTQ5YWI4ZjcwMmNkYTgzMjMxYTQxMzMyZWNjYmRlOWRmOGYiLCJyb2xlIjoid2VjaGF0X29wZW5fdXNlciJ9.SRt2d8-J3FXQ0UFU27csIiGOJvOSxzQSoDMV-LpE3ZM' //微信登录token
|
|
|
+ };
|
|
|
},
|
|
|
- openUrl(index) {
|
|
|
- if(!this.isLogin()){
|
|
|
+ created() {
|
|
|
+ let that = this;
|
|
|
+ document.body.addEventListener('blur', function(e) {
|
|
|
+ setTimeout(() => {
|
|
|
+ e.target.parentNode.parentNode.parentNode.classList.remove('field-focus');
|
|
|
+ that.input_focus = false;
|
|
|
+ }, 100);
|
|
|
+ }, true);
|
|
|
+ document.body.addEventListener('focus', function(e) {
|
|
|
+ e.target.parentNode.parentNode.parentNode.classList.add('field-focus');
|
|
|
+ setTimeout(() => {
|
|
|
+ that.input_focus = true;
|
|
|
+ }, 100);
|
|
|
+ }, true);
|
|
|
+ this.$store.commit('SET_USERINFO', {}); // 清空人员信息
|
|
|
+ this.$store.commit('SET_USERID', 0);
|
|
|
+ // alert(`$isWx${this.$isWx}`)
|
|
|
+ if (this.$isWx) {
|
|
|
+ this.doWeixinLogin();
|
|
|
return false
|
|
|
}
|
|
|
- if (index == 1) {
|
|
|
- this.$router.push({ name: 'forget_pwd' });
|
|
|
- } else {
|
|
|
- this.$router.push({ name: 'reg' });
|
|
|
+ if (window.plus) {
|
|
|
+ this.hei = plus.navigator.getStatusbarHeight();
|
|
|
+ this.getServiceOauth();
|
|
|
}
|
|
|
},
|
|
|
- openHome() {
|
|
|
- setTimeout(() => {
|
|
|
- window.location.href = window.location.href.split('#')[0];
|
|
|
- }, 100);
|
|
|
- },
|
|
|
- isLogin(){
|
|
|
- if (!this.isYsShow&&process.env.NODE_ENV=='production') {
|
|
|
- this.isShowDialog=true;
|
|
|
- return false;
|
|
|
- }else{
|
|
|
- return true;
|
|
|
- }
|
|
|
+ mounted() {
|
|
|
+ this.$removeCache('account')
|
|
|
},
|
|
|
- // 判断是否获取微信登录认证
|
|
|
- getServiceOauth() {
|
|
|
- var that = this;
|
|
|
- if (window.plus) {
|
|
|
- plus.oauth.getServices(function(services) {
|
|
|
- that.auths = services;
|
|
|
- for (let i in services) {
|
|
|
- if (services[i].id == 'weixin') {
|
|
|
- that.aweixin = services[i];
|
|
|
- }
|
|
|
+ watch: {
|
|
|
+ formData: {
|
|
|
+ handler(val, oldVal) {
|
|
|
+ if (val.username != '' && val.password != '') {
|
|
|
+ this.next_btn_enable = true;
|
|
|
+ } else {
|
|
|
+ this.next_btn_enable = false;
|
|
|
}
|
|
|
- });
|
|
|
+ },
|
|
|
+ deep: true
|
|
|
}
|
|
|
},
|
|
|
- doWeixinLogin() {
|
|
|
- if(this.$isWx){
|
|
|
- if(this.isAndroid){
|
|
|
- window.open(process.env.VUE_APP_WXURL,'_blank');
|
|
|
- }else{
|
|
|
- window.location.href = process.env.VUE_APP_WXURL
|
|
|
+ methods: {
|
|
|
+ confirmDialog() {
|
|
|
+ this.isShowDialog = true;
|
|
|
+ this.isYsShow = true
|
|
|
+ },
|
|
|
+ wxLogin() {
|
|
|
+ let pl = 'a';
|
|
|
+ if (window.plus) {
|
|
|
+ if (navigator.userAgent.indexOf('Android') > 0) {
|
|
|
+ pl = 'a';
|
|
|
+ } else {
|
|
|
+ pl = 'i';
|
|
|
+ }
|
|
|
}
|
|
|
- return false
|
|
|
- }
|
|
|
- let that = this;
|
|
|
- if (window.plus&&this.isLogin()) {
|
|
|
- if (this.aweixin == null) {
|
|
|
- plus.nativeUI.alert('当前环境不支持微信登录');
|
|
|
- return;
|
|
|
+ axios({
|
|
|
+ method: 'post',
|
|
|
+ url: process.env.BASE_API + '/api/pro/wo/create',
|
|
|
+ headers: {
|
|
|
+ 'Content-Type': 'application/x-www-form-urlencoded',
|
|
|
+ pl: pl,
|
|
|
+ 'A-TOKEN': this.wo_token
|
|
|
+ }
|
|
|
+ }).then(res => {
|
|
|
+ if (res.data.code == 1) {
|
|
|
+ this.$setCache('account', res.data.data.account);
|
|
|
+ localStorage.setItem('a-token-temp', res.data.data.token); // 保存平台账号登录的token
|
|
|
+ this.registrationExperience(); //进入体验账号
|
|
|
+ } else {
|
|
|
+ this.$toast(res.data.msg);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ openUrl(index) {
|
|
|
+ if (!this.isLogin()) {
|
|
|
+ return false
|
|
|
}
|
|
|
- this.aweixin.authorize(
|
|
|
- function(e) {
|
|
|
- that.WeixinLogin(e.code);
|
|
|
- },
|
|
|
- function(e) {
|
|
|
- if (e.code == '-1002') {
|
|
|
- plus.nativeUI.alert('请先安装微信客户端');
|
|
|
- }
|
|
|
- },
|
|
|
- { scope: 'snsapi_userinfo', state: 'authorize test', appid: 'wx84f9a9b3ce29f450' }
|
|
|
- );
|
|
|
- }
|
|
|
- },
|
|
|
- sendLogin() {
|
|
|
- if(!this.isLogin()){
|
|
|
- return false
|
|
|
- }
|
|
|
- this.$validator.validate().then(result => {
|
|
|
- if (!result) {
|
|
|
- this.$notify({ type: 'danger', message: this.$validator.errors.items[0].msg });
|
|
|
+ if (index == 1) {
|
|
|
+ this.$router.push({
|
|
|
+ name: 'forget_pwd'
|
|
|
+ });
|
|
|
} else {
|
|
|
- this.$toast.loading({
|
|
|
- mask: true,
|
|
|
- message: '正在登录...'
|
|
|
+ this.$router.push({
|
|
|
+ name: 'reg'
|
|
|
});
|
|
|
- this.$store.dispatch('login', { tel: this.formData.username, password: this.formData.password }).then(res => {
|
|
|
- if (res.code == 1) {
|
|
|
- localStorage.setItem('a-token-temp', res.data.token); // 保存平台账号登录的token
|
|
|
- this.openUrl2(res.data.account_site, res.data.invitation_wait_count);
|
|
|
- } else {
|
|
|
- this.$toast.fail({
|
|
|
- message: res.msg,
|
|
|
- duration: 1000
|
|
|
- });
|
|
|
- }
|
|
|
- })
|
|
|
- .finally(() => {
|
|
|
- this.$toast.clear();
|
|
|
- });
|
|
|
}
|
|
|
- });
|
|
|
- },
|
|
|
- // 直接进入，跳过选择行业与公司，体验账户专用
|
|
|
- registrationExperience() {
|
|
|
- this.$router.replace({name:'create_company'})
|
|
|
- },
|
|
|
- WeixinLogin(code) {
|
|
|
- this.$toast.loading({
|
|
|
- mask: true,
|
|
|
- message: '正在登录...'
|
|
|
- });
|
|
|
- let pl = 'a';
|
|
|
- if (window.plus) {
|
|
|
- if (navigator.userAgent.indexOf('Android') > 0) {
|
|
|
- pl = 'a';
|
|
|
+ },
|
|
|
+ openHome() {
|
|
|
+ setTimeout(() => {
|
|
|
+ window.location.href = window.location.href.split('#')[0];
|
|
|
+ }, 100);
|
|
|
+ },
|
|
|
+ isLogin() {
|
|
|
+ if (!this.isYsShow && process.env.NODE_ENV == 'production') {
|
|
|
+ this.isShowDialog = true;
|
|
|
+ return false;
|
|
|
} else {
|
|
|
- pl = 'i';
|
|
|
+ return true;
|
|
|
}
|
|
|
- }
|
|
|
- let data = {
|
|
|
- code: code,
|
|
|
- };
|
|
|
- axios({
|
|
|
- method: 'post',
|
|
|
- url: process.env.BASE_API + '/api/pro/wo/code',
|
|
|
- data: qs.stringify({ data: returnJSEncrypt(data) }),
|
|
|
- headers: {
|
|
|
- 'Content-Type': 'application/x-www-form-urlencoded',
|
|
|
- pl: pl
|
|
|
+ },
|
|
|
+ // 判断是否获取微信登录认证
|
|
|
+ getServiceOauth() {
|
|
|
+ var that = this;
|
|
|
+ if (window.plus) {
|
|
|
+ plus.oauth.getServices(function(services) {
|
|
|
+ that.auths = services;
|
|
|
+ for (let i in services) {
|
|
|
+ if (services[i].id == 'weixin') {
|
|
|
+ that.aweixin = services[i];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
}
|
|
|
- }).then(res => {
|
|
|
- if (res.data.code == 1) {
|
|
|
- this.wo_token = res.data.data.wo_token;
|
|
|
- this.wxSelect();
|
|
|
- } else {
|
|
|
- this.$toast(res.data.msg);
|
|
|
+ },
|
|
|
+ doWeixinLogin() {
|
|
|
+ if (this.$isWx) {
|
|
|
+ if (this.isAndroid) {
|
|
|
+ window.open(process.env.VUE_APP_WXURL, '_blank');
|
|
|
+ } else {
|
|
|
+ window.location.href = process.env.VUE_APP_WXURL
|
|
|
+ }
|
|
|
+ return false
|
|
|
}
|
|
|
- });
|
|
|
- },
|
|
|
- wxSelect() {
|
|
|
- let pl = 'a';
|
|
|
- if (window.plus) {
|
|
|
- if (navigator.userAgent.indexOf('Android') > 0) {
|
|
|
- pl = 'a';
|
|
|
- } else {
|
|
|
- pl = 'i';
|
|
|
+ let that = this;
|
|
|
+ if (window.plus && this.isLogin()) {
|
|
|
+ if (this.aweixin == null) {
|
|
|
+ plus.nativeUI.alert('当前环境不支持微信登录');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.aweixin.authorize(
|
|
|
+ function(e) {
|
|
|
+ that.WeixinLogin(e.code);
|
|
|
+ },
|
|
|
+ function(e) {
|
|
|
+ if (e.code == '-1002') {
|
|
|
+ plus.nativeUI.alert('请先安装微信客户端');
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ scope: 'snsapi_userinfo',
|
|
|
+ state: 'authorize test',
|
|
|
+ appid: 'wx84f9a9b3ce29f450'
|
|
|
+ }
|
|
|
+ );
|
|
|
}
|
|
|
- }
|
|
|
- axios({
|
|
|
- method: 'get',
|
|
|
- url: process.env.BASE_API + '/api/pro/wo/oui',
|
|
|
- headers: {
|
|
|
- 'Content-Type': 'application/x-www-form-urlencoded',
|
|
|
- pl: pl,
|
|
|
- 'A-TOKEN': this.wo_token
|
|
|
+ },
|
|
|
+ sendLogin() {
|
|
|
+ if (!this.isLogin()) {
|
|
|
+ return false
|
|
|
}
|
|
|
- }).then(res => {
|
|
|
- if (res.data.code == 1) {
|
|
|
- this.$setCache('account', res.data.data.account);
|
|
|
- if (res.data.data.account_id !== 0) {
|
|
|
- localStorage.setItem('a-token-temp', res.data.data.token); // 保存平台账号登录的token
|
|
|
- // 已绑定平台账号
|
|
|
- this.openUrl2(res.data.data.account_site, res.data.data.invitation_wait_count);
|
|
|
+ this.$validator.validate().then(result => {
|
|
|
+ if (!result) {
|
|
|
+ this.$notify({
|
|
|
+ type: 'danger',
|
|
|
+ message: this.$validator.errors.items[0].msg
|
|
|
+ });
|
|
|
} else {
|
|
|
- this.$router.replace({ name: 'regWx',query:{wo_token:this.wo_token}});
|
|
|
- // this.isShowSelect = true;
|
|
|
+ this.$toast.loading({
|
|
|
+ mask: true,
|
|
|
+ message: '正在登录...'
|
|
|
+ });
|
|
|
+ this.$store.dispatch('login', {
|
|
|
+ tel: this.formData.username,
|
|
|
+ password: this.formData.password
|
|
|
+ }).then(res => {
|
|
|
+ if (res.code == 1) {
|
|
|
+ localStorage.setItem('a-token-temp', res.data.token); // 保存平台账号登录的token
|
|
|
+ this.openUrl2(res.data.account_site, res.data.invitation_wait_count);
|
|
|
+ } else {
|
|
|
+ this.$toast.fail({
|
|
|
+ message: res.msg,
|
|
|
+ duration: 1000
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ this.$toast.clear();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 直接进入，跳过选择行业与公司，体验账户专用
|
|
|
+ registrationExperience() {
|
|
|
+ this.$router.replace({
|
|
|
+ name: 'create_company'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ WeixinLogin(code) {
|
|
|
+ this.$toast.loading({
|
|
|
+ mask: true,
|
|
|
+ message: '正在登录...'
|
|
|
+ });
|
|
|
+ let pl = 'a';
|
|
|
+ if (window.plus) {
|
|
|
+ if (navigator.userAgent.indexOf('Android') > 0) {
|
|
|
+ pl = 'a';
|
|
|
+ } else {
|
|
|
+ pl = 'i';
|
|
|
}
|
|
|
- } else {
|
|
|
- this.$toast(res.data.msg);
|
|
|
}
|
|
|
- });
|
|
|
- },
|
|
|
- openUrl2(account_site, invitation_wait_count) {
|
|
|
- if (account_site.length > 0) {
|
|
|
- // 公司数量
|
|
|
- if (invitation_wait_count > 0) {
|
|
|
- this.$router.push({ name: 'registration_experience', query: { invite: 1, iscompany: 1 } }); // 选择行业
|
|
|
- } else {
|
|
|
- this.$router.push({ name: 'login_company_list' }); // 选择企业
|
|
|
+ let data = {
|
|
|
+ code: code,
|
|
|
+ };
|
|
|
+ axios({
|
|
|
+ method: 'post',
|
|
|
+ url: process.env.BASE_API + '/api/pro/wo/code',
|
|
|
+ data: qs.stringify({
|
|
|
+ data: returnJSEncrypt(data)
|
|
|
+ }),
|
|
|
+ headers: {
|
|
|
+ 'Content-Type': 'application/x-www-form-urlencoded',
|
|
|
+ pl: pl
|
|
|
+ }
|
|
|
+ }).then(res => {
|
|
|
+ if (res.data.code == 1) {
|
|
|
+ this.wo_token = res.data.data.wo_token;
|
|
|
+ this.wxSelect();
|
|
|
+ } else {
|
|
|
+ this.$toast(res.data.msg);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ wxSelect() {
|
|
|
+ let pl = 'a';
|
|
|
+ if (window.plus) {
|
|
|
+ if (navigator.userAgent.indexOf('Android') > 0) {
|
|
|
+ pl = 'a';
|
|
|
+ } else {
|
|
|
+ pl = 'i';
|
|
|
+ }
|
|
|
}
|
|
|
- } else {
|
|
|
- if (invitation_wait_count > 0) {
|
|
|
- // 待邀请数量
|
|
|
- this.$router.push({ name: 'registration_experience', query: { invite: 1 } }); // 选择行业
|
|
|
+ axios({
|
|
|
+ method: 'get',
|
|
|
+ url: process.env.BASE_API + '/api/pro/wo/oui',
|
|
|
+ headers: {
|
|
|
+ 'Content-Type': 'application/x-www-form-urlencoded',
|
|
|
+ pl: pl,
|
|
|
+ 'A-TOKEN': this.wo_token
|
|
|
+ }
|
|
|
+ }).then(res => {
|
|
|
+ if (res.data.code == 1) {
|
|
|
+ this.$setCache('account', res.data.data.account);
|
|
|
+ if (res.data.data.account_id !== 0) {
|
|
|
+ localStorage.setItem('a-token-temp', res.data.data.token); // 保存平台账号登录的token
|
|
|
+ // 已绑定平台账号
|
|
|
+ this.openUrl2(res.data.data.account_site, res.data.data.invitation_wait_count);
|
|
|
+ } else {
|
|
|
+ this.$router.replace({
|
|
|
+ name: 'regWx',
|
|
|
+ query: {
|
|
|
+ wo_token: this.wo_token
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // this.isShowSelect = true;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$toast(res.data.msg);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ openUrl2(account_site, invitation_wait_count) {
|
|
|
+ if (account_site.length > 0) {
|
|
|
+ // 公司数量
|
|
|
+ if (invitation_wait_count > 0) {
|
|
|
+ this.$router.push({
|
|
|
+ name: 'registration_experience',
|
|
|
+ query: {
|
|
|
+ invite: 1,
|
|
|
+ iscompany: 1
|
|
|
+ }
|
|
|
+ }); // 选择行业
|
|
|
+ } else {
|
|
|
+ this.$router.push({
|
|
|
+ name: 'login_company_list'
|
|
|
+ }); // 选择企业
|
|
|
+ }
|
|
|
} else {
|
|
|
- this.registrationExperience(); //进入体验账号
|
|
|
+ if (invitation_wait_count > 0) {
|
|
|
+ // 待邀请数量
|
|
|
+ this.$router.push({
|
|
|
+ name: 'registration_experience',
|
|
|
+ query: {
|
|
|
+ invite: 1
|
|
|
+ }
|
|
|
+ }); // 选择行业
|
|
|
+ } else {
|
|
|
+ this.registrationExperience(); //进入体验账号
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- },
|
|
|
- // 关闭APP
|
|
|
- closeYs2() {
|
|
|
- this.isYsShow = false;
|
|
|
- this.showYs = false;
|
|
|
- if (window.plus) {
|
|
|
- plus.runtime.quit();
|
|
|
- }
|
|
|
- },
|
|
|
- // 关闭隐私
|
|
|
- closeYs() {
|
|
|
- localStorage.setItem('isYsShow', true);
|
|
|
- this.isYsShow = true;
|
|
|
- this.showYs = false;
|
|
|
- },
|
|
|
- }
|
|
|
-};
|
|
|
+ },
|
|
|
+ // 关闭APP
|
|
|
+ closeYs2() {
|
|
|
+ this.isYsShow = false;
|
|
|
+ this.showYs = false;
|
|
|
+ if (window.plus) {
|
|
|
+ plus.runtime.quit();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 关闭隐私
|
|
|
+ closeYs() {
|
|
|
+ localStorage.setItem('isYsShow', true);
|
|
|
+ this.isYsShow = true;
|
|
|
+ this.showYs = false;
|
|
|
+ },
|
|
|
+ }
|
|
|
+ };
|
|
|
</script>
|
|
|
|
|
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
|
|
-.contentBox{
|
|
|
- text-align: center;
|
|
|
- padding: 50px 0;
|
|
|
- div{
|
|
|
- font-size: 0.38rem;
|
|
|
- color: #222;
|
|
|
+ .contentBox {
|
|
|
+ text-align: center;
|
|
|
+ padding: 50px 0;
|
|
|
+
|
|
|
+ div {
|
|
|
+ font-size: 0.38rem;
|
|
|
+ color: #222;
|
|
|
+ }
|
|
|
+
|
|
|
+ p {
|
|
|
+ font-size: 0.28rem;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
}
|
|
|
- p{
|
|
|
- font-size: 0.28rem;
|
|
|
- color: #666;
|
|
|
+
|
|
|
+ .bdBtn {
|
|
|
+ width: 80%;
|
|
|
+ padding: 10px;
|
|
|
+ border-radius: 25px;
|
|
|
+ background-image: linear-gradient(117deg, #04b3fb, #31d4ff);
|
|
|
+ color: #fff;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-bottom: 16px;
|
|
|
}
|
|
|
-}
|
|
|
-.bdBtn{
|
|
|
- width: 80%;
|
|
|
- padding: 10px;
|
|
|
- border-radius: 25px;
|
|
|
- background-image: linear-gradient(117deg,#04b3fb,#31d4ff);
|
|
|
- color: #fff;
|
|
|
- margin: 0 auto;
|
|
|
- margin-bottom: 16px;
|
|
|
-}
|
|
|
-.popup-all {
|
|
|
- border-radius: 0.15rem;
|
|
|
- background: #fff;
|
|
|
- width: 80%;
|
|
|
- text-align: center;
|
|
|
- font-size: 0.32rem;
|
|
|
- .title {
|
|
|
- padding: 0.2rem 0;
|
|
|
+
|
|
|
+ .popup-all {
|
|
|
+ border-radius: 0.15rem;
|
|
|
+ background: #fff;
|
|
|
+ width: 80%;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 0.32rem;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ padding: 0.2rem 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ font-size: 0.28rem;
|
|
|
+ padding: 0 0.2rem;
|
|
|
+ padding-bottom: 0.2rem;
|
|
|
+ height: 3rem;
|
|
|
+ // overflow-y: scroll;
|
|
|
+ }
|
|
|
+
|
|
|
+ .footer2 div:nth-child(1) {
|
|
|
+ background-color: #ccc;
|
|
|
+ color: #333333;
|
|
|
+ padding: 0.24rem 0;
|
|
|
+ font-size: 0.28rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .footer2 div:nth-child(2) {
|
|
|
+ background-color: #1989fa;
|
|
|
+ color: #fff;
|
|
|
+ padding: 0.24rem 0;
|
|
|
+ font-size: 0.28rem;
|
|
|
+ }
|
|
|
}
|
|
|
- .content {
|
|
|
- font-size: 0.28rem;
|
|
|
- padding: 0 0.2rem;
|
|
|
- padding-bottom: 0.2rem;
|
|
|
- height: 3rem;
|
|
|
- // overflow-y: scroll;
|
|
|
+
|
|
|
+ .body_com {
|
|
|
+ background-color: #fff;
|
|
|
+ position: fixed;
|
|
|
+ top: 1rem;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ overflow: auto;
|
|
|
+ z-index: 2;
|
|
|
}
|
|
|
- .footer2 div:nth-child(1) {
|
|
|
- background-color: #ccc;
|
|
|
- color: #333333;
|
|
|
- padding: 0.24rem 0;
|
|
|
- font-size: 0.28rem;
|
|
|
+
|
|
|
+ .login_button {
|
|
|
+ height: 1rem;
|
|
|
+ line-height: 0.8rem;
|
|
|
+ border-radius: 0.15rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .imgLsit img {
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ vertical-align: bottom;
|
|
|
+ }
|
|
|
+
|
|
|
+ .input_focus.login-box {
|
|
|
+ height: calc(100% - 0rem);
|
|
|
+ }
|
|
|
+
|
|
|
+ .login-box {
|
|
|
+ height: calc(100%);
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .login-box-parent .van-field__icon .van-icon {
|
|
|
+ color: #4b0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .login-form-box-bg {
|
|
|
+ position: absolute;
|
|
|
+ top: -0.4rem;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 3.4rem;
|
|
|
+ color: #26a2ff;
|
|
|
}
|
|
|
- .footer2 div:nth-child(2) {
|
|
|
- background-color: #1989fa;
|
|
|
+
|
|
|
+ .login_logo {
|
|
|
+ position: relative;
|
|
|
+ display: block;
|
|
|
+ margin: -1.45rem auto;
|
|
|
+ width: 3.6rem;
|
|
|
color: #fff;
|
|
|
- padding: 0.24rem 0;
|
|
|
+ margin-bottom: 0rem;
|
|
|
+ z-index: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .setp1,
|
|
|
+ .setp2 {
|
|
|
+ padding-bottom: 0.5rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .login-box-parent .mint-cell.cell-last:before {
|
|
|
+ bottom: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .login-box .van-cell[data-v-1a0d0fb5]:not(:last-child)::after {
|
|
|
+ border: none;
|
|
|
+ border-bottom: 0.02rem #efefef solid;
|
|
|
+ transform: scaleY(0.5);
|
|
|
+ left: 0.32rem;
|
|
|
+ right: 0.32rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .login-box .login-form-box .tel {
|
|
|
+ font-size: 0.32rem;
|
|
|
+ margin-bottom: 0.16rem;
|
|
|
+ padding: 0.2rem 0.32rem;
|
|
|
+ line-height: 0.5rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .login-box .login-form-box .tel .login_tel {
|
|
|
+ width: 0.37rem;
|
|
|
+ height: 0.37rem;
|
|
|
+ color: #b8b8b8;
|
|
|
+ margin-top: -0.06rem;
|
|
|
+ margin-left: -0.06rem;
|
|
|
+ padding-right: 0rem;
|
|
|
+ border-right: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .login-box .login-form-box .psw {
|
|
|
+ font-size: 0.32rem;
|
|
|
+ margin-bottom: 0.16rem;
|
|
|
+ padding: 0.2rem 0.32rem;
|
|
|
+ line-height: 0.5rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .login-box .login-form-box .psw .login_pwd {
|
|
|
+ width: 0.37rem;
|
|
|
+ height: 0.37rem;
|
|
|
+ color: #b8b8b8;
|
|
|
+ margin-top: -0.05rem;
|
|
|
+ margin-left: -0.06rem;
|
|
|
+ padding-right: 0rem;
|
|
|
+ border-right: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/ .login-box input {
|
|
|
+ font-size: 0.4rem !important;
|
|
|
+ color: #1c1c1c;
|
|
|
+ letter-spacing: 0.005rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .login-box ::-webkit-input-placeholder {
|
|
|
+ font-size: 0.32rem;
|
|
|
+ color: #b8b8b8 !important;
|
|
|
+ letter-spacing: 0.005rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .login-box input:-ms-input-placeholder {
|
|
|
+ font-size: 0.32rem;
|
|
|
+ color: #b8b8b8 !important;
|
|
|
+ letter-spacing: 0.005rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .login-box ::-moz-input-placeholder {
|
|
|
+ font-size: 0.32rem;
|
|
|
+ color: #b8b8b8 !important;
|
|
|
+ letter-spacing: 0.005rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ // .login-box .field-focus ::-webkit-input-placeholder{
|
|
|
+ // color:#238cf9 !important;
|
|
|
+ // }
|
|
|
+ // .login-box input:-ms-input-placeholder {
|
|
|
+ // color:#238cf9 !important;
|
|
|
+ // }
|
|
|
+ // .login-box .field-focus ::-moz-input-placeholder {
|
|
|
+ // color:#238cf9 !important;
|
|
|
+ // }
|
|
|
+ // .login-box .field-focus .login_tel{
|
|
|
+ // color:#238cf9 !important;
|
|
|
+ // }
|
|
|
+ // .login-box .field-focus .login_pwd {
|
|
|
+ // color:#238cf9 !important;
|
|
|
+ // }
|
|
|
+ .login-box .van-hairline--top-bottom:after {
|
|
|
+ border: none;
|
|
|
+ border-bottom: 0.02rem #efefef solid;
|
|
|
+ transform: scaleY(0.5);
|
|
|
+ left: 0.32rem;
|
|
|
+ right: 0.32rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .login-box .van-hairline-unset--top-bottom:after {
|
|
|
+ border: none;
|
|
|
+ border-bottom: 0.02rem #efefef solid;
|
|
|
+ transform: scaleY(0.5);
|
|
|
+ left: 0.32rem;
|
|
|
+ right: 0.32rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ // /deep/ .login-box .field-focus:after {
|
|
|
+ // border-bottom: 0.02rem #238cf9 solid !important;
|
|
|
+ // }
|
|
|
+ .login-box .van-row {
|
|
|
+ margin-top: 0.08rem;
|
|
|
font-size: 0.28rem;
|
|
|
}
|
|
|
-}
|
|
|
-.body_com {
|
|
|
- background-color: #fff;
|
|
|
- position: fixed;
|
|
|
- top: 1rem;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- bottom: 0;
|
|
|
- overflow: auto;
|
|
|
- z-index: 2;
|
|
|
-}
|
|
|
-.login_button {
|
|
|
- height: 1rem;
|
|
|
- line-height: 0.8rem;
|
|
|
- border-radius: 0.15rem;
|
|
|
-}
|
|
|
-.imgLsit img {
|
|
|
- height: 100%;
|
|
|
- width: 100%;
|
|
|
- vertical-align: bottom;
|
|
|
-}
|
|
|
-.input_focus.login-box {
|
|
|
- height: calc(100% - 0rem);
|
|
|
-}
|
|
|
-.login-box {
|
|
|
- height: calc(100%);
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.login-box-parent .van-field__icon .van-icon {
|
|
|
- color: #4b0;
|
|
|
-}
|
|
|
-.login-form-box-bg {
|
|
|
- position: absolute;
|
|
|
- top: -0.4rem;
|
|
|
- left: 0;
|
|
|
- width: 100%;
|
|
|
- height: 3.4rem;
|
|
|
- color: #26a2ff;
|
|
|
-}
|
|
|
-.login_logo {
|
|
|
- position: relative;
|
|
|
- display: block;
|
|
|
- margin: -1.45rem auto;
|
|
|
- width: 3.6rem;
|
|
|
- color: #fff;
|
|
|
- margin-bottom: 0rem;
|
|
|
- z-index: 1;
|
|
|
-}
|
|
|
-.setp1,
|
|
|
-.setp2 {
|
|
|
- padding-bottom: 0.5rem;
|
|
|
-}
|
|
|
-.login-box-parent .mint-cell.cell-last:before {
|
|
|
- bottom: 0;
|
|
|
-}
|
|
|
-.login-box .van-cell[data-v-1a0d0fb5]:not(:last-child)::after {
|
|
|
- border: none;
|
|
|
- border-bottom: 0.02rem #efefef solid;
|
|
|
- transform: scaleY(0.5);
|
|
|
- left: 0.32rem;
|
|
|
- right: 0.32rem;
|
|
|
-}
|
|
|
-.login-box .login-form-box .tel {
|
|
|
- font-size: 0.32rem;
|
|
|
- margin-bottom: 0.16rem;
|
|
|
- padding: 0.2rem 0.32rem;
|
|
|
- line-height: 0.5rem;
|
|
|
-}
|
|
|
-.login-box .login-form-box .tel .login_tel {
|
|
|
- width: 0.37rem;
|
|
|
- height: 0.37rem;
|
|
|
- color: #b8b8b8;
|
|
|
- margin-top: -0.06rem;
|
|
|
- margin-left: -0.06rem;
|
|
|
- padding-right: 0rem;
|
|
|
- border-right: none;
|
|
|
-}
|
|
|
-.login-box .login-form-box .psw {
|
|
|
- font-size: 0.32rem;
|
|
|
- margin-bottom: 0.16rem;
|
|
|
- padding: 0.2rem 0.32rem;
|
|
|
- line-height: 0.5rem;
|
|
|
-}
|
|
|
-.login-box .login-form-box .psw .login_pwd {
|
|
|
- width: 0.37rem;
|
|
|
- height: 0.37rem;
|
|
|
- color: #b8b8b8;
|
|
|
- margin-top: -0.05rem;
|
|
|
- margin-left: -0.06rem;
|
|
|
- padding-right: 0rem;
|
|
|
- border-right: none;
|
|
|
-}
|
|
|
-/deep/ .login-box input {
|
|
|
- font-size: 0.4rem !important;
|
|
|
- color: #1c1c1c;
|
|
|
- letter-spacing: 0.005rem;
|
|
|
-}
|
|
|
-.login-box ::-webkit-input-placeholder {
|
|
|
- font-size: 0.32rem;
|
|
|
- color: #b8b8b8 !important;
|
|
|
- letter-spacing: 0.005rem;
|
|
|
-}
|
|
|
-.login-box input:-ms-input-placeholder {
|
|
|
- font-size: 0.32rem;
|
|
|
- color: #b8b8b8 !important;
|
|
|
- letter-spacing: 0.005rem;
|
|
|
-}
|
|
|
-.login-box ::-moz-input-placeholder {
|
|
|
- font-size: 0.32rem;
|
|
|
- color: #b8b8b8 !important;
|
|
|
- letter-spacing: 0.005rem;
|
|
|
-}
|
|
|
-// .login-box .field-focus ::-webkit-input-placeholder{
|
|
|
-// color:#238cf9 !important;
|
|
|
-// }
|
|
|
-// .login-box input:-ms-input-placeholder {
|
|
|
-// color:#238cf9 !important;
|
|
|
-// }
|
|
|
-// .login-box .field-focus ::-moz-input-placeholder {
|
|
|
-// color:#238cf9 !important;
|
|
|
-// }
|
|
|
-// .login-box .field-focus .login_tel{
|
|
|
-// color:#238cf9 !important;
|
|
|
-// }
|
|
|
-// .login-box .field-focus .login_pwd {
|
|
|
-// color:#238cf9 !important;
|
|
|
-// }
|
|
|
-.login-box .van-hairline--top-bottom:after {
|
|
|
- border: none;
|
|
|
- border-bottom: 0.02rem #efefef solid;
|
|
|
- transform: scaleY(0.5);
|
|
|
- left: 0.32rem;
|
|
|
- right: 0.32rem;
|
|
|
-}
|
|
|
-.login-box .van-hairline-unset--top-bottom:after {
|
|
|
- border: none;
|
|
|
- border-bottom: 0.02rem #efefef solid;
|
|
|
- transform: scaleY(0.5);
|
|
|
- left: 0.32rem;
|
|
|
- right: 0.32rem;
|
|
|
-}
|
|
|
-// /deep/ .login-box .field-focus:after {
|
|
|
-// border-bottom: 0.02rem #238cf9 solid !important;
|
|
|
-// }
|
|
|
-.login-box .van-row {
|
|
|
- margin-top: 0.08rem;
|
|
|
- font-size: 0.28rem;
|
|
|
-}
|
|
|
-.login-box .van-row .van-col:not(:last-child) {
|
|
|
- color: #9e9da3;
|
|
|
-}
|
|
|
-.login-box .van-row .van-col {
|
|
|
- color: #28a2f1;
|
|
|
- letter-spacing: 0.005rem;
|
|
|
-}
|
|
|
-.login-box .login_button {
|
|
|
- height: 1rem;
|
|
|
- line-height: 0.8rem;
|
|
|
- border-radius: 0.04rem;
|
|
|
-}
|
|
|
-.footer {
|
|
|
- font-size: 0.28rem;
|
|
|
- line-height: 1rem;
|
|
|
- text-align: center;
|
|
|
- letter-spacing: 0.005rem;
|
|
|
- margin-bottom: 0.5rem;
|
|
|
-}
|
|
|
-.footer a {
|
|
|
- color: #1989fa;
|
|
|
-}
|
|
|
+
|
|
|
+ .login-box .van-row .van-col:not(:last-child) {
|
|
|
+ color: #9e9da3;
|
|
|
+ }
|
|
|
+
|
|
|
+ .login-box .van-row .van-col {
|
|
|
+ color: #28a2f1;
|
|
|
+ letter-spacing: 0.005rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .login-box .login_button {
|
|
|
+ height: 1rem;
|
|
|
+ line-height: 0.8rem;
|
|
|
+ border-radius: 0.04rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .footer {
|
|
|
+ font-size: 0.28rem;
|
|
|
+ line-height: 1rem;
|
|
|
+ text-align: center;
|
|
|
+ letter-spacing: 0.005rem;
|
|
|
+ margin-bottom: 0.5rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .footer a {
|
|
|
+ color: #1989fa;
|
|
|
+ }
|
|
|
</style>
|
guojy