feat(产品选择): 新增产品快速添加功能并优化展示

- 在产品选择和原材料选择组件中新增快速添加功能
- 移除产品编号搜索字段，将规格信息显示在标题中
- 优化卡片信息布局为网格显示
- 在空数据提示中添加快速新增链接
- 删除不再使用的半成品视图文件

klp-ui/src/views/wms/delivery/waybill/index.vue

@@ -5,8 +5,11 @@
         <PlanList ref="planList" @select="handlePlanSelect"/>
       </el-col>
 
-      <el-col :span="19">
-        <el-card>
+      <el-col :span="19" style="height: calc(100vh - 124px); overflow-y: scroll;">
+        <el-card v-if="!selectedPlan">
+          <el-empty description="请先选择发货计划" />
+        </el-card>
+        <el-card v-else>
           <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
             label-width="68px">
             <el-form-item label="发货单名称" prop="waybillName">
@@ -25,6 +28,12 @@
               <el-button type="success" plain icon="el-icon-refresh" size="mini" @click="handleQuery">刷新</el-button>
               <!-- <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">导出</el-button> -->
             </el-form-item>
+            <el-form-item>
+              <el-descriptions :column="2" :data="queryParams" border>
+                <el-descriptions-item label="单据总数">{{ deliveryCountTotal }}</el-descriptions-item>
+                <el-descriptions-item label="已发数量">{{ deliveryCountFinished }}</el-descriptions-item>
+              </el-descriptions>
+            </el-form-item>
           </el-form>
 
           <el-table v-loading="loading" border :data="deliveryWaybillList" highlight-current-row
@@ -199,6 +208,16 @@ export default {
   created() {
     this.getList();
   },
+  computed: {
+    /** 计算已发货数量 */
+    deliveryCountFinished() {
+      return this.deliveryWaybillList.filter(row => row.status === 1 || row.status === 2).length;
+    },
+    /** 计算总数量 */
+    deliveryCountTotal() {
+      return this.deliveryWaybillList.length;
+    }
+  },
   methods: {
     /** 查询发货单列表 */
     getList() {