lilei 10 months ago
parent
commit
286875b717
1 changed files with 46 additions and 35 deletions
  1. 46 35
      src/views/financialManagement/financialCollection/fcDetailModal.vue

+ 46 - 35
src/views/financialManagement/financialCollection/fcDetailModal.vue

@@ -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 : ''