Commit 5b944706 authored by 杨梦雪's avatar 杨梦雪

111

parent 3bb03a62
<template> <template>
<div id="app"> <div id="app">
<router-view/> <router-view />
</div> </div>
</template> </template>
<style scoped lang="scss"> <style scoped lang="scss">
// @import "~a/css/base.css";
// @import "~a/css/base.css"; #app {
#app {
font-family: Avenir, Helvetica, Arial, sans-serif; font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
position: relative; position: relative;
height: 100%; height: 100%;
background: #fff; background: #fff;
} }
</style> </style>
...@@ -45,6 +45,7 @@ ...@@ -45,6 +45,7 @@
</template> </template>
<script> <script>
/* eslint-disable */
export default {}; export default {};
</script> </script>
......
...@@ -26,6 +26,7 @@ ...@@ -26,6 +26,7 @@
</template> </template>
<script> <script>
/* eslint-disable */
export default { export default {
name: "Footer", name: "Footer",
}; };
......
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
</div> </div>
</template> </template>
<script> <script>
/* eslint-disable */
export default { export default {
name: "Header", name: "Header",
data() { data() {
......
...@@ -28,6 +28,7 @@ ...@@ -28,6 +28,7 @@
</template> </template>
<script> <script>
/* eslint-disable */
export default { export default {
name: "Confirm", name: "Confirm",
}; };
......
...@@ -27,6 +27,7 @@ ...@@ -27,6 +27,7 @@
</template> </template>
<script> <script>
/* eslint-disable */
export default { export default {
name: "Invitation", name: "Invitation",
}; };
......
...@@ -13,6 +13,7 @@ ...@@ -13,6 +13,7 @@
</template> </template>
<script> <script>
/* eslint-disable */
export default { export default {
name: "Pass", name: "Pass",
}; };
......
...@@ -56,6 +56,7 @@ ...@@ -56,6 +56,7 @@
</template> </template>
<script> <script>
/* eslint-disable */
export default { export default {
name: "Paying", name: "Paying",
data() { data() {
......
...@@ -239,6 +239,7 @@ ...@@ -239,6 +239,7 @@
</template> </template>
<script> <script>
/* eslint-disable */
// import { GetCheckInfo, CheckSignUpInfo } from '@/api/campSystem/campOper' // import { GetCheckInfo, CheckSignUpInfo } from '@/api/campSystem/campOper'
export default { export default {
......
/* eslint-disable */
import Vue from 'vue'; import Vue from 'vue';
import { import {
Avatar, Avatar,
......
/* eslint-disable */
import { import {
request request
} from './network' } from './network'
...@@ -7,11 +8,12 @@ export function login(data) { ...@@ -7,11 +8,12 @@ export function login(data) {
return request({ return request({
method: 'post', method: 'post',
url: '/web/auth/login', url: '/web/auth/login',
data params: data
}) })
} }
// 注册获取验证码 // 退出
export function logout(data) { export function logout(data) {
return request({ return request({
method: 'post', method: 'post',
...@@ -20,20 +22,20 @@ export function logout(data) { ...@@ -20,20 +22,20 @@ export function logout(data) {
}) })
} }
// 修改密码 // 通过旧密码找回密码
export function changePass(data) { export function changePassOld(data) {
return request({ return request({
method: 'post', method: 'post',
url: '/web/auth/changePass', url: '/web/auth/changePassOld',
data data
}) })
} }
// 找回密码 // 通过验证码找回密码
export function sendPassMsg(data) { export function changePassCode(data) {
return request({ return request({
method: 'post', method: 'post',
url: '/web/auth/sendPassMsg', url: '/web/auth/changePassCode',
data data
}) })
} }
/* eslint-disable */
import axios from 'axios' import axios from 'axios'
import store from '@/store' import store from '@/store'
import { import {
...@@ -47,11 +48,11 @@ const allowRequest = function (reqList, url) { ...@@ -47,11 +48,11 @@ const allowRequest = function (reqList, url) {
} }
let loadingInstance = null let loadingInstance = null
export function request (config) { export function request(config) {
const instance = axios.create({ const instance = axios.create({
baseURL: process.env.NODE_ENV === 'development' baseURL: process.env.NODE_ENV === 'development' ?
? DEVELOPMENT_SERVER_URL DEVELOPMENT_SERVER_URL :
: SERVER_URL, SERVER_URL,
timeout: 60 * 1000 timeout: 60 * 1000
}) })
instance.interceptors.request.use( instance.interceptors.request.use(
...@@ -185,6 +186,6 @@ export function request (config) { ...@@ -185,6 +186,6 @@ export function request (config) {
} }
// 合并多个请求 // 合并多个请求
export function allRequest (arrRequest) { export function allRequest(arrRequest) {
return axios.all(arrRequest) return axios.all(arrRequest)
} }
/* eslint-disable */
import {
request
} from './network'
// 发送注册时候验证码
export function registerCode(data) {
return request({
method: 'post',
url: '/web/code/registerCode?phone=' + data
})
}
// 填写注册信息
export function setAccountInfo(data) {
return request({
method: 'post',
url: '/web/register/setAccountInfo',
data
})
}
...@@ -18,6 +18,7 @@ const routes = [{ ...@@ -18,6 +18,7 @@ const routes = [{
{ {
path: '/login', path: '/login',
name: 'loginIndex', name: 'loginIndex',
redirect: '/login',
meta: { meta: {
title: '登录' title: '登录'
}, },
......
export default [{ export default [{
path: '/', path: '/login',
name: 'index-login', name: 'index-login',
component: () => import(/* webpackChunkName: "login" */ 'v/index/login/Login.vue'), component: () => import(/* webpackChunkName: "login" */ 'v/index/login/Login.vue'),
meta: { meta: {
......
...@@ -10,15 +10,16 @@ ...@@ -10,15 +10,16 @@
</el-container> </el-container>
</template> </template>
<script> <script>
import Header from '../../components/index/Header' /* eslint-disable */
import Footer from '../../components/index/Footer' import Header from "../../components/index/Header";
import Footer from "../../components/index/Footer";
export default { export default {
name: 'index-index', name: "index-index",
components: { components: {
Header, Header,
Footer Footer,
} },
} };
</script> </script>
<style lang="scss"> <style lang="scss">
.flex { .flex {
......
...@@ -10,14 +10,14 @@ ...@@ -10,14 +10,14 @@
ref="loginFormRef" ref="loginFormRef"
class="demo-ruleForm" class="demo-ruleForm"
> >
<el-form-item prop="username"> <el-form-item prop="phone">
<img <img
class="img_l" class="img_l"
src="../../../assets/img/login/username.png" src="../../../assets/img/login/username.png"
alt="" alt=""
/> />
<el-input <el-input
v-model="loginForm.username" v-model="loginForm.phone"
placeholder="身份证号/用户名" placeholder="身份证号/用户名"
maxlength="20" maxlength="20"
></el-input> ></el-input>
...@@ -64,8 +64,10 @@ ...@@ -64,8 +64,10 @@
</template> </template>
<script> <script>
// import { authMixin } from 'mixins/admin/auth' /* eslint-disable */
import { login } from "../../../request/index/login";
import { login } from "r/index/login";
import { mobileCheck } from "@/common/utils.js";
export default { export default {
name: "index-login", name: "index-login",
...@@ -73,15 +75,24 @@ export default { ...@@ -73,15 +75,24 @@ export default {
return { return {
isShowPwd: true, // 控制密码显示隐藏 isShowPwd: true, // 控制密码显示隐藏
loginForm: { loginForm: {
username: "", phone: "",
password: "", password: "",
}, },
// 表单验证规则对象 // 表单验证规则对象
loginFormRules: { loginFormRules: {
// 对用户名进行校验 // 对手机号进行校验
username: [ phone: [
{ required: true, message: "请输入用户名", trigger: "blur" }, { required: true, message: "请输入手机号", trigger: "blur" },
{ min: 4, max: 20, message: "请输入正确的用户名", trigger: "blur" }, {
validator: function (rule, value, callback) {
if (mobileCheck(value) === false) {
callback(new Error("请输入正确的手机号"));
} else {
callback();
}
},
trigger: "blur",
},
], ],
// 对密码进行校验 // 对密码进行校验
password: [ password: [
...@@ -89,11 +100,6 @@ export default { ...@@ -89,11 +100,6 @@ export default {
{ min: 6, max: 20, message: "请输入正确的密码", trigger: "blur" }, { min: 6, max: 20, message: "请输入正确的密码", trigger: "blur" },
], ],
}, },
dialogFormFu: {
title: "",
message: "",
},
dialogVisibleFu: false,
}; };
}, },
created() { created() {
...@@ -102,16 +108,10 @@ export default { ...@@ -102,16 +108,10 @@ export default {
methods: { methods: {
// 忘记账号/密码 // 忘记账号/密码
forgetPwd() { forgetPwd() {
window.localStorage.setItem("f_forgetpwd", 0); // window.localStorage.setItem("f_forgetpwd", 0);
this.$router.replace({ name: "index-reset" }); this.$router.replace({ name: "index-reset" });
}, },
// 子组件触发,关闭弹框
closeDialog(value, type) {
this.dialogVisibleFu = value;
if (type) {
this.$router.replace({ name: "StepOne" });
}
},
// 去注册 // 去注册
register() { register() {
// this.dialogFormFu = { // this.dialogFormFu = {
...@@ -125,60 +125,18 @@ export default { ...@@ -125,60 +125,18 @@ export default {
changePwdStatus() { changePwdStatus() {
this.isShowPwd = !this.isShowPwd; this.isShowPwd = !this.isShowPwd;
}, },
// 表单验证 // 登录
submitForm() { submitForm() {
this.$refs.loginFormRef.validate(async (valid) => { login({
// 验证用户名和密码是否符合规定 phone: this.loginForm.phone,
if (!valid) return; password: this.loginForm.password,
}).then((res) => {
// 发送请求的操作 console.log(res);
const { data: res } = await login(this.loginForm); if (res.code != 200) {
console.log(res, "返回用户注册数据");
// 根据返回的状态码做想关的判断
if (res.code !== 200) {
return this.$message.error(res.message); return this.$message.error(res.message);
} }
// 判断用户注册是否填写信息完整 this.$router.replace({ name: "cerificateIndex" });
const applicationstatus = parseInt(res.applicationstatus);
const can_skip = parseInt(res.can_skip);
window.localStorage.setItem("applicationstatus", res.applicationstatus);
window.localStorage.setItem("can_skip", res.can_skip);
window.localStorage.setItem("is_check_id_card", res.is_check_id_card);
console.log(!can_skip);
if (!can_skip) {
if (applicationstatus == 0) {
window.localStorage.setItem("sfzNum", res.sfzNum);
this.$router.replace({
name: "StepOne",
query: { applicationstatus: "0", data: res },
});
return;
} else if (
applicationstatus == 3 ||
applicationstatus == 4 ||
applicationstatus == 5 ||
applicationstatus == 6
) {
window.localStorage.setItem("index-token", res.token);
this.$store.state.token = res.token;
window.localStorage.setItem("student_id", res.student_id);
window.localStorage.setItem("sfzNum", res.sfzNum);
window.localStorage.setItem("username", res.username);
if (res.is_check_id_card != 1) {
this.$router.replace({ name: "StepTwo" });
} else {
this.$router.replace({ name: "StepThree" });
}
return;
}
}
this.$store.state.token = res.token;
window.localStorage.setItem("index-token", res.token);
window.localStorage.setItem("student_id", res.student_id);
window.localStorage.setItem("sfzNum", res.sfzNum);
window.localStorage.setItem("username", res.username);
this.$router.replace({ name: "examlist" });
}); });
}, },
}, },
......
...@@ -5,15 +5,15 @@ ...@@ -5,15 +5,15 @@
<div class="title">新用户注册</div> <div class="title">新用户注册</div>
<div class="line"></div> <div class="line"></div>
<el-form <el-form
:model="loginForm" :model="registerForm"
:rules="registerRules" :rules="registerRules"
ref="loginFormRef" ref="registerFormRef"
class="demo-ruleForm" class="demo-registerForm"
> >
<el-form-item prop="phonenum"> <el-form-item prop="phone">
<img class="img_l" src="@/assets/img/reset/username.png" alt="" /> <img class="img_l" src="@/assets/img/reset/username.png" alt="" />
<el-input <el-input
v-model="loginForm.phonenum" v-model="registerForm.phone"
placeholder="请输入手机号" placeholder="请输入手机号"
maxlength="20" maxlength="20"
></el-input> ></el-input>
...@@ -21,10 +21,9 @@ ...@@ -21,10 +21,9 @@
<el-form-item prop="code"> <el-form-item prop="code">
<img class="img_l" src="@/assets/img/reset/code.png" alt="" /> <img class="img_l" src="@/assets/img/reset/code.png" alt="" />
<el-input <el-input
v-model="loginForm.code" v-model="registerForm.code"
placeholder="请输入短信验证码" placeholder="请输入短信验证码"
maxlength="20" maxlength="20"
class="phone_input"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<!-- 短信验证码 --> <!-- 短信验证码 -->
...@@ -32,10 +31,10 @@ ...@@ -32,10 +31,10 @@
<span class="code" v-show="show" @click="getCode">获取验证码</span> <span class="code" v-show="show" @click="getCode">获取验证码</span>
<span v-show="!show" class="count">{{ count }} s</span> <span v-show="!show" class="count">{{ count }} s</span>
</div> </div>
<el-form-item prop="passwords"> <el-form-item prop="password">
<img class="img_l" src="@/assets/img/reset/password.png" alt="" /> <img class="img_l" src="@/assets/img/reset/password.png" alt="" />
<el-input <el-input
v-model="loginForm.password" v-model="registerForm.password"
:type="isShowPwd ? 'password' : 'text'" :type="isShowPwd ? 'password' : 'text'"
maxlength="20" maxlength="20"
placeholder="设置密码:6-12位字符,包含字母或数字" placeholder="设置密码:6-12位字符,包含字母或数字"
...@@ -55,10 +54,10 @@ ...@@ -55,10 +54,10 @@
alt="" alt=""
/> />
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="rq_password">
<img class="img_l" src="@/assets/img/reset/password.png" alt="" /> <img class="img_l" src="@/assets/img/reset/password.png" alt="" />
<el-input <el-input
v-model="loginForm.passworda" v-model="registerForm.rq_password"
placeholder="请再次输入登录密码" placeholder="请再次输入登录密码"
maxlength="20" maxlength="20"
></el-input> ></el-input>
...@@ -77,23 +76,32 @@ ...@@ -77,23 +76,32 @@
</template> </template>
<script> <script>
// import { authMixin } from 'mixins/admin/auth' /* eslint-disable */
import { login } from "@/request/index/login"; // 请求接口
import { registerCode, setAccountInfo } from "r/index/register";
import { mobileCheck } from "@/common/utils.js";
export default { export default {
name: "index-register", name: "index-register",
data() { data() {
const pwdCheck = async (rule, value, callback) => {
if (value !== this.stepForm.password) {
callback(new Error("两次输入的密码不一致"));
} else {
callback();
}
};
return { return {
// 手机验证短信 // 手机验证短信
show: true, show: true,
count: "", count: "",
timer: null, timer: null,
isShowPwd: true, // 控制密码显示隐藏 isShowPwd: true, // 控制密码显示隐藏
loginForm: { registerForm: {
phonenum: "", phone: "",
code: "", code: "",
passwords: "",
password: "", password: "",
rq_password: "",
}, },
// 表单验证规则对象 // 表单验证规则对象
registerRules: { registerRules: {
...@@ -111,26 +119,29 @@ export default { ...@@ -111,26 +119,29 @@ export default {
trigger: "blur", trigger: "blur",
}, },
], ],
// 对手机号码进行校验
username: [
{ required: true, message: "请输入用户名", trigger: "blur" },
{ min: 4, max: 20, message: "请输入正确的用户名", trigger: "blur" },
],
// 对验证码进行校验 // 对验证码进行校验
code: [ code: [
{ required: true, message: "请输入", trigger: "blur" }, { required: true, message: "请输入验证", trigger: "blur" },
{ min: 6, max: 20, message: "请输入正确的", trigger: "blur" }, { min: 6, max: 20, message: "请输入正确的验证", trigger: "blur" },
], ],
// 对密码进行校验 // 对密码进行校验
password: [ password: [
{ required: true, message: "请输入密码", trigger: "blur" }, { required: true, message: "请输入密码", trigger: "blur" },
{ min: 6, max: 20, message: "请输入正确的密码", trigger: "blur" }, { min: 6, max: 20, message: "请输入正确的密码", trigger: "blur" },
], ],
// 对密码进行校验
rq_password: [
{ required: true, message: "请输入确认密码", trigger: "blur" },
{
validator: pwdCheck,
trigger: "blur",
},
],
}, },
}; };
}, },
created() { created() {
this.$emit("getStatus", false); // this.$emit("getStatus", false);
}, },
methods: { methods: {
// 去注册 // 去注册
...@@ -158,64 +169,33 @@ export default { ...@@ -158,64 +169,33 @@ export default {
} }
}, 1000); }, 1000);
} }
// 接口获得验证码
registerCode({
phone: this.registerForm.phone,
}).then((res) => {
console.log(res);
if (res.code != 200) {
return this.$message.error(res.message);
}
})
}, },
// 表单验证 // 表单验证
submitForm() { submitForm() {
this.$refs.loginFormRef.validate(async (valid) => { setAccountInfo({
// 验证用户名和密码是否符合规定 phone: this.registerForm.phone,
if (!valid) return; code: this.registerForm.code,
password: this.registerForm.password,
// 发送请求的操作 rq_password: this.registerForm.rq_password,
const { data: res } = await login(this.loginForm); }).then((res) => {
console.log(res, "返回用户注册数据"); console.log(res);
// 根据返回的状态码做想关的判断 if (res.code != 200) {
if (res.code !== 200) {
return this.$message.error(res.message); return this.$message.error(res.message);
} }
// 判断用户注册是否填写信息完整 // this.$router.replace({ name: "" });
const applicationstatus = parseInt(res.applicationstatus);
const can_skip = parseInt(res.can_skip);
window.localStorage.setItem("applicationstatus", res.applicationstatus);
window.localStorage.setItem("can_skip", res.can_skip);
window.localStorage.setItem("is_check_id_card", res.is_check_id_card);
console.log(!can_skip);
if (!can_skip) {
if (applicationstatus == 0) {
window.localStorage.setItem("sfzNum", res.sfzNum);
this.$router.replace({
name: "StepOne",
query: { applicationstatus: "0", data: res },
}); });
return;
} else if (
applicationstatus == 3 ||
applicationstatus == 4 ||
applicationstatus == 5 ||
applicationstatus == 6
) {
window.localStorage.setItem("index-token", res.token);
this.$store.state.token = res.token;
window.localStorage.setItem("student_id", res.student_id);
window.localStorage.setItem("sfzNum", res.sfzNum);
window.localStorage.setItem("username", res.username);
if (res.is_check_id_card != 1) {
this.$router.replace({ name: "StepTwo" });
} else {
this.$router.replace({ name: "StepThree" });
} }
return;
}
}
this.$store.state.token = res.token;
window.localStorage.setItem("index-token", res.token);
window.localStorage.setItem("student_id", res.student_id);
window.localStorage.setItem("sfzNum", res.sfzNum);
window.localStorage.setItem("username", res.username);
this.$router.replace({ name: "examlist" });
});
},
}, },
}; };
</script> </script>
...@@ -349,6 +329,7 @@ export default { ...@@ -349,6 +329,7 @@ export default {
z-index: 999; z-index: 999;
top: 38%; top: 38%;
right: 15%; right: 15%;
cursor: pointer;
.code { .code {
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
......
...@@ -87,6 +87,7 @@ ...@@ -87,6 +87,7 @@
</template> </template>
<script> <script>
/* eslint-disable */
// import { authMixin } from 'mixins/admin/auth' // import { authMixin } from 'mixins/admin/auth'
import { login } from "../../../request/index/login"; import { login } from "../../../request/index/login";
......
...@@ -46,6 +46,7 @@ ...@@ -46,6 +46,7 @@
</div> </div>
</template> </template>
<script> <script>
/* eslint-disable */
import Header from "@/components/index/Header.vue"; import Header from "@/components/index/Header.vue";
import Footer from "@/components/index/Footer.vue"; import Footer from "@/components/index/Footer.vue";
export default { export default {
......
...@@ -14,8 +14,8 @@ module.exports = { ...@@ -14,8 +14,8 @@ module.exports = {
.set('c', resolve('src/components')) .set('c', resolve('src/components'))
.set('v', resolve('src/views')) .set('v', resolve('src/views'))
.set('r', resolve('src/request')) .set('r', resolve('src/request'))
// .set('config', resolve('src/config')) .set('config', resolve('src/config'))
// .set('common', resolve('src/common')) .set('common', resolve('src/common'))
// .set('mixins', resolve('src/mixins')) // .set('mixins', resolve('src/mixins'))
.set('store', resolve('src/store')) .set('store', resolve('src/store'))
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment