Skip to content

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

1111

parent e1d9e70c
Hide whitespace changes
Inline Side-by-side
Showing with 155 additions and 63 deletions
src/components/index/SignUp/paying.vue
View file @ a468d5cd
...@@ -88,18 +88,19 @@ ...@@ -88,18 +88,19 @@
width="30%" width="30%"
:before-close="handleClose" :before-close="handleClose"
> >
<div>收款单位：{{payee}}</div> <div>收款单位：{{ payee }}</div>
<div>银行卡号：{{bank_idcard}}</div> <div>银行卡号：{{ bank_idcard }}</div>
<div>开户行：{{bank_first}}</div> <div>开户行：{{ bank_first }}</div>
<div>上传转账截图</div> <div>上传转账截图</div>
<div class="image_add"> <div class="image_add">
<div class="image_in"> <div class="image_in">
<el-upload <el-upload
:class="{ hide: hideUpload }"
ref="imgUrl" ref="imgUrl"
name="multipartFile" name="multipartFile"
list-type="picture-card" list-type="picture-card"
:disabled="isUploading || fileList.length >= 10" :disabled="isUploading || fileList.length >= 1"
action="#" action="#"
accept=".jpg,.jpeg,.png" accept=".jpg,.jpeg,.png"
:limit="1" :limit="1"
...@@ -109,8 +110,6 @@ ...@@ -109,8 +110,6 @@
:on-success="uploadSuccess" :on-success="uploadSuccess"
:http-request="uploadPicture" :http-request="uploadPicture"
> >
<i style="font-size: 44px" class="el-icon-circle-plus"> </i>
<!-- <div class="text">上传材料</div> -->
<div slot="file" slot-scope="{ file }"> <div slot="file" slot-scope="{ file }">
<div v-for="(item, idx) in fileList" :key="idx"> <div v-for="(item, idx) in fileList" :key="idx">
<img <img
...@@ -142,6 +141,7 @@ ...@@ -142,6 +141,7 @@
</span> </span>
</div> </div>
</div> </div>
<i style="font-size: 44px" class="el-icon-circle-plus"> </i>
</el-upload> </el-upload>
</div> </div>
...@@ -192,13 +192,13 @@ export default { ...@@ -192,13 +192,13 @@ export default {
transfer_account: window.localStorage.getItem( transfer_account: window.localStorage.getItem(
"transfer_account" + this.$store.state.indexIdentity "transfer_account" + this.$store.state.indexIdentity
), ),
payee:window.localStorage.getItem( payee: window.localStorage.getItem(
"payee" + this.$store.state.indexIdentity "payee" + this.$store.state.indexIdentity
), ),
bank_first:window.localStorage.getItem( bank_first: window.localStorage.getItem(
"bank_first" + this.$store.state.indexIdentity "bank_first" + this.$store.state.indexIdentity
), ),
bank_idcard:window.localStorage.getItem( bank_idcard: window.localStorage.getItem(
"bank_idcard" + this.$store.state.indexIdentity "bank_idcard" + this.$store.state.indexIdentity
), ),
isUploading: false, // 图片上传蒙层 isUploading: false, // 图片上传蒙层
...@@ -208,6 +208,10 @@ export default { ...@@ -208,6 +208,10 @@ export default {
file_image: {}, file_image: {},
resultPicture: "", resultPicture: "",
disabled: false, //限制输入框 disabled: false, //限制输入框
hideUpload: false,
limitCount: 1,
}; };
}, },
created() { created() {
...@@ -416,6 +420,11 @@ export default { ...@@ -416,6 +420,11 @@ export default {
this.dialogChoose = true; this.dialogChoose = true;
} else { } else {
this.bankDialogVisible = true; this.bankDialogVisible = true;
console.log(this.fileList);
console.log(this.fileList != []);
if (this.fileList.length >= 1) {
this.hideUpload = true;
}
} }
}, },
signUpInit(status_wx) { signUpInit(status_wx) {
...@@ -494,7 +503,7 @@ export default { ...@@ -494,7 +503,7 @@ export default {
handleUploadProgress(event, file, fileList) { handleUploadProgress(event, file, fileList) {
// console.log(fileList); // console.log(fileList);
this.isUploading = true; this.isUploading = true;
if (this.fileList.lenge < 1) { if (this.fileList.length < 1) {
return this.$message.info("超过上传数量"); return this.$message.info("超过上传数量");
} }
}, },
...@@ -522,6 +531,7 @@ export default { ...@@ -522,6 +531,7 @@ export default {
this.file_image = image; this.file_image = image;
this.getOssConfigs(this.file_image, params.file); this.getOssConfigs(this.file_image, params.file);
}, },
onChange() {},
// 上传截图 // 上传截图
uploadConfirm() { uploadConfirm() {
this.bankDialogVisible = false; this.bankDialogVisible = false;
...@@ -533,10 +543,6 @@ export default { ...@@ -533,10 +543,6 @@ export default {
let { data: res } = await getWxConfig({ let { data: res } = await getWxConfig({
pay_type: 4, pay_type: 4,
}); });
if (res.code !== 200) {
return Toast(res.message);
}
// Toast(res.message);
}, },
async getOssConfigs(image, file) { async getOssConfigs(image, file) {
let obj = { let obj = {
...@@ -580,10 +586,13 @@ export default { ...@@ -580,10 +586,13 @@ export default {
code, code,
JSON.stringify(this.fileList) JSON.stringify(this.fileList)
); );
this.$message.success( this.$message.success({
"您已上传成功，等待短信通知，审核通过后登录报名网址。" message:
); "您已上传成功，等待短信通知，审核通过后登录报名网址。",
duration: 5000,
});
this.changeStatus(); this.changeStatus();
this.hideUpload = this.fileList.length >= this.limitCount;
}) })
.catch((err) => { .catch((err) => {
this.$message.error(err); this.$message.error(err);
...@@ -635,6 +644,7 @@ export default { ...@@ -635,6 +644,7 @@ export default {
JSON.stringify(this.fileList) JSON.stringify(this.fileList)
); );
this.$message.success("删除成功"); this.$message.success("删除成功");
this.hideUpload = this.fileList.length >= this.limitCount;
window.localStorage.removeItem( window.localStorage.removeItem(
"bank_info" + "bank_info" +
window.localStorage.getItem("phone" + code) + window.localStorage.getItem("phone" + code) +
...@@ -664,6 +674,15 @@ export default { ...@@ -664,6 +674,15 @@ export default {
.flex { .flex {
display: flex; display: flex;
} }
::v-deep .hide {
.el-upload--picture-card {
display: none;
}
.el-upload-list__item div {
height: 100%;
}
}
.paying { .paying {
padding: 0 56px 65px 56px; padding: 0 56px 65px 56px;
.pay_titile { .pay_titile {
......
src/components/index/SignUp/referInfo.vue
View file @ a468d5cd
<template> <template>
<div class="referInfo"> <div class="referInfo">
<!-- 正式 --> <!-- 测试 -->
<el-form <el-form
v-if="$store.state.indexIdentity == '6c6884d1c83040ee8ca17736a8d67b93'" v-if="
$store.state.indexIdentity == '6c6884d1c83040ee8ca17736a8d67b93' ||
$store.state.indexIdentity == 'c432d9028b2840ebbbfd56947b38069b'
"
ref="referRef" ref="referRef"
:model="referForm" :model="referForm"
label-position="top" label-position="top"
class="checkForm" class="checkForm"
:rules="referInfoRules" :rules="referInfoRules"
> >
<!-- 测试 -->
<!-- <el-form
v-if="$store.state.indexIdentity == 'c432d9028b2840ebbbfd56947b38069b'"
ref="referRef"
:model="referForm"
label-position="top"
class="checkForm"
:rules="referInfoRules"
> -->
<div class="cont_title">个人信息</div> <div class="cont_title">个人信息</div>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
......
src/components/index/SignUp/success.vue
View file @ a468d5cd
<template> <template>
<div class="sucess"> <div class="sucess">
<div class="p_content">
<div
v-if="$store.state.indexIdentity == 'c432d9028b2840ebbbfd56947b38069b'||$store.state.indexIdentity == '6c6884d1c83040ee8ca17736a8d67b93'"
class="p_content"
>
<div class="top">
<div class="p_title">恭喜你！成功报名</div>
<div>
<img src="@/assets/img/signUp/offer.png" alt="" />
</div>
<div class="btn">
<el-button @click="handleDownload">下载课程通知书</el-button>
</div>
</div>
<div class="lips">
<div>提醒事项：</div>
<div>报名成功后，请及时下载课程通知书，以便提前做好课程准备。</div>
</div>
</div>
<div v-else class="p_content">
<div class="top"> <div class="top">
<div class="p_title">恭喜你！成功报名</div> <div class="p_title">恭喜你！成功报名</div>
<div> <div>
...@@ -31,9 +53,9 @@ export default { ...@@ -31,9 +53,9 @@ export default {
return {}; return {};
}, },
created() { created() {
console.log(123) console.log(123);
var url = location.search; var url = location.search;
console.log(url) console.log(url);
}, },
methods: { methods: {
handleDownload() { handleDownload() {
......
src/config/server.js
View file @ a468d5cd
...@@ -12,11 +12,11 @@ ...@@ -12,11 +12,11 @@
// export const SERVER_WS_URL = 'wss://api1.testgate.cn' // websocket // export const SERVER_WS_URL = 'wss://api1.testgate.cn' // websocket
// 正式 // 正式
export const SERVER_URL = "https://api.campcenter.cn/"; // 正式环境 // export const SERVER_URL = "https://api.campcenter.cn/"; // 正式环境
export const DEVELOPMENT_SERVER_URL = "https://api.campcenter.cn/"; //开发环境 // export const DEVELOPMENT_SERVER_URL = "https://api.campcenter.cn/"; //开发环境
export const SERVER_WS_URL = "wss://api.campcenter.cn"; // websocket // export const SERVER_WS_URL = "wss://api.campcenter.cn"; // websocket
// 测试 // 测试
// export const SERVER_URL = "https://ying-test.campcenter.cn"; // 正式环境 export const SERVER_URL = "https://ying-test.campcenter.cn"; // 正式环境
// export const DEVELOPMENT_SERVER_URL = "https://ying-test.campcenter.cn/"; //开发环境 export const DEVELOPMENT_SERVER_URL = "https://ying-test.campcenter.cn/"; //开发环境
// export const SERVER_WS_URL = "wss://ying-test.campcenter.cn"; // websocket export const SERVER_WS_URL = "wss://ying-test.campcenter.cn"; // websocket
src/views/index/camp/Index.vue
View file @ a468d5cd
...@@ -6,36 +6,62 @@ ...@@ -6,36 +6,62 @@
</el-header> </el-header>
<div class="com-container"> <div class="com-container">
<div class="index-container"> <div class="index-container">
<div class="camp_left" ref="leftBoxFu"> <div>
<ul <div
class="camp_left_box" v-if="
ref="leftBox" $store.state.indexIdentity ==
:class="{ '6c6884d1c83040ee8ca17736a8d67b93' ||
'is-fixed': isPosition == 1, $store.state.indexIdentity == 'c432d9028b2840ebbbfd56947b38069b'
'is-absolute': isPosition == 2, "
}" class="camp_left"
ref="leftBoxFu"
> >
<li <ul
v-for="(item, index) in tabs" class="camp_left_box"
:key="index" ref="leftBox"
:class="{ active: campindex_type === index }" :class="{
@click="ToSignUp(index)" 'is-fixed': isPosition == 1,
'is-absolute': isPosition == 2,
}"
> >
<img :src="item.url" /> <li
{{ item.desc }} v-for="(item, index) in qinghuaTabs"
</li> :key="index"
</ul> :class="{ active: campindex_type === index }"
@click="ToSignUp(index)"
>
<img :src="item.url" />
{{ item.desc }}
</li>
</ul>
</div>
<div v-else class="camp_left" ref="leftBoxFu">
<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"
:class="{ active: campindex_type === index }"
@click="ToSignUp(index)"
>
<img :src="item.url" />
{{ item.desc }}
</li>
</ul>
</div>
</div> </div>
<div class="camp_right" ref="rightBox"> <div class="camp_right" ref="rightBox">
<!-- <router-view @getStatus="getStatus" /> --> <!-- <router-view @getStatus="getStatus" /> -->
<SignUp @getStatus="getStatus" v-if="this.campindex_type == 0"> <SignUp @getStatus="getStatus" v-if="this.campindex_type == 0">
</SignUp> </SignUp>
<Homework <Homework v-if="this.campindex_type == 1"> </Homework>
v-if="this.campindex_type == 1"
>
</Homework>
<Certificate v-if="this.campindex_type == 2"> </Certificate> <Certificate v-if="this.campindex_type == 2"> </Certificate>
<!-- <homeRefer v-if="this.homework_val == 3"> </homeRefer> --> <!-- <homeRefer v-if="this.homework_val == 3"> </homeRefer> -->
</div> </div>
...@@ -95,6 +121,26 @@ export default { ...@@ -95,6 +121,26 @@ export default {
url: svg3, url: svg3,
}, },
], ],
qinghuaTabs: [
{
id: "0",
desc: "课程报名",
icon: "icon-icon1",
url: svg1,
},
{
id: "1",
desc: "课程作业",
icon: "icon-icon-1",
url: svg2,
},
{
id: "2",
desc: "课程证书",
icon: "icon-icon-2",
url: svg3,
},
],
campindex_type: 0, campindex_type: 0,
index_status: "", index_status: "",
...@@ -132,7 +178,7 @@ export default { ...@@ -132,7 +178,7 @@ export default {
this.$router.push("/signUp/" + this.index_status + "?code=" + code); this.$router.push("/signUp/" + this.index_status + "?code=" + code);
this.homework_val == ""; this.homework_val == "";
} else if (this.campindex_type == 1) { } else if (this.campindex_type == 1) {
console.log(this.$route) console.log(this.$route);
this.$router.push("/homework?code=" + code); this.$router.push("/homework?code=" + code);
} else if (this.campindex_type == 2) { } else if (this.campindex_type == 2) {
this.$router.push("/certificate?code=" + code); this.$router.push("/certificate?code=" + code);
......
src/views/index/camp/SignUp.vue
View file @ a468d5cd
...@@ -14,8 +14,19 @@ ...@@ -14,8 +14,19 @@
> >
<el-button @click="lasStep()">上一步 </el-button> <el-button @click="lasStep()">上一步 </el-button>
</div> </div>
<div>
<div class="signUp_titile">营地报名</div> <div
v-if="
$store.state.indexIdentity ==
'6c6884d1c83040ee8ca17736a8d67b93' ||
$store.state.indexIdentity == 'c432d9028b2840ebbbfd56947b38069b'
"
class="signUp_titile"
>
课程报名
</div>
<div v-else class="signUp_titile">营地报名</div>
</div>
</div> </div>
<div> <div>
......
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