|
|
|
@ -15,12 +15,26 @@
|
|
|
|
<!-- <template v-show="loginway === 1"> -->
|
|
|
|
<!-- <template v-show="loginway === 1"> -->
|
|
|
|
<a-form id="components-form-demo-normal-login" v-show="loginway === 1" :form="form" class="login-form" @submit="userhandleSubmit">
|
|
|
|
<a-form id="components-form-demo-normal-login" v-show="loginway === 1" :form="form" class="login-form" @submit="userhandleSubmit">
|
|
|
|
<a-form-item style="text-align: left">
|
|
|
|
<a-form-item style="text-align: left">
|
|
|
|
<a-input v-decorator="[ 'tel', { rules: [ { required: true, message: '请输入手机号' }, { pattern: /^1[3456789]\d{9}$/, message: '请输入正确手机号' }, ], validateTrigger: 'submit', }, ]" :maxLength="11" placeholder="请输入手机号">
|
|
|
|
<a-input
|
|
|
|
|
|
|
|
v-decorator="[
|
|
|
|
|
|
|
|
'tel',
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
rules: [
|
|
|
|
|
|
|
|
{ required: true, message: '请输入手机号' },
|
|
|
|
|
|
|
|
{ pattern: /^1[3456789]\d{9}$/, message: '请输入正确手机号' },
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
validateTrigger: 'submit',
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
]"
|
|
|
|
|
|
|
|
:maxLength="11"
|
|
|
|
|
|
|
|
placeholder="请输入手机号"
|
|
|
|
|
|
|
|
>
|
|
|
|
<i slot="prefix" class="iconfont icon-yonghuming" style="font-size: 24px" />
|
|
|
|
<i slot="prefix" class="iconfont icon-yonghuming" style="font-size: 24px" />
|
|
|
|
</a-input>
|
|
|
|
</a-input>
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
<a-form-item style="text-align: left">
|
|
|
|
<a-form-item style="text-align: left">
|
|
|
|
<a-input v-decorator="[
|
|
|
|
<a-input
|
|
|
|
|
|
|
|
v-decorator="[
|
|
|
|
'password',
|
|
|
|
'password',
|
|
|
|
{
|
|
|
|
{
|
|
|
|
rules: [
|
|
|
|
rules: [
|
|
|
|
@ -31,7 +45,10 @@
|
|
|
|
],
|
|
|
|
],
|
|
|
|
validateTrigger: 'submit',
|
|
|
|
validateTrigger: 'submit',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
]" type="password" placeholder="请输入密码">
|
|
|
|
]"
|
|
|
|
|
|
|
|
type="password"
|
|
|
|
|
|
|
|
placeholder="请输入密码"
|
|
|
|
|
|
|
|
>
|
|
|
|
<i slot="prefix" class="iconfont icon-mima" />
|
|
|
|
<i slot="prefix" class="iconfont icon-mima" />
|
|
|
|
</a-input>
|
|
|
|
</a-input>
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
@ -42,12 +59,12 @@
|
|
|
|
<label for="register">下次自动登录</label>
|
|
|
|
<label for="register">下次自动登录</label>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
<!-- <router-link to="updatepsw" class="login-form-forgot" href>忘记密码</router-link> -->
|
|
|
|
<!-- <router-link to="updatepsw" class="login-form-forgot" href>忘记密码</router-link> -->
|
|
|
|
<div @click="showModal" class="login-form-forgot" style="cursor:pointer">忘记密码</div>
|
|
|
|
<div @click="showModal" class="login-form-forgot" style="cursor: pointer">忘记密码</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<a-form-item class="mb0">
|
|
|
|
<a-form-item class="mb0">
|
|
|
|
<a-button type="primary" html-type="submit" class="login-form-button">登录</a-button>
|
|
|
|
<a-button type="primary" html-type="submit" class="login-form-button">登录</a-button>
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
<div class="mt16 f12" style="color:#576B95">
|
|
|
|
<div class="mt16 f12" style="color: #576b95">
|
|
|
|
<router-link to="/main">返回首页</router-link>
|
|
|
|
<router-link to="/main">返回首页</router-link>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a-form>
|
|
|
|
</a-form>
|
|
|
|
@ -58,7 +75,8 @@
|
|
|
|
<template v-show="loginway === 2"> -->
|
|
|
|
<template v-show="loginway === 2"> -->
|
|
|
|
<a-form id="components-form-demo-normal-login" v-show="loginway === 2" :form="form1" class="login-form" @submit="phonehandleSubmit">
|
|
|
|
<a-form id="components-form-demo-normal-login" v-show="loginway === 2" :form="form1" class="login-form" @submit="phonehandleSubmit">
|
|
|
|
<a-form-item style="text-align: left">
|
|
|
|
<a-form-item style="text-align: left">
|
|
|
|
<a-input v-decorator="[
|
|
|
|
<a-input
|
|
|
|
|
|
|
|
v-decorator="[
|
|
|
|
'tel',
|
|
|
|
'tel',
|
|
|
|
{
|
|
|
|
{
|
|
|
|
rules: [
|
|
|
|
rules: [
|
|
|
|
@ -70,12 +88,17 @@
|
|
|
|
],
|
|
|
|
],
|
|
|
|
validateTrigger: 'submit',
|
|
|
|
validateTrigger: 'submit',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
]" autocomplete="off" :maxLength="11" placeholder="请输入手机号">
|
|
|
|
]"
|
|
|
|
|
|
|
|
autocomplete="off"
|
|
|
|
|
|
|
|
:maxLength="11"
|
|
|
|
|
|
|
|
placeholder="请输入手机号"
|
|
|
|
|
|
|
|
>
|
|
|
|
<i slot="prefix" class="icon-shouji iconfont" style="font-size: 24px" />
|
|
|
|
<i slot="prefix" class="icon-shouji iconfont" style="font-size: 24px" />
|
|
|
|
</a-input>
|
|
|
|
</a-input>
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
<a-form-item style="text-align: left">
|
|
|
|
<a-form-item style="text-align: left">
|
|
|
|
<a-input v-decorator="[
|
|
|
|
<a-input
|
|
|
|
|
|
|
|
v-decorator="[
|
|
|
|
'code',
|
|
|
|
'code',
|
|
|
|
{
|
|
|
|
{
|
|
|
|
rules: [
|
|
|
|
rules: [
|
|
|
|
@ -86,7 +109,10 @@
|
|
|
|
],
|
|
|
|
],
|
|
|
|
validateTrigger: 'submit',
|
|
|
|
validateTrigger: 'submit',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
]" type="text" placeholder="请输入验证码">
|
|
|
|
]"
|
|
|
|
|
|
|
|
type="text"
|
|
|
|
|
|
|
|
placeholder="请输入验证码"
|
|
|
|
|
|
|
|
>
|
|
|
|
<i slot="prefix" class="icon-duanxinyanzheng iconfont" />
|
|
|
|
<i slot="prefix" class="icon-duanxinyanzheng iconfont" />
|
|
|
|
<span class="getrulecode" slot="suffix">
|
|
|
|
<span class="getrulecode" slot="suffix">
|
|
|
|
<span @click="getPhoneCode" data-mark="getcode" v-if="timedata.isfinish">获取验证码</span>
|
|
|
|
<span @click="getPhoneCode" data-mark="getcode" v-if="timedata.isfinish">获取验证码</span>
|
|
|
|
@ -105,7 +131,7 @@
|
|
|
|
<a-form-item class="mb0">
|
|
|
|
<a-form-item class="mb0">
|
|
|
|
<a-button type="primary" html-type="submit" class="login-form-button">登录</a-button>
|
|
|
|
<a-button type="primary" html-type="submit" class="login-form-button">登录</a-button>
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
<div class="mt16 f12" style="color:#576B95">
|
|
|
|
<div class="mt16 f12" style="color: #576b95">
|
|
|
|
<router-link to="/main">返回首页</router-link>
|
|
|
|
<router-link to="/main">返回首页</router-link>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a-form>
|
|
|
|
</a-form>
|
|
|
|
@ -115,7 +141,7 @@
|
|
|
|
</div>-->
|
|
|
|
</div>-->
|
|
|
|
<!-- </template> -->
|
|
|
|
<!-- </template> -->
|
|
|
|
<a-modal title="找回密码" :width="760" footer :visible="loginShow" class="modal" @ok="handleOk" @cancel="handleCancel" :maskClosable="false" okText="提交" cancelText="取消" :destroyOnClose="true">
|
|
|
|
<a-modal title="找回密码" :width="760" footer :visible="loginShow" class="modal" @ok="handleOk" @cancel="handleCancel" :maskClosable="false" okText="提交" cancelText="取消" :destroyOnClose="true">
|
|
|
|
<loginpsw :loginShow.sync='loginShow'></loginpsw>
|
|
|
|
<loginpsw :loginShow.sync="loginShow"></loginpsw>
|
|
|
|
</a-modal>
|
|
|
|
</a-modal>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -123,15 +149,15 @@
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
import { loginApi, getPhoneCodeApi } from '../../api/login'
|
|
|
|
import { loginApi, getPhoneCodeApi } from "../../api/login";
|
|
|
|
import timmer from './components/countback.vue'
|
|
|
|
import timmer from "./components/countback.vue";
|
|
|
|
import loginpsw from './updatepsw.vue'
|
|
|
|
import loginpsw from "./updatepsw.vue";
|
|
|
|
import Cookies from 'js-cookie'
|
|
|
|
import Cookies from "js-cookie";
|
|
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
inject: ['reload'],
|
|
|
|
inject: ["reload"],
|
|
|
|
// 组件名称
|
|
|
|
// 组件名称
|
|
|
|
name: '',
|
|
|
|
name: "",
|
|
|
|
// 局部注册的组件
|
|
|
|
// 局部注册的组件
|
|
|
|
components: {
|
|
|
|
components: {
|
|
|
|
timmer,
|
|
|
|
timmer,
|
|
|
|
@ -153,27 +179,27 @@ export default {
|
|
|
|
timmer: null,
|
|
|
|
timmer: null,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
loginShow: false,
|
|
|
|
loginShow: false,
|
|
|
|
}
|
|
|
|
};
|
|
|
|
},
|
|
|
|
},
|
|
|
|
// 计算属性
|
|
|
|
// 计算属性
|
|
|
|
computed: {},
|
|
|
|
computed: {},
|
|
|
|
// 侦听器
|
|
|
|
// 侦听器
|
|
|
|
watch: {
|
|
|
|
watch: {
|
|
|
|
loginway(val) {
|
|
|
|
loginway(val) {
|
|
|
|
console.log(val)
|
|
|
|
console.log(val);
|
|
|
|
setTimeout(() => {
|
|
|
|
setTimeout(() => {
|
|
|
|
console.log(this.form.getFieldsValue().tel);
|
|
|
|
console.log(this.form.getFieldsValue().tel);
|
|
|
|
if (val == 2 && this.form.getFieldsValue().tel != undefined) {
|
|
|
|
if (val == 2 && this.form.getFieldsValue().tel != undefined) {
|
|
|
|
console.log(this.form.getFieldsValue().tel);
|
|
|
|
console.log(this.form.getFieldsValue().tel);
|
|
|
|
this.form1.setFieldsValue({
|
|
|
|
this.form1.setFieldsValue({
|
|
|
|
tel: this.form.getFieldsValue().tel,
|
|
|
|
tel: this.form.getFieldsValue().tel,
|
|
|
|
})
|
|
|
|
});
|
|
|
|
} else if (val == 1 && this.form1.getFieldsValue().tel) {
|
|
|
|
} else if (val == 1 && this.form1.getFieldsValue().tel) {
|
|
|
|
this.form.setFieldsValue({
|
|
|
|
this.form.setFieldsValue({
|
|
|
|
tel: this.form1.getFieldsValue().tel,
|
|
|
|
tel: this.form1.getFieldsValue().tel,
|
|
|
|
})
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}, 10)
|
|
|
|
}, 10);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
// 生命周期钩子 注:没用到的钩子请自行删除
|
|
|
|
// 生命周期钩子 注:没用到的钩子请自行删除
|
|
|
|
@ -190,86 +216,91 @@ export default {
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
userhandleSubmit(e) {
|
|
|
|
userhandleSubmit(e) {
|
|
|
|
// 用户名登录提交
|
|
|
|
// 用户名登录提交
|
|
|
|
e.preventDefault()
|
|
|
|
e.preventDefault();
|
|
|
|
let params
|
|
|
|
let params;
|
|
|
|
this.form.validateFields(async (err, values) => {
|
|
|
|
this.form.validateFields(async (err, values) => {
|
|
|
|
console.log(values)
|
|
|
|
console.log(values);
|
|
|
|
if (!err) {
|
|
|
|
if (!err) {
|
|
|
|
params = { ...values, loginType: 0 }
|
|
|
|
params = { ...values, loginType: 0 };
|
|
|
|
|
|
|
|
|
|
|
|
console.log(params)
|
|
|
|
console.log(params);
|
|
|
|
try {
|
|
|
|
try {
|
|
|
|
const { data } = await loginApi(params)
|
|
|
|
const { data } = await loginApi(params);
|
|
|
|
|
|
|
|
|
|
|
|
console.log(data)
|
|
|
|
console.log(data);
|
|
|
|
if (data.status !== 200) {
|
|
|
|
if (data.status !== 200) {
|
|
|
|
this.$message.warning(data.msg)
|
|
|
|
this.$message.warning(data.msg);
|
|
|
|
return
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
localStorage.setItem('LOGIN_DATA', JSON.stringify(data.data))
|
|
|
|
localStorage.setItem("DAOTIAN_agencyid", data.data.user.agencyId);
|
|
|
|
this.$router.push('/list')
|
|
|
|
localStorage.setItem("LOGIN_DATA", JSON.stringify(data.data));
|
|
|
|
|
|
|
|
localStorage.setItem("LOGIN_DATA_token", data.data.token);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.$router.push("/list");
|
|
|
|
// console.log(Cookies.get("LOGIN_DATA"));
|
|
|
|
// console.log(Cookies.get("LOGIN_DATA"));
|
|
|
|
this.reload()
|
|
|
|
this.reload();
|
|
|
|
// this.$router.push("/list");
|
|
|
|
// this.$router.push("/list");
|
|
|
|
} catch (err) {
|
|
|
|
} catch (err) {
|
|
|
|
console.log(err)
|
|
|
|
console.log(err);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
console.log(err)
|
|
|
|
console.log(err);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
});
|
|
|
|
},
|
|
|
|
},
|
|
|
|
phonehandleSubmit(e) {
|
|
|
|
phonehandleSubmit(e) {
|
|
|
|
e.preventDefault()
|
|
|
|
e.preventDefault();
|
|
|
|
let params
|
|
|
|
let params;
|
|
|
|
this.form1.validateFields(async (err, values) => {
|
|
|
|
this.form1.validateFields(async (err, values) => {
|
|
|
|
console.log(err)
|
|
|
|
console.log(err);
|
|
|
|
if (!err) {
|
|
|
|
if (!err) {
|
|
|
|
params = { ...values, loginType: 1 }
|
|
|
|
params = { ...values, loginType: 1 };
|
|
|
|
try {
|
|
|
|
try {
|
|
|
|
const { data } = await loginApi(params)
|
|
|
|
const { data } = await loginApi(params);
|
|
|
|
console.log(data)
|
|
|
|
console.log(data);
|
|
|
|
if (data.status !== 200) {
|
|
|
|
if (data.status !== 200) {
|
|
|
|
this.$message.warning(data.msg)
|
|
|
|
this.$message.warning(data.msg);
|
|
|
|
return
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
localStorage.setItem('LOGIN_DATA', JSON.stringify(data.data))
|
|
|
|
localStorage.setItem("DAOTIAN_agencyid", data.data.user.agencyId);
|
|
|
|
this.$router.push('/list')
|
|
|
|
localStorage.setItem("LOGIN_DATA", JSON.stringify(data.data));
|
|
|
|
this.reload()
|
|
|
|
localStorage.setItem("LOGIN_DATA_token", data.data.token);
|
|
|
|
|
|
|
|
this.$router.push("/list");
|
|
|
|
|
|
|
|
this.reload();
|
|
|
|
} catch (err) {
|
|
|
|
} catch (err) {
|
|
|
|
console.log(err)
|
|
|
|
console.log(err);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
console.log(err)
|
|
|
|
console.log(err);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
});
|
|
|
|
},
|
|
|
|
},
|
|
|
|
async getPhoneCode() {
|
|
|
|
async getPhoneCode() {
|
|
|
|
const that = this
|
|
|
|
const that = this;
|
|
|
|
|
|
|
|
|
|
|
|
this.form1.validateFields(['tel'], async (err, values) => {
|
|
|
|
this.form1.validateFields(["tel"], async (err, values) => {
|
|
|
|
console.log(values)
|
|
|
|
console.log(values);
|
|
|
|
|
|
|
|
|
|
|
|
if (!err) {
|
|
|
|
if (!err) {
|
|
|
|
that.timedata.isfinish = false
|
|
|
|
that.timedata.isfinish = false;
|
|
|
|
|
|
|
|
|
|
|
|
try {
|
|
|
|
try {
|
|
|
|
const { data } = await getPhoneCodeApi({ tel: values.tel })
|
|
|
|
const { data } = await getPhoneCodeApi({ tel: values.tel });
|
|
|
|
console.log(data)
|
|
|
|
console.log(data);
|
|
|
|
if (data.status !== 200) {
|
|
|
|
if (data.status !== 200) {
|
|
|
|
this.$message.warning(data.msg)
|
|
|
|
this.$message.warning(data.msg);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} catch (error) {
|
|
|
|
} catch (error) {
|
|
|
|
console.log(error)
|
|
|
|
console.log(error);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
console.log(err)
|
|
|
|
console.log(err);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
});
|
|
|
|
},
|
|
|
|
},
|
|
|
|
showModal() {
|
|
|
|
showModal() {
|
|
|
|
console.log('modal')
|
|
|
|
console.log("modal");
|
|
|
|
this.loginShow = true
|
|
|
|
this.loginShow = true;
|
|
|
|
},
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* 关闭忘记密码弹窗
|
|
|
|
* 关闭忘记密码弹窗
|
|
|
|
@ -277,9 +308,8 @@ export default {
|
|
|
|
*
|
|
|
|
*
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
handleCancel() {
|
|
|
|
handleCancel() {
|
|
|
|
this.loginShow = false
|
|
|
|
this.loginShow = false;
|
|
|
|
console.log(123
|
|
|
|
console.log(123);
|
|
|
|
);
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* 提交更改密码信息
|
|
|
|
* 提交更改密码信息
|
|
|
|
@ -288,10 +318,10 @@ export default {
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
handleOk() {},
|
|
|
|
handleOk() {},
|
|
|
|
checked() {
|
|
|
|
checked() {
|
|
|
|
console.log(this.ischecked)
|
|
|
|
console.log(this.ischecked);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="less">
|
|
|
|
<style scoped lang="less">
|
|
|
|
@ -457,7 +487,7 @@ export default {
|
|
|
|
line-height: 12px;
|
|
|
|
line-height: 12px;
|
|
|
|
color: #4d575e;
|
|
|
|
color: #4d575e;
|
|
|
|
|
|
|
|
|
|
|
|
span[data-mark='getcode'] {
|
|
|
|
span[data-mark="getcode"] {
|
|
|
|
padding: 0 0 0 5px;
|
|
|
|
padding: 0 0 0 5px;
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|