Skip to content

C
campSite
Commit bba8c6f8 authored by 杨梦雪's avatar 杨梦雪
Browse files
Options

11

parent fc3496b1
Hide whitespace changes
Inline Side-by-side
Showing with 454 additions and 408 deletions
src/components/breadcrumb.vue
View file @ bba8c6f8
<template>
<div class="steps flex">
<div class="step flex" v-for="(item, index) in bCList" :key="item.status">
<div :class="'cricle' + ' ' + (status >= item.status? 'speed-bg-color' : '')">
<span class="num">{{index+1}}</span>
<div
:class="
'cricle' + ' ' + (status >= item.status ? 'speed-bg-color' : '')
"
>
<span class="num">{{ index + 1 }}</span>
</div>
<div
:class="'step_title' + ' ' + (status >= item.status ? 'speed-text-color' : '')"
:class="
'step_title' + ' ' + (status >= item.status ? 'speed-text-color' : '')
"
>
{{item.name}}
{{ item.name }}
</div>
<div>
<img src="../assets/img/signUp/left.png" alt="" v-if="item.status<4"/>
<img
src="../assets/img/signUp/left.png"
alt=""
v-if="item.status < 4"
/>
</div>
</div>
<!-- 1 -->
......@@ -87,111 +97,118 @@
<script>
/* eslint-disable */
export default {
name: "breadcrumb",
props: {statusNum: [String, Number]}, //进度参数
data() {
return {
status: this.statusNum,
bCList: []
};
},
created() {
const doubt_code = window.localStorage.getItem("doubt_code");
const doubt_info = window.localStorage.getItem("doubt_info");
const doubt_check = window.localStorage.getItem("doubt_check");
const newArr = [
{
name: '确认报名须知',
status: 0
},
{
name: '填写邀请码',
status: 1
},
{
name: '填写报名资料',
status: 2
},
{
name: '报名资料审核',
status: 3
},
{
name: '缴费',
status: 4
}
];
newArr.forEach((item, index, array) => {
if(doubt_code == 0 && item.status == 1){
array.splice(item, 1);
}
if(doubt_info == 0 && item.status == 2){
array.splice(item, 1);
}
if(doubt_check == 0 && item.status == 3){
array.splice(item, 1);
}
})
this.bCList = newArr;
},
watch: {
statusNum(val) {
console.log(val)
this.status = val;
export default {
name: "breadcrumb",
props: { statusNum: [String, Number] }, //进度参数
data() {
return {
status: this.statusNum,
bCList: [],
};
},
created() {
const doubt_code = window.localStorage.getItem("doubt_code");
const doubt_info = window.localStorage.getItem("doubt_info");
const doubt_check = window.localStorage.getItem("doubt_check");
console.log(doubt_check, "doubt_check");
const newArr = [
{
name: "确认报名须知",
status: 0,
},
{
name: "填写邀请码",
status: 1,
},
{
name: "填写报名资料",
status: 2,
},
{
name: "报名资料审核",
status: 3,
},
{
name: "缴费",
status: 4,
},
];
console.log(newArr, "newArr");
newArr.forEach((item, index, array) => {
console.log(item, "item");
// 在位置 2后面删除 2 个项目：
//.splice(2, 2);
if (doubt_code == 0 && item.status == 1) {
array.splice(item.status, 1);
}
if (doubt_info == 0 && item.status == 2) {
array.splice(item.status, 1);
}
if (doubt_check == 0 && item.status == 3) {
array.splice(item.status, 1);
}
});
this.bCList = newArr;
console.log(this.bCList, "this.bCList");
},
watch: {
statusNum(val) {
console.log(val, "statusNum");
this.status = val;
},
methods: {},
};
},
methods: {},
};
</script>
<style scoped lang="scss">
.flex {
display: flex;
}
.flex {
display: flex;
}
.speed-bg-color {
background-color: var(--color) !important;
}
.speed-bg-color {
background-color: var(--color) !important;
}
.speed-text-color {
color: var(--color) !important;
}
.speed-text-color {
color: var(--color) !important;
}
.steps {
.step {
align-items: center;
}
.steps {
.step {
align-items: center;
}
.num {
color: #ffff;
position: absolute;
z-index: 999;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.num {
color: #ffff;
position: absolute;
z-index: 999;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.cricle {
position: relative;
width: 57px;
height: 29px;
.cricle {
position: relative;
width: 57px;
height: 29px;
background: #d0ced0;
border-radius: 41px;
margin-right: 10px;
}
background: #d0ced0;
border-radius: 41px;
// margin-right: 10px;
}
img {
margin: 15px;
}
img {
margin: 15px;
}
.step_title {
font-size: 14px;
width: 100%;
height: 20px;
font-weight: 600;
color: #d0ced0;
}
.step_title {
font-size: 14px;
width: 100%;
height: 20px;
font-weight: 600;
color: #d0ced0;
margin-left: 5px;
}
}
</style>
src/components/index/SignUp/Header.vue
View file @ bba8c6f8
......@@ -2,12 +2,12 @@
<div class="Header">
<div class="H_content com-container">
<div class="image" @click="toRecruit">
<img :src="system_logo" alt=""/>
<img :src="system_logo" alt="" />
</div>
<div class="right">
<el-dropdown @command="handleCommand" trigger="click">
<div class="el-dropdown-link">
<img src="@/assets/img/default.svg" class="img_user"/>
<img src="@/assets/img/default.svg" class="img_user" />
<span class="phone">{{ phone }}</span>
<i class="el-icon-arrow-down el-icon--right"></i>
</div>
......@@ -20,124 +20,124 @@
</div>
</template>
<script>
/* eslint-disable */
import {logout} from "r/index/login";
/* eslint-disable */
import { logout } from "r/index/login";
export default {
name: "Header",
data() {
return {
phone: window.localStorage.getItem("phone"),
system_logo: window.localStorage.getItem("system_logo"),
};
export default {
name: "Header",
data() {
return {
phone: window.localStorage.getItem("phone"),
system_logo: window.localStorage.getItem("system_logo"),
};
},
methods: {
handleCommand(command) {
if (command == 1) {
this.logout();
}
},
methods: {
handleCommand(command) {
if (command == 1) {
this.logout();
}
},
// 退出
async logout() {
const confirmResult = await this.$confirm(`确认退出登录？`, "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
closeOnClickModal: false,
type: "warning",
}).catch((err) => err);
if (confirmResult !== "confirm")
return this.$message.info("您取消了退出");
// 退出
async logout() {
const confirmResult = await this.$confirm(`确认退出登录？`, "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
closeOnClickModal: false,
type: "warning",
}).catch((err) => err);
if (confirmResult !== "confirm")
return this.$message.info("您取消了退出");
await logout({});
// if (res.code !== 200) return this.$message.error(res.message);
// 清除本地缓存除了大学logo
// window.localStorage.clear();
window.localStorage.removeItem("doubt_code");
window.localStorage.removeItem("doubt_info");
window.localStorage.removeItem("doubt_check");
window.localStorage.removeItem("index-identity");
window.localStorage.removeItem("index-token");
window.localStorage.removeItem("phone");
window.localStorage.removeItem("camp_name");
window.localStorage.removeItem("system_color");
window.localStorage.removeItem("has_amount");
window.localStorage.removeItem("campsite_id");
window.localStorage.removeItem("order_no");
await logout({});
// if (res.code !== 200) return this.$message.error(res.message);
// 清除本地缓存除了大学logo
// window.localStorage.clear();
window.localStorage.removeItem("doubt_code");
window.localStorage.removeItem("doubt_info");
window.localStorage.removeItem("doubt_check");
window.localStorage.removeItem("index-identity");
window.localStorage.removeItem("index-token");
window.localStorage.removeItem("phone");
window.localStorage.removeItem("camp_name");
window.localStorage.removeItem("system_color");
window.localStorage.removeItem("has_amount");
window.localStorage.removeItem("campsite_id");
window.localStorage.removeItem("order_no");
this.$store.state.token = "";
// 使用编程式导航跳转到登录页面
this.$router.replace({ name: "recruit" });
},
// 点击图片跳转到招生简章页面
toRecruit() {
// 清除本地缓存除了大学logo
// window.localStorage.clear();
window.localStorage.removeItem("doubt_code");
window.localStorage.removeItem("doubt_info");
window.localStorage.removeItem("doubt_check");
window.localStorage.removeItem("index-identity");
window.localStorage.removeItem("index-token");
window.localStorage.removeItem("phone");
window.localStorage.removeItem("camp_name");
window.localStorage.removeItem("system_color");
window.localStorage.removeItem("has_amount");
window.localStorage.removeItem("campsite_id");
window.localStorage.removeItem("order_no");
this.$store.state.token = "";
this.$router.replace({ name: "recruit" });
},
this.$store.state.token = "";
// 使用编程式导航跳转到登录页面
this.$router.replace({ name: "recruit" });
},
// 点击图片跳转到招生简章页面
toRecruit() {
// 清除本地缓存除了大学logo
// window.localStorage.clear();
window.localStorage.removeItem("doubt_code");
window.localStorage.removeItem("doubt_info");
window.localStorage.removeItem("doubt_check");
window.localStorage.removeItem("index-identity");
window.localStorage.removeItem("index-token");
window.localStorage.removeItem("phone");
window.localStorage.removeItem("camp_name");
window.localStorage.removeItem("system_color");
window.localStorage.removeItem("has_amount");
window.localStorage.removeItem("campsite_id");
window.localStorage.removeItem("order_no");
this.$store.state.token = "";
this.$router.replace({ name: "recruit" });
},
};
},
};
</script>
<style lang="scss" scoped>
@import "a/scss/common";
@import "a/scss/common";
.Header {
font-family: PingFang SC;
height: 80px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
.Header {
font-family: PingFang SC;
height: 80px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
.H_content {
height: 100%;
display: flex;
flex-flow: row;
align-items: center;
justify-content: space-between;
.H_content {
height: 100%;
display: flex;
flex-flow: row;
align-items: center;
justify-content: space-between;
.image img {
width: 318px;
height: 62px;
}
.image img {
width: 318px;
height: 62px;
}
.right {
.right {
height: 80px;
::v-deep .el-dropdown {
height: 80px;
::v-deep .el-dropdown {
.el-dropdown-link {
height: 80px;
display: flex;
flex-flow: row;
align-items: center;
.el-dropdown-link {
height: 80px;
display: flex;
flex-flow: row;
align-items: center;
.img_user {
width: 34px;
height: 34px;
background-color: #d8d8d8;
border-radius: 50%;
}
.phone {
margin: 0 10px 0 12px;
}
.img_user {
width: 34px;
height: 34px;
background-color: #d8d8d8;
border-radius: 50%;
}
&:hover {
cursor: pointer;
.phone {
margin: 0 10px 0 12px;
}
}
&:hover {
cursor: pointer;
}
}
}
}
}
</style>
src/components/index/SignUp/paying.vue
View file @ bba8c6f8
......@@ -6,7 +6,7 @@
<div>营地名称：{{ camp_name }}</div>
<div>真实姓名：{{ personalInfo.name }}</div>
<div>身份证号：{{ personalInfo.id_card }}</div>
<div>缴费时间：{{ personalInfo.create_time }}</div>
<!-- <div>缴费时间：{{ personalInfo.create_time }}</div> -->
<div>报名费用： {{ has_amount }}元</div>
</div>
<div class="line"></div>
......@@ -65,7 +65,7 @@
/* eslint-disable */
import ConfirmSignUp from "c/index/SignUp/ConfirmSignUp";
import { getAccount } from "r/index/signUp";
import {parseTime} from "common/utils";
import { parseTime } from "common/utils";
export default {
name: "Paying",
components: {
......@@ -102,7 +102,7 @@ export default {
return this.$message.error(res.data.message);
}
this.personalInfo = res.data.info;
this.personalInfo.create_time = parseTime(res.data.info.create_time);
// this.personalInfo.create_time = parseTime(res.data.info.create_time);
});
},
},
......@@ -111,10 +111,9 @@ export default {
<style lang="scss" scoped>
@import "a/scss/btn";
.btn {
padding-bottom: 0!important;
}
.btn {
padding-bottom: 0 !important;
}
.flex {
display: flex;
}
......@@ -157,7 +156,6 @@ export default {
color: #999999;
line-height: 21px;
}
}
.pay_code {
text-align: center;
......@@ -168,13 +166,13 @@ export default {
line-height: 14px;
span {
font-size: 13px !important;
color:var(--color);
color: var(--color);
}
}
:nth-child(2) {
font-size: 14px;
font-weight: 500;
color:var(--color);
color: var(--color);
line-height: 24px;
}
:nth-child(4) {
......@@ -184,7 +182,7 @@ export default {
line-height: 16px;
span {
font-size: 17px !important;
color:var(--color);
color: var(--color);
}
}
:nth-child(5) {
......
src/components/index/SignUp/referInfo.vue
View file @ bba8c6f8
......@@ -796,7 +796,7 @@ export default {
return this.$message.error(res.data.message);
}
this.$emit("getstatus", res.data.status);
this.$message.success("提交审核成功");
this.$message.success(res.data.message);
this.$router.push("/signUp/check");
});
});
......
src/components/index/SignUp/success.vue
View file @ bba8c6f8
<template>
<div class="sucess">
<div class="p_content">
<div>
<div class="top">
<div>恭喜你！成功报名2021南开大学历史学科暑假营</div>
<div>
<img src="@/assets/img/signUp/offer@2x.png" alt="" />
<img src="@/assets/img/signUp/offer.png" alt="" />
</div>
<el-form-item class="btn">
<el-button @click="confirm">下载录取通知书</el-button>
</el-form-item>
<div class="btn">
<el-button >下载录取通知书</el-button>
</div>
</div>
<div class="lips">
<div>提醒事项：</div>
<div>
1、对于多次缴费的考生，除生效一笔之外其他重复支付的得用会在缴费结束阶段统一退款；
</div>
<div>2、如有退费诉求，请致电项目组工作人员：XXX-XXXXXXXXX</div>
<div>1、报名成功后，请及时下载入营通知书，并携带至营地。</div>
<div>2、如有退费诉求，请致电项目组工作人员：XXX-XXXXXXXXX。</div>
</div>
</div>
</div>
......@@ -25,37 +23,65 @@
<script>
/* eslint-disable */
import {getCam} from "r/index/login";
export default {
name: "Sucess",
data() {
return {
pdf_address:'',
};
},
created() {
},
methods: {
getCam() {
getCam({}).then((res) => {
console.log(res, "getCam");
this.pdf_address=res.data.pdf_address
});
},
},
};
</script>
<style lang="scss" scoped>
@import "a/scss/btn";
.btn {
padding-bottom: 0 !important;
}
.sucess {
padding: 0 56px 65px 56px;
.p_content {
div {
text-align: center;
font-size: 16px;
font-weight: 500;
color: #666666;
line-height: 18px;
}
:nth-child(2) {
margin: 24px 0;
}
:nth-child(3) {
margin: 0 0 216px 0;
.top {
:nth-child(1) {
font-size: 18px;
font-weight: 500;
color: #12141c;
line-height: 18px;
margin: 10px 0 30px 0;
}
div {
text-align: center;
font-size: 16px;
font-weight: 500;
color: #666666;
line-height: 18px;
}
}
}
// 注意事项
.lips {
font-size: 12px;
font-weight: 500;
color: #999999;
line-height: 21px;
margin-top: 20px;
div {
font-size: 12px;
font-weight: 500;
color: #999999;
line-height: 21px;
}
}
}
</style>
src/views/index/camp/Certificate.vue
View file @ bba8c6f8
......@@ -42,8 +42,8 @@ export default {
}
.certificate {
background: #ffffff;
width: 856px;
// background: #ffffff;
// width: 856px;
.certificate_titile {
font-size: 24px;
font-weight: 500;
......
src/views/index/camp/Homework.vue
View file @ bba8c6f8
......@@ -35,8 +35,8 @@ export default {
}
.homework {
background: #ffffff;
width: 856px;
// background: #ffffff;
// width: 856px;
.title {
padding: 50px;
......
src/views/index/camp/Index.vue
View file @ bba8c6f8
......@@ -7,10 +7,14 @@
<div class="com-container">
<div class="index-container">
<div class="camp_left" ref="leftBoxFu">
<ul class="camp_left_box" ref="leftBox" :class="{
'is-fixed':isPosition==1,
'is-absolute':isPosition==2,
}">
<ul
class="camp_left_box"
ref="leftBox"
:class="{
'is-fixed': isPosition == 1,
'is-absolute': isPosition == 2,
}"
>
<li
v-for="(item, index) in tabs"
:key="index"
......@@ -24,7 +28,7 @@
</div>
<div class="camp_right" ref="rightBox">
<router-view />
<router-view @getType="getType" />
</div>
</div>
</div>
......@@ -34,200 +38,197 @@
<script>
/* eslint-disable */
import Header from "@/components/index/SignUp/Header.vue";
import Footer from "@/components/index/Footer.vue";
export default {
name: "campIndex",
components: {
Header,
Footer,
import Header from "@/components/index/SignUp/Header.vue";
import Footer from "@/components/index/Footer.vue";
export default {
name: "campIndex",
components: {
Header,
Footer,
},
data() {
return {
type: 1,
isPosition: 0, // 左侧box是否浮动
pageYOffset: 0, // 左侧box浮动时，滚动的高度
scorllHeight: 0, // 最大滚动高度
tabs: [
{
id: "0",
desc: "营地报名",
image: require("@/assets/img/signUp/icon-bm.png"),
},
{
id: "1",
desc: "营地作业",
image: require("@/assets/img/signUp/icon-zs.png"),
},
{
id: "2",
desc: "营地证书",
image: require("@/assets/img/signUp/icon-zy.png"),
},
],
campindex_type: "",
index_type: "",
};
},
watch: {
type(val) {
window.localStorage.setItem("campindex_type", val);
},
data() {
return {
type: 1,
isPosition: 0,// 左侧box是否浮动
pageYOffset: 0,// 左侧box浮动时，滚动的高度
scorllHeight: 0,// 最大滚动高度
tabs: [
{
id: "0",
desc: "营地报名",
image: require("@/assets/img/signUp/icon-bm.png"),
},
{
id: "1",
desc: "营地作业",
image: require("@/assets/img/signUp/icon-zs.png"),
},
{
id: "2",
desc: "营地证书",
image: require("@/assets/img/signUp/icon-zy.png"),
},
],
campindex_type: "",
};
getType(val) {
console.log(val, "index_type");
this.index_type = val;
},
watch: {
type(val) {
window.localStorage.setItem("campindex_type", val);
},
},
created() {
window.localStorage.setItem("campindex_type", 0);
this.campindex_type = window.localStorage.getItem("campindex_type");
},
mounted() {
window.addEventListener('scroll', this.handleScrollX, true);
window.addEventListener('resize', this.onResize, true);
},
created() {
window.localStorage.setItem("campindex_type", 0);
this.campindex_type = window.localStorage.getItem("campindex_type");
},
mounted() {
window.addEventListener("scroll", this.handleScrollX, true);
window.addEventListener("resize", this.onResize, true);
},
beforeDestroy() {
window.removeEventListener("scroll", this.handleScrollX, true);
window.removeEventListener("resize", this.onResize, true);
},
methods: {
ToSignUp(index) {
this.campindex_type = index;
if (this.campindex_type == 0) {
this.$router.push("/signUp/:index_type");
// this.$router.replace({name: "index-signUp"});
} else if (this.campindex_type == 1) {
this.$router.push("/homework");
} else if (this.campindex_type == 2) {
this.$router.push("/certificate");
}
},
beforeDestroy() {
window.removeEventListener('scroll', this.handleScrollX, true);
window.removeEventListener('resize', this.onResize, true);
onResize() {
const refLeft = this.$refs["leftBox"];
const leftBoxFu = this.$refs["leftBoxFu"];
refLeft.style.width = leftBoxFu.offsetWidth + "px";
},
methods: {
ToSignUp(index) {
this.campindex_type = index;
if (this.campindex_type == 0) {
this.$router.replace({name: "index-signUp"});
} else if (this.campindex_type == 1) {
this.$router.replace({name: "index-homework"});
} else if (this.campindex_type == 2) {
this.$router.replace({name: "index-certificate"});
// 页面滚动事件
handleScrollX() {
const top = document.documentElement.scrollTop || document.body.scrollTop;
const refLeft = this.$refs["leftBox"];
const leftBoxFu = this.$refs["leftBoxFu"];
const refRight = this.$refs["rightBox"];
if (top > 0) {
if (this.isPosition == 0) {
this.scorllHeight = refRight.offsetHeight - refLeft.offsetHeight;
refLeft.style.width = leftBoxFu.offsetWidth + "px";
}
},
onResize() {
const refLeft = this.$refs['leftBox'];
const leftBoxFu = this.$refs['leftBoxFu'];
refLeft.style.width = leftBoxFu.offsetWidth + 'px';
},
// 页面滚动事件
handleScrollX() {
const top = document.documentElement.scrollTop || document.body.scrollTop;
const refLeft = this.$refs['leftBox'];
const leftBoxFu = this.$refs['leftBoxFu'];
const refRight = this.$refs['rightBox'];
if (top > 0) {
if (this.isPosition == 0) {
this.scorllHeight = refRight.offsetHeight - refLeft.offsetHeight;
refLeft.style.width = leftBoxFu.offsetWidth + 'px';
}
this.isPosition = 1;
} else {
if (this.isPosition = 1) {
this.isPosition = 0;
}
this.isPosition = 1;
} else {
if ((this.isPosition = 1)) {
this.isPosition = 0;
}
if (top >= this.scorllHeight) {
if (this.isPosition == 1) {
this.isPosition = 2;
}
} else if (top < this.scorllHeight) {
if (this.isPosition == 2) {
this.isPosition = 1;
refLeft.style.width = leftBoxFu.offsetWidth + 'px';
}
}
if (top >= this.scorllHeight) {
if (this.isPosition == 1) {
this.isPosition = 2;
}
} else if (top < this.scorllHeight) {
if (this.isPosition == 2) {
this.isPosition = 1;
refLeft.style.width = leftBoxFu.offsetWidth + "px";
}
},
ToHomework() {
this.$router.replace({name: "index-homework"});
this.type = 2;
},
ToCertificate() {
this.$router.replace({name: "index-certificate"});
this.type = 3;
},
}
},
};
},
};
</script>
<style lang="scss" scoped>
@import "a/scss/common";
@import "a/scss/common";
.camp-index {
background: #f8f8f8;
.camp-index {
background: #f8f8f8;
.el-header {
position: fixed;
width: 100%;
padding: 0;
background-color: #ffffff;
z-index: 2000;//消息提示框z-index=2019
z-index: 2000; //消息提示框z-index=2019
.bg-top {
height: 24px;
background-color: #f8f8f8;
}
.bg-top {
height: 24px;
background-color: #f8f8f8;
}
}
.index-container {
padding: 104px 0 70px 0;
display: flex;
flex-flow: row;
.index-container {
padding: 104px 0 70px 0;
display: flex;
flex-flow: row;
.camp_left {
position: relative;
width: 24%;
max-width: 280px;
min-width: 200px;
border-radius: 8px;
margin-right: 24px;
.camp_left {
position: relative;
width: 24%;
.camp_left_box {
max-width: 280px;
min-width: 200px;
height: 300px;
background-color: #ffffff;
border-radius: 8px;
margin-right: 24px;
padding: 20px 0;
margin: 0;
.camp_left_box {
&.is-fixed {
position: fixed;
top: 104px;
/*width: 14.4%;*/
max-width: 280px;
min-width: 200px;
height: 300px;
background-color: #ffffff;
border-radius: 8px;
padding: 20px 0;
margin: 0;
&.is-fixed {
position: fixed;
top: 104px;
/*width: 14.4%;*/
max-width: 280px;
min-width: 216px;
}
min-width: 216px;
}
&.is-absolute {
position: absolute;
bottom: 0;
width: 100%;
}
&.is-absolute {
position: absolute;
bottom: 0;
width: 100%;
li {
position: relative;
padding: 0 23px;
height: 44px;
line-height: 44px;
margin: 10px 0;
font-size: 15px;
list-style: none;
img {
vertical-align: middle;
margin: -3px 8px 0 0;
width: 20px;
}
li {
position: relative;
padding: 0 23px;
height: 44px;
line-height: 44px;
margin: 10px 0;
font-size: 15px;
list-style: none;
img {
vertical-align: middle;
margin: -3px 8px 0 0;
width: 20px;
}
&.active,
&:hover {
cursor: pointer;
background-color: #F8F8F8;
}
&.active,
&:hover {
cursor: pointer;
background-color: #f8f8f8;
}
}
}
}
.camp_right {
flex: 1;
border-radius: 8px;
background-color: #ffffff;
}
.camp_right {
flex: 1;
border-radius: 8px;
background-color: #ffffff;
}
}
}
</style>
src/views/index/camp/SignUp.vue
View file @ bba8c6f8
......@@ -57,7 +57,7 @@ export default {
this.signUpInit();
},
mounted() {
this.signUpInit();
// this.signUpInit();
},
watch: {
$route: {
......@@ -73,6 +73,7 @@ export default {
status(val) {
console.log(val, "status");
},
},
methods: {
// 点击下一步，触发父组件方法
......@@ -92,6 +93,7 @@ export default {
// } else if (this.status_val == 5) {
// this.type = "success";
// }
this.signUpInit(this.status_val);
},
// status=4,跳到审核页面；status=3时，根据doubt_check做判断
......@@ -137,7 +139,7 @@ export default {
this.status = 4;
} else {
this.type = "check";
// this.status = 3;
this.status = 3;
}
} else if (this.status == 4) {
if (res.data.examine_status == 0) {
......@@ -157,6 +159,7 @@ export default {
} else if (this.status == 6) {
this.type = "success";
}
this.$emit("getType",this.type)
// console.log(this.status)
//审核报名资料状态
......@@ -164,6 +167,7 @@ export default {
window.localStorage.setItem("has_amount", res.data.has_amount);
window.localStorage.setItem("campsite_id", res.data.campsite_id);
window.localStorage.setItem("order_no", res.data.order_no);
});
},
},
......@@ -186,7 +190,7 @@ export default {
margin-bottom: 40px;
}
.content {
padding: 50px;
padding: 50px 28px;
}
}
</style>
src/views/index/recruit/Index.vue
View file @ bba8c6f8
......@@ -44,7 +44,7 @@
</div>
</template>
<script>
/* eslint-disable */
import Header from "@/components/index/Header.vue";
import Footer from "@/components/index/Footer.vue";
import {getCam} from "r/index/login";
......
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