仓储汇总页面：添加采购中卡片，调整生产中和待投产宽度

src/views/WarehouseManagement/WarehouseSummary/index.vue

@@ -30,18 +30,24 @@
               <div class="stat-label">补货中</div>
             </el-card>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="4">
             <el-card class="stat-card" @click.native="showDetail('生产中')">
               <div class="stat-number">{{ statistics.生产中 }}</div>
               <div class="stat-label">生产中</div>
             </el-card>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="4">
             <el-card class="stat-card" @click.native="showDetail('待投产')">
               <div class="stat-number">{{ statistics.待投产 }}</div>
               <div class="stat-label">待投产</div>
             </el-card>
           </el-col>
+          <el-col :span="8">
+            <el-card class="stat-card" @click.native="showDetail('采购中')">
+              <div class="stat-number">{{ statistics.采购中 }}</div>
+              <div class="stat-label">采购中</div>
+            </el-card>
+          </el-col>
         </el-row>
       </div>
       <div style="margin-top: 20px">
@@ -84,7 +90,8 @@ export default {
         可出库: 0,
         补货中: 0,
         生产中: 0,
-        待投产: 0
+        待投产: 0,
+        采购中: 0
       },
       currentDetail: '',
       detailData: [],
@@ -136,6 +143,9 @@ export default {
       // 待投产数据：补货件查询组件中状态为未开始的订单数量
       this.getPendingProduction()
 
+      // 采购中数据：采购合同组件中状态为未到货的订单数量
+      this.getPurchasing()
+
       this.loading = false
     },
 
@@ -257,6 +267,21 @@ export default {
       })
     },
 
+    // 获取采购中数据
+    getPurchasing() {
+      var param = []
+      var Data = this.CreateData('11', '仓储管理_补货件查询', param)
+      this.ExecDatabase(Data).then(response => {
+        let count = 0
+        response.data.forEach(item => {
+          if (item.状态 === '未到') {
+            count++
+          }
+        })
+        this.statistics.采购中 = count
+      })
+    },
+
     // 显示详情
     showDetail(type) {
       this.currentDetail = type
@@ -281,6 +306,9 @@ export default {
         case '待投产':
           this.getPendingProductionDetail()
           break
+        case '采购中':
+          this.getPurchasingDetail()
+          break
       }
     },
 
@@ -393,6 +421,24 @@ export default {
         ]
         this.loading = false
       })
+    },
+
+    // 获取采购中详情
+    getPurchasingDetail() {
+      var param = []
+      var Data = this.CreateData('11', '仓储管理_补货件查询', param)
+      this.ExecDatabase(Data).then(response => {
+        this.detailData = response.data.filter(item => item.状态 === '未到')
+        this.detailColumns = [
+          { prop: '补货单号', label: '补货单号', width: '150px', align: 'center' },
+          { prop: '名称', label: '物料名称', width: '180px', align: 'center' },
+          { prop: '补货数', label: '补货数量', width: '100px', align: 'center' },
+          { prop: '状态', label: '状态', width: '100px', align: 'center' },
+          { prop: '补货日期', label: '补货日期', width: '150px', align: 'center' },
+          { prop: '补货期限', label: '补货期限', width: '150px', align: 'center' }
+        ]
+        this.loading = false
+      })
     }
   }
 }
@@ -478,4 +524,8 @@ export default {
   .stat-card:nth-child(6) .stat-number {
     color: #607d8b;
   }
+
+  .stat-card:nth-child(7) .stat-number {
+    color: #ff5722;
+  }
 </style>