Skip to content

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

支付文字修改

parent 31ac18b2
Show whitespace changes
Inline Side-by-side
Showing with 595 additions and 563 deletions
src/components/index/SignUp/paying.vue
View file @ 98c00ea4
...@@ -106,6 +106,18 @@ ...@@ -106,6 +106,18 @@
title="提示" title="提示"
width="30%" width="30%"
> >
<div>
<div v-if="this.transfer_account == 1">
<div>
<div>为确保缴费流程顺利，请注意：</div>
<div>1、请在缴费时仔细核对收款账户信息，确保信息准确无误。</div>
<div>2、在转账过程中，务必在附言或备注栏中注明“学生本人姓名”。</div>
<div>
3、完成支付后，将带有订单编号的付款截图作为转账凭证上传至指定界面。
</div>
</div>
</div>
<div v-else>
<div class="margin1"> <div class="margin1">
如您使用手机报名：点击“确认”后将直接发起微信支付，按照指引完成支付即可。 如您使用手机报名：点击“确认”后将直接发起微信支付，按照指引完成支付即可。
</div> </div>
...@@ -119,6 +131,9 @@ ...@@ -119,6 +131,9 @@
2、如因支付失败需再次支付时，务必使用和第一次支付时相同的微信或支付宝账号进行操作。 2、如因支付失败需再次支付时，务必使用和第一次支付时相同的微信或支付宝账号进行操作。
</div> </div>
</div> </div>
</div>
</div>
<span class="dialog-footer" slot="footer"> <span class="dialog-footer" slot="footer">
<el-button @click="dialogPayingVisible = false">取 消</el-button> <el-button @click="dialogPayingVisible = false">取 消</el-button>
<el-button @click="toPaying" type="primary">确 定</el-button> <el-button @click="toPaying" type="primary">确 定</el-button>
...@@ -163,7 +178,7 @@ ...@@ -163,7 +178,7 @@
<div><span>收款单位:</span>{{ payee }}</div> <div><span>收款单位:</span>{{ payee }}</div>
<div><span>账号:</span>{{ bank_idcard }}</div> <div><span>账号:</span>{{ bank_idcard }}</div>
<div><span>开户行:</span>{{ bank_first }}</div> <div><span>开户行:</span>{{ bank_first }}</div>
<span>上传转账截图</span> <span>上传带有订单编号的转账截图</span>
<div class="image_add"> <div class="image_add">
<div class="image_in"> <div class="image_in">
<el-upload <el-upload
...@@ -216,12 +231,11 @@ ...@@ -216,12 +231,11 @@
</div> </div>
<el-dialog :visible.sync="dialogVisible"> <el-dialog :visible.sync="dialogVisible">
<img :src="resultPicture" alt="" width="100%"/> <img :src="resultPicture" alt="" width="100%" />
</el-dialog> </el-dialog>
</div> </div>
</div> </div>
<span class="dialog-footer" slot="footer"> <span class="dialog-footer" slot="footer">
<el-button @click="bankDialogVisible = false">取 消</el-button> <el-button @click="bankDialogVisible = false">取 消</el-button>
<el-button @click="uploadConfirm" type="primary">确 定</el-button> <el-button @click="uploadConfirm" type="primary">确 定</el-button>
...@@ -231,14 +245,14 @@ ...@@ -231,14 +245,14 @@
</template> </template>
<script> <script>
/* eslint-disable */ /* eslint-disable */
import ConfirmSignUp from "c/index/SignUp/ConfirmSignUp"; import ConfirmSignUp from "c/index/SignUp/ConfirmSignUp";
import {delPayingPic, getAccount, signUpInit,} from "r/index/signUp"; import { delPayingPic, getAccount, signUpInit } from "r/index/signUp";
import {getWxConfig} from "r/index/pay"; import { getWxConfig } from "r/index/pay";
import {achievementCallBack, cosSignature} from "r/index/cosUpload"; import { achievementCallBack, cosSignature } from "r/index/cosUpload";
import COS from "cos-js-sdk-v5"; import COS from "cos-js-sdk-v5";
export default { export default {
name: "Paying", name: "Paying",
components: { components: {
ConfirmSignUp, ConfirmSignUp,
...@@ -287,16 +301,20 @@ ...@@ -287,16 +301,20 @@
"bank_info" + window.localStorage.getItem("index-phone-all") + code "bank_info" + window.localStorage.getItem("index-phone-all") + code
); );
JSON.parse(bank_infoFile).map((i) => { JSON.parse(bank_infoFile).map((i) => {
if (i.url != '') { if (i.url != "") {
this.isBank_infoFile = true this.isBank_infoFile = true;
} }
}) });
if (bank_infoFile && this.isBank_infoFile == true && JSON.parse(bank_infoFile).length > 0) { if (
bank_infoFile &&
this.isBank_infoFile == true &&
JSON.parse(bank_infoFile).length > 0
) {
console.log(JSON.parse(bank_infoFile)); console.log(JSON.parse(bank_infoFile));
this.fileList = JSON.parse(bank_infoFile); this.fileList = JSON.parse(bank_infoFile);
} }
this.getAccount(); this.getAccount();
this.commonApi(33) this.commonApi(33);
}, },
methods: { methods: {
handleClose(done) { handleClose(done) {
...@@ -304,8 +322,7 @@ ...@@ -304,8 +322,7 @@
.then((_) => { .then((_) => {
done(); done();
}) })
.catch((_) => { .catch((_) => {});
});
}, },
// 子组件触发，关闭确认报名弹框 // 子组件触发，关闭确认报名弹框
closeCFSUDialog(val, isSuccess) { closeCFSUDialog(val, isSuccess) {
...@@ -352,10 +369,10 @@ ...@@ -352,10 +369,10 @@
} }
}, },
toPaying() { toPaying() {
this.commonApi(34) this.commonApi(34);
this.dialogPayingVisible = false; this.dialogPayingVisible = false;
if (this.has_amount == 0) { if (this.has_amount == 0) {
getWxConfig({pay_type: 3}).then((res) => { getWxConfig({ pay_type: 3 }).then((res) => {
console.log(res, "signUpInit"); console.log(res, "signUpInit");
if (res.data.code != 200) { if (res.data.code != 200) {
return this.$message.error(res.data.msg); return this.$message.error(res.data.msg);
...@@ -398,7 +415,7 @@ ...@@ -398,7 +415,7 @@
} }
} }
if (res.data.pay_amount == 0) { if (res.data.pay_amount == 0) {
getWxConfig({pay_type: 3}).then((res) => { getWxConfig({ pay_type: 3 }).then((res) => {
console.log(res, "signUpInit"); console.log(res, "signUpInit");
if (res.data.code != 200) { if (res.data.code != 200) {
return this.$message.error(res.data.msg); return this.$message.error(res.data.msg);
...@@ -500,31 +517,35 @@ ...@@ -500,31 +517,35 @@
}, },
async changeStatus() { async changeStatus() {
// console.log(SERVER_WS_URL); // console.log(SERVER_WS_URL);
let {data: res} = await getWxConfig({ let { data: res } = await getWxConfig({
pay_type: 4, pay_type: 4,
}); });
}, },
// cos上传 // cos上传
async getCosConfigs(image, file) { async getCosConfigs(image, file) {
this.loading = true; this.loading = true;
await cosSignature({image: image, index: '3'}) await cosSignature({ image: image, index: "3" })
.then((res) => { .then((res) => {
let resData = res.data.data let resData = res.data.data;
if (res.data.code === 200) { if (res.data.code === 200) {
const cos = new COS({ const cos = new COS({
// 必选参数 // 必选参数
getAuthorization: (options, callback) => { getAuthorization: (options, callback) => {
callback({ callback({
TmpSecretId: resData.credentials.credential.credentials.tmpSecretId, TmpSecretId:
TmpSecretKey: resData.credentials.credential.credentials.tmpSecretKey, resData.credentials.credential.credentials.tmpSecretId,
XCosSecurityToken: resData.credentials.credential.credentials.sessionToken, TmpSecretKey:
resData.credentials.credential.credentials.tmpSecretKey,
XCosSecurityToken:
resData.credentials.credential.credentials.sessionToken,
StartTime: resData.credentials.credential.startTime, // 时间戳，单位秒，如：1580000000 StartTime: resData.credentials.credential.startTime, // 时间戳，单位秒，如：1580000000
ExpiredTime: resData.credentials.credential.expiredTime, // 时间戳，单位秒，如：1580000900 ExpiredTime: resData.credentials.credential.expiredTime, // 时间戳，单位秒，如：1580000900
}); });
}, },
}); });
console.log(resData) console.log(resData);
cos.putObject({ cos.putObject(
{
Bucket: resData.credentials.bucket, Bucket: resData.credentials.bucket,
Region: resData.credentials.region, Region: resData.credentials.region,
Key: resData.key, Key: resData.key,
...@@ -538,10 +559,10 @@ ...@@ -538,10 +559,10 @@
if (err) { if (err) {
console.log(err); console.log(err);
this.loading = false; this.loading = false;
this.$message.error('上传失败！') this.$message.error("上传失败！");
} else { } else {
console.log(data); console.log(data);
this.signUploadSuccess('http://' + data.Location, resData); this.signUploadSuccess("http://" + data.Location, resData);
} }
} }
); );
...@@ -555,14 +576,15 @@ ...@@ -555,14 +576,15 @@
}, },
// cos上传-告诉后端上传成功 // cos上传-告诉后端上传成功
async signUploadSuccess(path, resData) { async signUploadSuccess(path, resData) {
await achievementCallBack({key: resData.key, index: 3}).then(res => { await achievementCallBack({ key: resData.key, index: 3 })
.then((res) => {
if (res.data.code != 200) { if (res.data.code != 200) {
this.loading = false; this.loading = false;
return this.$message.error('上传失败！'); return this.$message.error("上传失败！");
} }
console.log(res) console.log(res);
this.loading = false; this.loading = false;
this.$message.success('上传成功！'); this.$message.success("上传成功！");
this.resultPicture = path + "?t=" + Date.parse(new Date()); this.resultPicture = path + "?t=" + Date.parse(new Date());
this.$forceUpdate(); this.$forceUpdate();
let obj = { let obj = {
...@@ -570,17 +592,22 @@ ...@@ -570,17 +592,22 @@
}; };
this.fileList.push(obj); this.fileList.push(obj);
let code = this.$store.state.indexIdentity; let code = this.$store.state.indexIdentity;
window.localStorage.setItem("sign_up_payfile_" + window.localStorage.getItem("index-phone-all") + code, JSON.stringify(this.fileList)); window.localStorage.setItem(
"sign_up_payfile_" +
window.localStorage.getItem("index-phone-all") +
code,
JSON.stringify(this.fileList)
);
this.$message.success({ this.$message.success({
message: message: "您已上传成功，等待短信通知，审核通过后登录报名网址。",
"您已上传成功，等待短信通知，审核通过后登录报名网址。",
duration: 5000, duration: 5000,
}); });
this.hideUpload = this.fileList.length >= 1; this.hideUpload = this.fileList.length >= 1;
this.changeStatus(); this.changeStatus();
}).catch(err => {
this.loading = false;
}) })
.catch((err) => {
this.loading = false;
});
}, },
// async getOssConfigs(image, file) { // async getOssConfigs(image, file) {
// let obj = { // let obj = {
...@@ -653,14 +680,14 @@ ...@@ -653,14 +680,14 @@
}) })
.then(() => { .then(() => {
let getfile = file.url; let getfile = file.url;
console.log(file) console.log(file);
// console.log(savefile.match(/^(?:[^\/]|\/\/)*/),'222222')；//获取域名 // console.log(savefile.match(/^(?:[^\/]|\/\/)*/),'222222')；//获取域名
let str = getfile.split( let str = getfile.split(
"https://yingdi-bank-info-1320656968.cos.ap-beijing.myqcloud.com/" "https://yingdi-bank-info-1320656968.cos.ap-beijing.myqcloud.com/"
); //https://yingdi-bank-info-1320656968.cos.ap-beijing.myqcloud.com/进行分割， ); //https://yingdi-bank-info-1320656968.cos.ap-beijing.myqcloud.com/进行分割，
let savefile = str[1].split('?')[0]; let savefile = str[1].split("?")[0];
delPayingPic({object: savefile}).then((res) => { delPayingPic({ object: savefile }).then((res) => {
if (res.data.code != 200) { if (res.data.code != 200) {
return this.$message.error(res.data.msg); return this.$message.error(res.data.msg);
} }
...@@ -668,7 +695,12 @@ ...@@ -668,7 +695,12 @@
if (item.url == file.url) { if (item.url == file.url) {
this.fileList.splice(idx, 1); this.fileList.splice(idx, 1);
let code = this.$store.state.indexIdentity; let code = this.$store.state.indexIdentity;
window.localStorage.setItem("sign_up_payfile_" + window.localStorage.getItem("index-phone-all") + code, JSON.stringify(this.fileList)); window.localStorage.setItem(
"sign_up_payfile_" +
window.localStorage.getItem("index-phone-all") +
code,
JSON.stringify(this.fileList)
);
this.$message.success("删除成功"); this.$message.success("删除成功");
this.hideUpload = this.fileList.length >= 1; this.hideUpload = this.fileList.length >= 1;
window.localStorage.removeItem( window.localStorage.removeItem(
...@@ -688,26 +720,26 @@ ...@@ -688,26 +720,26 @@
}); });
}, },
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "a/scss/btn"; @import "a/scss/btn";
@import "a/scss/dialog"; @import "a/scss/dialog";
.btn { .btn {
padding-bottom: 0 !important; padding-bottom: 0 !important;
} }
.flex { .flex {
display: flex; display: flex;
} }
.margin1 { .margin1 {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
::v-deep .hide { ::v-deep .hide {
.el-upload--picture-card { .el-upload--picture-card {
display: none; display: none;
} }
...@@ -715,9 +747,9 @@ ...@@ -715,9 +747,9 @@
.el-upload-list__item div { .el-upload-list__item div {
height: 100%; height: 100%;
} }
} }
.paying { .paying {
padding: 0 56px 65px 56px; padding: 0 56px 65px 56px;
.pay_titile { .pay_titile {
...@@ -771,9 +803,9 @@ ...@@ -771,9 +803,9 @@
color: red; color: red;
} }
} }
} }
.choose { .choose {
text-align: center; text-align: center;
.img_choose { .img_choose {
...@@ -793,45 +825,45 @@ ...@@ -793,45 +825,45 @@
.btn .el-button { .btn .el-button {
width: 120px !important; width: 120px !important;
} }
} }
// .pay_code { // .pay_code {
// text-align: center; // text-align: center;
// :nth-child(1) { // :nth-child(1) {
// font-size: 14px; // font-size: 14px;
// font-weight: 500; // font-weight: 500;
// color: #12141c; // color: #12141c;
// line-height: 14px; // line-height: 14px;
// span { // span {
// font-size: 13px !important; // font-size: 13px !important;
// color: var(--color); // color: var(--color);
// } // }
// } // }
// :nth-child(2) { // :nth-child(2) {
// font-size: 14px; // font-size: 14px;
// font-weight: 500; // font-weight: 500;
// color: var(--color); // color: var(--color);
// line-height: 24px; // line-height: 24px;
// } // }
// :nth-child(4) { // :nth-child(4) {
// font-size: 14px; // font-size: 14px;
// font-weight: 500; // font-weight: 500;
// color: #333333; // color: #333333;
// line-height: 16px; // line-height: 16px;
// span { // span {
// font-size: 17px !important; // font-size: 17px !important;
// color: var(--color); // color: var(--color);
// } // }
// } // }
// :nth-child(5) { // :nth-child(5) {
// font-size: 12px; // font-size: 12px;
// font-weight: 500; // font-weight: 500;
// color: #666666; // color: #666666;
// line-height: 12px; // line-height: 12px;
// } // }
// } // }
.bank_pay { .bank_pay {
& div { & div {
margin: 8px 0; margin: 8px 0;
} }
...@@ -839,5 +871,5 @@ ...@@ -839,5 +871,5 @@
& span { & span {
font-weight: 600; font-weight: 600;
} }
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment