|
|
|
|
@ -1,8 +1,8 @@ |
|
|
|
|
<template> |
|
|
|
|
<el-drawer |
|
|
|
|
title="企业充值" |
|
|
|
|
:title="controlWindows.addInfo.title" |
|
|
|
|
direction="ltr" |
|
|
|
|
size="40%" |
|
|
|
|
size="50%" |
|
|
|
|
:visible="controlWindows.add" |
|
|
|
|
@opened="openDrawer" |
|
|
|
|
:before-close="closeWindow" |
|
|
|
|
@ -12,63 +12,51 @@ |
|
|
|
|
<el-form-item label="公司" prop="companyId"> |
|
|
|
|
<autocomplete :params="form" :config="configAutocomplete" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="交易类型" prop="productType"> |
|
|
|
|
<el-select v-model="form.productType" placeholder="请选择交易类型"> |
|
|
|
|
<el-form-item label="交易类型" prop="transactionType"> |
|
|
|
|
<el-select |
|
|
|
|
:disabled="form.id" |
|
|
|
|
v-model="form.transactionType" |
|
|
|
|
placeholder="请选择交易类型" |
|
|
|
|
@change="changeTransactionType" |
|
|
|
|
> |
|
|
|
|
<el-option label="赊销" value="CHARGE_SALES" /> |
|
|
|
|
<el-option label="消费返利" value="CONSUME_REBATE" /> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="交易金额" prop="belongLibrary"> |
|
|
|
|
<el-form-item label="交易金额" prop="transactionAmount"> |
|
|
|
|
<el-input |
|
|
|
|
v-checkNum |
|
|
|
|
v-model="form.belongLibrary" |
|
|
|
|
v-model="form.transactionAmount" |
|
|
|
|
placeholder="请输入交易金额" |
|
|
|
|
></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="线下汇款公司账户" prop="belongLibrary"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="form.belongLibrary" |
|
|
|
|
placeholder="请输入线下汇款公司账户" |
|
|
|
|
></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="线下交易发起时间" prop="belongLibrary"> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="value1" |
|
|
|
|
type="datetime" |
|
|
|
|
placeholder="线下交易发起时间" |
|
|
|
|
> |
|
|
|
|
</el-date-picker> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="线下交易完成时间" prop="belongLibrary"> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="value1" |
|
|
|
|
type="datetime" |
|
|
|
|
placeholder="线下交易完成时间" |
|
|
|
|
> |
|
|
|
|
</el-date-picker> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="线下交易凭证" prop="belongLibrary"> |
|
|
|
|
<el-form-item |
|
|
|
|
v-if="form.transactionType === 'CONSUME_REBATE'" |
|
|
|
|
label="线下交易凭证" |
|
|
|
|
prop="offlineTransactionProof" |
|
|
|
|
> |
|
|
|
|
<el-upload |
|
|
|
|
:action="uploadUrl" |
|
|
|
|
list-type="picture-card" |
|
|
|
|
:on-preview="offlineTransactionProofPreview" |
|
|
|
|
:on-success="offlineTransactionProofSuccess" |
|
|
|
|
:before-upload="imgCompress" |
|
|
|
|
:on-remove="offlineTransactionProofRemove" |
|
|
|
|
:data="{ ossKey: 'xingyou', pathKey: 'other', encrypt: 'PUBLIC' }" |
|
|
|
|
:headers="headers" |
|
|
|
|
:on-preview="handlePictureCardPreview" |
|
|
|
|
:on-remove="handleRemove" |
|
|
|
|
:on-success="handleSuccess" |
|
|
|
|
:limit="1" |
|
|
|
|
> |
|
|
|
|
<i class="el-icon-plus" /> |
|
|
|
|
<i class="el-icon-plus"></i> |
|
|
|
|
</el-upload> |
|
|
|
|
<el-dialog :visible.sync="imgDialog" :modal="false"> |
|
|
|
|
<img width="100%" :src="form.offlineTransactionProof" alt="" /> |
|
|
|
|
</el-dialog> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="交易说明" prop="belongLibrary"> |
|
|
|
|
|
|
|
|
|
<el-form-item label="交易说明" prop="reverseRemark"> |
|
|
|
|
<el-input |
|
|
|
|
type="textarea" |
|
|
|
|
:rows="2" |
|
|
|
|
placeholder="请输入内容" |
|
|
|
|
v-model="textarea" |
|
|
|
|
placeholder="请输入交易说明" |
|
|
|
|
v-model="form.reverseRemark" |
|
|
|
|
> |
|
|
|
|
</el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
@ -82,16 +70,13 @@ |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import serve from "api/financialCenter/enterpriseRechargeDetails.js"; |
|
|
|
|
import serve from "api/financialCenter/enterpriseRecharge.js"; |
|
|
|
|
import commonServe from "api/common.js"; |
|
|
|
|
|
|
|
|
|
import autocomplete from "components/autocomplete/index.vue"; |
|
|
|
|
|
|
|
|
|
import { |
|
|
|
|
rechargeTypeEnum, |
|
|
|
|
rechargeStatusEnum, |
|
|
|
|
repaymentExamineEnum, |
|
|
|
|
} from "utils/dataType.js"; |
|
|
|
|
import utils from "utils/encode"; |
|
|
|
|
const JSESSIONID = utils.uuid(); |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
components: { |
|
|
|
|
@ -105,8 +90,22 @@ export default { |
|
|
|
|
if (this.form.companyId) callback(); |
|
|
|
|
else callback("请选择公司"); |
|
|
|
|
}; |
|
|
|
|
let validatorofflineTransactionProof = (rule, value, callback) => { |
|
|
|
|
if (this.form.offlineTransactionProof) callback(); |
|
|
|
|
else callback("请上传凭证"); |
|
|
|
|
}; |
|
|
|
|
return { |
|
|
|
|
uploadUrl: process.env.VUE_APP_UPLOAD_URL, |
|
|
|
|
uploadUrl: |
|
|
|
|
process.env.VUE_APP_ENV === "development" |
|
|
|
|
? "/api/oil-oss/obejct/uploadFile" |
|
|
|
|
: "/adminapi/oil-oss/obejct/uploadFile", |
|
|
|
|
imgDialog: false, |
|
|
|
|
headers: { |
|
|
|
|
dataSources: "WEB", |
|
|
|
|
Authorization: localStorage.getItem("token"), |
|
|
|
|
JSESSIONID: JSESSIONID, |
|
|
|
|
token: utils.bcrypt(JSESSIONID), |
|
|
|
|
}, |
|
|
|
|
form: {}, |
|
|
|
|
refineryList: [], |
|
|
|
|
configAutocomplete: { |
|
|
|
|
@ -116,52 +115,28 @@ export default { |
|
|
|
|
valueKey: "id", |
|
|
|
|
placeholder: "企业名称", |
|
|
|
|
querykey: "companyId", |
|
|
|
|
echoId: "", |
|
|
|
|
echoName: "", |
|
|
|
|
}, |
|
|
|
|
productTypeList: [ |
|
|
|
|
{ |
|
|
|
|
label: "0#柴", |
|
|
|
|
value: "0#", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "-10#柴", |
|
|
|
|
value: "-10#", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "92#汽", |
|
|
|
|
value: "92#", |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "95#汽", |
|
|
|
|
value: "95#", |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
rules: { |
|
|
|
|
productName: [ |
|
|
|
|
{ required: true, message: "请输入产品名称", trigger: "blur" }, |
|
|
|
|
], |
|
|
|
|
productType: [ |
|
|
|
|
{ required: true, message: "请选择产品类型", trigger: "change" }, |
|
|
|
|
], |
|
|
|
|
companyId: [ |
|
|
|
|
{ required: true, validator: validatorcompanyId, trigger: "change" }, |
|
|
|
|
], |
|
|
|
|
belongLibrary: [ |
|
|
|
|
{ required: true, message: "请输入所属炼厂库名", trigger: "blur" }, |
|
|
|
|
], |
|
|
|
|
floorPrice: [ |
|
|
|
|
{ required: true, message: "请输入成本价", trigger: "blur" }, |
|
|
|
|
], |
|
|
|
|
salePrice2company: [ |
|
|
|
|
{ required: true, message: "请输入企业销售价", trigger: "blur" }, |
|
|
|
|
transactionType: [ |
|
|
|
|
{ required: true, message: "请选择交易类型", trigger: "change" }, |
|
|
|
|
], |
|
|
|
|
salePrice2personal: [ |
|
|
|
|
{ required: true, message: "请输入个人销售价", trigger: "blur" }, |
|
|
|
|
transactionAmount: [ |
|
|
|
|
{ required: true, message: "请输入交易金额", trigger: "blur" }, |
|
|
|
|
], |
|
|
|
|
measurement: [ |
|
|
|
|
{ required: true, message: "请输入计量单位", trigger: "blur" }, |
|
|
|
|
offlineTransactionProof: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
validator: validatorofflineTransactionProof, |
|
|
|
|
trigger: "change", |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
enableMark: [ |
|
|
|
|
{ required: true, message: "请选择启用状态", trigger: "change" }, |
|
|
|
|
reverseRemark: [ |
|
|
|
|
{ required: true, message: "请输入交易说明", trigger: "blur" }, |
|
|
|
|
], |
|
|
|
|
}, |
|
|
|
|
}; |
|
|
|
|
@ -169,23 +144,45 @@ export default { |
|
|
|
|
methods: { |
|
|
|
|
openDrawer() { |
|
|
|
|
let { id } = this.controlWindows.addInfo; |
|
|
|
|
if (id) { |
|
|
|
|
//回显 |
|
|
|
|
this.form = JSON.parse(JSON.stringify(this.controlWindows.addInfo)); |
|
|
|
|
this.configAutocomplete.echoId = id; |
|
|
|
|
this.configAutocomplete.echoName = this.form.refineryName; |
|
|
|
|
console.log("this.form", this.form.floorPrice); |
|
|
|
|
//回显 |
|
|
|
|
id && |
|
|
|
|
(this.form = JSON.parse(JSON.stringify(this.controlWindows.addInfo))); |
|
|
|
|
let configUpdata = id |
|
|
|
|
? { echoId: id, echoName: this.form.refineryName, isDisabled: true } |
|
|
|
|
: { |
|
|
|
|
echoId: "", |
|
|
|
|
echoName: "", |
|
|
|
|
isDisabled: false, |
|
|
|
|
}; |
|
|
|
|
Object.assign(this.configAutocomplete, configUpdata); |
|
|
|
|
}, |
|
|
|
|
// 交易类型 change |
|
|
|
|
changeTransactionType(val) { |
|
|
|
|
if (val === "CHARGE_SALES") { |
|
|
|
|
this.handleRemove(); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
//img大图 |
|
|
|
|
handlePictureCardPreview(file) { |
|
|
|
|
this.form.offlineTransactionProof = file.url; |
|
|
|
|
this.imgDialog = true; |
|
|
|
|
}, |
|
|
|
|
// img remove |
|
|
|
|
handleRemove(file, fileList) { |
|
|
|
|
this.form.offlineTransactionProof = ""; |
|
|
|
|
}, |
|
|
|
|
// 上传成功 |
|
|
|
|
handleSuccess(response, file, fileList) { |
|
|
|
|
if (response.code === 20000) { |
|
|
|
|
this.form.offlineTransactionProof = response.data.publicUrl; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
submit() { |
|
|
|
|
console.log("this.form", this.form); |
|
|
|
|
this.$refs["form"].validate((valid) => { |
|
|
|
|
if (valid) { |
|
|
|
|
this.judgeInterface(this.form).then((res) => { |
|
|
|
|
if (res.code === 20000) { |
|
|
|
|
this.$message.success(res.msg); |
|
|
|
|
this.closeWindow(); |
|
|
|
|
} |
|
|
|
|
this.$message.success(res.msg); |
|
|
|
|
this.closeWindow(); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
@ -195,27 +192,6 @@ export default { |
|
|
|
|
if (id) return serve.update(form); |
|
|
|
|
else return serve.save(form); |
|
|
|
|
}, |
|
|
|
|
//炼厂list |
|
|
|
|
// findByEntity() { |
|
|
|
|
// refineryServe.findByEntity().then((res) => { |
|
|
|
|
// this.refineryList = res.data; |
|
|
|
|
// }); |
|
|
|
|
// }, |
|
|
|
|
// 远程搜索 |
|
|
|
|
// querySearchAsync(queryString, cb) { |
|
|
|
|
// if (queryString) { |
|
|
|
|
// refineryServe |
|
|
|
|
// .findByEntity({ refineryName: queryString }) |
|
|
|
|
// .then((res) => { |
|
|
|
|
// let timeInstance = setTimeout(() => { |
|
|
|
|
// clearTimeout(timeInstance); |
|
|
|
|
// if (res.data.length) { |
|
|
|
|
// cb(res.data); |
|
|
|
|
// } else cb([]); |
|
|
|
|
// }, 1000 * Math.random()); |
|
|
|
|
// }); |
|
|
|
|
// } else cb([]); |
|
|
|
|
// }, |
|
|
|
|
closeWindow() { |
|
|
|
|
this.$emit("closeWindow"); |
|
|
|
|
this.form = {}; |
|
|
|
|
|
KongDuo
2 years ago