<template>
  <div class="admin-products">
    <div class="page-header">
      <h2 class="page-title">商品管理</h2>
      <el-button type="primary">
        <el-icon class="mr-1"><Plus /></el-icon>
        添加商品
      </el-button>
    </div>
    
    <div class="content-card">
      <el-table :data="[]" stripe>
        <el-table-column prop="id" label="ID" width="80" />
        <el-table-column prop="name" label="商品名称" />
        <el-table-column prop="price" label="价格" />
        <el-table-column prop="stock" label="库存" />
        <el-table-column prop="status" label="状态" />
        <el-table-column label="操作" width="200">
          <template #default>
            <el-button text type="primary" size="small">编辑</el-button>
            <el-button text type="danger" size="small">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script setup lang="ts">
</script>

<style scoped lang="scss">
.admin-products {
  .page-header {
    @apply flex justify-between items-center mb-6;
    
    .page-title {
      @apply text-2xl font-bold;
    }
  }
  
  .content-card {
    @apply bg-white rounded-lg shadow-sm p-6;
  }
}
</style>