<template>
    <div class="table-section">
      <div class="table-title">库存预警</div>
      <el-table :data="alerts" border style="width: 100%">
        <el-table-column prop="product_id" label="商品编号" />
        <el-table-column prop="product_name" label="商品名称" />
        <el-table-column prop="stock" label="库存数量" />
        <el-table-column prop="location" label="库位号" />
      </el-table>
    </div>
  </template>
  
  <script setup lang="ts" name="StockAlerts">
  const alerts = [
    { product_id: 'P001', product_name: '镜头A', stock: 2, location: 'B-1-01' },
    { product_id: 'P002', product_name: '三脚架B', stock: 1, location: 'B-1-02' },
  ];
  </script>
  
  <style scoped>
  .table-section {
    margin-top: 20px;
  }
  .table-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  </style>
  