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