autumn/jsowell-charger-web
1
0
Fork 0
mirror of https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git synced 2026-04-20 11:05:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

详情

Browse Source
This commit is contained in:
JS-LM
2023-06-21 11:46:16 +08:00
parent 69eadbe700
commit 9dc7c9c249
1 changed files with 37 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
jsowell-ui/src/views/pile/merchant/components/adapayMember.vue
View File

@@ -1,5 +1,8 @@
<template>
<div class="app-container">
<!-- <div>
<input type="file" accept="image/*" @change="getFile($event)" />
</div> -->
<el-card v-if="adapayMember == null" shadow="hover" style="margin-bottom:10px">
<div style="margin: 12px 0" >
没有查询到汇付会员配置，请点击按钮创建汇付会员，汇付结算账号
@@ -32,7 +35,6 @@
}}</el-descriptions-item>
</el-descriptions>
</el-card>
<el-card class="box-card" shadow="hover" style="margin:20px 0">
<!-- <div style="margin: 12px 0">汇付结算账户</div> -->
<h2>汇付结算账户</h2>
@@ -57,32 +59,6 @@
</el-descriptions>
</el-card>
</template>
<!-- <el-card shadow="hover">
<div style="margin: 12px 0">没有查询到企业会员配置，请点击按钮创建企业账号
<el-button size="medium" type="primary" @click="enterpriseDialog = true">创建企业汇付会员与结算账号</el-button>
</div>
</el-card> -->
<!-- <el-form-item label="会员昵称" prop="nickname">
<el-input v-model="ruleForm.nickname"></el-input>
</el-form-item> -->
<!-- <el-form-item
label="银行账户开户银行所在地区编码"
prop="areaCode"
:rules="
ruleForm.bankAcctType === '1'
? rules.areaCode
: [{ required: false }]
"
>
<el-input v-model="ruleForm.areaCode"></el-input>
</el-form-item> -->
<!-- <el-button type="primary" @click="submitForm('ruleForm')"
>提交</el-button
> -->
<!-- <el-form-item label="会员昵称" prop="nickname">
<el-input v-model="ruleForm.nickname"></el-input>
</el-form-item> -->
<el-dialog title="创建结算账户" :visible.sync="dialog" width="50%">
<el-form :model="dialogForm" :rules="dialogRules" ref="dialogForm" label-width="220px">
<el-form-item label="银行账户类型" prop="bankAcctType">
@@ -136,7 +112,7 @@
<el-form-item label="企业邮箱">
<el-input v-model="dialogForm.email"></el-input>
</el-form-item>
<el-form-item label="上传附件">
<el-form-item label="上传附件" prop="imgList">
<el-upload
class="upload-demo"
:action="actionUrl"
@@ -194,18 +170,6 @@
<el-form-item label="手机号" prop="telNo">
<el-input v-model="dialogForm.telNo"></el-input>
</el-form-item>
<el-form-item
v-if="dialogForm.bankAcctType === '1'"
label="银行编码"
prop="bankCode"
:rules="
dialogForm.bankAcctType === '1'
? dialogRules.bankCode
: [{ required: false }]
"
>
<el-input v-model="dialogForm.bankCode"></el-input>
</el-form-item>
<el-form-item label="公司地址" prop="location">
<!-- type="textarea" -->
@@ -216,9 +180,11 @@
<el-button type="primary" @click="submitDialogForm('dialogForm')"
>提交</el-button
>
<el-button @click="resetForm('dialogForm')">重置</el-button>
</el-form-item>
</el-form>
</el-dialog>
</div>
</template>
@@ -233,14 +199,14 @@ export default {
data() {
return {
dialog:false,
dialogForm:{},
enterpriseDialog:false, // 企业弹窗
dialogForm:{
bankAcctType:'1'
},
// 汇付会员
adapayMember: '',
openCreateAdapayMember: false,
// 汇付结算账户
adapaySettleAccount: null,
openCreateAdapaySettleAccount: false,
dialogRules: {
email: [
{
@@ -320,13 +286,6 @@ export default {
trigger: "blur",
},
],
provCode: [
{
required: true,
message: "请填写银行账户开户银行所在省份编码",
trigger: "blur",
},
],
certId: [
{
required: true,
@@ -339,12 +298,14 @@ export default {
required: true,
message: "请填写银行编码",
trigger: "blur",
},
{
pattern: /^(?:(?:\+|00)86)?1\d{10}$/,
message: "手机号格式有误",
}
],
imgList: [
{
required: true,
message: "请上传三张照片",
trigger: "change",
},
}
],
businessName:[{
required: true,
@@ -354,7 +315,7 @@ export default {
provCode:[{
required: true,
message: "请选择省份编码",
trigger: "blur",
trigger: "change",
},],
socialCreditCode:[{
required: true,
@@ -436,6 +397,19 @@ export default {
};
},
methods: {
getFile(e){
// console.log(e,'file');
const file = e.target.files
// this.file = e.target.files[0]
if(file.length !== 0) {
const reader = new FileReader()
reader.readAsDataURL(file[0])
// reader.readAsText(file[0])
reader.addEventListener('load',() =>{
console.log('asdfjao',reader.result);
})
}
},
handleExceed(files, fileList) {
this.$message.warning(
`当前限制选择 3 张图片，本次选择了 ${
@@ -446,10 +420,11 @@ export default {
handleSuccess(res, file) {
this.imageUrl = URL.createObjectURL(file.raw);
console.log("图片上传成功 url：", this.imageUrl);
console.log("图片上传成功 res：", res);
// console.log("图片上传成功 res：", res);
this.fileList.push({ url: res.url });
console.log('push方法', this.fileList);
this.dialogForm.imgList = this.fileList
// console.log(this.dialogForm.imgList,'this.dialogForm.imgList');
},
handleRemove(file, fileList) {
@@ -463,7 +438,6 @@ export default {
// console.log(file);
this.dialogImageUrl = file.url;
console.log(this.dialogImageUrl);
this.dialogVisible = true;
},
areaCode(area){
let arr = this.options.find(item => item.cities[0].value == area)
@@ -478,9 +452,11 @@ export default {
this.dialogForm.areaCode = value[1]
},
submitDialogForm(dialogForm){
if(!this.dialogForm.imgList == [] && this.dialogForm.imgList.length !== 3) return this.$message.warning('请上传三张照片')
console.log(this.dialogForm);
this.$refs[dialogForm].validate((valid) =>{
if (valid) {
if(this.dialogForm.imgList.length !== 3 ) return this.$message.warning('请上传三张照片')
console.log(valid,'valid');
createSettleAccount(this.dialogForm).then((response) =>{
console.log('新增',response);
@@ -493,25 +469,8 @@ export default {
}
})
},
// 创建汇付会员
// submitForm(formName) {
// console.log('省 市',this.ruleForm.provCode,this.ruleForm.areaCode)
// this.$refs[formName].validate((valid) => {
// if (valid) {
// console.log("valid", this.ruleForm);
// createAdapayMember(this.ruleForm).then((response) => {
// console.log("新增", response);
// this.openCreateAdapaySettleAccount = false
// this.selectAdapayMember();
// });
// } else {
// console.log("提交表格失败");
// return false;
// }
// });
// },
resetForm(formName) {
this.$refs[formName].resetFields();
resetForm(dialogForm) {
this.$refs[dialogForm].resetFields();
},
// 查询汇付会员
selectAdapayMember() {