Skip to content

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

11

parent fc3496b1
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 454 additions and 408 deletions
src/components/breadcrumb.vue
View file @ bba8c6f8
<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,111 +97,118 @@ ...@@ -87,111 +97,118 @@
<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");
const newArr = [ console.log(doubt_check, "doubt_check");
{ const newArr = [
name: '确认报名须知', {
status: 0 name: "确认报名须知",
}, status: 0,
{ },
name: '填写邀请码', {
status: 1 name: "填写邀请码",
}, status: 1,
{ },
name: '填写报名资料', {
status: 2 name: "填写报名资料",
}, status: 2,
{ },
name: '报名资料审核', {
status: 3 name: "报名资料审核",
}, status: 3,
{ },
name: '缴费', {
status: 4 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;
}, },
];
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> </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;
} }
.num { .num {
color: #ffff; color: #ffff;
position: absolute; position: absolute;
z-index: 999; z-index: 999;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
.cricle { .cricle {
position: relative; position: relative;
width: 57px; width: 57px;
height: 29px; height: 29px;
background: #d0ced0; background: #d0ced0;
border-radius: 41px; border-radius: 41px;
margin-right: 10px; // margin-right: 10px;
} }
img { img {
margin: 15px; margin: 15px;
} }
.step_title { .step_title {
font-size: 14px; font-size: 14px;
width: 100%; width: 100%;
height: 20px; height: 20px;
font-weight: 600; font-weight: 600;
color: #d0ced0; color: #d0ced0;
} margin-left: 5px;
} }
}
</style> </style>
src/components/index/SignUp/Header.vue
View file @ bba8c6f8
...@@ -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,124 +20,124 @@ ...@@ -20,124 +20,124 @@
</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 {
phone: window.localStorage.getItem("phone"), phone: window.localStorage.getItem("phone"),
system_logo: window.localStorage.getItem("system_logo"), system_logo: window.localStorage.getItem("system_logo"),
}; };
},
methods: {
handleCommand(command) {
if (command == 1) {
this.logout();
}
}, },
methods: { // 退出
handleCommand(command) { async logout() {
if (command == 1) { const confirmResult = await this.$confirm(`确认退出登录？`, "提示", {
this.logout(); confirmButtonText: "确定",
} cancelButtonText: "取消",
}, closeOnClickModal: false,
// 退出 type: "warning",
async logout() { }).catch((err) => err);
const confirmResult = await this.$confirm(`确认退出登录？`, "提示", { if (confirmResult !== "confirm")
confirmButtonText: "确定", return this.$message.info("您取消了退出");
cancelButtonText: "取消",
closeOnClickModal: false,
type: "warning",
}).catch((err) => err);
if (confirmResult !== "confirm")
return this.$message.info("您取消了退出");
await logout({}); await logout({});
// if (res.code !== 200) return this.$message.error(res.message); // if (res.code !== 200) return this.$message.error(res.message);
// 清除本地缓存除了大学logo // 清除本地缓存除了大学logo
// window.localStorage.clear(); // window.localStorage.clear();
window.localStorage.removeItem("doubt_code"); window.localStorage.removeItem("doubt_code");
window.localStorage.removeItem("doubt_info"); window.localStorage.removeItem("doubt_info");
window.localStorage.removeItem("doubt_check"); window.localStorage.removeItem("doubt_check");
window.localStorage.removeItem("index-identity"); window.localStorage.removeItem("index-identity");
window.localStorage.removeItem("index-token"); window.localStorage.removeItem("index-token");
window.localStorage.removeItem("phone"); window.localStorage.removeItem("phone");
window.localStorage.removeItem("camp_name"); window.localStorage.removeItem("camp_name");
window.localStorage.removeItem("system_color"); window.localStorage.removeItem("system_color");
window.localStorage.removeItem("has_amount"); window.localStorage.removeItem("has_amount");
window.localStorage.removeItem("campsite_id"); window.localStorage.removeItem("campsite_id");
window.localStorage.removeItem("order_no"); window.localStorage.removeItem("order_no");
this.$store.state.token = ""; this.$store.state.token = "";
// 使用编程式导航跳转到登录页面 // 使用编程式导航跳转到登录页面
this.$router.replace({ name: "recruit" }); this.$router.replace({ name: "recruit" });
}, },
// 点击图片跳转到招生简章页面 // 点击图片跳转到招生简章页面
toRecruit() { toRecruit() {
// 清除本地缓存除了大学logo // 清除本地缓存除了大学logo
// window.localStorage.clear(); // window.localStorage.clear();
window.localStorage.removeItem("doubt_code"); window.localStorage.removeItem("doubt_code");
window.localStorage.removeItem("doubt_info"); window.localStorage.removeItem("doubt_info");
window.localStorage.removeItem("doubt_check"); window.localStorage.removeItem("doubt_check");
window.localStorage.removeItem("index-identity"); window.localStorage.removeItem("index-identity");
window.localStorage.removeItem("index-token"); window.localStorage.removeItem("index-token");
window.localStorage.removeItem("phone"); window.localStorage.removeItem("phone");
window.localStorage.removeItem("camp_name"); window.localStorage.removeItem("camp_name");
window.localStorage.removeItem("system_color"); window.localStorage.removeItem("system_color");
window.localStorage.removeItem("has_amount"); window.localStorage.removeItem("has_amount");
window.localStorage.removeItem("campsite_id"); window.localStorage.removeItem("campsite_id");
window.localStorage.removeItem("order_no"); window.localStorage.removeItem("order_no");
this.$store.state.token = ""; this.$store.state.token = "";
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);
.H_content { .H_content {
height: 100%; height: 100%;
display: flex; display: flex;
flex-flow: row; flex-flow: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
.image img { .image img {
width: 318px; width: 318px;
height: 62px; height: 62px;
} }
.right { .right {
height: 80px;
::v-deep .el-dropdown {
height: 80px; height: 80px;
::v-deep .el-dropdown { .el-dropdown-link {
height: 80px; height: 80px;
display: flex;
flex-flow: row;
align-items: center;
.el-dropdown-link { .img_user {
height: 80px; width: 34px;
display: flex; height: 34px;
flex-flow: row; background-color: #d8d8d8;
align-items: center; border-radius: 50%;
.img_user {
width: 34px;
height: 34px;
background-color: #d8d8d8;
border-radius: 50%;
}
.phone {
margin: 0 10px 0 12px;
}
} }
&:hover { .phone {
cursor: pointer; margin: 0 10px 0 12px;
} }
} }
&:hover {
cursor: pointer;
}
} }
} }
} }
}
</style> </style>
src/components/index/SignUp/paying.vue
View file @ bba8c6f8
...@@ -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) {
......
src/components/index/SignUp/referInfo.vue
View file @ bba8c6f8
...@@ -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");
}); });
}); });
......
src/components/index/SignUp/success.vue
View file @ bba8c6f8
<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,37 +23,65 @@ ...@@ -25,37 +23,65 @@
<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 {
div { .top {
text-align: center; :nth-child(1) {
font-size: 16px; font-size: 18px;
font-weight: 500; font-weight: 500;
color: #666666; color: #12141c;
line-height: 18px; line-height: 18px;
} margin: 10px 0 30px 0;
:nth-child(2) { }
margin: 24px 0; div {
} text-align: center;
:nth-child(3) { font-size: 16px;
margin: 0 0 216px 0; font-weight: 500;
color: #666666;
line-height: 18px;
}
} }
} }
// 注意事项 // 注意事项
.lips { .lips {
font-size: 12px; margin-top: 20px;
font-weight: 500; div {
color: #999999; font-size: 12px;
line-height: 21px; font-weight: 500;
color: #999999;
line-height: 21px;
}
} }
} }
</style> </style>
src/views/index/camp/Certificate.vue
View file @ bba8c6f8
...@@ -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;
......
src/views/index/camp/Homework.vue
View file @ bba8c6f8
...@@ -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;
......
src/views/index/camp/Index.vue
View file @ bba8c6f8
This diff is collapsed.
src/views/index/camp/SignUp.vue
View file @ bba8c6f8
...@@ -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>
src/views/index/recruit/Index.vue
View file @ bba8c6f8
...@@ -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