商用信息单列表增加可订数量计算显示

src/views/supply/engin/engin_list.vue

@@ -185,6 +185,11 @@
               </template>
             </el-table-column>
             <el-table-column align="left" label="已订数量" prop="hasOrderQty" min-width="100" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="可订数量" min-width="100" show-overflow-tooltip>
+              <template slot-scope="scope">
+                {{ computeAllowQty(scope.row.qty, scope.row.hasOrderQty)}}
+              </template>
+            </el-table-column>
              <el-table-column align="left" label="表体业务员" prop="itemServiceName" min-width="100" show-overflow-tooltip></el-table-column>
             <el-table-column align="left" label="表头业务员" prop="serviceName" min-width="100" show-overflow-tooltip></el-table-column>
             <el-table-column align="left" label="备注" prop="remark" min-width="160" show-overflow-tooltip></el-table-column>
@@ -516,6 +521,14 @@ export default {
         this.$successMsg('修改成功');
       })
     },
+
+    computeAllowQty(qty = 0, hasOrderQty = 0) {
+      let allowQty = qty - hasOrderQty
+      if (allowQty < 0) {
+        return 0;
+      }
+      return allowQty;
+    }
   }
 }
 </script>