Skip to content

C
campSite
Commit faec603d authored by ‘yangmengxue’'s avatar ‘yangmengxue’
Browse files
Options

西交考试通知

parent d5d480ff
Hide whitespace changes
Inline Side-by-side
Showing with 415 additions and 353 deletions
dist.rar deleted 100644 → 0
View file @ d5d480ff
File deleted
src/components/index/SignUp/paying.vue
View file @ faec603d
<template>
<div class="paying">
<div>
<div
class="notify flex"
v-if="
$store.state.indexIdentity == 'b670c2faa285477ea6a2fb1efeaf03a4' ||
$store.state.indexIdentity == '303c738d07b24a5b881d03d5177409a0' ||
$store.state.indexIdentity == 'd1a331f0140e4e49b1f3751c0cbf9660'
"
>
<div class="flex">
<img
alt=""
class="notify_img"
src="../../../assets/img/paying/notice.png"
/>
</div>
<div>缴费截止时间：{{ $store.state.registrationEnd }}</div>
</div>
<span class="pay_titile">报名信息</span>
<div class="pay_top">
<div>营地名称：{{ $store.state.info.name }}</div>
......@@ -178,7 +195,16 @@
<div><span>收款单位:</span>{{ payee }}</div>
<div><span>账号:</span>{{ bank_idcard }}</div>
<div><span>开户行:</span>{{ bank_first }}</div>
<div v-if="transfer_back_up">
<div
v-if="transfer_back_up"
:class="
$store.state.indexIdentity == 'b670c2faa285477ea6a2fb1efeaf03a4' ||
$store.state.indexIdentity == '303c738d07b24a5b881d03d5177409a0' ||
$store.state.indexIdentity == 'd1a331f0140e4e49b1f3751c0cbf9660'
? 'redFont'
: ''
"
>
<span>转账请备注:</span>{{ transfer_back_up }}
</div>
<span>上传带有订单编号的转账截图</span>
......@@ -762,6 +788,31 @@ export default {
.paying {
padding: 0 56px 65px 56px;
.redFont {
color: rgb(223, 67, 67);
}
.notify {
position: absolute;
background-color: #e1a840;
height: 23px;
align-items: center;
justify-content: center;
width: 100%;
left: 0;
top: 27%;
padding: 0;
.notify_img {
width: 16px;
margin-right: 5px;
}
div {
color: #fff;
font-size: 12px;
}
}
.pay_titile {
font-size: 18px;
font-weight: 500;
......
src/config/server.js
View file @ faec603d
// 测试
export const SERVER_URL = "https://tgwapi.campcenter.cn/modules-campsite"; // 正式环境
export const DEVELOPMENT_SERVER_URL = "https://tgwapi.campcenter.cn/modules-campsite"; //开发环境
export const SERVER_WS_URL = "wss://tgwapi.campcenter.cn"; // websocket
// export const SERVER_URL = "https://tgwapi.campcenter.cn/modules-campsite"; // 正式环境
// export const DEVELOPMENT_SERVER_URL = "https://tgwapi.campcenter.cn/modules-campsite"; //开发环境
// export const SERVER_WS_URL = "wss://tgwapi.campcenter.cn"; // websocket
// 正式
// export const SERVER_URL = "https://gwapi.campcenter.cn/modules-campsite"; // 正式环境
// export const DEVELOPMENT_SERVER_URL = "https://gwapi.campcenter.cn/modules-campsite"; //开发环境
// export const SERVER_WS_URL = "wss://gwapi.campcenter.cn"; // websocket
export const SERVER_URL = "https://gwapi.campcenter.cn/modules-campsite"; // 正式环境
export const DEVELOPMENT_SERVER_URL = "https://gwapi.campcenter.cn/modules-campsite"; //开发环境
export const SERVER_WS_URL = "wss://gwapi.campcenter.cn"; // websocket
// 测试
// export const SERVER_URL = "http://192.168.1.146:8088/modules-campsite"; // 正式环境
......
src/router/index.js
View file @ faec603d
......@@ -12,6 +12,7 @@ import indexCamp from './index/camp'
import personalInfo from './index/personalInfo'
import { getCam, getCamInfo } from "r/index/login";
import { Message } from 'element-ui';
import { parseTime } from '../common/utils';
Vue.prototype.$message = Message;
......@@ -201,6 +202,10 @@ function checkCam(code, cb) {
if (res.data.is_post != null) {
store.state.isPost = res.data.is_post;
}
// 缴费截止时间
if (res.data.registration_end != null) {
store.state.registrationEnd = parseTime(res.data.registration_end);
}
cb && cb(true);
}).catch(() => {
cb && cb(false);
......
src/store/index.js
View file @ faec603d
......@@ -30,6 +30,7 @@ let state = {
open_certificate:0,//是否替换原有结营证书
finish_certificate_address:null,
isPost:0,//是否隐藏填写邮寄地址
registrationEnd:null,//缴费截止时间
};
export default new Vuex.Store({
......
src/views/index/recruit/Index.vue
View file @ faec603d
......@@ -4,9 +4,13 @@
<Header :typeFu="2"></Header>
<div class="notify flex" v-if="$store.state.isDisplay_num == 1">
<div class="flex">
<img alt="" class="notify_img" src="../../../assets/img/notify.png"/>
<img alt="" class="notify_img" src="../../../assets/img/notify.png" />
</div>
<div>
注意：本次活动报名有人数限制，当前共有{{
info.order_num
}}人申请，剩余名额为{{ info.student_num }}人
</div>
<div>注意：本次活动报名有人数限制，当前共有{{ info.order_num }}人申请，剩余名额为{{info.student_num}}人</div>
</div>
<div class="bg-top"></div>
</el-header>
......@@ -18,18 +22,21 @@
<!-- <el-button @click="toLogin()">立即报名</el-button>-->
<!-- </div>-->
<div class="active-area">
<div class="left-area card-box" v-if="anchorList.length>0">
<div class="left-area card-box" v-if="anchorList.length > 0">
<div class="left-area-box">
<ul class="left">
<li :key="index" v-for="(item,index) in anchorList">
<a @click="anchorSkip(item.id)">{{item.name}}</a>
<li :key="index" v-for="(item, index) in anchorList">
<a @click="anchorSkip(item.id)">{{ item.name }}</a>
</li>
</ul>
</div>
</div>
<div :style="{
'min-height':minHeight+'px'
}" class="center-area card-box">
<div
:style="{
'min-height': minHeight + 'px',
}"
class="center-area card-box"
>
<div class="center-area-cont">
<div v-html="info.student_recruitment_brochure"></div>
</div>
......@@ -41,430 +48,428 @@
</el-container>
</template>
<script>
/* eslint-disable */
import Header from "@/components/Header.vue";
import Footer from "@/components/index/Footer.vue";
import {getCamInfo} from "r/index/login";
export default {
name: "recruit",
data() {
return {
info: {},
anchorList: [],
minHeight: '339',
};
},
created() {
this.info = this.$store.state.info;
console.log(this.info)
setTimeout(() => {
this.anchorList = this.getAnchor(this.info.student_recruitment_brochure);
}, 1000)
/* eslint-disable */
import Header from "@/components/Header.vue";
import Footer from "@/components/index/Footer.vue";
import { getCamInfo } from "r/index/login";
export default {
name: "recruit",
data() {
return {
info: {},
anchorList: [],
minHeight: "339",
};
},
created() {
this.info = this.$store.state.info;
console.log(this.info);
setTimeout(() => {
this.anchorList = this.getAnchor(this.info.student_recruitment_brochure);
}, 1000);
let code = this.$store.state.indexIdentity;
//判断是否关闭了营地(关闭了不需要调用setlog)
let isCloseCamp = this.$store.state.info.on_off;
if (isCloseCamp == 1) {
getCamInfo(code).then((res) => {
document.title = res.data.name;
return false;
});
this.commonApi(29);
}
},
methods: {
toLogin() {
let code = this.$store.state.indexIdentity;
//判断是否关闭了营地(关闭了不需要调用setlog)
let isCloseCamp = this.$store.state.info.on_off;
if (isCloseCamp == 1) {
getCamInfo(code).then((res) => {
document.title = res.data.name;
return false;
if (!window.localStorage.getItem("index-token-all")) {
this.$router.push({
path: "/login",
query: {
...this.$store.state.query,
code: code,
},
});
} else {
this.$router.push({
path: "/signUp/undefined",
query: {
...this.$store.state.query,
code: code,
},
});
this.commonApi(29)
}
},
methods: {
toLogin() {
let code = this.$store.state.indexIdentity;
if (!window.localStorage.getItem("index-token-all")) {
this.$router.push({
path: "/login",
query: {
...this.$store.state.query,
code: code
}
});
} else {
this.$router.push({
path: "/signUp/undefined",
query: {
...this.$store.state.query,
code: code
}
});
// 锚点跳转方法
anchorSkip(id) {
document.querySelector(id).scrollIntoView({
behavior: "smooth",
block: "center",
});
},
// 分离获取html中的锚点
getAnchor(content) {
if (!content) return [];
let attrAndValueArr = content.match(/<a id=\"(.*?)\"><\/a>/g);
let valueArr = []; // 放所有该属性的值
let anchorList = [];
if (attrAndValueArr && attrAndValueArr.length > 0) {
for (let i = 0; i < attrAndValueArr.length; i++) {
valueArr.push(
attrAndValueArr[i]
.replace(/<a id=/g, "")
.replace(/\"/g, "")
.replace(/><\/a>/g, "")
);
}
},
// 锚点跳转方法
anchorSkip(id) {
document.querySelector(id).scrollIntoView({
behavior: 'smooth',
block: 'center'
});
},
// 分离获取html中的锚点
getAnchor(content) {
if (!content) return [];
let attrAndValueArr = content.match(/<a id=\"(.*?)\"><\/a>/g);
let valueArr = [] // 放所有该属性的值
let anchorList = [];
if (attrAndValueArr && attrAndValueArr.length > 0) {
for (let i = 0; i < attrAndValueArr.length; i++) {
valueArr.push(attrAndValueArr[i]
.replace(/<a id=/g, '')
.replace(/\"/g, '')
.replace(/><\/a>/g, ''));
valueArr.forEach((item, index) => {
let father = document.getElementById(item).parentNode;
let value = father.innerHTML
.replace(/<(.*?)>/g, "")
.replace(/<\/(.*?)>/g, "");
if (value && value.length < 10) {
anchorList.push({
id: "#" + item,
name: value,
});
}
valueArr.forEach((item, index) => {
let father = document.getElementById(item).parentNode;
let value = father.innerHTML.replace(/<(.*?)>/g, '').replace(/<\/(.*?)>/g, '');
if (value && value.length < 10) {
anchorList.push({
id: '#' + item,
name: value,
})
}
})
return anchorList;
}
return [];
},
},
components: {
Header,
Footer,
});
return anchorList;
}
return [];
},
};
},
components: {
Header,
Footer,
},
};
</script>
<style lang="scss">
@import "a/scss/common";
@import "a/scss/common";
.flex {
display: flex;
.flex {
display: flex;
}
.notify {
background-color: #fbf8fb;
height: 38px;
align-items: center;
padding-left: 5%;
.notify_img {
width: 20px;
margin-right: 5px;
}
}
.el-container {
position: relative;
width: 100%;
min-height: 100%;
min-width: 1150px;
background-color: #f8f8f8;
.el-header {
position: fixed;
width: 100%;
padding: 0;
background-color: #ffffff;
z-index: 2000;
}
.el-container {
position: relative;
width: 100%;
min-height: 100%;
min-width: 1150px;
background-color: #f8f8f8;
.el-header {
position: fixed;
width: 100%;
padding: 0;
background-color: #ffffff;
z-index: 2000;
display: flex;
flex-flow: column;
margin-top: 118px;
.notify {
background-color: #fbf8fb;
height: 38px;
align-items: center;
padding-left: 5%;
}
.index-container {
flex: 1;
padding-bottom: 50px;
.notify_img {
width: 20px;
margin-right: 5px;
.title {
padding: 52px 0 20px 0;
font-size: 34px;
text-align: center;
}
}
.el-container {
width: 100%;
display: flex;
flex-flow: column;
margin-top: 118px;
.time {
font-size: 12px;
font-weight: 500;
color: #828282;
text-align: center;
}
.index-container {
flex: 1;
padding-bottom: 50px;
.paper {
text-align: center;
margin: 8px 0 24px 0;
.title {
padding: 52px 0 20px 0;
font-size: 34px;
text-align: center;
img {
width: 654px;
height: 368px;
}
}
.time {
font-size: 12px;
font-weight: 500;
color: #828282;
text-align: center;
.part {
span {
font-size: 16px;
font-weight: 600;
color: #333333;
}
.paper {
text-align: center;
margin: 8px 0 24px 0;
img {
width: 654px;
height: 368px;
}
p {
font-size: 16px;
font-weight: 500;
color: #666666;
line-height: 32px;
}
}
.part {
span {
font-size: 16px;
font-weight: 600;
color: #333333;
}
p {
font-size: 16px;
font-weight: 500;
color: #666666;
line-height: 32px;
}
}
.btn {
text-align: center;
padding-bottom: 50px;
.btn {
.el-button {
width: 200px;
height: 50px;
background: var(--color);
border-radius: 4px;
opacity: 0.8;
line-height: 50px;
text-align: center;
padding-bottom: 50px;
.el-button {
width: 200px;
height: 50px;
background: var(--color);
border-radius: 4px;
opacity: 0.8;
line-height: 50px;
text-align: center;
color: #fff;
font-size: 16px;
padding: 0;
margin: 30px 0 0 0;
}
color: #fff;
font-size: 16px;
padding: 0;
margin: 30px 0 0 0;
}
}
}
}
.active-area {
display: flex;
flex-flow: row;
align-items: self-start;
justify-content: space-between;
position: relative;
.left-area {
flex: 1;
min-width: 200px;
background-color: #ffffff;
}
.active-area {
display: flex;
flex-flow: row;
align-items: self-start;
justify-content: space-between;
position: relative;
.left-area {
flex: 1;
min-width: 200px;
background-color: #ffffff;
border-radius: 8px;
.left-area-box {
border-radius: 8px;
background-color: #ffffff;
}
.left-area-box {
border-radius: 8px;
background-color: #ffffff;
}
ul {
padding: 20px;
}
ul {
padding: 20px;
li {
list-style: none;
a {
display: inline-block;
text-decoration: none;
color: #333333;
width: 100%;
font-size: 18px;
/*height: 44px;*/
line-height: 44px;
margin: 10px 0;
text-align: center;
border-bottom: 1px solid #cccccc;
cursor: pointer;
border-left: 4px solid transparent;
&:hover,
&.is-active {
color: var(--all_color);
background-color: #f5f5f5;
border-left: 4px solid var(--all_color);
}
}
}
}
li {
list-style: none;
a {
display: inline-block;
text-decoration: none;
color: #333333;
width: 100%;
font-size: 18px;
/*height: 44px;*/
line-height: 44px;
margin: 10px 0;
text-align: center;
border-bottom: 1px solid #cccccc;
.center-area {
flex: 4;
margin: 0 20px;
width: calc(100% - 100px);
border-radius: 8px;
background-color: #ffffff;
.center-area-title {
text-align: center;
font-size: 22px;
font-weight: 500;
height: 50px;
padding: 10px 20px 0;
.center-area-title-box {
height: 50px;
display: flex;
flex-flow: row;
justify-content: left;
border-bottom: 1px solid #cccccc;
.center-area-title-box-item {
margin: 0 20px;
height: 40px;
line-height: 40px;
cursor: pointer;
border-left: 4px solid transparent;
&:hover,
&:hover {
border-bottom: 2px solid #eeeeee;
}
&.is-active {
color: var(--all_color);
background-color: #f5f5f5;
border-left: 4px solid var(--all_color);
border-bottom: 2px solid var(--all_color);
}
}
}
}
.center-area-cont {
padding: 20px 30px;
min-height: 238px;
}
}
.center-area {
flex: 4;
margin: 0 20px;
width: calc(100% - 100px);
border-radius: 8px;
background-color: #ffffff;
.right-area {
flex: 1.5;
min-width: 320px;
.center-area-title {
.question-area {
.question-area-title {
text-align: center;
font-size: 22px;
font-weight: 500;
height: 50px;
line-height: 50px;
padding: 10px 20px 0;
.center-area-title-box {
height: 50px;
display: flex;
flex-flow: row;
justify-content: left;
.question-area-title-box {
border-bottom: 1px solid #cccccc;
.center-area-title-box-item {
margin: 0 20px;
height: 40px;
line-height: 40px;
cursor: pointer;
&:hover {
border-bottom: 2px solid #eeeeee;
}
&.is-active {
border-bottom: 2px solid var(--all_color);
}
}
}
}
.center-area-cont {
padding: 20px 30px;
min-height: 238px;
}
}
.right-area {
flex: 1.5;
min-width: 320px;
.question-area-cont {
padding: 10px 25px 20px;
.question-area {
.ask-answer-item {
padding: 10px 5px;
font-size: 14px;
line-height: 30px;
border-bottom: 1px solid #cccccc;
}
.question-area-title {
text-align: center;
font-size: 22px;
font-weight: 500;
line-height: 50px;
padding: 10px 20px 0;
::v-deep .el-empty {
padding: 10px 0;
.question-area-title-box {
border-bottom: 1px solid #cccccc;
.el-empty__image {
width: 100px;
}
}
.question-area-cont {
padding: 10px 25px 20px;
.question-email {
font-size: 14px;
line-height: 30px;
margin-top: 20px;
}
}
}
.ask-answer-item {
padding: 10px 5px;
font-size: 14px;
line-height: 30px;
border-bottom: 1px solid #cccccc;
}
.back-area {
.back-area-title {
text-align: center;
font-size: 22px;
font-weight: 500;
line-height: 50px;
padding: 10px 20px 0;
}
::v-deep .el-empty {
padding: 10px 0;
.back-area-item {
padding: 15px 10px;
display: flex;
flex-flow: row;
margin-bottom: 10px;
.back-area-item-cover {
flex: 1;
height: 88px;
overflow: hidden;
border-radius: 4px;
::v-deep .el-image {
width: 100%;
height: 100%;
border-radius: 4px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
.el-empty__image {
width: 100px;
.el-image__error {
background-color: #d8d8d8;
}
}
.question-email {
font-size: 14px;
line-height: 30px;
margin-top: 20px;
}
}
}
.back-area {
.back-area-title {
text-align: center;
font-size: 22px;
font-weight: 500;
line-height: 50px;
padding: 10px 20px 0;
}
.back-area-item {
padding: 15px 10px;
.back-area-item-cont {
flex: 1;
margin-left: 10px;
display: flex;
flex-flow: row;
margin-bottom: 10px;
.back-area-item-cover {
flex: 1;
height: 88px;
overflow: hidden;
border-radius: 4px;
flex-flow: column;
justify-content: space-around;
::v-deep .el-image {
width: 100%;
height: 100%;
border-radius: 4px;
transition: all .5s;
-webkit-transition: all .5s;
.back-area-item-cont-txt {
font-size: 12px;
line-height: 18px;
.el-image__error {
background-color: #D8D8D8;
}
&.color_2 {
color: #999999;
}
}
.back-area-item-cont {
flex: 1;
margin-left: 10px;
display: flex;
flex-flow: column;
justify-content: space-around;
.back-area-item-cont-txt {
font-size: 12px;
line-height: 18px;
&.color_2 {
color: #999999;
}
&.color_3 {
color: #ec808d;
}
&.color_3 {
color: #EC808D;
}
.sign-box {
display: inline-block;
.sign-box {
.sign {
display: inline-block;
padding: 0 10px;
border-radius: 4px;
background-color: #eeeeee;
margin: 2px 4px 2px 0;
.sign {
display: inline-block;
padding: 0 10px;
border-radius: 4px;
background-color: #eeeeee;
margin: 2px 4px 2px 0;
&:last-child {
margin-right: 0;
}
&:last-child {
margin-right: 0;
}
}
}
}
}
&:hover {
cursor: pointer;
box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1);
.el-image {
transform: scale(1.1);
-ms-transform: scale(1.1); /* IE 9 */
-moz-transform: scale(1.1); /* Firefox */
-webkit-transform: scale(1.1); /* Safari 和 Chrome */
-o-transform: scale(1.1);
}
&:hover {
cursor: pointer;
box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.1);
.el-image {
transform: scale(1.1);
-ms-transform: scale(1.1); /* IE 9 */
-moz-transform: scale(1.1); /* Firefox */
-webkit-transform: scale(1.1); /* Safari 和 Chrome */
-o-transform: scale(1.1);
}
}
}
}
}
}
</style>
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