✨ feat: 首页增加销售看板

klp-ui/src/views/wms/order/components/RecommendationArea.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="recommendation-area">
-    <el-row :gutter="20">
+    <el-row :gutter="20" v-if="mode === 'normal'">
       <!-- 订单维度推荐 -->
       <el-col :span="12">
         <el-card shadow="hover" class="recommendation-card">
@@ -61,6 +61,32 @@
         </el-card>
       </el-col>
     </el-row>
+
+    <div class="recommendation-area-mini" v-else>
+      <el-card shadow="hover" class="recommendation-card">
+          <div class="table-container">
+            <el-table :data="materialRecommendations" size="small" height="320" v-loading="!materialRecommendations.length">
+              <el-table-column prop="materialName" label="原料名称" width="120" />
+              <el-table-column prop="recommendedPurchaseQuantity" label="推荐采购数量" width="120" />
+              <el-table-column prop="recommendedSupplier" label="推荐供应商" width="100" show-overflow-tooltip />
+              <el-table-column prop="urgencyLevel" label="紧急程度" width="80">
+                <template slot-scope="scope">
+                  <el-tag :type="getUrgencyType(scope.row.urgencyLevel)" size="mini">
+                    {{ scope.row.urgencyLevel }}
+                  </el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column prop="recommendationReason" label="推荐原因" width="150" show-overflow-tooltip />
+              <el-table-column prop="suggestedAction" label="建议操作" width="100" />
+              <el-table-column prop="estimatedArrivalTime" label="预计到货时间" width="120" />
+            </el-table>
+            <div v-if="!materialRecommendations.length" class="empty-data">
+              <i class="el-icon-warning-outline"></i>
+              <p>暂无推荐数据</p>
+            </div>
+          </div>
+        </el-card>
+    </div>
   </div>
 </template>
 
@@ -72,6 +98,10 @@ export default {
       type: Object,
       required: true,
       default: () => ({})
+    },
+    mode: {
+      type: String,
+      default: 'normal'
     }
   },
   computed: {