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>
<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
This diff is collapsed.
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