taskTime workHourManage

pages/mesPlan/split.vue

@@ -47,6 +47,7 @@
             <DatePicker v-model="row.demandDate" type="daterange" placeholder="请选择日期" style="width:240px" :transfer="true" :options="optionsDate" @on-change="inputOrderCat(row,index)"></DatePicker>
         </template>
     </Table>
+    <p>剩余数量：{{amount}}</p>
 </div>
 </template>
 
@@ -131,7 +132,8 @@ export default {
                     type: "number",
                     trigger: "change"
                 }]
-            }
+            },
+            amount: 0,
         };
     },
     props: {
@@ -210,6 +212,15 @@ export default {
                 forDemandStartDate,
                 forDemandFinishDate
             ];
+            let splitAmount = 0
+            this.dataList.forEach(el => {
+                splitAmount = Number(splitAmount) + Number(el.quantity)
+            })
+            this.amount = this.orderForm.quantity - splitAmount
+            // setTimeout(() => {
+            //     this.amount = this.orderForm.quantity - splitAmount
+            // }, 1000);
+
         },
         getFormatDate(dates) {
             const d = new Date(dates);
@@ -264,6 +275,8 @@ export default {
                 this.dataListRetrun.quantity = this.orderForm.quantity;
                 this.dataListRetrun.mesCode = this.orderForm.mesCode;
                 this.dataList = []
+
+                this.amount = this.orderForm.quantity
             }
         }
     }