7.29 计算最高贷款额度、计算服务费、利息

src/views/contracts/new_file.vue

@@ -49,7 +49,8 @@
         <span style="color: #d05c39">*支持上传pdf、jpg/jpeg、png格式</span>
       </div>
       <div>
-        <el-upload
+        <Upload v-model="form.invoicePics" />
+        <!-- <el-upload
           action="https://ht.9026.com/api/File"
           list-type="picture-card"
           :on-success="handleinvoicePics"
@@ -58,7 +59,7 @@
         </el-upload>
         <el-dialog :visible.sync="dialogVisible">
           <img width="100%" :src="form.invoicePics">
-        </el-dialog>
+        </el-dialog> -->
       </div>
       <!-- 贸易附件图片 -->
       <div class="titlesa">
@@ -66,7 +67,8 @@
         <span style="color: #d05c39">*支持上传pdf、jpg/jpeg、png格式</span>
       </div>
       <div>
-        <el-upload
+        <Upload v-model="form.tradePics" />
+        <!-- <el-upload
           action="https://ht.9026.com/api/File"
           list-type="picture-card"
           :on-success="handletradePics"
@@ -75,7 +77,7 @@
         </el-upload>
         <el-dialog :visible.sync="dialogVisible">
           <img width="100%" :src="form.tradePics">
-        </el-dialog>
+        </el-dialog> -->
       </div>
     </el-card>
 
@@ -84,12 +86,15 @@
       v-for="(item, index) in form.contractDrafts"
       :key="item.id"
       class="form"
-      style="margin: 20px;border: 1px solid #c0c0c0;padding: 10px;border-radius: 10px;"
+      style="
+        margin: 20px;
+        border: 1px solid #c0c0c0;
+        padding: 10px;
+        border-radius: 10px;
+      "
     >
-
       <!-- 汇票名称 -->
       <el-form ref="form" :model="item" label-width="90px">
-
         <el-form-item label="汇票名称">
           <el-input
             v-model="item.name"
@@ -106,7 +111,6 @@
             placeholder="选择日期"
             value-format="yyyy-MM-dd"
             @change="inputMoney(index, 4)"
-            @input="inputMoney(index)"
           />
         </el-form-item>
         <!-- 出票日期 -->
@@ -116,7 +120,6 @@
             type="date"
             placeholder="选择日期"
             class="ipwidth"
-            @change="change(index, 2)"
           />
         </el-form-item>
         <!-- 承兑日期 -->
@@ -128,7 +131,6 @@
             default-value
             value-format="yyyy-MM-dd"
             @change="inputMoney(index, 1)"
-            @input="inputMoney(index)"
           />
         </el-form-item>
         <!-- 到期日期 -->
@@ -137,7 +139,6 @@
             v-model="item.expireDate"
             type="date"
             placeholder="选择日期"
-            @change="change(index, 3)"
           />
         </el-form-item>
       </el-form>
@@ -170,6 +171,7 @@
             class="ipwidth"
             placeholder="计算得出服务费"
             style="width: 220px"
+            @input="inputMoney(index)"
           />
         </el-form-item>
         <!-- 最高贷款额度 -->
@@ -179,23 +181,28 @@
             class="ipwidth"
             placeholder="计算得出最高贷款额度"
             style="width: 220px"
+            @input="inputMoney(index)"
           />
         </el-form-item>
 
-
         <el-form-item label="利息">
           <el-input
             v-model="item.interest"
             class="ipwidth"
             placeholder="计算得出利息"
             style="width: 220px"
+            @input="inputMoney(index)"
           />
         </el-form-item>
       </el-form>
       <!-- 出票人 -->
       <el-form ref="form" :model="form" label-width="90px">
         <el-form-item label="出票人">
-          <el-select v-model="form.drawersName" filterable placeholder="请选择出票人">
+          <el-select
+            v-model="form.drawersName"
+            filterable
+            placeholder="请选择出票人"
+          >
             <el-option
               label="新增出票人"
               value=""
@@ -207,22 +214,24 @@
               :key="item.id"
               :label="item"
               :value="item"
-			   @click.native="getdrawersId(index,item)"
+              @click.native="getdrawersId(index, item)"
             />
           </el-select>
         </el-form-item>
         <!-- 承兑人 -->
         <el-form-item label="承兑人">
-          <el-select v-model="form.acceptorName" filterable placeholder="请选择承兑人">
+          <el-select
+            v-model="form.acceptorName"
+            filterable
+            placeholder="请选择承兑人"
+          >
             <el-option
               v-for="val in acceptorName"
               :key="val"
               :label="val"
-
               :value="val"
               @click.native="getRate(index)"
             />
-
           </el-select>
         </el-form-item>
 
@@ -434,10 +443,57 @@ export default {
   },
   methods: {
     inputMoney(index) {
-      const { money, serviceRate, interestRate, expectDiscountDate, issueDate } = this.form.contractDrafts[index]
-      this.form.contractDrafts[index].loanLimit = maxLoanAmount(money, serviceRate, interestRate, expectDiscountDate, issueDate)
+      this.getloanLimt(index)
+      this.getSerMoney(index)
+      this.getInterMoney(index)
+    },
+    /* 计算最高贷款额度 */
+    getloanLimt(index) {
+      const {
+        money,
+        serviceRate,
+        interestRate,
+        expectDiscountDate,
+        issueDate
+      } = this.form.contractDrafts[index]
+      this.form.contractDrafts[index].loanLimit = maxLoanAmount(
+        money,
+        serviceRate,
+        interestRate,
+        expectDiscountDate,
+        issueDate
+      )
+    },
+    // /* 计算服务费 */
+    getSerMoney(index) {
+      const {
+        loanLimit,
+        serviceRate,
+        expectDiscountDate,
+        issueDate
+      } = this.form.contractDrafts[index]
+      this.form.contractDrafts[index].serviceMoney = serviceCharge(
+        loanLimit,
+        serviceRate,
+        expectDiscountDate,
+        issueDate
+      )
+    },
+    /* 利息*/
+    getInterMoney(index) {
+      const {
+        loanLimit,
+        interestRate,
+        expectDiscountDate,
+        issueDate
+      } = this.form.contractDrafts[index]
+      this.form.contractDrafts[index].interest = interest(
+        loanLimit,
+        interestRate,
+        expectDiscountDate,
+        issueDate
+      )
     },
-    /* 确实上传按钮 */
     onSubmit() {
       this.$request({
         url: '/api/Contract',
@@ -522,18 +578,18 @@ export default {
       const list = this.acceptorList.filter(
         (item) => item.name === this.form.acceptorName
       )
-		console.log(list)
-	  this.form.contractDrafts[index].acceptorId=list[index].id
+      console.log(list)
+      this.form.contractDrafts[index].acceptorId = list[index].id
       this.form.contractDrafts[index].interestRate = list[index].interest
       this.form.contractDrafts[index].serviceRate = list[index].serviceRate
     },
-	// 获取出票人id
-	getdrawersId(index,name){
-		const drawers=this.drawersList.filter((item)=>item.name===name)
-		console.log(drawers)
-		this.form.contractDrafts[index].drawersId=drawers[index].id
-		console.log(drawers[index].id)
-	},
+    // 获取出票人id
+    getdrawersId(index, name) {
+      const drawers = this.drawersList.filter((item) => item.name === name)
+      console.log(drawers)
+      this.form.contractDrafts[index].drawersId = drawers[index].id
+      console.log(drawers[index].id)
+    },
     addDrawer() {
       this.$router.push({
         path: '/form/addTicketdrawer'
@@ -559,7 +615,6 @@ export default {
         expireDate: '',
         limitTime: ''
       })
-	  
     },
     // 删除汇票
     deletedraft(index) {
@@ -572,71 +627,71 @@ export default {
     },
 
     /* 计算时间段 */
-    change(e, number) {},
+    change(e, number) {}
 
-    /* 获取金额 */
-    getMoney(index) {
-      this.getloanLimt(index)
-      this.getSerMoney(index)
-      this.getInterMoney(index)
-    },
-    /* 计算最高贷款额度 */
-    getloanLimt(i) {
-      if (
-        this.form.contractDrafts[i].money &&
-        this.form.contractDrafts[i].serviceRate &&
-        this.form.contractDrafts[i].interestRate
-      ) {
-        this.form.contractDrafts[i].loanLimit = (
-          ((this.form.contractDrafts[i].money /
-            (this.form.contractDrafts[i].serviceRate +
-              this.form.contractDrafts[i].interestRate)) *
-            this.form.contractDrafts[i].limitTime) /
-            360 +
-          1
-        ).toFixed(2)
-      }
-    },
-    /* 计算服务费 */
-    getSerMoney(i) {
-      if (
-        this.form.contractDrafts[i].money &&
-        this.form.contractDrafts[i].serviceRate &&
-        this.form.contractDrafts[i].interestRate
-      ) {
-        this.form.contractDrafts[i].serviceMoney = (
-          ((((this.form.contractDrafts[i].money /
-            (this.form.contractDrafts[i].serviceRate +
-              this.form.contractDrafts[i].interestRate)) *
-            this.form.contractDrafts[i].limitTime) /
-            360 +
-            1) *
-            this.form.contractDrafts[i].serviceRate *
-            this.form.contractDrafts[i].limitTime) /
-          360
-        ).toFixed(2)
-      }
-    },
-    /* 利息*/
-    getInterMoney(i) {
-      if (
-        this.form.contractDrafts[i].money &&
-        this.form.contractDrafts[i].serviceRate &&
-        this.form.contractDrafts[i].interestRate
-      ) {
-        this.form.contractDrafts[i].interest = (
-          ((((this.form.contractDrafts[i].money /
-            (this.form.contractDrafts[i].serviceRate +
-              this.form.contractDrafts[i].interestRate)) *
-            this.form.contractDrafts[i].limitTime) /
-            360 +
-            1) *
-            this.form.contractDrafts[i].interestRate *
-            this.form.contractDrafts[i].limitTime) /
-          360
-        ).toFixed(2)
-      }
-    }
+    // /* 获取金额 */
+    // getMoney(index) {
+    //   this.getloanLimt(index)
+    //   this.getSerMoney(index)
+    //   this.getInterMoney(index)
+    // }
+    // /* 计算最高贷款额度 */
+    // getloanLimt(i) {
+    //   if (
+    //     this.form.contractDrafts[i].money &&
+    //     this.form.contractDrafts[i].serviceRate &&
+    //     this.form.contractDrafts[i].interestRate
+    //   ) {
+    //     this.form.contractDrafts[i].loanLimit = (
+    //       ((this.form.contractDrafts[i].money /
+    //         (this.form.contractDrafts[i].serviceRate +
+    //           this.form.contractDrafts[i].interestRate)) *
+    //         this.form.contractDrafts[i].limitTime) /
+    //         360 +
+    //       1
+    //     ).toFixed(2)
+    //   }
+    // },
+    // /* 计算服务费 */
+    // getSerMoney(i) {
+    //   if (
+    //     this.form.contractDrafts[i].money &&
+    //     this.form.contractDrafts[i].serviceRate &&
+    //     this.form.contractDrafts[i].interestRate
+    //   ) {
+    //     this.form.contractDrafts[i].serviceMoney = (
+    //       ((((this.form.contractDrafts[i].money /
+    //         (this.form.contractDrafts[i].serviceRate +
+    //           this.form.contractDrafts[i].interestRate)) *
+    //         this.form.contractDrafts[i].limitTime) /
+    //         360 +
+    //         1) *
+    //         this.form.contractDrafts[i].serviceRate *
+    //         this.form.contractDrafts[i].limitTime) /
+    //       360
+    //     ).toFixed(2)
+    //   }
+    // },
+    // /* 利息*/
+    // getInterMoney(i) {
+    //   if (
+    //     this.form.contractDrafts[i].money &&
+    //     this.form.contractDrafts[i].serviceRate &&
+    //     this.form.contractDrafts[i].interestRate
+    //   ) {
+    //     this.form.contractDrafts[i].interest = (
+    //       ((((this.form.contractDrafts[i].money /
+    //         (this.form.contractDrafts[i].serviceRate +
+    //           this.form.contractDrafts[i].interestRate)) *
+    //         this.form.contractDrafts[i].limitTime) /
+    //         360 +
+    //         1) *
+    //         this.form.contractDrafts[i].interestRate *
+    //         this.form.contractDrafts[i].limitTime) /
+    //       360
+    //     ).toFixed(2)
+    //   }
+    // }
   }
 }
 </script>