在Html中将值从一个单元格拖放到另一个单元格

Question

我需要创建以下UI设计，这基本上是将google工作表转换为Web应用程序来管理库存。

我有一个列出产品数量的表格，这是店主的订单。

此订单可由制造商在各种选择清单中发货。

1. 选择列表需要使用拖放功能生成。
2. 所有拣配中的料品总价值和订单的剩余栏数必须等于订购数量。
3. 在将剩余数量拖到特定选择列表时，必须从剩余列中减去在选择列表中输入的值。
4. 我们也可以在选择列表中拖放项目值。

我附上截图来描绘信息流。

任何人都可以指导我采取上述方案的方法。 我们正在使用Angular 2框架。

屏幕1



屏幕2



屏幕3