|
|
|
@ -32,6 +32,7 @@ |
|
|
|
|
<a-radio :value="PaymentMethodEnum.WECHAT.value">{{ PaymentMethodEnum.WECHAT.name }}</a-radio> |
|
|
|
|
<a-radio :value="PaymentMethodEnum.ALIPAY.value">{{ PaymentMethodEnum.ALIPAY.name }}</a-radio> |
|
|
|
|
<a-radio :value="PaymentMethodEnum.HUIFU.value">{{ PaymentMethodEnum.HUIFU.name }}</a-radio> |
|
|
|
|
<a-radio :value="PaymentMethodEnum.VOUCHER.value">{{ PaymentMethodEnum.VOUCHER.name }}</a-radio> |
|
|
|
|
</a-radio-group> |
|
|
|
|
<div class="form-item-help"> |
|
|
|
|
<p class="extra">保存以后支付方式将不可修改,请谨慎操作</p> |
|
|
|
@ -354,7 +355,7 @@ |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</div> |
|
|
|
|
<!-- 汇付支付 --> |
|
|
|
|
<div v-if="record.method === PaymentMethodEnum.HUIFU.value" :method="record.method"> |
|
|
|
|
<div v-if="record.method === PaymentMethodEnum.HUIFU.value" :method="record.method"> |
|
|
|
|
<a-form-model-item |
|
|
|
|
label="商户号类型" |
|
|
|
|
prop="config.huifu.mchType" |
|
|
|
@ -529,6 +530,55 @@ |
|
|
|
|
</a-form-model-item> --> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 支付凭证 --> |
|
|
|
|
<div v-if="record.method === PaymentMethodEnum.VOUCHER.value" :method="record.method"> |
|
|
|
|
<a-form-model-item |
|
|
|
|
label="微信商户名称" |
|
|
|
|
prop="config.voucher.wechatMerchantName" |
|
|
|
|
:rules="[{ required: false, message: '请填写微信商户名称' }]" |
|
|
|
|
> |
|
|
|
|
<a-input v-model="record.config.voucher.wechatMerchantName" autocomplete="off" /> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
<a-form-model-item |
|
|
|
|
label="微信二维码" |
|
|
|
|
> |
|
|
|
|
<SelectImage |
|
|
|
|
@change="(fileId, selectedItems) => setImage(fileId, selectedItems, 'wechatQrCodeId')" |
|
|
|
|
v-decorator="['wechatQrCodeId', { rules: [{ required: false, message: '请上传微信二维码' }] }]" |
|
|
|
|
/> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
<a-form-model-item |
|
|
|
|
label="支付宝商户名称" |
|
|
|
|
prop="config.voucher.alipayMerchantName" |
|
|
|
|
:rules="[{ required: false, message: '请填写支付宝商户名称' }]" |
|
|
|
|
> |
|
|
|
|
<a-input v-model="record.config.voucher.alipayMerchantName" autocomplete="off" /> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
<a-form-model-item |
|
|
|
|
label="支付宝二维码" |
|
|
|
|
prop="config.voucher.alipayQrcode" |
|
|
|
|
> |
|
|
|
|
<SelectImage |
|
|
|
|
@change="(fileId, selectedItems) => setImage(fileId, selectedItems, 'alipayQrCodeId')" |
|
|
|
|
v-decorator="['alipayQrCodeId', { rules: [{ required: false, message: '请上传支付宝二维码' }] }]" |
|
|
|
|
/> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
<a-form-model-item |
|
|
|
|
label="快捷支付商户名称" |
|
|
|
|
prop="config.voucher.quickpayMerchantName" |
|
|
|
|
:rules="[{ required: false, message: '快捷支付商户名称' }]" |
|
|
|
|
> |
|
|
|
|
<a-input v-model="record.config.voucher.quickpayMerchantName" autocomplete="off" /> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
<a-form-model-item |
|
|
|
|
label="快捷支付二维码" |
|
|
|
|
> |
|
|
|
|
<SelectImage |
|
|
|
|
@change="(fileId, selectedItems) => setImage(fileId, selectedItems, 'quickpayQrCodeId')" |
|
|
|
|
v-decorator="['quickpayQrCodeId', { rules: [{ required: false, message: '请上传快捷支付二维码' }] }]" |
|
|
|
|
/> |
|
|
|
|
</a-form-model-item> |
|
|
|
|
</div> |
|
|
|
|
<a-form-model-item :wrapperCol="{ offset: labelCol.span }"> |
|
|
|
|
<a-button type="primary" :loading="isBtnLoading" @click="handleSubmit">保存</a-button> |
|
|
|
|
</a-form-model-item> |
|
|
|
@ -540,6 +590,7 @@ |
|
|
|
|
<script> |
|
|
|
|
import { cloneDeep } from 'lodash' |
|
|
|
|
import InputFile from '@/components/InputFile' |
|
|
|
|
import { SelectImage } from '@/components' |
|
|
|
|
import * as Api from '@/api/setting/payment/template' |
|
|
|
|
import { PaymentMethodEnum } from '@/common/enum/setting/payment' |
|
|
|
|
|
|
|
|
@ -609,12 +660,24 @@ const defaultData = { |
|
|
|
|
// spApiclientKey: '', |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
[PaymentMethodEnum.VOUCHER.value]: { |
|
|
|
|
wechatMerchantName: '', |
|
|
|
|
wechatQrCode: '', |
|
|
|
|
wechatQrCodeId: '', |
|
|
|
|
alipayMerchantName: '', |
|
|
|
|
alipayQrcode: '', |
|
|
|
|
alipayQrCodeId: '', |
|
|
|
|
quickpayMerchantName: '', |
|
|
|
|
quickpayQrCode: '', |
|
|
|
|
quickpayQrCodeId: '', |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
components: { |
|
|
|
|
InputFile, |
|
|
|
|
SelectImage, |
|
|
|
|
}, |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
@ -669,6 +732,11 @@ export default { |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
setImage(fileId, selectedItems, key) { |
|
|
|
|
console.log(fileId, selectedItems); |
|
|
|
|
this.record.config.voucher[key] = fileId; |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 表单数据提交到后端 |
|
|
|
|
onSubmitForm() { |
|
|
|
|
this.isLoading = true |
|
|
|
@ -690,6 +758,7 @@ export default { |
|
|
|
|
// 生成表单数据 FormData格式 |
|
|
|
|
buildFormData() { |
|
|
|
|
const { record, uploadFiles } = this |
|
|
|
|
console.log(record); |
|
|
|
|
const formData = new FormData() |
|
|
|
|
formData.append('name', record.name) |
|
|
|
|
formData.append('sort', record.sort) |
|
|
|
|