|
@@ -18,7 +18,13 @@
|
|
|
<a-row>
|
|
|
<a-col :span="12">
|
|
|
<a-form-model-item style="margin-bottom:5px;" label="收款日期" prop="receiptDate">
|
|
|
- <a-date-picker inputReadOnly style="width:100%" format="YYYY-MM-DD" v-model="form.receiptDate" placeholder="请选择收款日期" />
|
|
|
+ <a-date-picker
|
|
|
+ id="fcDetailModal-receiptDate"
|
|
|
+ inputReadOnly
|
|
|
+ style="width:100%"
|
|
|
+ format="YYYY-MM-DD"
|
|
|
+ v-model="form.receiptDate"
|
|
|
+ placeholder="请选择收款日期" />
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
@@ -45,6 +51,7 @@
|
|
|
<a-col :span="12">
|
|
|
<a-form-model-item style="margin-bottom:5px;" label="付款账户类型" prop="payerAccountType">
|
|
|
<v-select
|
|
|
+ id="fcDetailModal-payerAccountType"
|
|
|
v-model="form.payerAccountType"
|
|
|
showType="radio"
|
|
|
code="PAYER_ACCOUNT_TYPE"
|
|
@@ -58,13 +65,13 @@
|
|
|
<!-- 公户 -->
|
|
|
<a-col :span="12" v-if="form.payerAccountType=='PUBLIC'">
|
|
|
<a-form-model-item style="margin-bottom:5px;" label="营业执照名称">
|
|
|
- <a-input :maxLength="30" placeholder="请输入营业执照名称" v-model="form.payerAccountInfo"></a-input>
|
|
|
+ <a-input id="fcDetailModal-payerAccountInfo" :maxLength="30" placeholder="请输入营业执照名称" v-model="form.payerAccountInfo"></a-input>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<!-- 私户 -->
|
|
|
<a-col :span="12" v-if="form.payerAccountType=='PRIVATE'">
|
|
|
<a-form-model-item style="margin-bottom:5px;" label="付款账户">
|
|
|
- <a-input :maxLength="30" placeholder="付款账户" v-model="form.payerAccountInfo"></a-input>
|
|
|
+ <a-input id="fcDetailModal-payerAccountInfo1" :maxLength="30" placeholder="付款账户" v-model="form.payerAccountInfo"></a-input>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
@@ -83,7 +90,7 @@
|
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
|
<a-form-model-item style="margin-bottom:5px;" label="付款账户">
|
|
|
- <a-input :maxLength="30" placeholder="付款账户" v-model="form.payerAccountInfo"></a-input>
|
|
|
+ <a-input id="fcDetailModal-payerAccountInfo2" :maxLength="30" placeholder="付款账户" v-model="form.payerAccountInfo"></a-input>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
@@ -93,6 +100,7 @@
|
|
|
<a-form-model-item style="margin-bottom:5px;" label="订单金额">
|
|
|
<a-input-number
|
|
|
style="width:100%"
|
|
|
+ id="fcDetailModal-orderAmount"
|
|
|
:min="0"
|
|
|
:max="99999999"
|
|
|
:precision="2"
|
|
@@ -104,6 +112,7 @@
|
|
|
<a-form-model-item style="margin-bottom:5px;" label="收款金额">
|
|
|
<a-input-number
|
|
|
style="width:100%"
|
|
|
+ id="fcDetailModal-receiptAmount"
|
|
|
:min="0"
|
|
|
:max="99999999"
|
|
|
:precision="2"
|
|
@@ -113,19 +122,20 @@
|
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
|
<a-form-model-item style="margin-bottom:5px;" label="使用授信">
|
|
|
- <a-checkbox v-model="form.useCreditFlag" @change="form.detailItemUseList=[]">是</a-checkbox>
|
|
|
+ <a-checkbox id="fcDetailModal-useCreditFlag" v-model="form.useCreditFlag" @change="form.detailItemUseList=[]">是</a-checkbox>
|
|
|
<span v-if="form.useCreditFlag">合计: {{ useTotalAmount||'--' }}</span>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
|
<a-form-model-item style="margin-bottom:5px;" label="授信还款">
|
|
|
- <a-checkbox v-model="form.payCreditFlag" @change="form.detailItemPayList=[]">是</a-checkbox>
|
|
|
+ <a-checkbox id="fcDetailModal-payCreditFlag" v-model="form.payCreditFlag" @change="form.detailItemPayList=[]">是</a-checkbox>
|
|
|
<span v-if="form.payCreditFlag">合计: {{ payTotalAmount||'--' }}</span>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
|
<a-form-model-item style="margin-bottom:5px;" label="余款抵扣">
|
|
|
<a-input-number
|
|
|
+ id="fcDetailModal-balanceAmount"
|
|
|
style="width:100%"
|
|
|
:min="0"
|
|
|
:max="99999999"
|
|
@@ -138,6 +148,7 @@
|
|
|
<a-form-model-item style="margin-bottom:5px;" label="跨月打款">
|
|
|
<a-input-number
|
|
|
style="width:100%"
|
|
|
+ id="fcDetailModal-nextMonthAmount"
|
|
|
:min="0"
|
|
|
:max="99999999"
|
|
|
:precision="2"
|
|
@@ -149,6 +160,7 @@
|
|
|
<a-form-model-item style="margin-bottom:5px;" label="特殊申请发货">
|
|
|
<a-input-number
|
|
|
style="width:100%"
|
|
|
+ id="fcDetailModal-specialSendAmount"
|
|
|
:min="0"
|
|
|
:max="99999999"
|
|
|
:precision="2"
|
|
@@ -160,6 +172,7 @@
|
|
|
<a-form-model-item style="margin-bottom:5px;" label="足额打款">
|
|
|
<v-select
|
|
|
showType="radio"
|
|
|
+ id="fcDetailModal-fullPaymentFlag"
|
|
|
v-model="form.fullPaymentFlag"
|
|
|
code="FLAG"
|
|
|
placeholder="请选择是否足额打款"
|
|
@@ -168,7 +181,7 @@
|
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
|
<a-form-model-item style="margin-bottom:5px;" label="户名" prop="bankAccount">
|
|
|
- <a-select placeholder="请选择户名" v-model="form.bankAccount" style="width: 100%" @change="handleChange">
|
|
|
+ <a-select placeholder="请选择户名" v-model="form.bankAccount" id="fcDetailModal-bankAccount" style="width: 100%" @change="handleChange">
|
|
|
<a-select-option v-for="item in bankList" :value="item.bankAccount">
|
|
|
{{ item.bankAccount }}
|
|
|
</a-select-option>
|
|
@@ -177,7 +190,7 @@
|
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
|
<a-form-model-item style="margin-bottom:5px;" label="汇入银行" prop="bankName">
|
|
|
- <a-select placeholder="请选择汇入银行" v-model="form.bankName" style="width: 100%">
|
|
|
+ <a-select placeholder="请选择汇入银行" id="fcDetailModal-bankName" v-model="form.bankName" style="width: 100%">
|
|
|
<a-select-option v-for="item in bankNameList" :value="item">
|
|
|
{{ item }}
|
|
|
</a-select-option>
|
|
@@ -186,7 +199,7 @@
|
|
|
</a-col>
|
|
|
<a-col :span="24">
|
|
|
<a-form-model-item style="margin-bottom:5px;" label="说明" :labelCol="{span:3}" :wrapper-col="{ span: 20 }">
|
|
|
- <a-textarea :rows="2" :maxLength="500" placeholder="请输入说明(最多500个字符)" v-model="form.explainInfo"></a-textarea>
|
|
|
+ <a-textarea :rows="2" id="fcDetailModal-explainInfo" :maxLength="500" placeholder="请输入说明(最多500个字符)" v-model="form.explainInfo"></a-textarea>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<!-- 使用授信列表 -->
|
|
@@ -201,8 +214,8 @@
|
|
|
</a-col>
|
|
|
<a-col :span="24">
|
|
|
<a-form-model-item :wrapper-col="{ span: 12, offset: 6 }" style="text-align: center;margin-top: 50px;">
|
|
|
- <a-button @click="cancel" style="margin-right: 15px" id="chooseCustom-btn-back">取消</a-button>
|
|
|
- <a-button type="primary" :loading="confirmLoading" @click="handleSubmit" id="chooseCustom-btn-submit">保存</a-button>
|
|
|
+ <a-button @click="cancel" style="margin-right: 15px" id="fcDetailModal-btn-back">取消</a-button>
|
|
|
+ <a-button type="primary" :loading="confirmLoading" @click="handleSubmit" id="fcDetailModal-btn-submit">保存</a-button>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
@@ -244,33 +257,33 @@ export default {
|
|
|
disabled: false,
|
|
|
title: '新增收款明细',
|
|
|
confirmLoading: false,
|
|
|
- bookDetailSn: '',
|
|
|
+ bookDetailSn: '', // 收款明细sn
|
|
|
formItemLayout: {
|
|
|
labelCol: { span: 6 },
|
|
|
wrapperCol: { span: 16 }
|
|
|
},
|
|
|
form: {
|
|
|
- payerType: 'DEALER',
|
|
|
- payerAccountType: 'PUBLIC',
|
|
|
- dealerSn: undefined,
|
|
|
- payerName: '',
|
|
|
- payerAccountInfo: '',
|
|
|
- licenseName: '',
|
|
|
- receiptDate: moment(),
|
|
|
- dealerCode: '',
|
|
|
- orderAmount: '',
|
|
|
- receiptAmount: '',
|
|
|
- useCreditFlag: false,
|
|
|
- detailItemUseList: [],
|
|
|
- payCreditFlag: false,
|
|
|
- detailItemPayList: [],
|
|
|
- balanceAmount: '',
|
|
|
- nextMonthAmount: '',
|
|
|
- specialSendAmount: '',
|
|
|
- bankAccount: '东莞箭冠',
|
|
|
- bankName: '东莞银行',
|
|
|
- fullPaymentFlag: '1',
|
|
|
- explainInfo: ''
|
|
|
+ payerType: 'DEALER', // 付款方
|
|
|
+ payerAccountType: 'PUBLIC', // 付款账户
|
|
|
+ dealerSn: undefined, // 客户sn
|
|
|
+ payerName: '', // 付款方名称
|
|
|
+ payerAccountInfo: '', // 付款账户
|
|
|
+ licenseName: '', // 营业执照
|
|
|
+ receiptDate: moment(), // 收款日期
|
|
|
+ dealerCode: '', // 财务编码
|
|
|
+ orderAmount: '', // 订单金额
|
|
|
+ receiptAmount: '', // 收款金额
|
|
|
+ useCreditFlag: false, // 是否使用授信
|
|
|
+ detailItemUseList: [], // 授信使用项目
|
|
|
+ payCreditFlag: false, // 是否授信还款
|
|
|
+ detailItemPayList: [], // 授信还款项目
|
|
|
+ balanceAmount: '', // 余额
|
|
|
+ nextMonthAmount: '', // 下月额度
|
|
|
+ specialSendAmount: '', // 特批额度
|
|
|
+ bankAccount: '东莞箭冠', // 汇入银行户名
|
|
|
+ bankName: '东莞银行', // 汇入银行
|
|
|
+ fullPaymentFlag: '1', // 足额打款
|
|
|
+ explainInfo: '' // 说明
|
|
|
},
|
|
|
rules: {
|
|
|
receiptDate: [ { required: true, message: '请选择收款日期', trigger: ['change', 'blur'] } ],
|
|
@@ -339,7 +352,6 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
handleChange (v) {
|
|
|
- console.log(v)
|
|
|
if (v) {
|
|
|
this.form.bankAccount = v
|
|
|
const row = this.bankList.find(item => item.bankAccount == v)
|
|
@@ -369,7 +381,6 @@ export default {
|
|
|
},
|
|
|
// 客户
|
|
|
custChange (v) {
|
|
|
- console.log(v)
|
|
|
if (v && v.key) {
|
|
|
this.form.dealerSn = v.key
|
|
|
this.form.payerName = v.row ? v.row.dealerName : ''
|