|
|
|
@ -13,59 +13,109 @@ |
|
|
|
<el-form ref="form_obj" :model="formobj" :rules="rules" label-position="top" class="formadd"> |
|
|
|
<el-row style="border-top: 1px solid #e0e3eb"> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<el-form-item><span>收款日期</span></el-form-item> |
|
|
|
<span>申请部门</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item> |
|
|
|
<el-date-picker value-format="yyyy-MM-dd" v-model="formobj.collectionDate" :disabled="forbidden" clearable type="date" style="width: 93%" placeholder="请选择"/> |
|
|
|
<span>{{ formobj.createDept }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<el-form-item><span>收款银行</span></el-form-item> |
|
|
|
<span>申请人</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item> |
|
|
|
<el-select v-model="formobj.collectionBank" :disabled="forbidden" placeholder="请选择" @change="changeCollectionBank" filterable clearable> |
|
|
|
<el-option v-for="item in receiptBank_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
|
</el-select> |
|
|
|
<span>{{ formobj.createByName }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<el-form-item><span>收款银行账号</span></el-form-item> |
|
|
|
<span>申请日期</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item> |
|
|
|
<span>{{ formobj.createDate }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span><span class="icon">*</span>收款银行账号</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item prop="collectionBankNum"> |
|
|
|
<el-select v-model="formobj.collectionBankNum" placeholder="请选择" :disabled="forbidden" @change="changeCollectionBankNum" filterable clearable> |
|
|
|
<el-option v-for="item in collectionBankNum_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
|
<el-option v-for="item in collectionBankNum_list" :key="item.accountSid" :label="item.bankAccount" :value="item.bankAccount"/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>收款银行名称</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item> |
|
|
|
<span>{{ formobj.receivingName }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span><span class="icon">*</span>收款银行</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item> |
|
|
|
<span>{{ formobj.collectionBank }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<el-form-item><span>收款方式</span></el-form-item> |
|
|
|
<span><span class="icon">*</span>收款金额(元)</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item> |
|
|
|
<el-form-item prop="collectionMoney"> |
|
|
|
<el-input v-model="formobj.collectionMoney" @keyup.native="UpNumber" @keydown.native="UpNumber" :disabled="forbidden" @change="changeCollectionMoney" placeholder="" clearable/> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span><span class="icon">*</span>收款日期</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item prop="collectionDate"> |
|
|
|
<el-date-picker value-format="yyyy-MM-dd" v-model="formobj.collectionDate" :disabled="forbidden" clearable type="date" style="width: 93%" placeholder="请选择"/> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span><span class="icon">*</span>收款方式</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item prop="collectionTypeValue"> |
|
|
|
<el-select v-model="formobj.collectionTypeValue" placeholder="请选择" :disabled="forbidden" @change="changeCollectionType" filterable clearable> |
|
|
|
<el-option v-for="item in receiptType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<el-form-item><span>付款方名称</span></el-form-item> |
|
|
|
<span><span class="icon">*</span>付款方</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item> |
|
|
|
<el-form-item prop="payerName"> |
|
|
|
<el-input v-model="formobj.payerName" :disabled="forbidden" placeholder="" clearable/> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<el-form-item><span>收款金额</span></el-form-item> |
|
|
|
<span><span class="icon">*</span>付款账号后4位</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item prop="payAccount"> |
|
|
|
<el-input v-model="formobj.payAccount" :disabled="forbidden" placeholder="" clearable/> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<el-form-item><span>付款银行</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="trightb"> |
|
|
|
<el-form-item> |
|
|
|
<el-input v-model="formobj.collectionMoney" @keyup.native="UpNumber" @keydown.native="UpNumber" :disabled="forbidden" @change="changeCollectionMoney" placeholder="" clearable/> |
|
|
|
<el-input v-model="formobj.payBank" :disabled="forbidden" placeholder="" clearable/> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
@ -234,8 +284,9 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { save, dataDictionary, listAll, fetchBySid } from '@/api/anruifinmanagement/paymentConfirmation.js' |
|
|
|
import { save, dataDictionary, listAll, fetchDetailBySid } from '@/api/anruifinmanagement/paymentConfirmation.js' |
|
|
|
import Upload from '@/components/uploadFile/filesUpload' // 上传文件 |
|
|
|
import { getPathSidByUserSid, fetchBySid, selAccountByOrgSid } from '@/api/jichuxinxi/dictcommons' |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'acknowledgementReceiptAdd', |
|
|
|
@ -256,8 +307,10 @@ export default { |
|
|
|
list2: [], |
|
|
|
formobj: { |
|
|
|
sid: '', |
|
|
|
createByName: window.sessionStorage.getItem('name'), |
|
|
|
staffSid: window.sessionStorage.getItem('staffSid'), |
|
|
|
createDept: '', |
|
|
|
createDate: '', |
|
|
|
createByName: '', |
|
|
|
staffSid: '', |
|
|
|
collectionDate: '', |
|
|
|
collectionBank: '', |
|
|
|
collectionBankKey: '', |
|
|
|
@ -272,6 +325,10 @@ export default { |
|
|
|
balance: '', |
|
|
|
useOrgSid: '', |
|
|
|
userSid: '', |
|
|
|
receivingName: '', |
|
|
|
payBank: '', |
|
|
|
payAccount: '', |
|
|
|
accountSid: '', |
|
|
|
finSelectedReceivablesDetaileds: [], |
|
|
|
paymentVoucherAppendixs: [], |
|
|
|
remittanceConfirmationAppendixs: [] |
|
|
|
@ -283,15 +340,18 @@ export default { |
|
|
|
sids: [], |
|
|
|
createBySid: '' |
|
|
|
}, |
|
|
|
rules: {}, |
|
|
|
rules: { |
|
|
|
collectionBankNum: [{ required: true, message: '收款银行账号不能为空', trigger: 'change' }], |
|
|
|
collectionMoney: [{ required: true, message: '收款金额不能为空', trigger: 'blur' }], |
|
|
|
collectionDate: [{ required: true, message: '收款日期不能为空', trigger: 'change' }], |
|
|
|
collectionTypeValue: [{ required: true, message: '收款方式不能为空', trigger: 'change' }], |
|
|
|
payerName: [{ required: true, message: '付款方不能为空', trigger: 'blur' }], |
|
|
|
payAccount: [{ required: true, message: '付款账号不能为空', trigger: 'blur' }] |
|
|
|
}, |
|
|
|
submitdisabled: false, |
|
|
|
balance: '' // 余额 |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.DataDictionary() |
|
|
|
this.newDate() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 获取制单日期 |
|
|
|
newDate() { |
|
|
|
@ -305,6 +365,7 @@ export default { |
|
|
|
if (day < 10) { |
|
|
|
day = '0' + day |
|
|
|
} |
|
|
|
this.formobj.createDate = year + '-' + month + '-' + day |
|
|
|
this.formobj.collectionDate = year + '-' + month + '-' + day |
|
|
|
}, |
|
|
|
UpNumber(e) { |
|
|
|
@ -317,51 +378,47 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
DataDictionary() { |
|
|
|
getPathSidByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((resp) => { |
|
|
|
if (resp.success) { |
|
|
|
fetchBySid(resp.data).then((res) => { |
|
|
|
if (res.success) { |
|
|
|
this.formobj.createDept = res.data.name |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
}) |
|
|
|
dataDictionary({ type: 'receiptBank' }).then((res) => { |
|
|
|
if (res.code === '200') { |
|
|
|
this.receiptBank_list = res.data |
|
|
|
} |
|
|
|
}) |
|
|
|
dataDictionary({ type: 'receiptType' }).then((res) => { |
|
|
|
dataDictionary({ type: 'customerPayType' }).then((res) => { |
|
|
|
if (res.code === '200') { |
|
|
|
this.receiptType_list = res.data |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
collectionBankNum(sid) { |
|
|
|
dataDictionary({ type: 'receiptAccount', psid: sid }).then((res) => { |
|
|
|
if (res.code === '200') { |
|
|
|
this.collectionBankNum_list = res.data |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
changeCollectionBank(value) { |
|
|
|
let aa = null |
|
|
|
this.receiptBank_list.forEach((e) => { |
|
|
|
if (e.dictKey === value) { |
|
|
|
aa = { |
|
|
|
name: e.dictValue, |
|
|
|
value: e.dictKey, |
|
|
|
sid: e.sid |
|
|
|
} |
|
|
|
selAccountByOrgSid({ userSid: window.sessionStorage.getItem('userSid'), orgPath: '' }).then((resp) => { |
|
|
|
if (resp.success) { |
|
|
|
this.collectionBankNum_list = resp.data |
|
|
|
} |
|
|
|
}) |
|
|
|
this.formobj.collectionBank = aa.name |
|
|
|
this.formobj.collectionBankKey = aa.value |
|
|
|
this.collectionBankNum(aa.sid) |
|
|
|
}, |
|
|
|
changeCollectionBankNum(value) { |
|
|
|
let aa = null |
|
|
|
this.collectionBankNum_list.forEach((e) => { |
|
|
|
if (e.dictKey === value) { |
|
|
|
if (e.bankAccount === value) { |
|
|
|
aa = { |
|
|
|
name: e.dictValue, |
|
|
|
value: e.dictKey |
|
|
|
accountSid: e.accountSid, |
|
|
|
accountName: e.accountName, |
|
|
|
depositBank: e.depositBank, |
|
|
|
bankAccount: e.bankAccount |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
this.formobj.collectionBankNum = aa.name |
|
|
|
this.formobj.collectionBankNumKey = aa.value |
|
|
|
this.formobj.accountSid = aa.accountSid |
|
|
|
this.formobj.collectionBankNum = aa.bankAccount |
|
|
|
this.formobj.receivingName = aa.accountName |
|
|
|
this.formobj.collectionBank = aa.depositBank |
|
|
|
}, |
|
|
|
changeCollectionType(value) { |
|
|
|
let aa = null |
|
|
|
@ -444,12 +501,20 @@ export default { |
|
|
|
this.getlist() |
|
|
|
}, |
|
|
|
showAdd() { |
|
|
|
this.DataDictionary() |
|
|
|
this.newDate() |
|
|
|
this.viewTitle = '【新建】收款确认申请' |
|
|
|
this.formobj.createByName = window.sessionStorage.getItem('name') |
|
|
|
this.formobj.staffSid = window.sessionStorage.getItem('staffSid') |
|
|
|
this.getlist() |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs['form_obj'].clearValidate() |
|
|
|
}) |
|
|
|
}, |
|
|
|
showEdit(row) { |
|
|
|
this.DataDictionary() |
|
|
|
this.viewTitle = '【编辑】收款确认申请' |
|
|
|
fetchBySid(row.sid).then(resp => { |
|
|
|
fetchDetailBySid(row.sid).then(resp => { |
|
|
|
if (resp.code === '200') { |
|
|
|
this.formobj = resp.data |
|
|
|
this.balance = this.formobj.balance |
|
|
|
@ -475,6 +540,7 @@ export default { |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs['remit'].show(this.list1) |
|
|
|
this.$refs['remittance'].show(this.list2) |
|
|
|
this.$refs['form_obj'].clearValidate() |
|
|
|
}) |
|
|
|
} |
|
|
|
}).catch(e => { |
|
|
|
@ -556,7 +622,6 @@ export default { |
|
|
|
this.getlist() |
|
|
|
}, |
|
|
|
submit() { |
|
|
|
this.submitdisabled = true |
|
|
|
if (this.formobj.paymentVoucherAppendixs.length > 0) { |
|
|
|
var paymentVoucherUrl_list = [] |
|
|
|
for (var i = 0; i < this.formobj.paymentVoucherAppendixs.length; i++) { |
|
|
|
@ -572,22 +637,28 @@ export default { |
|
|
|
this.formobj.remittanceConfirmationUrl = remittanceConfirmationUrl_list.join(',') |
|
|
|
} |
|
|
|
this.formobj.userSid = window.sessionStorage.getItem('userSid') |
|
|
|
save(this.formobj).then(resp => { |
|
|
|
this.submitdisabled = false |
|
|
|
if (resp.code === '200') { |
|
|
|
this.$refs['form_obj'].validate((valid) => { |
|
|
|
if (valid) { |
|
|
|
this.submitdisabled = true |
|
|
|
save(this.formobj).then((resp) => { |
|
|
|
if (resp.success) { |
|
|
|
this.$message({ showClose: true, type: 'success', message: resp.msg }) |
|
|
|
this.handleReturn('true') |
|
|
|
} |
|
|
|
}).catch(() => { |
|
|
|
this.submitdisabled = false |
|
|
|
}) |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
handleReturn(isreload) { |
|
|
|
if (isreload === 'true') this.$emit('reloadlist') |
|
|
|
this.formobj = { |
|
|
|
sid: '', |
|
|
|
createByName: window.sessionStorage.getItem('name'), |
|
|
|
staffSid: window.sessionStorage.getItem('staffSid'), |
|
|
|
createDept: '', |
|
|
|
createDate: '', |
|
|
|
createByName: '', |
|
|
|
staffSid: '', |
|
|
|
collectionDate: '', |
|
|
|
collectionBank: '', |
|
|
|
collectionBankKey: '', |
|
|
|
@ -602,6 +673,10 @@ export default { |
|
|
|
balance: '', |
|
|
|
useOrgSid: '', |
|
|
|
userSid: '', |
|
|
|
receivingName: '', |
|
|
|
payBank: '', |
|
|
|
payAccount: '', |
|
|
|
accountSid: '', |
|
|
|
finSelectedReceivablesDetaileds: [], |
|
|
|
paymentVoucherAppendixs: [], |
|
|
|
remittanceConfirmationAppendixs: [] |
|
|
|
@ -621,6 +696,7 @@ export default { |
|
|
|
this.$refs['remittance'].show(this.list2) |
|
|
|
}) |
|
|
|
this.balance = '' |
|
|
|
this.$refs['form_obj'].resetFields() |
|
|
|
this.$emit('doback') |
|
|
|
} |
|
|
|
} |
|
|
|
|
