<template>
    <div class="table-section">
      <div class="table-title">待入库订单</div>
      <el-table :data="orders" border style="width: 100%">
        <el-table-column prop="order_no" label="订单编号" />
        <el-table-column prop="warehouse" label="仓库名称" />
        <el-table-column prop="created_at" label="下单时间" />
      </el-table>
    </div>
  </template>
  
  <script setup lang="ts" name="InboundOrders">
  const orders = [
    { order_no: 'ORD001', warehouse: '教学楼A仓库', created_at: '2025-07-18 09:00' },
    { order_no: 'ORD002', warehouse: '教学楼B仓库', created_at: '2025-07-18 10:30' },
    { order_no: 'ORD003', warehouse: '实验楼仓库', created_at: '2025-07-18 11:15' },
    { order_no: 'ORD004', warehouse: '图书馆仓库', created_at: '2025-07-18 13:00' },
    { order_no: 'ORD005', warehouse: '主楼仓库', created_at: '2025-07-18 14:45' },
    { order_no: 'ORD006', warehouse: '教学楼A仓库', created_at: '2025-07-18 15:30' },
  ];
  </script>
  
  <style scoped>
  .table-section {
    margin-top: 20px;
  }
  .table-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  </style>
  