Commit bba8c6f8 authored by 杨梦雪's avatar 杨梦雪

11

parent fc3496b1
<template> <template>
<div class="steps flex"> <div class="steps flex">
<div class="step flex" v-for="(item, index) in bCList" :key="item.status"> <div class="step flex" v-for="(item, index) in bCList" :key="item.status">
<div :class="'cricle' + ' ' + (status >= item.status? 'speed-bg-color' : '')"> <div
<span class="num">{{index+1}}</span> :class="
'cricle' + ' ' + (status >= item.status ? 'speed-bg-color' : '')
"
>
<span class="num">{{ index + 1 }}</span>
</div> </div>
<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>
<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>
</div> </div>
<!-- 1 --> <!-- 1 -->
...@@ -87,78 +97,84 @@ ...@@ -87,78 +97,84 @@
<script> <script>
/* eslint-disable */ /* eslint-disable */
export default { export default {
name: "breadcrumb", name: "breadcrumb",
props: {statusNum: [String, Number]}, //进度参数 props: { statusNum: [String, Number] }, //进度参数
data() { data() {
return { return {
status: this.statusNum, status: this.statusNum,
bCList: [] bCList: [],
}; };
}, },
created() { created() {
const doubt_code = window.localStorage.getItem("doubt_code"); const doubt_code = window.localStorage.getItem("doubt_code");
const doubt_info = window.localStorage.getItem("doubt_info"); const doubt_info = window.localStorage.getItem("doubt_info");
const doubt_check = window.localStorage.getItem("doubt_check"); const doubt_check = window.localStorage.getItem("doubt_check");
console.log(doubt_check, "doubt_check");
const newArr = [ const newArr = [
{ {
name: '确认报名须知', name: "确认报名须知",
status: 0 status: 0,
}, },
{ {
name: '填写邀请码', name: "填写邀请码",
status: 1 status: 1,
}, },
{ {
name: '填写报名资料', name: "填写报名资料",
status: 2 status: 2,
}, },
{ {
name: '报名资料审核', name: "报名资料审核",
status: 3 status: 3,
}, },
{ {
name: '缴费', name: "缴费",
status: 4 status: 4,
} },
]; ];
console.log(newArr, "newArr");
newArr.forEach((item, index, array) => { newArr.forEach((item, index, array) => {
if(doubt_code == 0 && item.status == 1){ console.log(item, "item");
array.splice(item, 1); // 在位置 2后面删除 2 个项目:
//.splice(2, 2);
if (doubt_code == 0 && item.status == 1) {
array.splice(item.status, 1);
} }
if(doubt_info == 0 && item.status == 2){ if (doubt_info == 0 && item.status == 2) {
array.splice(item, 1); array.splice(item.status, 1);
} }
if(doubt_check == 0 && item.status == 3){ if (doubt_check == 0 && item.status == 3) {
array.splice(item, 1); array.splice(item.status, 1);
} }
}) });
this.bCList = newArr; this.bCList = newArr;
console.log(this.bCList, "this.bCList");
}, },
watch: { watch: {
statusNum(val) { statusNum(val) {
console.log(val) console.log(val, "statusNum");
this.status = val; this.status = val;
}, },
}, },
methods: {}, methods: {},
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.flex { .flex {
display: flex; display: flex;
} }
.speed-bg-color { .speed-bg-color {
background-color: var(--color) !important; background-color: var(--color) !important;
} }
.speed-text-color { .speed-text-color {
color: var(--color) !important; color: var(--color) !important;
} }
.steps { .steps {
.step { .step {
align-items: center; align-items: center;
} }
...@@ -179,7 +195,7 @@ ...@@ -179,7 +195,7 @@
background: #d0ced0; background: #d0ced0;
border-radius: 41px; border-radius: 41px;
margin-right: 10px; // margin-right: 10px;
} }
img { img {
...@@ -192,6 +208,7 @@ ...@@ -192,6 +208,7 @@
height: 20px; height: 20px;
font-weight: 600; font-weight: 600;
color: #d0ced0; color: #d0ced0;
margin-left: 5px;
} }
} }
</style> </style>
...@@ -2,12 +2,12 @@ ...@@ -2,12 +2,12 @@
<div class="Header"> <div class="Header">
<div class="H_content com-container"> <div class="H_content com-container">
<div class="image" @click="toRecruit"> <div class="image" @click="toRecruit">
<img :src="system_logo" alt=""/> <img :src="system_logo" alt="" />
</div> </div>
<div class="right"> <div class="right">
<el-dropdown @command="handleCommand" trigger="click"> <el-dropdown @command="handleCommand" trigger="click">
<div class="el-dropdown-link"> <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> <span class="phone">{{ phone }}</span>
<i class="el-icon-arrow-down el-icon--right"></i> <i class="el-icon-arrow-down el-icon--right"></i>
</div> </div>
...@@ -20,10 +20,10 @@ ...@@ -20,10 +20,10 @@
</div> </div>
</template> </template>
<script> <script>
/* eslint-disable */ /* eslint-disable */
import {logout} from "r/index/login"; import { logout } from "r/index/login";
export default { export default {
name: "Header", name: "Header",
data() { data() {
return { return {
...@@ -87,12 +87,12 @@ ...@@ -87,12 +87,12 @@
this.$router.replace({ name: "recruit" }); this.$router.replace({ name: "recruit" });
}, },
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "a/scss/common"; @import "a/scss/common";
.Header { .Header {
font-family: PingFang SC; font-family: PingFang SC;
height: 80px; height: 80px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
...@@ -139,5 +139,5 @@ ...@@ -139,5 +139,5 @@
} }
} }
} }
} }
</style> </style>
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<div>营地名称:{{ camp_name }}</div> <div>营地名称:{{ camp_name }}</div>
<div>真实姓名:{{ personalInfo.name }}</div> <div>真实姓名:{{ personalInfo.name }}</div>
<div>身份证号:{{ personalInfo.id_card }}</div> <div>身份证号:{{ personalInfo.id_card }}</div>
<div>缴费时间:{{ personalInfo.create_time }}</div> <!-- <div>缴费时间:{{ personalInfo.create_time }}</div> -->
<div>报名费用: {{ has_amount }}</div> <div>报名费用: {{ has_amount }}</div>
</div> </div>
<div class="line"></div> <div class="line"></div>
...@@ -65,7 +65,7 @@ ...@@ -65,7 +65,7 @@
/* eslint-disable */ /* eslint-disable */
import ConfirmSignUp from "c/index/SignUp/ConfirmSignUp"; import ConfirmSignUp from "c/index/SignUp/ConfirmSignUp";
import { getAccount } from "r/index/signUp"; import { getAccount } from "r/index/signUp";
import {parseTime} from "common/utils"; import { parseTime } from "common/utils";
export default { export default {
name: "Paying", name: "Paying",
components: { components: {
...@@ -102,7 +102,7 @@ export default { ...@@ -102,7 +102,7 @@ export default {
return this.$message.error(res.data.message); return this.$message.error(res.data.message);
} }
this.personalInfo = res.data.info; 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 { ...@@ -111,10 +111,9 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import "a/scss/btn"; @import "a/scss/btn";
.btn { .btn {
padding-bottom: 0 !important;
padding-bottom: 0!important; }
}
.flex { .flex {
display: flex; display: flex;
} }
...@@ -157,7 +156,6 @@ export default { ...@@ -157,7 +156,6 @@ export default {
color: #999999; color: #999999;
line-height: 21px; line-height: 21px;
} }
} }
.pay_code { .pay_code {
text-align: center; text-align: center;
...@@ -168,13 +166,13 @@ export default { ...@@ -168,13 +166,13 @@ export default {
line-height: 14px; line-height: 14px;
span { span {
font-size: 13px !important; font-size: 13px !important;
color:var(--color); color: var(--color);
} }
} }
:nth-child(2) { :nth-child(2) {
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color:var(--color); color: var(--color);
line-height: 24px; line-height: 24px;
} }
:nth-child(4) { :nth-child(4) {
...@@ -184,7 +182,7 @@ export default { ...@@ -184,7 +182,7 @@ export default {
line-height: 16px; line-height: 16px;
span { span {
font-size: 17px !important; font-size: 17px !important;
color:var(--color); color: var(--color);
} }
} }
:nth-child(5) { :nth-child(5) {
......
...@@ -796,7 +796,7 @@ export default { ...@@ -796,7 +796,7 @@ export default {
return this.$message.error(res.data.message); return this.$message.error(res.data.message);
} }
this.$emit("getstatus", res.data.status); this.$emit("getstatus", res.data.status);
this.$message.success("提交审核成功"); this.$message.success(res.data.message);
this.$router.push("/signUp/check"); this.$router.push("/signUp/check");
}); });
}); });
......
<template> <template>
<div class="sucess"> <div class="sucess">
<div class="p_content"> <div class="p_content">
<div> <div class="top">
<div>恭喜你!成功报名2021南开大学历史学科暑假营</div> <div>恭喜你!成功报名2021南开大学历史学科暑假营</div>
<div> <div>
<img src="@/assets/img/signUp/offer@2x.png" alt="" /> <img src="@/assets/img/signUp/offer.png" alt="" />
</div> </div>
<el-form-item class="btn"> <div class="btn">
<el-button @click="confirm">下载录取通知书</el-button> <el-button >下载录取通知书</el-button>
</el-form-item> </div>
</div> </div>
<div class="lips"> <div class="lips">
<div>提醒事项:</div> <div>提醒事项:</div>
<div> <div>1、报名成功后,请及时下载入营通知书,并携带至营地。</div>
1、对于多次缴费的考生,除生效一笔之外其他重复支付的得用会在缴费结束阶段统一退款; <div>2、如有退费诉求,请致电项目组工作人员:XXX-XXXXXXXXX。</div>
</div>
<div>2、如有退费诉求,请致电项目组工作人员:XXX-XXXXXXXXX</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -25,17 +23,47 @@ ...@@ -25,17 +23,47 @@
<script> <script>
/* eslint-disable */ /* eslint-disable */
import {getCam} from "r/index/login";
export default { export default {
name: "Sucess", name: "Sucess",
data() {
return {
pdf_address:'',
};
},
created() {
},
methods: {
getCam() {
getCam({}).then((res) => {
console.log(res, "getCam");
this.pdf_address=res.data.pdf_address
});
},
},
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "a/scss/btn"; @import "a/scss/btn";
.btn {
padding-bottom: 0 !important;
}
.sucess { .sucess {
padding: 0 56px 65px 56px; padding: 0 56px 65px 56px;
.p_content { .p_content {
.top {
:nth-child(1) {
font-size: 18px;
font-weight: 500;
color: #12141c;
line-height: 18px;
margin: 10px 0 30px 0;
}
div { div {
text-align: center; text-align: center;
font-size: 16px; font-size: 16px;
...@@ -43,19 +71,17 @@ export default { ...@@ -43,19 +71,17 @@ export default {
color: #666666; color: #666666;
line-height: 18px; line-height: 18px;
} }
:nth-child(2) {
margin: 24px 0;
}
:nth-child(3) {
margin: 0 0 216px 0;
} }
} }
// 注意事项 // 注意事项
.lips { .lips {
margin-top: 20px;
div {
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
color: #999999; color: #999999;
line-height: 21px; line-height: 21px;
} }
}
} }
</style> </style>
...@@ -42,8 +42,8 @@ export default { ...@@ -42,8 +42,8 @@ export default {
} }
.certificate { .certificate {
background: #ffffff; // background: #ffffff;
width: 856px; // width: 856px;
.certificate_titile { .certificate_titile {
font-size: 24px; font-size: 24px;
font-weight: 500; font-weight: 500;
......
...@@ -35,8 +35,8 @@ export default { ...@@ -35,8 +35,8 @@ export default {
} }
.homework { .homework {
background: #ffffff; // background: #ffffff;
width: 856px; // width: 856px;
.title { .title {
padding: 50px; padding: 50px;
......
...@@ -7,10 +7,14 @@ ...@@ -7,10 +7,14 @@
<div class="com-container"> <div class="com-container">
<div class="index-container"> <div class="index-container">
<div class="camp_left" ref="leftBoxFu"> <div class="camp_left" ref="leftBoxFu">
<ul class="camp_left_box" ref="leftBox" :class="{ <ul
'is-fixed':isPosition==1, class="camp_left_box"
'is-absolute':isPosition==2, ref="leftBox"
}"> :class="{
'is-fixed': isPosition == 1,
'is-absolute': isPosition == 2,
}"
>
<li <li
v-for="(item, index) in tabs" v-for="(item, index) in tabs"
:key="index" :key="index"
...@@ -24,7 +28,7 @@ ...@@ -24,7 +28,7 @@
</div> </div>
<div class="camp_right" ref="rightBox"> <div class="camp_right" ref="rightBox">
<router-view /> <router-view @getType="getType" />
</div> </div>
</div> </div>
</div> </div>
...@@ -34,10 +38,10 @@ ...@@ -34,10 +38,10 @@
<script> <script>
/* eslint-disable */ /* eslint-disable */
import Header from "@/components/index/SignUp/Header.vue"; import Header from "@/components/index/SignUp/Header.vue";
import Footer from "@/components/index/Footer.vue"; import Footer from "@/components/index/Footer.vue";
export default { export default {
name: "campIndex", name: "campIndex",
components: { components: {
Header, Header,
...@@ -46,9 +50,9 @@ ...@@ -46,9 +50,9 @@
data() { data() {
return { return {
type: 1, type: 1,
isPosition: 0,// 左侧box是否浮动 isPosition: 0, // 左侧box是否浮动
pageYOffset: 0,// 左侧box浮动时,滚动的高度 pageYOffset: 0, // 左侧box浮动时,滚动的高度
scorllHeight: 0,// 最大滚动高度 scorllHeight: 0, // 最大滚动高度
tabs: [ tabs: [
{ {
id: "0", id: "0",
...@@ -68,55 +72,61 @@ ...@@ -68,55 +72,61 @@
], ],
campindex_type: "", campindex_type: "",
index_type: "",
}; };
}, },
watch: { watch: {
type(val) { type(val) {
window.localStorage.setItem("campindex_type", val); window.localStorage.setItem("campindex_type", val);
}, },
getType(val) {
console.log(val, "index_type");
this.index_type = val;
},
}, },
created() { created() {
window.localStorage.setItem("campindex_type", 0); window.localStorage.setItem("campindex_type", 0);
this.campindex_type = window.localStorage.getItem("campindex_type"); this.campindex_type = window.localStorage.getItem("campindex_type");
}, },
mounted() { mounted() {
window.addEventListener('scroll', this.handleScrollX, true); window.addEventListener("scroll", this.handleScrollX, true);
window.addEventListener('resize', this.onResize, true); window.addEventListener("resize", this.onResize, true);
}, },
beforeDestroy() { beforeDestroy() {
window.removeEventListener('scroll', this.handleScrollX, true); window.removeEventListener("scroll", this.handleScrollX, true);
window.removeEventListener('resize', this.onResize, true); window.removeEventListener("resize", this.onResize, true);
}, },
methods: { methods: {
ToSignUp(index) { ToSignUp(index) {
this.campindex_type = index; this.campindex_type = index;
if (this.campindex_type == 0) { if (this.campindex_type == 0) {
this.$router.replace({name: "index-signUp"}); this.$router.push("/signUp/:index_type");
// this.$router.replace({name: "index-signUp"});
} else if (this.campindex_type == 1) { } else if (this.campindex_type == 1) {
this.$router.replace({name: "index-homework"}); this.$router.push("/homework");
} else if (this.campindex_type == 2) { } else if (this.campindex_type == 2) {
this.$router.replace({name: "index-certificate"}); this.$router.push("/certificate");
} }
}, },
onResize() { onResize() {
const refLeft = this.$refs['leftBox']; const refLeft = this.$refs["leftBox"];
const leftBoxFu = this.$refs['leftBoxFu']; const leftBoxFu = this.$refs["leftBoxFu"];
refLeft.style.width = leftBoxFu.offsetWidth + 'px'; refLeft.style.width = leftBoxFu.offsetWidth + "px";
}, },
// 页面滚动事件 // 页面滚动事件
handleScrollX() { handleScrollX() {
const top = document.documentElement.scrollTop || document.body.scrollTop; const top = document.documentElement.scrollTop || document.body.scrollTop;
const refLeft = this.$refs['leftBox']; const refLeft = this.$refs["leftBox"];
const leftBoxFu = this.$refs['leftBoxFu']; const leftBoxFu = this.$refs["leftBoxFu"];
const refRight = this.$refs['rightBox']; const refRight = this.$refs["rightBox"];
if (top > 0) { if (top > 0) {
if (this.isPosition == 0) { if (this.isPosition == 0) {
this.scorllHeight = refRight.offsetHeight - refLeft.offsetHeight; this.scorllHeight = refRight.offsetHeight - refLeft.offsetHeight;
refLeft.style.width = leftBoxFu.offsetWidth + 'px'; refLeft.style.width = leftBoxFu.offsetWidth + "px";
} }
this.isPosition = 1; this.isPosition = 1;
} else { } else {
if (this.isPosition = 1) { if ((this.isPosition = 1)) {
this.isPosition = 0; this.isPosition = 0;
} }
} }
...@@ -127,26 +137,18 @@ ...@@ -127,26 +137,18 @@
} else if (top < this.scorllHeight) { } else if (top < this.scorllHeight) {
if (this.isPosition == 2) { if (this.isPosition == 2) {
this.isPosition = 1; this.isPosition = 1;
refLeft.style.width = leftBoxFu.offsetWidth + 'px'; 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> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "a/scss/common"; @import "a/scss/common";
.camp-index { .camp-index {
background: #f8f8f8; background: #f8f8f8;
.el-header { .el-header {
...@@ -154,7 +156,7 @@ ...@@ -154,7 +156,7 @@
width: 100%; width: 100%;
padding: 0; padding: 0;
background-color: #ffffff; background-color: #ffffff;
z-index: 2000;//消息提示框z-index=2019 z-index: 2000; //消息提示框z-index=2019
.bg-top { .bg-top {
height: 24px; height: 24px;
...@@ -216,7 +218,7 @@ ...@@ -216,7 +218,7 @@
&.active, &.active,
&:hover { &:hover {
cursor: pointer; cursor: pointer;
background-color: #F8F8F8; background-color: #f8f8f8;
} }
} }
} }
...@@ -228,6 +230,5 @@ ...@@ -228,6 +230,5 @@
background-color: #ffffff; background-color: #ffffff;
} }
} }
} }
</style> </style>
...@@ -57,7 +57,7 @@ export default { ...@@ -57,7 +57,7 @@ export default {
this.signUpInit(); this.signUpInit();
}, },
mounted() { mounted() {
this.signUpInit(); // this.signUpInit();
}, },
watch: { watch: {
$route: { $route: {
...@@ -73,6 +73,7 @@ export default { ...@@ -73,6 +73,7 @@ export default {
status(val) { status(val) {
console.log(val, "status"); console.log(val, "status");
}, },
}, },
methods: { methods: {
// 点击下一步,触发父组件方法 // 点击下一步,触发父组件方法
...@@ -92,6 +93,7 @@ export default { ...@@ -92,6 +93,7 @@ export default {
// } else if (this.status_val == 5) { // } else if (this.status_val == 5) {
// this.type = "success"; // this.type = "success";
// } // }
this.signUpInit(this.status_val); this.signUpInit(this.status_val);
}, },
// status=4,跳到审核页面;status=3时,根据doubt_check做判断 // status=4,跳到审核页面;status=3时,根据doubt_check做判断
...@@ -137,7 +139,7 @@ export default { ...@@ -137,7 +139,7 @@ export default {
this.status = 4; this.status = 4;
} else { } else {
this.type = "check"; this.type = "check";
// this.status = 3; this.status = 3;
} }
} else if (this.status == 4) { } else if (this.status == 4) {
if (res.data.examine_status == 0) { if (res.data.examine_status == 0) {
...@@ -157,6 +159,7 @@ export default { ...@@ -157,6 +159,7 @@ export default {
} else if (this.status == 6) { } else if (this.status == 6) {
this.type = "success"; this.type = "success";
} }
this.$emit("getType",this.type)
// console.log(this.status) // console.log(this.status)
//审核报名资料状态 //审核报名资料状态
...@@ -164,6 +167,7 @@ export default { ...@@ -164,6 +167,7 @@ export default {
window.localStorage.setItem("has_amount", res.data.has_amount); window.localStorage.setItem("has_amount", res.data.has_amount);
window.localStorage.setItem("campsite_id", res.data.campsite_id); window.localStorage.setItem("campsite_id", res.data.campsite_id);
window.localStorage.setItem("order_no", res.data.order_no); window.localStorage.setItem("order_no", res.data.order_no);
}); });
}, },
}, },
...@@ -186,7 +190,7 @@ export default { ...@@ -186,7 +190,7 @@ export default {
margin-bottom: 40px; margin-bottom: 40px;
} }
.content { .content {
padding: 50px; padding: 50px 28px;
} }
} }
</style> </style>
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,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";
import {getCam} from "r/index/login"; 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