自动计算平均收入

.gitignore

@@ -18,6 +18,7 @@ selenium-debug.log
 *.njsproj
 *.sln
 *.local
+.qoder
 
 package-lock.json
 yarn.lock

src/views/comprehensive/knzzZsgApply/cpnt/TufaApply.vue

@@ -157,7 +157,7 @@
               style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:61.4pt">
               <p style="margin:0pt; orphans:0; widows:0"><span style="font-family:仿宋; font-size:12pt">{{
                 formData.stuPhone
-              }}</span>
+                  }}</span>
               </p>
             </td>
           </tr>
@@ -177,7 +177,7 @@
               </p>
               <p style="margin:7.8pt 0pt 0pt; orphans:0; widows:0"><span style=" font-family:仿宋; font-size:12pt">开户行:{{
                 formData.bankAddr
-              }}</span>
+                  }}</span>
               </p>
             </td>
           </tr>
@@ -263,7 +263,7 @@
               style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:bottom; width:61.4pt">
               <p style="margin:0pt; orphans:0; text-align:justify; widows:0">
                 <span style="font-family:仿宋; font-size:12pt">
-                  <el-input v-model="formData.familyNum" />
+                  <el-input v-model="formData.familyNum" @input="calculatePerCapitaIncome" type="number" />
                 </span>
               </p>
             </td>
@@ -278,22 +278,24 @@
             <td
               style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:bottom; width:83.7pt">
               <p style="margin:0pt; orphans:0; text-align:center; widows:0">
-                <span style="font-family:仿宋; font-size:12pt"><el-input v-model="formData.monthMoney" /></span>
+                <span style="font-family:仿宋; font-size:12pt"><el-input v-model="formData.monthMoney"
+                    @input="calculatePerCapitaIncome" type="number" /></span>
               </p>
               <p style="margin:0pt; orphans:0; text-align:center; widows:0">
                 <span style="font-family:仿宋; font-size:12pt">&#xa0;</span>
               </p>
             </td>
             <td colspan="2"
-              style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:80pt">
+              style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:50pt">
               <p style="margin:0pt; orphans:0; text-align:center; widows:0">
                 <span style="font-family:仿宋; font-size:12pt">人均月收入</span>
               </p>
             </td>
             <td
-              style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:bottom; width:50.45pt">
+              style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:bottom; width:80pt">
               <p style="margin:0pt; orphans:0; text-align:center; widows:0">
-                <span style="font-family:仿宋; font-size:12pt"><el-input v-model="formData.perMoney" /></span>
+                <span style="font-family:仿宋; font-size:12pt"><el-input v-model="formData.perMoney" readonly
+                    placeholder="自动计算" style="width: 100px;" /></span>
               </p>
             </td>
             <td
@@ -638,7 +640,6 @@
           </el-upload>
         </div>
 
-        </el-upload>
         <p style="margin:0pt; orphans:0; text-align:justify; widows:0"><span
             style="font-family:宋体; font-size:12pt">说明:</span></p>
         <ol type="1" style="margin:0pt; padding-left:0pt">
@@ -735,6 +736,19 @@ export default {
     await this.getOwnExtraInfo();
   },
   methods: {
+    // 计算人均月收入
+    calculatePerCapitaIncome() {
+      const familyNum = parseFloat(this.formData.familyNum);
+      const monthMoney = parseFloat(this.formData.monthMoney);
+
+      if (familyNum && monthMoney && familyNum > 0) {
+        // 计算人均月收入,保留2位小数
+        const perMoney = (monthMoney / familyNum).toFixed(2);
+        this.formData.perMoney = perMoney;
+      } else {
+        this.formData.perMoney = '';
+      }
+    },
     // 判断是否上传pdf逻辑
     beforeUploadPdf(file) {
       const isValidType = file.type === 'application/pdf';