|
|
|
|
@ -2,25 +2,16 @@ |
|
|
|
|
<el-dialog |
|
|
|
|
title="充值" |
|
|
|
|
:visible.sync="controlWindows.recharge" |
|
|
|
|
width="55%" |
|
|
|
|
width="45%" |
|
|
|
|
:before-close="closeWindow" |
|
|
|
|
@opened="openDrawer" |
|
|
|
|
> |
|
|
|
|
<div class="recharge"> |
|
|
|
|
<el-form |
|
|
|
|
ref="form" |
|
|
|
|
:rules="rules" |
|
|
|
|
:model="oilCompanyAccountReverse" |
|
|
|
|
label-width="130px" |
|
|
|
|
> |
|
|
|
|
<el-row :gutter="gridNum.row.gutter"> |
|
|
|
|
<el-form ref="form" :rules="rules" :model="form" label-width="130px"> |
|
|
|
|
<el-row :gutter="2"> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item |
|
|
|
|
label="交易类型" |
|
|
|
|
prop="transactionType" |
|
|
|
|
@click="transactionTypeChange" |
|
|
|
|
> |
|
|
|
|
<el-select v-model="oilCompanyAccountReverse.transactionType"> |
|
|
|
|
<el-form-item label="交易类型" prop="transactionType"> |
|
|
|
|
<el-select v-model="form.transactionType"> |
|
|
|
|
<el-option label="充值" value="RECHARGE" /> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
@ -28,7 +19,7 @@ |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="交易金额" prop="transactionAmount"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="oilCompanyAccountReverse.transactionAmount" |
|
|
|
|
v-model="form.transactionAmount" |
|
|
|
|
placeholder="交易金额" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
@ -36,91 +27,74 @@ |
|
|
|
|
</el-col> |
|
|
|
|
<el-col |
|
|
|
|
v-if=" |
|
|
|
|
(companyFinance.settlementModes === 1 || |
|
|
|
|
companyFinance.settlementModes === 3) && |
|
|
|
|
oilCompanyAccountReverse.transactionType === 'RECHARGE' |
|
|
|
|
companyFinance.settlementModes === 1 || |
|
|
|
|
companyFinance.settlementModes === 3 |
|
|
|
|
" |
|
|
|
|
:span="12" |
|
|
|
|
> |
|
|
|
|
<el-form-item label="充值返利比例" prop="rechargeRebate"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="oilCompanyAccountReverse.rechargeRebate" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
<el-input v-model="form.rechargeRebate" clearable /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col |
|
|
|
|
v-if="oilCompanyAccountReverse.transactionType !== 'REVOKE'" |
|
|
|
|
:span="12" |
|
|
|
|
> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="线下汇款公司账户" prop="offlinePaymentCompany"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="oilCompanyAccountReverse.offlinePaymentCompany" |
|
|
|
|
v-model="form.offlinePaymentCompany" |
|
|
|
|
placeholder="线下汇款公司账户" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col |
|
|
|
|
v-if="oilCompanyAccountReverse.transactionType !== 'REVOKE'" |
|
|
|
|
:span="12" |
|
|
|
|
> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="线下交易发起时间" prop="offlineStartTime"> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="oilCompanyAccountReverse.offlineStartTime" |
|
|
|
|
v-model="form.offlineStartTime" |
|
|
|
|
clearable |
|
|
|
|
format="yyyy-MM-dd HH:mm:ss" |
|
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
|
default-time="00:00:00" |
|
|
|
|
type="datetime" |
|
|
|
|
placeholder="线下交易发起时间" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col |
|
|
|
|
v-if="oilCompanyAccountReverse.transactionType !== 'REVOKE'" |
|
|
|
|
:span="12" |
|
|
|
|
> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="线下交易完成时间" prop="offlineCompleteTime"> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="oilCompanyAccountReverse.offlineCompleteTime" |
|
|
|
|
v-model="form.offlineCompleteTime" |
|
|
|
|
clearable |
|
|
|
|
format="yyyy-MM-dd HH:mm:ss" |
|
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
|
default-time="23:59:59" |
|
|
|
|
type="datetime" |
|
|
|
|
placeholder="线下交易完成时间" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col |
|
|
|
|
v-if="oilCompanyAccountReverse.transactionType !== 'REVOKE'" |
|
|
|
|
:span="12" |
|
|
|
|
> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="线下交易凭证" prop="offlineTransactionProof"> |
|
|
|
|
<el-upload |
|
|
|
|
:action="uploadUrl" |
|
|
|
|
list-type="picture-card" |
|
|
|
|
:on-preview="offlineTransactionProofPreview" |
|
|
|
|
:on-success="offlineTransactionProofSuccess" |
|
|
|
|
:on-remove="offlineTransactionProofRemove" |
|
|
|
|
:headers="headers" |
|
|
|
|
:data="{ code: 'A003' }" |
|
|
|
|
:limit="1" |
|
|
|
|
:file-list="fileList" |
|
|
|
|
:data="{ |
|
|
|
|
ossKey: 'xingyou', |
|
|
|
|
pathKey: 'other', |
|
|
|
|
encrypt: 'PUBLIC', |
|
|
|
|
code: 'A003', |
|
|
|
|
}" |
|
|
|
|
list-type="picture-card" |
|
|
|
|
> |
|
|
|
|
<i class="el-icon-plus" /> |
|
|
|
|
</el-upload> |
|
|
|
|
<el-dialog :visible.sync="imgeDialogVisible" :modal="false"> |
|
|
|
|
<img width="100%" :src="form.offlineTransactionProof" /> |
|
|
|
|
</el-dialog> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-dialog |
|
|
|
|
v-el-drag-dialog |
|
|
|
|
:visible.sync="imgeDialogVisible" |
|
|
|
|
title="线下交易凭证" |
|
|
|
|
:modal="false" |
|
|
|
|
> |
|
|
|
|
<img |
|
|
|
|
width="100%" |
|
|
|
|
:src="oilCompanyAccountReverse.offlineTransactionProofImageShow" |
|
|
|
|
alt="" |
|
|
|
|
/> |
|
|
|
|
</el-dialog> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
</el-form> |
|
|
|
|
@ -134,15 +108,13 @@ |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import serve from "api/financialCenter/accountManagement.js"; |
|
|
|
|
|
|
|
|
|
import utils from "utils/encode"; |
|
|
|
|
|
|
|
|
|
const JSESSIONID = utils.uuid(); |
|
|
|
|
export default { |
|
|
|
|
props: { |
|
|
|
|
controlWindows: Object, |
|
|
|
|
oilCompanyAccount: { |
|
|
|
|
type: Object, |
|
|
|
|
default() {}, |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
@ -157,33 +129,9 @@ export default { |
|
|
|
|
JSESSIONID: JSESSIONID, |
|
|
|
|
token: utils.bcrypt(JSESSIONID), |
|
|
|
|
}, |
|
|
|
|
oilCompanyAccountReverse: { |
|
|
|
|
offlineTransactionProof: undefined, |
|
|
|
|
offlineTransactionProofImageShow: undefined, |
|
|
|
|
companyId: this.oilCompanyAccount.companyId, |
|
|
|
|
transactionType: undefined, |
|
|
|
|
transactionAmount: undefined, |
|
|
|
|
rechargeRebate: undefined, |
|
|
|
|
offlinePaymentCompany: undefined, |
|
|
|
|
offlineStartTime: undefined, |
|
|
|
|
offlineCompleteTime: undefined, |
|
|
|
|
transactionState: 0, |
|
|
|
|
auditMark: 0, |
|
|
|
|
createSource: "WEBM", |
|
|
|
|
}, |
|
|
|
|
fileList: [], |
|
|
|
|
form: {}, |
|
|
|
|
imgeDialogVisible: false, // 线下交易凭证弹窗 |
|
|
|
|
gridNum: { |
|
|
|
|
row: { |
|
|
|
|
gutter: 2, |
|
|
|
|
}, |
|
|
|
|
cols: { |
|
|
|
|
xs: 24, |
|
|
|
|
sm: 24, |
|
|
|
|
md: 12, |
|
|
|
|
lg: 12, |
|
|
|
|
xl: 6, |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
rules: { |
|
|
|
|
transactionType: [ |
|
|
|
|
{ required: true, message: "请选择交易类型", trigger: "change" }, |
|
|
|
|
@ -191,67 +139,44 @@ export default { |
|
|
|
|
transactionAmount: [ |
|
|
|
|
{ required: true, message: "请输入交易金额", trigger: "blur" }, |
|
|
|
|
], |
|
|
|
|
rechargeRebate: [ |
|
|
|
|
{ required: true, message: "请输入交易金额", trigger: "blur" }, |
|
|
|
|
], |
|
|
|
|
offlinePaymentCompany: [ |
|
|
|
|
{ |
|
|
|
|
min: 5, |
|
|
|
|
max: 10, |
|
|
|
|
message: "长度在 5 到 10 个字符", |
|
|
|
|
trigger: "blur", |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
}, |
|
|
|
|
companyFinance: {}, // 财务信息 |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
openDrawer() {}, |
|
|
|
|
transactionTypeChange(type) { |
|
|
|
|
// 交易类型发生改变 |
|
|
|
|
if ( |
|
|
|
|
this.oilCompanyAccountReverse.transactionType === "CHARGE_SALES" || |
|
|
|
|
this.oilCompanyAccountReverse.transactionType === "REVOKE" |
|
|
|
|
) { |
|
|
|
|
this.oilCompanyAccountReverse.rechargeRebate = 0; |
|
|
|
|
this.oilCompanyAccountReverse.rechargeRebateAmount = 0; |
|
|
|
|
openDrawer() { |
|
|
|
|
let { id } = this.controlWindows.addInfo; |
|
|
|
|
if (id) { |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
offlineTransactionProofRemove() { |
|
|
|
|
// 线下交易凭证删除 |
|
|
|
|
this.oilCompanyAccountReverse.offlineTransactionProofImageShow = |
|
|
|
|
undefined; |
|
|
|
|
this.oilCompanyAccountReverse.offlineTransactionProof = undefined; |
|
|
|
|
this.form.offlineTransactionProof = ""; |
|
|
|
|
}, |
|
|
|
|
offlineTransactionProofSuccess(response, file) { |
|
|
|
|
// 线下交易凭证上传成功 |
|
|
|
|
console.log("response", response); |
|
|
|
|
if (response.code === 20000) { |
|
|
|
|
this.oilCompanyAccountReverse.offlineTransactionProof = |
|
|
|
|
response.data.path; |
|
|
|
|
if (response.code !== 20000) { |
|
|
|
|
this.$message.error(response.msg); |
|
|
|
|
this.fileList = []; |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
this.form.offlineTransactionProof = response.data.path; |
|
|
|
|
}, |
|
|
|
|
offlineTransactionProofPreview(file) { |
|
|
|
|
// 查询大图 |
|
|
|
|
this.oilCompanyAccountReverse.offlineTransactionProofImageShow = file.url; |
|
|
|
|
if (!this.form.offlineTransactionProof) return; |
|
|
|
|
this.imgeDialogVisible = true; |
|
|
|
|
}, |
|
|
|
|
submit() { |
|
|
|
|
this.$refs["form"].validate((valid) => { |
|
|
|
|
if (valid) { |
|
|
|
|
this.save(this.oilCompanyAccountReverse); |
|
|
|
|
serve.save(this.form).then((res) => { |
|
|
|
|
this.$message.success(res.msg); |
|
|
|
|
this.$emit("closeDialog"); |
|
|
|
|
this.$emit("getByPage"); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
save() { |
|
|
|
|
// 保存 |
|
|
|
|
serve.save(this.oilCompanyAccountReverse).then((res) => { |
|
|
|
|
this.$message.success(res.msg); |
|
|
|
|
this.$emit("closeDialog"); |
|
|
|
|
this.$emit("getByPage"); |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
closeWindow() { |
|
|
|
|
this.form = {}; |
|
|
|
|
this.$emit("closeWindow"); |
|
|
|
|
@ -270,7 +195,7 @@ export default { |
|
|
|
|
.el-select, |
|
|
|
|
.el-textarea, |
|
|
|
|
.el-autocomplete { |
|
|
|
|
width: 300px; |
|
|
|
|
width: 200px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
lixuan
2 years ago