Skip to content

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

11

parent fc3496b1
Show 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,78 +97,84 @@
<script>
/* eslint-disable */
export default {
export default {
name: "breadcrumb",
props: {statusNum: [String, Number]}, //进度参数
props: { statusNum: [String, Number] }, //进度参数
data() {
return {
status: this.statusNum,
bCList: []
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: 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,
},
];
console.log(newArr, "newArr");
newArr.forEach((item, index, array) => {
if(doubt_code == 0 && item.status == 1){
array.splice(item, 1);
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, 1);
if (doubt_info == 0 && item.status == 2) {
array.splice(item.status, 1);
}
if(doubt_check == 0 && item.status == 3){
array.splice(item, 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)
console.log(val, "statusNum");
this.status = val;
},
},
methods: {},
};
};
</script>
<style scoped lang="scss">
.flex {
.flex {
display: flex;
}
}
.speed-bg-color {
.speed-bg-color {
background-color: var(--color) !important;
}
}
.speed-text-color {
.speed-text-color {
color: var(--color) !important;
}
}
.steps {
.steps {
.step {
align-items: center;
}
......@@ -179,7 +195,7 @@
background: #d0ced0;
border-radius: 41px;
margin-right: 10px;
// margin-right: 10px;
}
img {
......@@ -192,6 +208,7 @@
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,10 +20,10 @@
</div>
</template>
<script>
/* eslint-disable */
import {logout} from "r/index/login";
/* eslint-disable */
import { logout } from "r/index/login";
export default {
export default {
name: "Header",
data() {
return {
......@@ -87,12 +87,12 @@
this.$router.replace({ name: "recruit" });
},
},
};
};
</script>
<style lang="scss" scoped>
@import "a/scss/common";
@import "a/scss/common";
.Header {
.Header {
font-family: PingFang SC;
height: 80px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
......@@ -139,5 +139,5 @@
}
}
}
}
}
</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,17 +23,47 @@
<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 {
.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;
......@@ -43,19 +71,17 @@ export default {
color: #666666;
line-height: 18px;
}
:nth-child(2) {
margin: 24px 0;
}
:nth-child(3) {
margin: 0 0 216px 0;
}
}
// 注意事项
.lips {
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,10 +38,10 @@
<script>
/* eslint-disable */
import Header from "@/components/index/SignUp/Header.vue";
import Footer from "@/components/index/Footer.vue";
import Header from "@/components/index/SignUp/Header.vue";
import Footer from "@/components/index/Footer.vue";
export default {
export default {
name: "campIndex",
components: {
Header,
......@@ -46,9 +50,9 @@
data() {
return {
type: 1,
isPosition: 0,// 左侧box是否浮动
pageYOffset: 0,// 左侧box浮动时，滚动的高度
scorllHeight: 0,// 最大滚动高度
isPosition: 0, // 左侧box是否浮动
pageYOffset: 0, // 左侧box浮动时，滚动的高度
scorllHeight: 0, // 最大滚动高度
tabs: [
{
id: "0",
......@@ -68,55 +72,61 @@
],
campindex_type: "",
index_type: "",
};
},
watch: {
type(val) {
window.localStorage.setItem("campindex_type", val);
},
getType(val) {
console.log(val, "index_type");
this.index_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);
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);
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.replace({name: "index-signUp"});
this.$router.push("/signUp/:index_type");
// this.$router.replace({name: "index-signUp"});
} else if (this.campindex_type == 1) {
this.$router.replace({name: "index-homework"});
this.$router.push("/homework");
} else if (this.campindex_type == 2) {
this.$router.replace({name: "index-certificate"});
this.$router.push("/certificate");
}
},
onResize() {
const refLeft = this.$refs['leftBox'];
const leftBoxFu = this.$refs['leftBoxFu'];
refLeft.style.width = leftBoxFu.offsetWidth + 'px';
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'];
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';
refLeft.style.width = leftBoxFu.offsetWidth + "px";
}
this.isPosition = 1;
} else {
if (this.isPosition = 1) {
if ((this.isPosition = 1)) {
this.isPosition = 0;
}
}
......@@ -127,26 +137,18 @@
} else if (top < this.scorllHeight) {
if (this.isPosition == 2) {
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>
<style lang="scss" scoped>
@import "a/scss/common";
@import "a/scss/common";
.camp-index {
.camp-index {
background: #f8f8f8;
.el-header {
......@@ -154,7 +156,7 @@
width: 100%;
padding: 0;
background-color: #ffffff;
z-index: 2000;//消息提示框z-index=2019
z-index: 2000; //消息提示框z-index=2019
.bg-top {
height: 24px;
......@@ -216,7 +218,7 @@
&.active,
&:hover {
cursor: pointer;
background-color: #F8F8F8;
background-color: #f8f8f8;
}
}
}
......@@ -228,6 +230,5 @@
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