Skip to content

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

西交考试通知

parent d5d480ff
Show 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,26 +48,26 @@
</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";
/* eslint-disable */
import Header from "@/components/Header.vue";
import Footer from "@/components/index/Footer.vue";
import { getCamInfo } from "r/index/login";
export default {
export default {
name: "recruit",
data() {
return {
info: {},
anchorList: [],
minHeight: '339',
minHeight: "339",
};
},
created() {
this.info = this.$store.state.info;
console.log(this.info)
console.log(this.info);
setTimeout(() => {
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;
......@@ -69,9 +76,8 @@
document.title = res.data.name;
return false;
});
this.commonApi(29)
this.commonApi(29);
}
},
methods: {
toLogin() {
......@@ -81,49 +87,53 @@
path: "/login",
query: {
...this.$store.state.query,
code: code
}
code: code,
},
});
} else {
this.$router.push({
path: "/signUp/undefined",
query: {
...this.$store.state.query,
code: code
}
code: code,
},
});
}
},
// 锚点跳转方法
anchorSkip(id) {
document.querySelector(id).scrollIntoView({
behavior: 'smooth',
block: 'center'
behavior: "smooth",
block: "center",
});
},
// 分离获取html中的锚点
getAnchor(content) {
if (!content) return [];
let attrAndValueArr = content.match(/<a id=\"(.*?)\"><\/a>/g);
let valueArr = [] // 放所有该属性的值
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.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, '');
let value = father.innerHTML
.replace(/<(.*?)>/g, "")
.replace(/<\/(.*?)>/g, "");
if (value && value.length < 10) {
anchorList.push({
id: '#' + item,
id: "#" + item,
name: value,
})
});
}
})
});
return anchorList;
}
return [];
......@@ -133,16 +143,28 @@
Header,
Footer,
},
};
};
</script>
<style lang="scss">
@import "a/scss/common";
@import "a/scss/common";
.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 {
.el-container {
position: relative;
width: 100%;
min-height: 100%;
......@@ -155,18 +177,6 @@
padding: 0;
background-color: #ffffff;
z-index: 2000;
.notify {
background-color: #fbf8fb;
height: 38px;
align-items: center;
padding-left: 5%;
}
.notify_img {
width: 20px;
margin-right: 5px;
}
}
.el-container {
......@@ -235,12 +245,11 @@
margin: 30px 0 0 0;
}
}
}
}
}
}
.active-area {
.active-area {
display: flex;
flex-flow: row;
align-items: self-start;
......@@ -286,9 +295,7 @@
border-left: 4px solid var(--all_color);
}
}
}
}
.center-area {
......@@ -340,7 +347,6 @@
min-width: 320px;
.question-area {
.question-area-title {
text-align: center;
font-size: 22px;
......@@ -404,11 +410,11 @@
width: 100%;
height: 100%;
border-radius: 4px;
transition: all .5s;
-webkit-transition: all .5s;
transition: all 0.5s;
-webkit-transition: all 0.5s;
.el-image__error {
background-color: #D8D8D8;
background-color: #d8d8d8;
}
}
}
......@@ -429,7 +435,7 @@
}
&.color_3 {
color: #EC808D;
color: #ec808d;
}
.sign-box {
......@@ -447,7 +453,6 @@
}
}
}
}
}
......@@ -466,5 +471,5 @@
}
}
}
}
}
</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