Skip to content

C
campSite
Commit ca6fc8d1 authored by wuwangwolihui's avatar wuwangwolihui
Browse files
Options

修改-提示文字、西交大支付不传截图

parent 85dd5829
Hide whitespace changes
Inline Side-by-side
Showing with 1085 additions and 951 deletions
src/components/breadcrumb.vue
View file @ ca6fc8d1
......@@ -43,7 +43,7 @@
</div>
<div
class="referInfoTips"
v-show="status == 0 || status == 1 || status == 2||status == 3 "
v-show="status == 0 || status == 1 || status == 2 || status == 3"
@click="toShowSteps"
>
<i class="el-icon-question"></i>
......@@ -52,233 +52,238 @@
</template>
<script>
/* eslint-disable */
export default {
name: "breadcrumb",
props: { statusNum: [String, Number] }, //进度参数
data() {
return {
status: this.statusNum,
bCList: [],
// 报名流程提示
steps: [
"登录报名系统",
"提交报名信息，等待审核",
"收到审核短信，登录系统缴费",
"上传缴费截图，等待审核",
"收到审核短信，登录系统",
"下载入营通知书，完成报名",
],
isShowStepsTips: false,
};
},
created() {
let code = this.$store.state.indexIdentity;
const doubt_code = window.localStorage.getItem("doubt_code" + code);
const doubt_info = window.localStorage.getItem("doubt_info" + code);
const doubt_check = window.localStorage.getItem("doubt_check" + code);
// console.log(doubt_check, "doubt_check");
const newArr = [
{
name: "确认报名",
status: 0,
},
{
name: "填写邀请码",
status: 1,
},
{
name: "填写报名资料",
status: 2,
},
{
name: "报名资料审核",
status: 3,
},
{
name: "缴费",
status: 4,
},
];
let arr = [];
// console.log(newArr, "newArr");
for (let i = 0; i < newArr.length; i++) {
const item = newArr[i];
if (
(doubt_code == 0 && item.status == 1) ||
(doubt_info == 0 && item.status == 2) ||
(doubt_check == 0 && item.status == 3)
) {
} else {
arr.push(item);
/* eslint-disable */
export default {
name: "breadcrumb",
props: {statusNum: [String, Number]}, //进度参数
data() {
return {
status: this.statusNum,
bCList: [],
// 报名流程提示
steps: [
"登录报名系统",
"提交报名信息，等待审核",
"收到审核短信，登录系统缴费",
"上传缴费截图，等待审核",
"收到审核短信，登录系统",
"下载入营通知书，完成报名",
],
isShowStepsTips: false,
};
},
created() {
let code = this.$store.state.indexIdentity;
const doubt_code = window.localStorage.getItem("doubt_code" + code);
const doubt_info = window.localStorage.getItem("doubt_info" + code);
const doubt_check = window.localStorage.getItem("doubt_check" + code);
// console.log(doubt_check, "doubt_check");
const newArr = [
{
name: "确认报名",
status: 0,
},
{
name: "填写邀请码",
status: 1,
},
{
name: "填写报名资料",
status: 2,
},
{
name: "报名资料审核",
status: 3,
},
{
name: "缴费",
status: 4,
},
];
let arr = [];
// console.log(newArr, "newArr");
for (let i = 0; i < newArr.length; i++) {
const item = newArr[i];
if (
(doubt_code == 0 && item.status == 1) ||
(doubt_info == 0 && item.status == 2) ||
(doubt_check == 0 && item.status == 3)
) {
} else {
arr.push(item);
}
}
}
this.bCList = arr;
},
watch: {
statusNum(val) {
console.log(val, "statusNum");
this.status = val;
this.bCList = arr;
},
},
methods: {
toShowSteps() {
this.isShowStepsTips = !this.isShowStepsTips;
watch: {
statusNum(val) {
console.log(val, "statusNum");
this.status = val;
},
},
methods: {
toShowSteps() {
this.isShowStepsTips = !this.isShowStepsTips;
},
},
},
};
};
</script>
<style scoped lang="scss">
.flex {
display: flex;
}
// 报名流程提示
.referInfoTips {
// position: absolute;
// right: 1%;
// top: 45%;
margin-left: 20px;
color: var(--color);
i {
font-size: 26px;
cursor: pointer;
.flex {
display: flex;
}
}
.vertical-steps {
position: absolute;
right: 2%;
top: 9.5%;
// width: 280px;
margin: 0 auto;
background-color: #f8f8f8;
padding: 30px 20px 20px;
border-radius: 8px;
z-index: 99;
.vertical-steps-title {
text-align: center;
margin-bottom: 20px;
font-weight: 600;
font-size: 18px;
}
// 报名流程提示
.referInfoTips {
// position: absolute;
// right: 1%;
// top: 45%;
margin-left: 20px;
color: var(--color);
.vertical_close {
position: absolute;
right: 4%;
top: 2%;
cursor: pointer;
i {
font-size: 26px;
cursor: pointer;
}
}
}
.step {
display: flex;
margin-bottom: 10px;
position: relative;
.vertical-steps {
position: absolute;
right: 2%;
top: 9.5%;
// width: 280px;
margin: 0 auto;
background-color: #f8f8f8;
padding: 30px 20px 20px;
border-radius: 8px;
z-index: 99;
.step-number {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ddd;
color: #666;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
margin-right: 15px;
flex-shrink: 0;
position: relative;
z-index: 2;
border: 2px solid white;
box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3),
/* 主阴影 */ inset 0 2px 4px rgba(255, 255, 255, 0.3),
/* 内阴影 */ 0 0 0 4px rgba(24, 144, 255, 0.1);
/* 外发光效果 */
}
.vertical-steps-title {
text-align: center;
margin-bottom: 20px;
font-weight: 600;
font-size: 18px;
}
.step-number {
background-color: var(--color);
color: white;
.vertical_close {
position: absolute;
right: 4%;
top: 2%;
cursor: pointer;
}
}
.step-content {
padding: 5px 0;
.step {
display: flex;
margin-bottom: 10px;
position: relative;
/* 向左三角形 */
.triangle-left {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-right: 12px solid #ffffff;
border-bottom: 6px solid transparent;
}
.step-title {
color: #333;
font-size: 12px;
background-color: #ffffff;
width: 182px;
height: 30px;
.step-number {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ddd;
color: #666;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
font-size: 12px;
margin-right: 15px;
flex-shrink: 0;
position: relative;
top: -8px;
z-index: 2;
border: 2px solid white;
box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3),
/* 主阴影 */
inset 0 2px 4px rgba(255, 255, 255, 0.3),
/* 内阴影 */
0 0 0 4px rgba(24, 144, 255, 0.1);
/* 外发光效果 */
}
}
.connector {
position: absolute;
left: 11px;
top: 24px;
bottom: -30px;
width: 2px;
border-left: 1.5px dotted var(--color);
z-index: 1;
}
}
.step-number {
background-color: var(--color);
color: white;
}
.speed-bg-color {
background-color: var(--color) !important;
}
.step-content {
padding: 5px 0;
display: flex;
.speed-text-color {
color: var(--color) !important;
}
/* 向左三角形 */
.triangle-left {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-right: 12px solid #ffffff;
border-bottom: 6px solid transparent;
}
.steps {
.step {
align-items: center;
.cricle {
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
color: #ffff;
background: #d0ced0;
border-radius: 15px;
margin-right: 10px;
font-size: 14px;
font-family: PingFang SC;
.step-title {
color: #333;
font-size: 12px;
background-color: #ffffff;
width: 182px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
position: relative;
top: -8px;
}
}
.step_title {
flex: 1;
font-size: 14px;
height: 20px;
font-weight: 600;
color: #d0ced0;
line-height: 20px;
font-family: PingFang SC;
.connector {
position: absolute;
left: 11px;
top: 24px;
bottom: -30px;
width: 2px;
border-left: 1.5px dotted var(--color);
z-index: 1;
}
}
.speed-bg-color {
background-color: var(--color) !important;
}
img {
margin: 0 15px 0 10px;
.speed-text-color {
color: var(--color) !important;
}
.steps {
.step {
align-items: center;
.cricle {
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
color: #ffff;
background: #d0ced0;
border-radius: 15px;
margin-right: 10px;
font-size: 14px;
font-family: PingFang SC;
}
.step_title {
flex: 1;
font-size: 14px;
height: 20px;
font-weight: 600;
color: #d0ced0;
line-height: 20px;
font-family: PingFang SC;
}
img {
margin: 0 15px 0 10px;
}
}
}
}
</style>
src/components/index/SignUp/pass.vue
View file @ ca6fc8d1
......@@ -5,13 +5,14 @@
<!-- <img src="@/assets/img/signUp/icon-shenhe.png" alt="" /> -->
<i class="icon-icon"></i>
</div>
<!-- {{!this.examine_status == 1}} -->
<div v-if="this.examine_status == 0 || this.examine_status == 3">
同学你好，你的报名资料已提交
</div>
<div v-if="this.examine_status == 0 || this.examine_status == 3">
请等待工作人员审核，审核结果将于以短信形式发送到报名手机号，请注意查收。
</div>
<!--<template v-if="this.examine_status == 0 || this.examine_status == 3">
<div>同学你好，你的报名资料已提交</div>
<div>请等待工作人员审核，审核结果将于以短信形式发送到报名手机号，请注意查收。</div>
</template>-->
<template v-if="this.examine_status == 0 || this.examine_status == 3">
<div>同学好，你的报名资料已提交</div>
<div>请等待工作人员审核，审核结果将以邮件形式发送到您的邮箱，请注意查收。</div>
</template>
<div v-if="this.examine_status == 1">
同学你好，你的材料已经通过审核，请点击“下一步”完成报名
</div>
......
src/components/index/SignUp/paying.vue
View file @ ca6fc8d1
......@@ -33,7 +33,7 @@
</div>
<div class="btn">
<el-button @click="paying()" v-if="$store.state.human == 1"
>上传缴费截图
>上传缴费截图
</el-button>
<el-button @click="paying()" v-else>立即支付</el-button>
</div>
......@@ -261,15 +261,14 @@
</div>
<el-dialog :visible.sync="dialogVisible">
<img :src="resultPicture" alt="" width="100%" />
<img :src="resultPicture" alt="" width="100%"/>
</el-dialog>
</div>
</div>
<span class="dialog-footer" slot="footer">
<el-button @click="bankDialogVisible = false">取 消</el-button>
<el-button @click="uploadConfirm" type="primary">确 定</el-button>
</span>
<div class="dialog-footer" slot="footer">
<el-button @click="bankDialogVisible = false">关 闭</el-button>
<!--<el-button @click="uploadConfirm" type="primary">确 定</el-button>-->
</div>
</el-dialog>
<!-- 微信二维码截图支付 -->
<el-dialog
......@@ -350,691 +349,781 @@
</div>
<el-dialog :visible.sync="dialogVisible">
<img :src="resultPicture" alt="" width="100%" />
<img :src="resultPicture" alt="" width="100%"/>
</el-dialog>
</div>
</div>
<span class="dialog-footer" slot="footer">
<el-button @click="wxImgDialogVisible = false">取 消</el-button>
<el-button @click="uploadConfirm" type="primary">确 定</el-button>
</span>
<div class="dialog-footer" slot="footer">
<el-button @click="wxImgDialogVisible = false">关 闭</el-button>
<!--<el-button @click="uploadConfirm" type="primary">确 定</el-button>-->
</div>
</el-dialog>
<!-- 微信二维码截图支付-西交大 -->
<el-dialog
:before-close="handleClose"
:visible.sync="wxImgDialogVisibleXJ"
title="微信二维码截图支付"
width="200"
@open="openBank"
>
<div class="bank_pay">
<img
style="width: 200px; margin: 10px 0"
:src="$store.state.tp_qr_code"
/>
<div v-if="$store.state.tp_qr_note != null">
<span>备注:</span>{{ $store.state.tp_qr_note }}
</div>
<el-checkbox
v-model="checkedXJ"
class="checkbox-btn"
>确认已完成支付
</el-checkbox>
</div>
<div class="dialog-footer" slot="footer">
<el-button @click="onCancel">取 消</el-button>
<el-button @click="onConfirm" type="primary">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
/* eslint-disable */
import ConfirmSignUp from "c/index/SignUp/ConfirmSignUp";
import { delPayingPic, getAccount, signUpInit } from "r/index/signUp";
import { getWxConfig } from "r/index/pay";
import { achievementCallBack, cosSignature } from "r/index/cosUpload";
import COS from "cos-js-sdk-v5";
/* eslint-disable */
import ConfirmSignUp from "c/index/SignUp/ConfirmSignUp";
import {delPayingPic, getAccount, signUpInit} from "r/index/signUp";
import {getWxConfig} from "r/index/pay";
import {achievementCallBack, cosSignature} from "r/index/cosUpload";
import COS from "cos-js-sdk-v5";
export default {
name: "Paying",
components: {
ConfirmSignUp,
},
data() {
return {
dialogPayingVisible: false, //支付时候tip
dialogChoose: false, //付款方式选择
confirmSignUpDialogFu: false, // 控制确认报名弹框的显示与隐藏
bankDialogVisible: false, //上传银行截图弹框的显示与隐藏
personalInfo: {},
camp_name: "", //营地名称
has_amount: "", //支付金额
status: "", //状态
status_wx: "", //状态
type: "", //状态
//支付状态判断
transfer_account: window.localStorage.getItem(
"transfer_account" + this.$store.state.indexIdentity
),
payee: window.localStorage.getItem(
"payee" + this.$store.state.indexIdentity
),
bank_first: window.localStorage.getItem(
"bank_first" + this.$store.state.indexIdentity
),
bank_idcard: window.localStorage.getItem(
"bank_idcard" + this.$store.state.indexIdentity
),
transfer_back_up: window.localStorage.getItem(
"transfer_back_up" + this.$store.state.indexIdentity
),
isUploading: false, // 图片上传蒙层
dialogVisible: false,
fileList: [],
file: "",
// file_image: {},
resultPicture: "",
disabled: false, //限制输入框
hideUpload: false,
isBank_infoFile: false,
//微信二维码支付
wxImgDialogVisible: false,
};
},
created() {
this.getAccount();
this.commonApi(33);
const code = this.$store.state.indexIdentity;
this.has_amount = window.localStorage.getItem("has_amount" + code);
// 已上传的银行付款图片
let bank_infoFile = window.localStorage.getItem(
"sign_up_payfile_" + window.localStorage.getItem("index-phone-all") + code
);
if (bank_infoFile && JSON.parse(bank_infoFile).length > 0) {
JSON.parse(bank_infoFile).map((i) => {
if (i.url != "") {
this.isBank_infoFile = true;
}
});
}
if (
bank_infoFile &&
this.isBank_infoFile == true &&
JSON.parse(bank_infoFile).length > 0
) {
// console.log(JSON.parse(bank_infoFile));
this.fileList = JSON.parse(bank_infoFile);
}
},
methods: {
handleClose(done) {
this.$confirm("确认关闭？")
.then((_) => {
done();
})
.catch((_) => {});
export default {
name: "Paying",
components: {
ConfirmSignUp,
},
// 子组件触发，关闭确认报名弹框
closeCFSUDialog(val, isSuccess) {
// console.log(val, "val");
this.confirmSignUpDialogFu = val;
if (isSuccess == 1) {
this.$emit("getstatus", 6);
}
},
toWechat() {
// this.dialogChoose = false;
this.confirmSignUpDialogFu = true;
},
toPaybao() {
getWxConfig({
pay_type: 2,
}).then((res) => {
console.log(res, "getWxConfig");
if (res.data.code != 200) {
return this.$message.error(res.data.msg);
}
/* 此处form就是后台返回接收到的数据 */
let form = res.data.data;
console.log(form);
// return
let div = document.createElement("div");
div.innerHTML = form;
document.body.appendChild(div);
document.forms[0].acceptCharset = "GBK"; //保持与支付宝默认编码格式一致，如果不一致将会出现：调试错误，请回到请求来源地.
// 重新发起请求，错误代码 invalid-signature 错误原因: 验签出错，建议检查签名字符串或签名私钥与应用公钥是否匹配
document.forms[0].submit(); //
let alipay_submit = document.getElementById("alipay_submit");
div.removeChild(alipay_submit);
});
data() {
return {
dialogPayingVisible: false, //支付时候tip
dialogChoose: false, //付款方式选择
confirmSignUpDialogFu: false, // 控制确认报名弹框的显示与隐藏
bankDialogVisible: false, //上传银行截图弹框的显示与隐藏
personalInfo: {},
camp_name: "", //营地名称
has_amount: "", //支付金额
status: "", //状态
status_wx: "", //状态
type: "", //状态
//支付状态判断
transfer_account: window.localStorage.getItem(
"transfer_account" + this.$store.state.indexIdentity
),
payee: window.localStorage.getItem(
"payee" + this.$store.state.indexIdentity
),
bank_first: window.localStorage.getItem(
"bank_first" + this.$store.state.indexIdentity
),
bank_idcard: window.localStorage.getItem(
"bank_idcard" + this.$store.state.indexIdentity
),
transfer_back_up: window.localStorage.getItem(
"transfer_back_up" + this.$store.state.indexIdentity
),
isUploading: false, // 图片上传蒙层
dialogVisible: false,
fileList: [],
file: "",
// file_image: {},
resultPicture: "",
disabled: false, //限制输入框
hideUpload: false,
isBank_infoFile: false,
wxImgDialogVisible: false,//微信二维码支付
wxImgDialogVisibleXJ: false,//微信二维码支付-西交大
checkedXJ: false,
};
},
// 立即支付-按钮
paying() {
let code = this.$store.state.indexIdentity;
if (code == "3c7e84455750447799e4b70bda5f4493") {
this.toPaying();
} else {
this.dialogPayingVisible = true;
created() {
this.getAccount();
this.commonApi(33);
const code = this.$store.state.indexIdentity;
this.has_amount = window.localStorage.getItem("has_amount" + code);
// 已上传的银行付款图片
let bank_infoFile = window.localStorage.getItem(
"sign_up_payfile_" + window.localStorage.getItem("index-phone-all") + code
);
if (bank_infoFile && JSON.parse(bank_infoFile).length > 0) {
JSON.parse(bank_infoFile).map((i) => {
if (i.url != "") {
this.isBank_infoFile = true;
}
});
}
if (
bank_infoFile &&
this.isBank_infoFile == true &&
JSON.parse(bank_infoFile).length > 0
) {
// console.log(JSON.parse(bank_infoFile));
this.fileList = JSON.parse(bank_infoFile);
}
},
toPaying() {
this.commonApi(34);
this.dialogPayingVisible = false;
if (this.has_amount == 0) {
getWxConfig({ pay_type: 3 }).then((res) => {
console.log(res, "signUpInit");
methods: {
handleClose(done) {
this.$confirm("确认关闭？")
.then((_) => {
done();
})
.catch((_) => {
});
},
// 子组件触发，关闭确认报名弹框
closeCFSUDialog(val, isSuccess) {
// console.log(val, "val");
this.confirmSignUpDialogFu = val;
if (isSuccess == 1) {
this.$emit("getstatus", 6);
}
},
toWechat() {
// this.dialogChoose = false;
this.confirmSignUpDialogFu = true;
},
toPaybao() {
getWxConfig({
pay_type: 2,
}).then((res) => {
console.log(res, "getWxConfig");
if (res.data.code != 200) {
return this.$message.error(res.data.msg);
}
this.$message.success(res.data.err_msg);
this.$emit("getstatus", 6);
/* 此处form就是后台返回接收到的数据 */
let form = res.data.data;
console.log(form);
// return
let div = document.createElement("div");
div.innerHTML = form;
document.body.appendChild(div);
document.forms[0].acceptCharset = "GBK"; //保持与支付宝默认编码格式一致，如果不一致将会出现：调试错误，请回到请求来源地.
// 重新发起请求，错误代码 invalid-signature 错误原因: 验签出错，建议检查签名字符串或签名私钥与应用公钥是否匹配
document.forms[0].submit(); //
let alipay_submit = document.getElementById("alipay_submit");
div.removeChild(alipay_submit);
});
} else {
// transfer_account 判断微信支付宝或者银行卡支付
console.log(this.$store.state.tp_qr_pay, "this.$store.state.tp_qr_pay");
if (this.$store.state.tp_qr_pay == 1) {
//tp_qr_pay 微信二维码截图支付
this.wxImgDialogVisible = true;
if (this.fileList.length >= 1) {
this.hideUpload = true;
}
} else if (this.transfer_account == 0) {
// this.dialogChoose = true;
//如果只有一个选择支付宝或者微信，直接跳转
this.confirmSignUpDialogFu = true;
} else if (this.transfer_account == 1) {
this.bankDialogVisible = true;
if (this.fileList.length >= 1) {
this.hideUpload = true;
}
}
}
// setTimeout(this.signUpInit(this.status_wx), 1000);
},
signUpInit() {
signUpInit({}).then((res) => {
console.log(res, "signUpInit");
if (res.data.code != 200) {
return this.$message.error(res.data.msg);
},
// 立即支付-按钮
paying() {
let code = this.$store.state.indexIdentity;
if (code == "3c7e84455750447799e4b70bda5f4493") {
this.toPaying();
} else {
this.dialogPayingVisible = true;
}
this.status = res.data.status;
// return;
// 点击下一步传值给status,更新
if (this.status == 4) {
this.type = "check";
this.status = 3;
if (this.isNexts == 1) {
if (res.data.examine_status == 1) {
this.type = "pay";
this.status = 4;
} else if (res.data.examine_status == 2) {
this.type = "referInfo";
this.status = 2;
},
toPaying() {
this.commonApi(34);
this.dialogPayingVisible = false;
if (this.has_amount == 0) {
getWxConfig({pay_type: 3}).then((res) => {
console.log(res, "signUpInit");
if (res.data.code != 200) {
return this.$message.error(res.data.msg);
}
this.$message.success(res.data.err_msg);
this.$emit("getstatus", 6);
});
} else {
// transfer_account 判断微信支付宝或者银行卡支付
if (this.$store.state.tp_qr_pay == 1) {
//tp_qr_pay 微信二维码截图支付
const camArr = ['9ccaf182cc0b41b59775c91efd863d79', '38fed647ca494a688ce74e263ca60d2a', 'c306126c0f1d41ff947a4c456a2a8349'];
if (camArr.includes(this.$store.state.indexIdentity)) {
// 2025-10-17 西交大营地
this.wxImgDialogVisibleXJ = true;
return false;
}
this.wxImgDialogVisible = true;
if (this.fileList.length >= 1) {
this.hideUpload = true;
}
} else if (this.transfer_account == 0) {
// this.dialogChoose = true;
//如果只有一个选择支付宝或者微信，直接跳转
this.confirmSignUpDialogFu = true;
} else if (this.transfer_account == 1) {
this.bankDialogVisible = true;
if (this.fileList.length >= 1) {
this.hideUpload = true;
}
}
if (res.data.pay_amount == 0) {
getWxConfig({ pay_type: 3 }).then((res) => {
console.log(res, "signUpInit");
if (res.data.code != 200) {
return this.$message.error(res.data.msg);
}
this.$message.success(res.data.err_msg);
});
}
// setTimeout(this.signUpInit(this.status_wx), 1000);
},
signUpInit() {
signUpInit({}).then((res) => {
console.log(res, "signUpInit");
if (res.data.code != 200) {
return this.$message.error(res.data.msg);
}
// pay_amount支付金额等于0，直接跳到成功页面
} else if (this.status == 5) {
this.type = "pay";
// pay_amount支付金额等于0，直接跳到成功页面
if (res.data.pay_amount == 0) {
this.type = "success";
this.$emit("getstatus", 6);
} else {
// transfer_account 判断微信支付宝或者银行卡支付
if (this.transfer_account == 0) {
// this.dialogChoose = true;
//如果只有一个选择支付宝或者微信，直接跳转
this.confirmSignUpDialogFu = true;
this.status = res.data.status;
// return;
// 点击下一步传值给status,更新
if (this.status == 4) {
this.type = "check";
this.status = 3;
if (this.isNexts == 1) {
if (res.data.examine_status == 1) {
this.type = "pay";
this.status = 4;
} else if (res.data.examine_status == 2) {
this.type = "referInfo";
this.status = 2;
}
}
if (res.data.pay_amount == 0) {
getWxConfig({pay_type: 3}).then((res) => {
console.log(res, "signUpInit");
if (res.data.code != 200) {
return this.$message.error(res.data.msg);
}
this.$message.success(res.data.err_msg);
});
}
// pay_amount支付金额等于0，直接跳到成功页面
} else if (this.status == 5) {
this.type = "pay";
// pay_amount支付金额等于0，直接跳到成功页面
if (res.data.pay_amount == 0) {
this.type = "success";
this.$emit("getstatus", 6);
} else {
this.bankDialogVisible = true;
if (this.fileList.length >= 1) {
this.hideUpload = true;
// transfer_account 判断微信支付宝或者银行卡支付
if (this.transfer_account == 0) {
// this.dialogChoose = true;
//如果只有一个选择支付宝或者微信，直接跳转
this.confirmSignUpDialogFu = true;
} else {
this.bankDialogVisible = true;
if (this.fileList.length >= 1) {
this.hideUpload = true;
}
}
}
}
// else if (this.status == 6) {
// this.type = "success";
// }
this.$emit("getstatus", res.data.status);
});
},
getAccount() {
getAccount({}).then((res) => {
// console.log(res, "getAccount");
if (res.data.code != 200) {
return this.$message.error(res.data.msg);
}
this.personalInfo = res.data.info;
// this.personalInfo.create_time = parseTime(res.data.info.create_time);
});
},
openBank() {
},
// 上传银行卡转账截图
// 图片上传成功前钩子
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 格式!");
}
// else if (this.status == 6) {
// this.type = "success";
// }
this.$emit("getstatus", res.data.status);
});
},
getAccount() {
getAccount({}).then((res) => {
// console.log(res, "getAccount");
if (res.data.code != 200) {
return this.$message.error(res.data.msg);
if (!isLt10M) {
this.$message.info("上传图片大小不能超过 10MB!");
}
this.personalInfo = res.data.info;
// this.personalInfo.create_time = parseTime(res.data.info.create_time);
});
},
openBank() {},
// 上传银行卡转账截图
// 图片上传成功前钩子
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.dialogVisible = true;
},
// 文件上传中处理
handleUploadProgress(event, file, fileList) {
// console.log(fileList);
this.isUploading = true;
if (this.fileList.length < 1) {
return this.$message.info("超过上传数量");
}
},
uploadSuccess(res, file, fileList) {
this.referForm.achievementPath = res;
this.fileList = {
name: file.name,
url: res,
};
return (isJPG || isPng || isJPEG) && isLt10M;
},
handlePictureCardPreview(file) {
console.log(file, "11111111");
this.resultPicture = file.url;
this.dialogVisible = true;
},
// 文件上传中处理
handleUploadProgress(event, file, fileList) {
// console.log(fileList);
this.isUploading = true;
if (this.fileList.length < 1) {
return this.$message.info("超过上传数量");
}
},
uploadSuccess(res, file, 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;
console.log(raw);
let image = {
name: raw.name,
size: raw.size,
type: raw.type,
};
// console.log(image)
// this.file_image = image;
this.getCosConfigs(image, params.file);
},
// 上传截图
uploadConfirm() {
this.bankDialogVisible = false;
this.wxImgDialogVisible = false;
this.$message.success("提交成功");
// this.getOssConfigs(this.file_image, this.file);
},
async changeStatus() {
// console.log(SERVER_WS_URL);
let { data: res } = await getWxConfig({
pay_type: 4,
});
},
// cos上传
async getCosConfigs(image, file) {
this.loading = true;
await cosSignature({ image: image, index: "3" })
.then((res) => {
let resData = res.data.data;
if (res.data.code === 200) {
const cos = new COS({
// 必选参数
getAuthorization: (options, callback) => {
callback({
TmpSecretId:
this.$refs["imgUrl"].clearFiles(); //上传成功之后清除历史记录
},
uploadPicture(params) {
this.file = params.file;
let raw = params.file;
let image = {
name: raw.name,
size: raw.size,
type: raw.type,
};
this.getCosConfigs(image, params.file);
},
// 取消-西交大
onCancel() {
this.wxImgDialogVisibleXJ = false;
this.checkedXJ = false;
},
// 确认-西交大
async onConfirm() {
if (!this.checkedXJ) {
this.$message.info("请勾选【确认已完成支付】");
return false;
}
let {data: res} = await getWxConfig({
pay_type: 4,
});
if (res.code != 200) {
if (res.msg == '请等待邮件通知，审核通过后登录报名网址。') {
this.wxImgDialogVisibleXJ = false;
this.checkedXJ = false;
this.$message.success(res.msg);
return false;
}
this.$message.info(res.msg);
return false;
}
this.wxImgDialogVisibleXJ = false;
this.checkedXJ = false;
this.$message.success("提交成功");
},
// 确认
uploadConfirm() {
this.bankDialogVisible = false;
this.wxImgDialogVisible = false;
this.$message.success("提交成功");
},
// 取消/关闭
uploadCancel() {
this.bankDialogVisible = false;
this.wxImgDialogVisible = false;
},
// 更新支付状态
async changeStatus() {
let {data: res} = await getWxConfig({
pay_type: 4,
});
},
// cos上传
async getCosConfigs(image, file) {
this.loading = true;
await cosSignature({image: image, index: "3"})
.then((res) => {
let resData = res.data.data;
if (res.data.code === 200) {
const cos = new COS({
// 必选参数
getAuthorization: (options, callback) => {
callback({
TmpSecretId:
resData.credentials.credential.credentials.tmpSecretId,
TmpSecretKey:
TmpSecretKey:
resData.credentials.credential.credentials.tmpSecretKey,
XCosSecurityToken:
XCosSecurityToken:
resData.credentials.credential.credentials.sessionToken,
StartTime: resData.credentials.credential.startTime, // 时间戳，单位秒，如：1580000000
ExpiredTime: resData.credentials.credential.expiredTime, // 时间戳，单位秒，如：1580000900
});
},
});
console.log(resData);
cos.putObject(
{
Bucket: resData.credentials.bucket,
Region: resData.credentials.region,
Key: resData.key,
Body: file,
onProgress: (progressData) => {
console.log("上传进度：" + JSON.stringify(progressData));
StartTime: resData.credentials.credential.startTime, // 时间戳，单位秒，如：1580000000
ExpiredTime: resData.credentials.credential.expiredTime, // 时间戳，单位秒，如：1580000900
});
},
});
console.log(resData);
cos.putObject(
{
Bucket: resData.credentials.bucket,
Region: resData.credentials.region,
Key: resData.key,
Body: file,
onProgress: (progressData) => {
console.log("上传进度：" + JSON.stringify(progressData));
},
},
},
(err, data) => {
console.log(data);
if (err) {
console.log(err);
this.loading = false;
this.$message.error("上传失败！");
} else {
(err, data) => {
console.log(data);
this.signUploadSuccess("http://" + data.Location, resData);
if (err) {
console.log(err);
this.loading = false;
this.$message.error("上传失败！");
} else {
console.log(data);
this.signUploadSuccess("http://" + data.Location, resData);
}
}
}
);
} else {
this.$message.error(resData.msg);
}
})
.catch((err) => {
console.log(err);
});
},
// cos上传-告诉后端上传成功
async signUploadSuccess(path, resData) {
await achievementCallBack({ key: resData.key, index: 3 })
.then((res) => {
if (res.data.code != 200) {
);
} else {
this.$message.error(resData.msg);
}
})
.catch((err) => {
console.log(err);
});
},
// cos上传-告诉后端上传成功
async signUploadSuccess(path, resData) {
await achievementCallBack({key: resData.key, index: 3})
.then((res) => {
if (res.data.code != 200) {
this.loading = false;
return this.$message.error("上传失败！");
}
console.log(res);
this.loading = false;
return this.$message.error("上传失败！");
}
console.log(res);
this.loading = false;
this.$message.success("上传成功！");
this.resultPicture = path + "?t=" + Date.parse(new Date());
this.$forceUpdate();
let obj = {
url: res.data.picture_path,
};
this.fileList.push(obj);
let code = this.$store.state.indexIdentity;
window.localStorage.setItem(
"sign_up_payfile_" +
this.$message.success("上传成功！");
this.resultPicture = path + "?t=" + Date.parse(new Date());
this.$forceUpdate();
let obj = {
url: res.data.picture_path,
};
this.fileList.push(obj);
let code = this.$store.state.indexIdentity;
window.localStorage.setItem(
"sign_up_payfile_" +
window.localStorage.getItem("index-phone-all") +
code,
JSON.stringify(this.fileList)
);
this.$message.success({
message: "您已上传成功，等待短信通知，审核通过后登录报名网址。",
duration: 5000,
JSON.stringify(this.fileList)
);
this.$message.success({
message: "您已上传成功，等待短信通知，审核通过后登录报名网址。",
duration: 5000,
});
this.hideUpload = this.fileList.length >= 1;
this.changeStatus();
})
.catch((err) => {
this.loading = false;
});
this.hideUpload = this.fileList.length >= 1;
this.changeStatus();
},
// 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.msg);
// }
// this.resultPicture = filename + "?t=" + Date.parse(new Date());
// // this.$forceUpdate();
// 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("index-phone-all") + code, JSON.stringify(this.fileList));
// this.$message.success({
// message:
// "您已上传成功，等待短信通知，审核通过后登录报名网址。",
// duration: 5000,
// });
// this.changeStatus();
// this.hideUpload = this.fileList.length >= this.limitCount;
// })
// .catch((err) => {
// this.$message.error(err);
// });
// } else {
// this.$message.error(res.data.msg);
// }
// })
// .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",
})
.catch((err) => {
this.loading = false;
});
},
// 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.msg);
// }
// this.resultPicture = filename + "?t=" + Date.parse(new Date());
// // this.$forceUpdate();
// 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("index-phone-all") + code, JSON.stringify(this.fileList));
// this.$message.success({
// message:
// "您已上传成功，等待短信通知，审核通过后登录报名网址。",
// duration: 5000,
// });
// this.changeStatus();
// this.hideUpload = this.fileList.length >= this.limitCount;
// })
// .catch((err) => {
// this.$message.error(err);
// });
// } else {
// this.$message.error(res.data.msg);
// }
// })
// .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-1320656968.cos.ap-beijing.myqcloud.com/"
);
.then(() => {
let getfile = file.url;
// console.log(savefile.match(/^(?:[^\/]|\/\/)*/),'222222')；//获取域名
let str = getfile.split(
"https://yingdi-bank-info-1320656968.cos.ap-beijing.myqcloud.com/"
);
let savefile = str[1].split("?")[0];
delPayingPic({ object: savefile }).then((res) => {
if (res.data.code != 200) {
return this.$message.error(res.data.msg);
}
this.fileList.forEach((item, idx) => {
if (item.url == file.url) {
this.fileList.splice(idx, 1);
let code = this.$store.state.indexIdentity;
window.localStorage.setItem(
"sign_up_payfile_" +
let savefile = str[1].split("?")[0];
delPayingPic({object: savefile}).then((res) => {
if (res.data.code != 200) {
return this.$message.error(res.data.msg);
}
this.fileList.forEach((item, idx) => {
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("index-phone-all") +
code,
JSON.stringify(this.fileList)
);
this.$message.success("删除成功");
this.hideUpload = this.fileList.length >= 1;
window.localStorage.removeItem(
"sign_up_payfile_" +
JSON.stringify(this.fileList)
);
this.$message.success("删除成功");
this.hideUpload = this.fileList.length >= 1;
window.localStorage.removeItem(
"sign_up_payfile_" +
window.localStorage.getItem("index-phone-all") +
code
);
}
);
}
});
});
})
.catch((err) => {
this.$message({
type: "info",
message: "取消删除",
});
});
})
.catch((err) => {
this.$message({
type: "info",
message: "取消删除",
});
});
},
},
},
};
};
</script>
<style lang="scss" scoped>
@import "a/scss/btn";
@import "a/scss/dialog";
.btn {
padding-bottom: 0 !important;
}
.flex {
display: flex;
}
@import "a/scss/btn";
@import "a/scss/dialog";
.margin1 {
margin-bottom: 1rem;
}
.btn {
padding-bottom: 0 !important;
}
::v-deep .hide {
.el-upload--picture-card {
display: none;
.flex {
display: flex;
}
.el-upload-list__item div {
height: 100%;
.margin1 {
margin-bottom: 1rem;
}
}
.paying {
padding: 0 56px 65px 56px;
::v-deep .hide {
.el-upload--picture-card {
display: none;
}
.redFont {
color: rgb(223, 67, 67);
.el-upload-list__item div {
height: 100%;
}
}
.notify {
position: absolute;
background-color: #e1a840;
height: 23px;
align-items: center;
justify-content: center;
width: 100%;
left: 0;
top: 27%;
padding: 0;
.paying {
padding: 0 56px 65px 56px;
.notify_img {
width: 16px;
margin-right: 5px;
.redFont {
color: rgb(223, 67, 67);
}
div {
color: #fff;
font-size: 12px;
.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;
color: #12141c;
line-height: 18px;
}
.pay_titile {
font-size: 18px;
font-weight: 500;
color: #12141c;
line-height: 18px;
}
.pay_top {
margin: 24px 0;
.pay_top {
margin: 24px 0;
div {
font-size: 14px;
font-weight: 500;
color: #12141c;
line-height: 32px;
}
}
div {
font-size: 14px;
.line {
height: 1px;
border-bottom: 1px solid #d1d1d1;
}
.pay-money {
font-size: 18px;
font-weight: 500;
color: #12141c;
line-height: 32px;
line-height: 24px;
justify-content: space-between;
margin: 43px 0 0 0;
span {
color: #60194a;
}
}
}
.line {
height: 1px;
border-bottom: 1px solid #d1d1d1;
}
.pay_bottom {
font-size: 12px;
font-weight: 500;
color: #999999;
line-height: 21px;
.pay-money {
font-size: 18px;
font-weight: 500;
color: #12141c;
line-height: 24px;
justify-content: space-between;
margin: 43px 0 0 0;
.cc {
font-weight: 600;
color: black;
}
span {
color: #60194a;
.starIcon {
color: red;
}
}
}
.pay_bottom {
font-size: 12px;
font-weight: 500;
color: #999999;
line-height: 21px;
.choose {
text-align: center;
.cc {
font-weight: 600;
color: black;
.img_choose {
justify-content: space-around;
margin: 0 0 50px 0;
img {
width: 38%;
cursor: pointer;
}
}
.text_choose {
font-size: 15px;
margin: 20px 0 50px 0;
}
.starIcon {
color: red;
.btn .el-button {
width: 120px !important;
}
}
}
.choose {
text-align: center;
// .pay_code {
// text-align: center;
// :nth-child(1) {
// font-size: 14px;
// font-weight: 500;
// color: #12141c;
// line-height: 14px;
// span {
// font-size: 13px !important;
// color: var(--color);
// }
// }
// :nth-child(2) {
// font-size: 14px;
// font-weight: 500;
// color: var(--color);
// line-height: 24px;
// }
// :nth-child(4) {
// font-size: 14px;
// font-weight: 500;
// color: #333333;
// line-height: 16px;
// span {
// font-size: 17px !important;
// color: var(--color);
// }
// }
// :nth-child(5) {
// font-size: 12px;
// font-weight: 500;
// color: #666666;
// line-height: 12px;
// }
// }
.img_choose {
justify-content: space-around;
margin: 0 0 50px 0;
img {
width: 38%;
cursor: pointer;
.bank_pay {
text-align: center;
& div {
margin: 8px 0;
}
}
.text_choose {
font-size: 15px;
margin: 20px 0 50px 0;
& span {
font-weight: 600;
}
}
.btn .el-button {
width: 120px !important;
}
}
::v-deep .checkbox-btn {
margin: 10px auto 0;
justify-content: center;
// .pay_code {
// text-align: center;
// :nth-child(1) {
// font-size: 14px;
// font-weight: 500;
// color: #12141c;
// line-height: 14px;
// span {
// font-size: 13px !important;
// color: var(--color);
// }
// }
// :nth-child(2) {
// font-size: 14px;
// font-weight: 500;
// color: var(--color);
// line-height: 24px;
// }
// :nth-child(4) {
// font-size: 14px;
// font-weight: 500;
// color: #333333;
// line-height: 16px;
// span {
// font-size: 17px !important;
// color: var(--color);
// }
// }
// :nth-child(5) {
// font-size: 12px;
// font-weight: 500;
// color: #666666;
// line-height: 12px;
// }
// }
.el-checkbox__input {
&.is-focus {
.el-checkbox__inner {
border-color: var(--color);
}
}
.bank_pay {
& div {
margin: 8px 0;
}
&.is-checked {
.el-checkbox__inner {
background-color: var(--color);
border-color: var(--color);
}
& span {
font-weight: 600;
& + .el-checkbox__label {
color: var(--color);
}
}
}
}
}
</style>
src/components/index/SignUp/referInfo.vue
View file @ ca6fc8d1
......@@ -271,6 +271,7 @@
size="small"
v-model="referForm.email"
/>
<div class="label-txt">(请填写常用邮箱，后续审核结果将通过邮件形式告知)</div>
</el-form-item>
</el-col>
<!-- 推荐人（非必填） -->
......@@ -749,16 +750,16 @@
<el-form-item
:rules="
(configJson.clothesSize == 1 ? true : false)
? referInfoRules.clothesSize
? referInfoRules.clothes_size
: [{ required: false }]
"
label="衣服尺码"
prop="clothes_size"
style="height: 200px"
style="margin-bottom: 50px"
>
<el-radio-group ref="clothes_size" v-model="referForm.clothes_size">
<div
v-for="item in clothesSize"
v-for="item in clothesSizeList"
:key="item.id"
style="margin-right: 10px"
>
......@@ -783,7 +784,7 @@
>
<el-radio-group ref="clothes_size" v-model="referForm.clothes_size">
<div
v-for="item in clothesSize"
v-for="item in clothesSizeList"
:key="item.id"
style="margin-right: 10px"
>
......@@ -1640,13 +1641,6 @@
// },
{validator: validator.validateid_card, trigger: "blur"},
],
clothesSize: [
{
required: true,
message: "衣服尺码不能为空！",
trigger: "change",
},
],
introduce: [
{
required: true,
......@@ -1682,6 +1676,13 @@
},
{validator: validator.validatePhone, trigger: "blur"},
],
clothes_size: [
{
required: true,
message: "衣服尺码不能为空！",
trigger: "blur",
},
],
},
countryList: area.country, //国籍
selectProvince: [], //省份
......@@ -1819,33 +1820,6 @@
name: "群众",
},
],
//衣服尺码
clothesSize: [
{
id: "S",
name: "S (155-160CM)",
},
{
id: "M",
name: "M (160-165CM)",
},
{
id: "L",
name: "L (165-170CM)",
},
{
id: "XL",
name: "XL (170-175CM)",
},
{
id: "XXL",
name: "XXL (175-180CM)",
},
{
id: "XXXL",
name: "XXXL (180-185CM)",
},
],
// 证件类型
IDArrs: [
"大陆居民身份证",
......@@ -2004,7 +1978,11 @@
this.changeProvince(2, this.referForm.school_province, true);
this.changeCity(this.referForm.school_city, true);
}
if (val.clothes_size && this.clothesSizeList.some(item => item.id === val.clothes_size)) {
this.referForm.clothes_size = val.clothes_size;
} else {
this.referForm.clothes_size = "";
}
if (
val.elect_subject_situation == "文科" ||
val.elect_subject_situation == "理科"
......@@ -2037,7 +2015,61 @@
}
},
},
mounted() {
computed: {
clothesSizeList() {
let that = this;
let list = [];
let camArr = ['9ccaf182cc0b41b59775c91efd863d79', '38fed647ca494a688ce74e263ca60d2a', 'c306126c0f1d41ff947a4c456a2a8349'];
if (camArr.includes(that.$store.state.indexIdentity)) {
// 2025-10-17 西交大营地
list = [
{
id: "M",
name: "M码 (165CM及以下)",
},
{
id: "XL",
name: "XL码 (165-175CM)",
},
{
id: "XXL",
name: "XXL码 (175-185CM)",
},
{
id: "XXXXL",
name: "XXXXL码 (185CM及以上)",
},
]
} else {
list = [
{
id: "S",
name: "S (155-160CM)",
},
{
id: "M",
name: "M (160-165CM)",
},
{
id: "L",
name: "L (165-170CM)",
},
{
id: "XL",
name: "XL (170-175CM)",
},
{
id: "XXL",
name: "XXL (175-180CM)",
},
{
id: "XXXL",
name: "XXXL (180-185CM)",
},
]
}
return list;
}
},
methods: {
//上传附件
......@@ -2132,7 +2164,6 @@
});
});
},
// 判断证件类型-证件号是否需要校验
// IDtypeRule(val) {
// if (val == "大陆居民身份证") {
......@@ -2750,148 +2781,148 @@
this.scrollView(object);
return false;
}
let _this = this;
let that = this;
let obj = {};
if (_this.configJson.name == 1) {
obj.name = _this.referForm.name;
if (that.configJson.name == 1) {
obj.name = that.referForm.name;
}
if (_this.configJson.gender == 1) {
obj.gender = _this.referForm.gender;
if (that.configJson.gender == 1) {
obj.gender = that.referForm.gender;
}
if (_this.configJson.idCard == 1) {
obj.id_type = _this.referForm.id_type;
if (that.configJson.idCard == 1) {
obj.id_type = that.referForm.id_type;
}
if (_this.configJson.idCard == 1) {
obj.id_card = _this.referForm.id_card;
if (that.configJson.idCard == 1) {
obj.id_card = that.referForm.id_card;
}
if (_this.configJson.age == 1) {
obj.age = _this.referForm.age;
if (that.configJson.age == 1) {
obj.age = that.referForm.age;
}
if (_this.configJson.education == 1) {
obj.education = _this.referForm.education;
if (that.configJson.education == 1) {
obj.education = that.referForm.education;
}
if (_this.configJson.postAddress == 1) {
obj.address = _this.referForm.address;
if (that.configJson.postAddress == 1) {
obj.address = that.referForm.address;
}
if (_this.configJson.country == 1) {
obj.country = _this.referForm.country;
if (that.configJson.country == 1) {
obj.country = that.referForm.country;
}
if (_this.configJson.nation == 1) {
obj.nation = _this.referForm.nation;
if (that.configJson.nation == 1) {
obj.nation = that.referForm.nation;
}
if (_this.configJson.startSchoolDate == 1) {
obj.start_school_date = _this.start_year;
if (that.configJson.startSchoolDate == 1) {
obj.start_school_date = that.start_year;
}
if (_this.configJson.politicalStatus == 1) {
obj.political_status = _this.referForm.political_status;
if (that.configJson.politicalStatus == 1) {
obj.political_status = that.referForm.political_status;
}
if (_this.configJson.phone == 1) {
obj.phone = _this.referForm.phone;
if (that.configJson.phone == 1) {
obj.phone = that.referForm.phone;
}
if (_this.configJson.grade == 1) {
obj.grade = _this.referForm.grade;
if (that.configJson.grade == 1) {
obj.grade = that.referForm.grade;
}
if (_this.configJson.unitandIdentity == 1) {
obj.unit_and_identity = _this.referForm.unit_and_identity;
if (that.configJson.unitandIdentity == 1) {
obj.unit_and_identity = that.referForm.unit_and_identity;
}
if (_this.configJson.email == 1) {
obj.email = _this.referForm.email;
if (that.configJson.email == 1) {
obj.email = that.referForm.email;
}
if (_this.configJson.jiguanCity == 1) {
obj.jiguan_code = _this.referForm.jiguan_code;
if (that.configJson.jiguanCity == 1) {
obj.jiguan_code = that.referForm.jiguan_code;
}
if (_this.configJson.recommend == 1) {
obj.recommend = _this.referForm.recommend;
if (that.configJson.recommend == 1) {
obj.recommend = that.referForm.recommend;
}
if (_this.configJson.start_school_date == 1) {
obj.start_school_date = _this.referForm.start_school_date;
if (that.configJson.start_school_date == 1) {
obj.start_school_date = that.referForm.start_school_date;
}
if (_this.configJson.birthday == 1) {
obj.birthday = _this.referForm.birthday;
if (that.configJson.birthday == 1) {
obj.birthday = that.referForm.birthday;
}
if (_this.configJson.electSubjectSituation == 1) {
obj.elect_subject_situation = _this.elect_subject_situation;
if (that.configJson.electSubjectSituation == 1) {
obj.elect_subject_situation = that.elect_subject_situation;
}
if (_this.configJson.pastMedicalHistory == 1) {
obj.past_medical_history = _this.referForm.past_medical_history;
if (that.configJson.pastMedicalHistory == 1) {
obj.past_medical_history = that.referForm.past_medical_history;
}
if (_this.configJson.noteOther == 1) {
obj.note_other = _this.referForm.note_other;
if (that.configJson.noteOther == 1) {
obj.note_other = that.referForm.note_other;
}
if (_this.configJson.class == 1) {
obj.class = _this.referForm.class;
if (that.configJson.class == 1) {
obj.class = that.referForm.class;
}
if (_this.configJson.emergency == 1) {
obj.emergency = _this.referForm.emergency;
if (that.configJson.emergency == 1) {
obj.emergency = that.referForm.emergency;
}
if (_this.configJson.emergencyPhone == 1) {
obj.emergency_phone = _this.referForm.emergency_phone;
if (that.configJson.emergencyPhone == 1) {
obj.emergency_phone = that.referForm.emergency_phone;
}
// 监护人信息
if (_this.configJson.guardianName == 1) {
obj.guardian_name = _this.referForm.guardian_name;
if (that.configJson.guardianName == 1) {
obj.guardian_name = that.referForm.guardian_name;
}
if (_this.configJson.guardianPhone == 1) {
obj.guardian_phone = _this.referForm.guardian_phone;
if (that.configJson.guardianPhone == 1) {
obj.guardian_phone = that.referForm.guardian_phone;
}
if (_this.configJson.guardianCard == 1) {
obj.guardian_card = _this.referForm.guardian_card;
if (that.configJson.guardianCard == 1) {
obj.guardian_card = that.referForm.guardian_card;
}
//衣服尺码
if (_this.configJson.clothesSize == 1) {
obj.clothes_size = _this.referForm.clothes_size;
if (that.configJson.clothesSize == 1) {
obj.clothes_size = that.referForm.clothes_size;
}
//自我介绍
if (_this.configJson.introduceMyself == 1) {
obj.introduce = _this.referForm.introduce;
if (that.configJson.introduceMyself == 1) {
obj.introduce = that.referForm.introduce;
}
if (_this.configJson.school == 1) {
obj.school_province = _this.referForm.school_province;
obj.school_city = _this.referForm.school_city;
obj.school = _this.referForm.school;
if (that.configJson.school == 1) {
obj.school_province = that.referForm.school_province;
obj.school_city = that.referForm.school_city;
obj.school = that.referForm.school;
}
if (_this.configJson.schoolContacts == 1) {
obj.school_contacts = _this.referForm.school_contacts;
if (that.configJson.schoolContacts == 1) {
obj.school_contacts = that.referForm.school_contacts;
}
if (_this.configJson.schoolPhone == 1) {
obj.school_phone = _this.referForm.school_phone;
if (that.configJson.schoolPhone == 1) {
obj.school_phone = that.referForm.school_phone;
}
//是否需要填写邀请码
// if (_this.doubt_code == 1 && _this.code != '') {
if (_this.configJson.code == 1) {
obj.code = _this.referForm.code;
// if (that.doubt_code == 1 && that.code != '') {
if (that.configJson.code == 1) {
obj.code = that.referForm.code;
}
// 相关资料图片上传
// if (_this.configJson.achievementPath == 1) {
// console.log(_this.fileList4.length)
// if (_this.fileList4.length == 0) {
// return _this.$message.error('请上传成绩证明资料！')
// if (that.configJson.achievementPath == 1) {
// console.log(that.fileList4.length)
// if (that.fileList4.length == 0) {
// return that.$message.error('请上传成绩证明资料！')
// }
// }
if (_this.configJson.transcripts == 1) {
if (_this.fileList1.length == 0) {
return _this.$message.error("请上传学生成绩单！");
if (that.configJson.transcripts == 1) {
if (that.fileList1.length == 0) {
return that.$message.error("请上传学生成绩单！");
}
}
// if (_this.configJson.achievementCertificate == 1) {
// if (_this.fileList2.length == 0) {
// return _this.$message.error('请上传获奖证书！')
// if (that.configJson.achievementCertificate == 1) {
// if (that.fileList2.length == 0) {
// return that.$message.error('请上传获奖证书！')
// }
// }
if (_this.configJson.safetyNotices == 1) {
if (_this.fileList3.length == 0) {
return _this.$message.error("请上传安全告知书！");
if (that.configJson.safetyNotices == 1) {
if (that.fileList3.length == 0) {
return that.$message.error("请上传安全告知书！");
}
}
// console.log(this.referForm.annex_url)
// console.log(this.annexFileList.length)
if (
_this.$store.state.user_annex_key == 1 &&
_this.annexFileList.length == 0
that.$store.state.user_annex_key == 1 &&
that.annexFileList.length == 0
) {
return this.$message.error("请上传附件");
}
......@@ -2904,26 +2935,26 @@
setAnnexUrl(obj1).then((res1) => {
console.log(res1);
if (res1.data.code != 200) {
return _this.$message.error(res1.data.msg);
return that.$message.error(res1.data.msg);
}
// console.log(obj);
setAccount(obj).then((res) => {
console.log(res);
if (res.data.code != 200) {
if (res.data.code == 400068) {
_this.$parent.statuss();
return _this.$message.error(res.data.msg);
that.$parent.statuss();
return that.$message.error(res.data.msg);
}
return _this.$message.error(res.data.msg);
return that.$message.error(res.data.msg);
}
if (res.data.code == 4000346 || res.data.code == 4000347) {
_this.dialogVisible = true;
_this.msg = res.data.msg;
that.dialogVisible = true;
that.msg = res.data.msg;
return;
}
_this.$emit("getstatus", res.data.status);
_this.$message.success(res.data.msg);
// _this.referForm = res.data.data;
that.$emit("getstatus", res.data.status);
that.$message.success(res.data.msg);
// that.referForm = res.data.data;
});
});
});
......@@ -2935,4 +2966,12 @@
<style lang="scss" scoped>
@import "a/scss/btn";
@import "a/scss/SignUp/referInfo";
.label-txt {
position: absolute;
top: -35px;
left: 60px;
font-size: 11px;
color: #12141c;
}
</style>
src/config/server.js
View file @ ca6fc8d1
......@@ -9,6 +9,6 @@ export const DEVELOPMENT_SERVER_URL = "https://gwapi.campcenter.cn/modules-camps
export const SERVER_WS_URL = "wss://gwapi.campcenter.cn"; // websocket
// 测试
// export const SERVER_URL = "http://192.168.8.204:8088/modules-campsite"; // 正式环境
// export const DEVELOPMENT_SERVER_URL = "http://192.168.8.204:8088/modules-campsite"; //开发环境
// export const SERVER_WS_URL = "wss://192.168.8.204:8088"; // websocket
// export const SERVER_URL = "http://192.168.1.107:8088/modules-campsite"; // 正式环境
// export const DEVELOPMENT_SERVER_URL = "http://192.168.1.107:8088/modules-campsite"; //开发环境
// export const SERVER_WS_URL = "wss://192.168.1.107:8088"; // websocket
src/views/base/active/ActiveInfo.vue
View file @ ca6fc8d1
......@@ -50,7 +50,7 @@
<div v-if="activeInfo.bmEndTime!=null">报名截止：{{formatYMDChina(activeInfo.bmEndTime)}}</div>
<div v-if="activeInfo.activityFee && activeInfo.activityFee!='0'">
活动费用：￥{{activeInfo.activityFee}}
<el-tooltip class="item" content="申请审核通过后，才可缴费参与活动具体活动费用以缴费时为准。" effect="dark" placement="top">
<el-tooltip class="item" content="申请审核通过后，才可缴费参与活动，具体活动费用以缴费时为准。" effect="dark" placement="top">
<i class="el-icon-question"></i>
</el-tooltip>
</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