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 @@
title="提示"
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>
......@@ -119,6 +131,9 @@
2、如因支付失败需再次支付时，务必使用和第一次支付时相同的微信或支付宝账号进行操作。
</div>
</div>
</div>
</div>
<span class="dialog-footer" slot="footer">
<el-button @click="dialogPayingVisible = false">取 消</el-button>
<el-button @click="toPaying" type="primary">确 定</el-button>
......@@ -163,7 +178,7 @@
<div><span>收款单位:</span>{{ payee }}</div>
<div><span>账号:</span>{{ bank_idcard }}</div>
<div><span>开户行:</span>{{ bank_first }}</div>
<span>上传转账截图</span>
<span>上传带有订单编号的转账截图</span>
<div class="image_add">
<div class="image_in">
<el-upload
......@@ -216,12 +231,11 @@
</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>
......@@ -231,14 +245,14 @@
</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";
export default {
/* 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,
......@@ -287,16 +301,20 @@
"bank_info" + window.localStorage.getItem("index-phone-all") + code
);
JSON.parse(bank_infoFile).map((i) => {
if (i.url != '') {
this.isBank_infoFile = true
if (i.url != "") {
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));
this.fileList = JSON.parse(bank_infoFile);
}
this.getAccount();
this.commonApi(33)
this.commonApi(33);
},
methods: {
handleClose(done) {
......@@ -304,8 +322,7 @@
.then((_) => {
done();
})
.catch((_) => {
});
.catch((_) => {});
},
// 子组件触发，关闭确认报名弹框
closeCFSUDialog(val, isSuccess) {
......@@ -352,10 +369,10 @@
}
},
toPaying() {
this.commonApi(34)
this.commonApi(34);
this.dialogPayingVisible = false;
if (this.has_amount == 0) {
getWxConfig({pay_type: 3}).then((res) => {
getWxConfig({ pay_type: 3 }).then((res) => {
console.log(res, "signUpInit");
if (res.data.code != 200) {
return this.$message.error(res.data.msg);
......@@ -398,7 +415,7 @@
}
}
if (res.data.pay_amount == 0) {
getWxConfig({pay_type: 3}).then((res) => {
getWxConfig({ pay_type: 3 }).then((res) => {
console.log(res, "signUpInit");
if (res.data.code != 200) {
return this.$message.error(res.data.msg);
......@@ -500,31 +517,35 @@
},
async changeStatus() {
// console.log(SERVER_WS_URL);
let {data: res} = await getWxConfig({
let { data: res } = await getWxConfig({
pay_type: 4,
});
},
// cos上传
async getCosConfigs(image, file) {
this.loading = true;
await cosSignature({image: image, index: '3'})
await cosSignature({ image: image, index: "3" })
.then((res) => {
let resData = res.data.data
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: resData.credentials.credential.credentials.tmpSecretKey,
XCosSecurityToken: resData.credentials.credential.credentials.sessionToken,
TmpSecretId:
resData.credentials.credential.credentials.tmpSecretId,
TmpSecretKey:
resData.credentials.credential.credentials.tmpSecretKey,
XCosSecurityToken:
resData.credentials.credential.credentials.sessionToken,
StartTime: resData.credentials.credential.startTime, // 时间戳，单位秒，如：1580000000
ExpiredTime: resData.credentials.credential.expiredTime, // 时间戳，单位秒，如：1580000900
});
},
});
console.log(resData)
cos.putObject({
console.log(resData);
cos.putObject(
{
Bucket: resData.credentials.bucket,
Region: resData.credentials.region,
Key: resData.key,
......@@ -538,10 +559,10 @@
if (err) {
console.log(err);
this.loading = false;
this.$message.error('上传失败！')
this.$message.error("上传失败！");
} else {
console.log(data);
this.signUploadSuccess('http://' + data.Location, resData);
this.signUploadSuccess("http://" + data.Location, resData);
}
}
);
......@@ -555,14 +576,15 @@
},
// cos上传-告诉后端上传成功
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) {
this.loading = false;
return this.$message.error('上传失败！');
return this.$message.error("上传失败！");
}
console.log(res)
console.log(res);
this.loading = false;
this.$message.success('上传成功！');
this.$message.success("上传成功！");
this.resultPicture = path + "?t=" + Date.parse(new Date());
this.$forceUpdate();
let obj = {
......@@ -570,17 +592,22 @@
};
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));
window.localStorage.setItem(
"sign_up_payfile_" +
window.localStorage.getItem("index-phone-all") +
code,
JSON.stringify(this.fileList)
);
this.$message.success({
message:
"您已上传成功，等待短信通知，审核通过后登录报名网址。",
message: "您已上传成功，等待短信通知，审核通过后登录报名网址。",
duration: 5000,
});
this.hideUpload = this.fileList.length >= 1;
this.changeStatus();
}).catch(err => {
this.loading = false;
})
.catch((err) => {
this.loading = false;
});
},
// async getOssConfigs(image, file) {
// let obj = {
......@@ -653,14 +680,14 @@
})
.then(() => {
let getfile = file.url;
console.log(file)
console.log(file);
// console.log(savefile.match(/^(?:[^\/]|\/\/)*/),'222222')；//获取域名
let str = getfile.split(
"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];
delPayingPic({object: savefile}).then((res) => {
let savefile = str[1].split("?")[0];
delPayingPic({ object: savefile }).then((res) => {
if (res.data.code != 200) {
return this.$message.error(res.data.msg);
}
......@@ -668,7 +695,12 @@
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));
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(
......@@ -688,26 +720,26 @@
});
},
},
};
};
</script>
<style lang="scss" scoped>
@import "a/scss/btn";
@import "a/scss/dialog";
@import "a/scss/btn";
@import "a/scss/dialog";
.btn {
.btn {
padding-bottom: 0 !important;
}
}
.flex {
.flex {
display: flex;
}
}
.margin1 {
.margin1 {
margin-bottom: 1rem;
}
}
::v-deep .hide {
::v-deep .hide {
.el-upload--picture-card {
display: none;
}
......@@ -715,9 +747,9 @@
.el-upload-list__item div {
height: 100%;
}
}
}
.paying {
.paying {
padding: 0 56px 65px 56px;
.pay_titile {
......@@ -771,9 +803,9 @@
color: red;
}
}
}
}
.choose {
.choose {
text-align: center;
.img_choose {
......@@ -793,45 +825,45 @@
.btn .el-button {
width: 120px !important;
}
}
// .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;
// }
// }
.bank_pay {
}
// .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;
// }
// }
.bank_pay {
& div {
margin: 8px 0;
}
......@@ -839,5 +871,5 @@
& span {
font-weight: 600;
}
}
}
</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