Skip to content

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

11

parent eaa77b37
Hide whitespace changes
Inline Side-by-side
Showing with 777 additions and 216 deletions
src/components/index/Header.vue
View file @ d291fd5a
...@@ -2,26 +2,26 @@ ...@@ -2,26 +2,26 @@
<div class="Header"> <div class="Header">
<div class="H_content com-container"> <div class="H_content com-container">
<div class="image"> <div class="image">
<img :src="system_logo" alt=""/> <img :src="system_logo" alt="" />
</div> </div>
<div class="right" v-if="!isLogin"> <div class="right" v-if="!isLogin">
<span <span
@mouseenter="onMouserEnter(false)" @mouseenter="onMouserEnter(false)"
:class="isHover ? '' : 'is-hover'" :class="isHover ? '' : 'is-hover'"
@click="toLogin" @click="toLogin"
>登录</span >登录</span
> >
<span <span
@mouseenter="onMouserEnter(true)" @mouseenter="onMouserEnter(true)"
:class="isHover ? 'is-hover' : ''" :class="isHover ? 'is-hover' : ''"
@click="toRegister" @click="toRegister"
>注册</span >注册</span
> >
</div> </div>
<div class="right alreadyLogin" v-else> <div class="right alreadyLogin" v-else>
<el-dropdown @command="handleCommand" trigger="click"> <el-dropdown @command="handleCommand" trigger="click">
<div class="el-dropdown-link"> <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> <span class="phone">{{ phone }}</span>
<i class="el-icon-arrow-down el-icon--right"></i> <i class="el-icon-arrow-down el-icon--right"></i>
</div> </div>
...@@ -32,8 +32,7 @@ ...@@ -32,8 +32,7 @@
> --> > -->
<el-dropdown-item command="2" @click="logout"> <el-dropdown-item command="2" @click="logout">
<i class="el-icon-switch-button"></i>退出 <i class="el-icon-switch-button"></i>退出
</el-dropdown-item </el-dropdown-item>
>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
...@@ -41,165 +40,174 @@ ...@@ -41,165 +40,174 @@
</div> </div>
</template> </template>
<script> <script>
/* eslint-disable */ /* eslint-disable */
import Cookie from "js-cookie"; import Cookie from "js-cookie";
import {logout} from "r/index/login"; import { logout } from "r/index/login";
export default { export default {
name: "Header", name: "Header",
data() { data() {
return { return {
isHover: true, isHover: true,
system_logo: window.localStorage.getItem( system_logo: window.localStorage.getItem(
"system_logo" + this.$store.state.indexIdentity "system_logo" + this.$store.state.indexIdentity
), ),
isLogin: false, isLogin: false,
phone: window.localStorage.getItem( phone: window.localStorage.getItem(
"phone" + this.$store.state.indexIdentity "phone" + this.$store.state.indexIdentity
), ),
}; };
},
created() {
let code = this.$store.state.indexIdentity;
this.isLogin = !!localStorage.getItem("index-token" + code);
},
methods: {
toLogin() {
let code = this.$store.state.indexIdentity;
this.$router.push("/login?code=" + code);
},
handleCommand(command) {
if (command == 2) {
this.logout();
}
if (command == 1) {
this.toCenter();
}
}, },
created() { toCenter() {
let code = this.$store.state.indexIdentity; let code = this.$store.state.indexIdentity;
this.isLogin = !!localStorage.getItem("index-token" + code); this.$router.replace("/signUp/examInfo?code=" + code);
}, },
methods: { toRegister() {
toLogin() { let code = this.$store.state.indexIdentity;
let code = this.$store.state.indexIdentity; this.$router.push("/register?code=" + code);
this.$router.push("/login?code=" + code); },
}, async logout() {
handleCommand(command) { const confirmResult = await this.$confirm(`确认退出登录？`, "提示", {
if (command == 2) { confirmButtonText: "确定",
this.logout(); cancelButtonText: "取消",
} closeOnClickModal: false,
if (command == 1) { type: "warning",
this.toCenter(); }).catch((err) => err);
} if (confirmResult !== "confirm")
}, return this.$message.info("您取消了退出");
toCenter() {
let code = this.$store.state.indexIdentity; // 清除本地缓存除了大学logo
this.$router.replace("/signUp/examInfo?code=" + code); // window.localStorage.clear();
}, let code = this.$store.state.indexIdentity;
toRegister() { window.localStorage.removeItem("doubt_code" + code);
let code = this.$store.state.indexIdentity; window.localStorage.removeItem("doubt_info" + code);
this.$router.push("/register?code=" + code); window.localStorage.removeItem("doubt_check" + code);
}, window.localStorage.removeItem("index-token" + code);
async logout() { window.localStorage.removeItem("phone" + code);
const confirmResult = await this.$confirm(`确认退出登录？`, "提示", { window.localStorage.removeItem("camp_name" + code);
confirmButtonText: "确定", window.localStorage.removeItem("system_color" + code);
cancelButtonText: "取消", window.localStorage.removeItem("system_logo" + code);
closeOnClickModal: false, window.localStorage.removeItem("has_amount" + code);
type: "warning", window.localStorage.removeItem("campsite_id" + code);
}).catch((err) => err); window.localStorage.removeItem("order_no" + code);
if (confirmResult !== "confirm") window.localStorage.removeItem("campindex_type" + code);
return this.$message.info("您取消了退出"); window.localStorage.removeItem("bk_pic" + code);
window.localStorage.removeItem("examine_status" + code);
// 清除本地缓存除了大学logo window.localStorage.removeItem("examine_reason" + code);
// window.localStorage.clear(); window.localStorage.removeItem(
let code = this.$store.state.indexIdentity; "sign_up_file_18355151517" +
window.localStorage.getItem("phone" + code) +
window.localStorage.removeItem("doubt_code" + code); code
window.localStorage.removeItem("doubt_info" + code); );
window.localStorage.removeItem("doubt_check" + code); window.localStorage.removeItem("schoolName" + code);
window.localStorage.removeItem("index-token" + code); window.localStorage.removeItem("camp_statement" + code);
window.localStorage.removeItem("phone" + code); // window.localStorage.removeItem("restet_code_time" + code, )
window.localStorage.removeItem("camp_name" + code); window.localStorage.removeItem("transfer_account" + code);
window.localStorage.removeItem("system_color" + code); window.localStorage.removeItem("payee" + code);
window.localStorage.removeItem("system_logo" + code); window.localStorage.removeItem("bank_first" + code);
window.localStorage.removeItem("has_amount" + code); window.localStorage.removeItem("bank_idcard" + code);
window.localStorage.removeItem("campsite_id" + code); window.localStorage.removeItem(
window.localStorage.removeItem("order_no" + code); "bank_info" + window.localStorage.getItem("phone" + code) + code
window.localStorage.removeItem("campindex_type" + code); );
window.localStorage.removeItem("bk_pic" + code); this.isLogin = false;
window.localStorage.removeItem("examine_status" + code); this.$message.success("退出成功");
window.localStorage.removeItem("examine_reason" + code);
window.localStorage.removeItem("sign_up_file_18355151517" + code); await logout({});
window.localStorage.removeItem("schoolName" + code);
window.localStorage.removeItem("camp_statement" + code);
// window.localStorage.removeItem("restet_code_time" + code, )
this.isLogin = false;
this.$message.success('退出成功');
await logout({});
},
onMouserEnter(val) {
this.isHover = val;
},
}, },
}; onMouserEnter(val) {
this.isHover = val;
},
},
};
</script> </script>
<style lang="scss" scoped> <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);
.H_content {
height: 100%;
display: flex;
flex-flow: row;
align-items: center;
justify-content: space-between;
.image img {
// width: 318px;
height: 62px;
}
.Header { .right {
font-family: PingFang SC; span {
height: 80px; font-size: 15px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12); font-weight: 500;
color: #666666;
line-height: 21px;
padding: 10px 36px;
border-radius: 4px;
border: 2px solid transparent;
&:last-child {
margin-left: 10px;
}
.H_content { &.is-hover {
height: 100%; cursor: pointer;
display: flex; color: var(--color);
flex-flow: row; border-color: var(--color);
align-items: center; }
justify-content: space-between; }
.image img { &.alreadyLogin span {
// width: 318px; padding: 0 !important;
height: 62px;
} }
.right { ::v-deep .el-dropdown {
span { height: 80px;
font-size: 15px;
font-weight: 500;
color: #666666;
line-height: 21px;
padding: 10px 36px;
border-radius: 4px;
border: 2px solid transparent;
&:last-child { .el-dropdown-link {
margin-left: 10px; height: 80px;
display: flex;
flex-flow: row;
align-items: center;
.img_user {
width: 34px;
height: 34px;
background-color: #d8d8d8;
border-radius: 50%;
} }
&.is-hover { .phone {
cursor: pointer; margin: 0 10px 0 12px;
color: var(--color);
border-color: var(--color);
} }
} }
&.alreadyLogin span { &:hover {
padding: 0 !important; cursor: pointer;
}
::v-deep .el-dropdown {
height: 80px;
.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;
}
}
&:hover {
cursor: pointer;
}
} }
} }
} }
} }
}
</style> </style>
src/components/index/SignUp/paying.vue
View file @ d291fd5a
...@@ -81,20 +81,96 @@ ...@@ -81,20 +81,96 @@
:confirmSignUpDialogFu="confirmSignUpDialogFu" :confirmSignUpDialogFu="confirmSignUpDialogFu"
@closeCFSUDialog="closeCFSUDialog" @closeCFSUDialog="closeCFSUDialog"
></confirm-sign-up> ></confirm-sign-up>
<!-- 上传付款材料 -->
<el-dialog
title="银行卡支付"
:visible.sync="bankDialogVisible"
width="30%"
:before-close="handleClose"
>
<div>收款单位：清华大学</div>
<div>银行卡号：0200004509089131550</div>
<div>开户行：工行北京分行海淀西区支行</div>
<div>上传转账截图</div>
<div class="image_add">
<div class="image_in">
<el-upload
ref="imgUrl"
name="multipartFile"
list-type="picture-card"
:disabled="isUploading || fileList.length >= 10"
action="#"
accept=".jpg,.jpeg,.png"
:limit="1"
:file-list="fileList"
:before-upload="beforeAvatarUpload"
:on-progress="handleUploadProgress"
:on-success="uploadSuccess"
: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 v-for="(item, idx) in fileList" :key="idx">
<img
class="el-upload-list__item-thumbnail"
:src="file.url"
alt=""
/>
<span class="el-upload-list__item-actions">
<span
class="el-upload-list__item-preview"
@click="handlePictureCardPreview(file)"
>
<i class="el-icon-zoom-in"></i>
</span>
<span
v-if="!disabled"
class="el-upload-list__item-delete"
@click="handleDownload(file)"
>
<i class="el-icon-download"></i>
</span>
<span
v-if="!disabled"
class="el-upload-list__item-delete"
@click="handleRemove(file)"
>
<i class="el-icon-delete"></i>
</span>
</span>
</div>
<!-- </div> -->
</el-upload>
</div>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="resultPicture" alt="" />
</el-dialog>
</div>
<div>*注：请在附言栏中注明“21069363021+学生姓名”字样</div>
<span slot="footer" class="dialog-footer">
<el-button @click="bankDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="uploadConfirm">确 定</el-button>
</span>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
/* eslint-disable */ /* eslint-disable */
import ConfirmSignUp from "c/index/SignUp/ConfirmSignUp"; import ConfirmSignUp from "c/index/SignUp/ConfirmSignUp";
import { SERVER_WS_URL } from "@/config/server";
import { import {
SERVER_WS_URL signUpInit,
getAccount,
} from '@/config/server' getBankInfoOss,
delPayingPic,
import { getAccount } from "r/index/signUp"; } from "r/index/signUp";
import { signUpInit } from "r/index/signUp";
import { getWxConfig } from "r/index/pay"; import { getWxConfig } from "r/index/pay";
import { upload } from "r/index/network";
export default { export default {
name: "Paying", name: "Paying",
...@@ -105,18 +181,40 @@ export default { ...@@ -105,18 +181,40 @@ export default {
return { return {
dialogChoose: false, //付款方式选择 dialogChoose: false, //付款方式选择
confirmSignUpDialogFu: false, // 控制确认报名弹框的显示与隐藏 confirmSignUpDialogFu: false, // 控制确认报名弹框的显示与隐藏
bankDialogVisible: false, //上传银行截图弹框的显示与隐藏
personalInfo: {}, personalInfo: {},
camp_name: "", //营地名称 camp_name: "", //营地名称
has_amount: "", //支付金额 has_amount: "", //支付金额
status: "", //状态 status: "", //状态
status_wx: "", //状态 status_wx: "", //状态
type: "", //状态 type: "", //状态
//支付状态判断
transfer_account: window.localStorage.getItem(
"transfer_account" + this.$store.state.indexIdentity
),
isUploading: false, // 图片上传蒙层
dialogVisible: false,
fileList: [],
file: "",
file_image: {},
resultPicture: "",
disabled: false, //限制输入框
}; };
}, },
created() { created() {
const code = this.$store.state.indexIdentity; const code = this.$store.state.indexIdentity;
this.camp_name = window.localStorage.getItem("camp_name" + code); this.camp_name = window.localStorage.getItem("camp_name" + code);
this.has_amount = window.localStorage.getItem("has_amount" + code); this.has_amount = window.localStorage.getItem("has_amount" + code);
// 已上传的银行付款图片
let bank_infoFile = window.localStorage.getItem(
"bank_info" + window.localStorage.getItem("phone" + code) + code
);
console.log(bank_infoFile, "bank_infoFile");
if (bank_infoFile && JSON.parse(bank_infoFile).length > 0) {
console.log(JSON.parse(bank_infoFile));
this.fileList = JSON.parse(bank_infoFile);
}
this.getAccount(); this.getAccount();
}, },
methods: { methods: {
...@@ -177,7 +275,7 @@ export default { ...@@ -177,7 +275,7 @@ export default {
} }
let token = this.token; let token = this.token;
var wssURL = SERVER_WS_URL + "/order?token=" + token + "&channel=pc"; var wssURL = SERVER_WS_URL + "/order?token=" + token + "&channel=pc";
console.log(wssURL); console.log(wssURL);
this.websocket = new WebSocket(wssURL); this.websocket = new WebSocket(wssURL);
console.log(this.websocket); console.log(this.websocket);
// 连接发生错误的回调方法 // 连接发生错误的回调方法
...@@ -305,7 +403,11 @@ export default { ...@@ -305,7 +403,11 @@ export default {
}, },
paying() { paying() {
this.dialogChoose = true; if (this.transfer_account == 0) {
this.dialogChoose = true;
} else {
this.bankDialogVisible = true;
}
}, },
signUpInit(status_wx) { signUpInit(status_wx) {
signUpInit({}).then((res) => { signUpInit({}).then((res) => {
...@@ -356,6 +458,178 @@ export default { ...@@ -356,6 +458,178 @@ export default {
// this.personalInfo.create_time = parseTime(res.data.info.create_time); // this.personalInfo.create_time = parseTime(res.data.info.create_time);
}); });
}, },
// 图片上传成功前钩子
beforeAvatarUpload(file) {
// console.log(file, "beforeImage");
const isJPG = file.type === "image/jpg";
const isPng = file.type === "image/png";
const isJPEG = file.type === "image/jpeg";
const isLt10M = file.size / 1024 / 1024 < 10;
// console.log(isLt10M)
if (!isJPG && !isPng && !isJPEG) {
this.$message.info("上传图片只能是 JPG,JPEG或png 格式!");
}
if (!isLt10M) {
this.$message.info("上传图片大小不能超过 10MB!");
}
return (isJPG || isPng || isJPEG) && isLt10M;
},
handlePictureCardPreview(file) {
console.log(file, "11111111");
this.resultPicture = file.url;
this.bankDialogVisible = true;
},
// 文件上传中处理
handleUploadProgress(event, file, fileList) {
// console.log(fileList);
this.isUploading = true;
if (this.fileList.lenge < 1) {
return this.$message.info("超过上传数量");
}
},
uploadSuccess(res, file, fileList) {
// console.log(res, "res");
// console.log(file, "file");
// console.log(fileList, "fileList");
this.referForm.achievementPath = res;
this.fileList = {
name: file.name,
url: res,
};
this.$refs["imgUrl"].clearFiles(); //上传成功之后清除历史记录
},
uploadPicture(params) {
// console.log("已经准备好上传图片", params);
this.file = params.file;
let raw = params.file;
let image = {
name: raw.name,
size: raw.size,
type: raw.type,
};
this.file_image = image;
// this.getOssConfigs(image, params.file);
},
// 上传截图
uploadConfirm() {
this.bankDialogVisible = false;
// this.$message.success("你的支付信息已提交，请留意短信通知。");
this.getOssConfigs(this.file_image, this.file);
},
async getOssConfigs(image, file) {
let obj = {
url: "",
savefile: "",
};
await getBankInfoOss({ image: image })
.then((res) => {
console.log(res, "开始上传图片");
if (res.data.code === 200) {
let oss_url = res.data.config.host;
let filename = res.data.config.file;
let formData = new FormData();
formData.append("OSSAccessKeyId", res.data.config.accessid);
formData.append("policy", res.data.config.policy);
formData.append("signature", res.data.config.signature);
formData.append("filename", res.data.config.file);
formData.append("key", res.data.config.savefile);
formData.append("callback", res.data.config.callback);
formData.append("success_action_status", 200);
formData.append("file", file);
// console.log(formData);
upload(oss_url, formData)
.then((ress) => {
console.log(555555555);
console.log(ress, "ress");
if (ress.data.code != 200) {
return this.$message.error(ress.data.message);
}
this.resultPicture = filename + "?t=" + Date.parse(new Date());
this.$forceUpdate();
this.$message.success("上传成功");
obj = {
url: ress.data.picture_path,
savefile: res.data.config.savefile,
};
this.fileList.push(obj);
let code = this.$store.state.indexIdentity;
window.localStorage.setItem(
"sign_up_payfile_" +
+window.localStorage.getItem("phone" + code) +
code,
JSON.stringify(this.fileList)
);
})
.catch((err) => {
this.$message.error(err);
});
} else {
this.$message.error(res.data.message);
}
})
.catch((err) => {
// console.log(err);
});
},
// 下载证明资料图片
handleDownload(file) {
// console.log(file,'file22');
window.location.href = file.url;
},
//删除图片
handleRemove(file) {
console.log(file, "file");
this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
let getfile = file.url;
// console.log(savefile.match(/^(?:[^\/]|\/\/)*/),'222222')；//获取域名
let str = getfile.split(
"https://yingdi-bank-info.oss-cn-beijing.aliyuncs.com/"
); //https://yingdi-achievement.oss-cn-beijing.aliyuncs.com/进行分割，
// console.log(str, "str");
let savefile = str[1];
// console.log(savefile, "savefile");
delPayingPic({ object: savefile }).then((res) => {
// console.log(res, "delpic");
if (res.data.code != 200) {
return this.$message.error(res.data.message);
}
this.fileList.forEach((item, idx) => {
// console.log(item.url == file.url);
if (item.url == file.url) {
this.fileList.splice(idx, 1);
let code = this.$store.state.indexIdentity;
window.localStorage.setItem(
"sign_up_payfile_" +
window.localStorage.getItem("phone" + code) +
code,
JSON.stringify(this.fileList)
);
this.$message.success(res.data.message);
window.localStorage.removeItem(
"bank_info" +
window.localStorage.getItem("phone" + code) +
code
);
}
});
// console.log(this.fileList);
});
})
.catch((err) => {
this.$message({
type: "info",
message: "取消删除",
});
});
},
}, },
}; };
</script> </script>
......
src/components/index/SignUp/referInfo.vue
View file @ d291fd5a
<template> <template>
<div class="referInfo"> <div class="referInfo">
<!-- <el-form
v-if="$store.state.indexIdentity == '6c6884d1c83040ee8ca17736a8d67b93'"
ref="referRef"
:model="referForm"
label-position="top"
class="checkForm"
:rules="referInfoRules"
> -->
<el-form <el-form
v-if="$store.state.indexIdentity == 'c432d9028b2840ebbbfd56947b38069b'"
ref="referRef" ref="referRef"
:model="referForm" :model="referForm"
label-position="top" label-position="top"
...@@ -143,10 +152,10 @@ ...@@ -143,10 +152,10 @@
v-model="referForm.country" v-model="referForm.country"
placeholder="国籍" placeholder="国籍"
:popper-append-to-body="false" :popper-append-to-body="false"
@change="changeCountry($event)" filterable
> >
<el-option <el-option
v-for="(item,index) in countryList" v-for="(item, index) in countryList"
:key="index" :key="index"
:label="item.label" :label="item.label"
:value="item.label" :value="item.label"
...@@ -255,7 +264,243 @@ ...@@ -255,7 +264,243 @@
</el-col> </el-col>
</el-row> </el-row>
<!-- <div class="cont_title">学校信息</div> <el-form-item class="btn">
<el-button @click="confirm">提交资料</el-button>
</el-form-item>
</el-form>
<el-form
v-else
ref="referRef"
:model="referForm"
label-position="top"
class="checkForm"
:rules="referInfoRules"
>
<div class="cont_title">个人信息</div>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="姓名" prop="name">
<el-input
ref="name"
v-model="referForm.name"
placeholder="填写真实姓名"
size="small"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="性别" prop="gender">
<el-radio-group
v-model="referForm.gender"
ref="gender"
size="small"
>
<el-radio :label="0">男</el-radio>
<el-radio :label="1">女</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="身份证号" prop="id_card">
<el-input
ref="id_card"
v-model="referForm.id_card"
placeholder="填写真实身份证号"
size="small"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="出生日期" prop="birthday">
<el-row :gutter="20">
<el-col :span="8">
<el-select
v-model="bdYear"
placeholder="年"
:popper-append-to-body="false"
>
<el-option
v-for="(item, index) in yearArrs"
:key="index"
:label="item"
:value="item"
>
</el-option>
</el-select>
</el-col>
<el-col :span="8">
<el-select
v-model="bdMonth"
placeholder="月"
:popper-append-to-body="false"
>
<el-option
v-for="(item, index) in monthArrs"
:key="index"
:label="item"
:value="item"
>
</el-option>
</el-select>
</el-col>
<el-col :span="8">
<el-select
ref="birthday"
v-model="bdDay"
placeholder="日"
:popper-append-to-body="false"
@change="getTime"
>
<el-option
v-for="(item, index) in dayArrs"
:key="index"
:label="item"
:value="item"
>
</el-option>
</el-select>
</el-col>
</el-row>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="籍贯" prop="jiguan_code">
<el-row :gutter="20">
<el-col :span="12">
<!-- @keyup.enter.native="selsectProvince" -->
<el-select
v-model="jgProvinceCode"
placeholder="省"
:popper-append-to-body="false"
@change="changeProvince(1, $event)"
>
<el-option
v-for="item in selectProvince"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option>
</el-select>
</el-col>
<el-col :span="12">
<el-select
ref="jiguan_code"
v-model="jiguan_city"
placeholder="市"
:popper-append-to-body="false"
@change="getJiguan()"
>
<el-option
v-for="item in selectCityJiguan"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option>
</el-select>
</el-col>
</el-row>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="民族" prop="nation">
<el-input
ref="nation"
v-model="referForm.nation"
placeholder="填写民族"
size="small"
clearable
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="入学年份" prop="start_school_date">
<el-row :gutter="20">
<el-col :span="12">
<el-select
v-model="start_grade"
placeholder="年级"
:popper-append-to-body="false"
clearable
>
<el-option
v-for="(item, index) in gradeArrs"
:key="index"
:label="item"
:value="item"
>
</el-option>
</el-select>
</el-col>
<el-col :span="12">
<el-select
ref="start_school_date"
v-model="start_year"
placeholder="年份"
clearable
:popper-append-to-body="false"
@change="getyear()"
>
<el-option
v-for="(item, index) in yearArrs"
:key="index"
:label="item"
:value="item"
>
</el-option>
</el-select>
</el-col>
</el-row>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="政治面貌" prop="political_status">
<el-select
ref="political_status"
v-model="referForm.political_status"
placeholder="填写政治面貌"
:popper-append-to-body="false"
clearable
>
<el-option
v-for="item in political_status"
:key="item.id"
:label="item.name"
:value="item.name"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="手机号">
<el-input
v-model="referForm.phone"
placeholder="请输入手机号"
size="small"
:disabled="true"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电子邮箱" prop="email">
<el-input
v-model="referForm.email"
placeholder="填写电子邮箱"
size="small"
/>
</el-form-item>
</el-col>
</el-row>
<div class="cont_title">学校信息</div>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="6"> <el-col :span="6">
<el-form-item label="就读中学" prop="school_province"> <el-form-item label="就读中学" prop="school_province">
...@@ -314,18 +559,11 @@ ...@@ -314,18 +559,11 @@
:value="item.id" :value="item.id"
> >
</el-option> </el-option>
</el-select> --> </el-select>
<!-- <el-autocomplete </el-form-item>
ref="school" </el-col>
v-model="referForm.school"
:fetch-suggestions="querySearchAsync"
placeholder="中学"
@select="handleSelect"
></el-autocomplete> -->
<!-- </el-form-item>
</el-col> -->
<!-- <div class="tipsMsg"> <div class="tipsMsg">
如果没有您所在学校，请联系邮箱：ydhdservice@163.com 如果没有您所在学校，请联系邮箱：ydhdservice@163.com
</div> </div>
<el-col :span="12"> <el-col :span="12">
...@@ -350,9 +588,9 @@ ...@@ -350,9 +588,9 @@
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> --> </el-row>
<!-- <div class="cont_title">学习成绩证明材料</div> <div class="cont_title">学习成绩证明材料</div>
<el-form-item <el-form-item
label="上传申请资料图片" label="上传申请资料图片"
prop="backgroundPicture" prop="backgroundPicture"
...@@ -380,11 +618,11 @@ ...@@ -380,11 +618,11 @@
:on-success="uploadSuccess" :on-success="uploadSuccess"
:http-request="uploadPicture" :http-request="uploadPicture"
> >
<i style="font-size: 44px" class="el-icon-circle-plus"> </i> --> <i style="font-size: 44px" class="el-icon-circle-plus"> </i>
<!-- <div class="text">上传材料</div> --> <!-- <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
class="el-upload-list__item-thumbnail" class="el-upload-list__item-thumbnail"
:src="file.url" :src="file.url"
alt="" alt=""
...@@ -412,6 +650,7 @@ ...@@ -412,6 +650,7 @@
</span> </span>
</span> </span>
</div> </div>
</div>
</el-upload> </el-upload>
</div> </div>
...@@ -419,7 +658,7 @@ ...@@ -419,7 +658,7 @@
<img width="100%" :src="resultPicture" alt="" /> <img width="100%" :src="resultPicture" alt="" />
</el-dialog> </el-dialog>
</div> </div>
</el-form-item> --> </el-form-item>
<el-form-item class="btn"> <el-form-item class="btn">
<el-button @click="confirm">提交资料</el-button> <el-button @click="confirm">提交资料</el-button>
...@@ -507,7 +746,7 @@ export default { ...@@ -507,7 +746,7 @@ export default {
{ {
required: true, required: true,
message: "国籍不能为空！", message: "国籍不能为空！",
trigger: "blur", trigger: "change",
}, },
], ],
nation: [ nation: [
...@@ -727,7 +966,7 @@ export default { ...@@ -727,7 +966,7 @@ export default {
}, },
mounted() {}, mounted() {},
methods: { methods: {
// 页面信息个人获取 // 页面信息个人获取
getAccount() { getAccount() {
getAccount({}).then((res) => { getAccount({}).then((res) => {
// console.log(res, "getAccount"); // console.log(res, "getAccount");
...@@ -765,7 +1004,7 @@ export default { ...@@ -765,7 +1004,7 @@ export default {
this.yearArrs = yearArr; this.yearArrs = yearArr;
this.rxYearArrs = rxYearArr; this.rxYearArrs = rxYearArr;
}, },
//组装出生日期 //组装出生日期
getTime() { getTime() {
this.referForm.birthday = this.referForm.birthday =
...@@ -775,9 +1014,7 @@ export default { ...@@ -775,9 +1014,7 @@ export default {
// console.log(this.referForm.birthday); // console.log(this.referForm.birthday);
}, },
// 国籍 // 国籍
changeCountry(val){
console.log(val)
},
//组装入学年份 //组装入学年份
getyear() { getyear() {
this.referForm.start_school_date = this.referForm.start_school_date =
...@@ -936,35 +1173,6 @@ console.log(val) ...@@ -936,35 +1173,6 @@ console.log(val)
return currentSchool; return currentSchool;
}, },
// 中学学校（模糊搜索）
// querySearchAsync(queryString, cb) {
// console.log(queryString, "queryString");
// console.log(this.restaurants, "this.restaurants");
// var restaurants = this.restaurants;
// console.log(restaurants, "restaurants");
// var results = queryString
// ? restaurants.filter(this.createStateFilter(queryString))
// : restaurants;
// console.log(results, "results");
// clearTimeout(this.timeout);
// this.timeout = setTimeout(() => {
// cb(results);
// }, 3000 * Math.random());
// },
// createStateFilter(queryString) {
// console.log(queryString, "queryString");
// return (state) => {
// console.log(state, "state");
// // state.name.indexOf(queryString) === 0;
// return state.value.indexOf(queryString) === 0;
// };
// },
// handleSelect(item) {
// console.log(item);
// this.school = item.name;
// },
// 图片上传成功前钩子 // 图片上传成功前钩子
beforeAvatarUpload(file) { beforeAvatarUpload(file) {
// console.log(file, "beforeImage"); // console.log(file, "beforeImage");
......
src/request/index/network.js
View file @ d291fd5a
...@@ -221,10 +221,21 @@ export function request(config) { ...@@ -221,10 +221,21 @@ export function request(config) {
window.localStorage.removeItem("bk_pic" + code); window.localStorage.removeItem("bk_pic" + code);
window.localStorage.removeItem("examine_status" + code); window.localStorage.removeItem("examine_status" + code);
window.localStorage.removeItem("examine_reason" + code); window.localStorage.removeItem("examine_reason" + code);
window.localStorage.removeItem("sign_up_file_18355151517" + code); window.localStorage.removeItem(
"sign_up_file_18355151517" +
window.localStorage.getItem("phone" + code) +
code
);
window.localStorage.removeItem("schoolName" + code); window.localStorage.removeItem("schoolName" + code);
window.localStorage.removeItem("restet_code_time" + code); window.localStorage.removeItem("restet_code_time" + code);
window.localStorage.removeItem("camp_statement" + code) window.localStorage.removeItem("camp_statement" + code)
window.localStorage.removeItem("transfer_account" + code);
window.localStorage.removeItem("payee" + code);
window.localStorage.removeItem("bank_first" + code);
window.localStorage.removeItem("bank_idcard" + code);
window.localStorage.removeItem(
"bank_info" + window.localStorage.getItem("phone" + code) + code
);
router.push({ router.push({
path: '/' + store.state.indexIdentity, path: '/' + store.state.indexIdentity,
}) })
...@@ -253,8 +264,19 @@ export function request(config) { ...@@ -253,8 +264,19 @@ export function request(config) {
window.localStorage.removeItem("bk_pic" + code); window.localStorage.removeItem("bk_pic" + code);
window.localStorage.removeItem("examine_status" + code); window.localStorage.removeItem("examine_status" + code);
window.localStorage.removeItem("examine_reason" + code); window.localStorage.removeItem("examine_reason" + code);
window.localStorage.removeItem("sign_up_file_18355151517" + code); window.localStorage.removeItem(
"sign_up_file_18355151517" +
window.localStorage.getItem("phone" + code) +
code
);
window.localStorage.removeItem("schoolName" + code); window.localStorage.removeItem("schoolName" + code);
window.localStorage.removeItem("transfer_account" + code);
window.localStorage.removeItem("payee" + code);
window.localStorage.removeItem("bank_first" + code);
window.localStorage.removeItem("bank_idcard" + code);
window.localStorage.removeItem(
"bank_info" + window.localStorage.getItem("phone" + code) + code
);
router.push({ router.push({
path: '/login', path: '/login',
query: { query: {
......
src/request/index/signUp.js
View file @ d291fd5a
...@@ -74,6 +74,26 @@ export function delPic(data) { ...@@ -74,6 +74,26 @@ export function delPic(data) {
}) })
} }
// 上传缴费图片
export function getBankInfoOss(data) {
data['identity'] = store.state.indexIdentity;
return request({
method: 'post',
url: '/web/signUp/getBankInfoOss',
data
})
}
// 删除缴费图片
export function delPayingPic(data) {
data['identity'] = store.state.indexIdentity;
return request({
method: 'post',
url: '/web/signUp/delPic',
params: data
})
}
// 页面个人信息保存 // 页面个人信息保存
export function setAccount(data) { export function setAccount(data) {
data['identity'] = store.state.indexIdentity; data['identity'] = store.state.indexIdentity;
......
src/router/index.js
View file @ d291fd5a
...@@ -14,7 +14,7 @@ import { ...@@ -14,7 +14,7 @@ import {
import { import {
Message Message
} from 'element-ui'; } from 'element-ui';
Vue.prototype.$message = Message; Vue.prototype.$message = Message;
Vue.use(VueRouter) Vue.use(VueRouter)
...@@ -35,7 +35,7 @@ const routes = [{ ...@@ -35,7 +35,7 @@ const routes = [{
meta: { meta: {
title: '个人信息' title: '个人信息'
}, },
// redirect: '/Info/personalInfo', // redirect: '/Info/personalInfo',
component: () => component: () =>
import('v/index/Info/Index.vue'), import('v/index/Info/Index.vue'),
...@@ -115,7 +115,7 @@ function checkCam(code, cb) { ...@@ -115,7 +115,7 @@ function checkCam(code, cb) {
} }
getCam(code).then((res) => { getCam(code).then((res) => {
let root = document.querySelector(":root"); let root = document.querySelector(":root");
root.style.setProperty("--color", res.data.system_color); root.style.setProperty("--color", res.data.system_color);
root.style.setProperty("--bk_pic", res.data.background_picture); //当前营地的背景图 root.style.setProperty("--bk_pic", res.data.background_picture); //当前营地的背景图
...@@ -134,6 +134,13 @@ function checkCam(code, cb) { ...@@ -134,6 +134,13 @@ function checkCam(code, cb) {
"doubt_check" + code, "doubt_check" + code,
res.data.audit_individual_information res.data.audit_individual_information
); //是否审核个人资料 ); //是否审核个人资料
// 判断使用微信二维码付款/上传转账截图
window.localStorage.setItem("transfer_account" + code, res.data.transfer_account);
if (res.data.transfer_account == 1) {
window.localStorage.setItem("payee" + code, res.data.payee); //收款单位
window.localStorage.setItem("bank_first" + code, res.data.bank_first); //开户行
window.localStorage.setItem("bank_idcard" + code, res.data.bank_idcard); //银行卡号
}
store.state.info = res.data; store.state.info = res.data;
cb && cb(true); cb && cb(true);
}).catch(() => { }).catch(() => {
......
src/views/index/camp/SignUp.vue
View file @ d291fd5a
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
width="520px" width="520px"
center center
> --> > -->
<el-dialog <el-dialog
style="font-size: 26px" style="font-size: 26px"
class="info" class="info"
title="营地声明" title="营地声明"
...@@ -311,6 +311,28 @@ export default { ...@@ -311,6 +311,28 @@ export default {
JSON.stringify(fileList) JSON.stringify(fileList)
); //上传的图片 ); //上传的图片
} }
// 银行截图
const bank_Path = res.data.bank_info;
if (bank_Path) {
let arr = bank_Path.split(" ");
// console.log(arr)
let fileList = [];
fileList = arr.map((item) => {
let obj = {
url: item,
};
return obj;
});
// console.log(fileList)
// console.log(JSON.stringify(fileList))
// let code = this.$store.state.indexIdentity;
window.localStorage.setItem(
"bank_info" + window.localStorage.getItem("phone" + code) + code,
JSON.stringify(fileList)
); //上传的图片
}
}); });
}, },
}, },
......
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