<template>
  <div class="space-y-6">
    <div class="p-4 border rounded-lg bg-card shadow-sm">
      <label class="text-sm font-medium mb-2 block">项目名称</label>
      <Input placeholder="请输入项目名称" class="max-w-md" />
    </div>

    <Table class="border rounded-md">
      <TableHeader>
        <TableRow>
          <TableHead>专业编码</TableHead>
          <TableHead>工程专业名称</TableHead>
          <TableHead>造价金额(万元)</TableHead>
          <TableHead>用地面积(亩)</TableHead>
          <TableHead class="text-right">操作</TableHead>
        </TableRow>
      </TableHeader>
      <TableBody>
        <TableRow v-for="i in 3" :key="i">
          <TableCell>010{{i}}</TableCell>
          <TableCell>土木工程建设</TableCell>
          <TableCell><Input type="number" class="h-8 w-24" value="1200" /></TableCell>
          <TableCell><Input type="number" class="h-8 w-24" value="50" /></TableCell>
          <TableCell class="text-right">
            <Button variant="ghost" size="sm" class="text-destructive">删除</Button>
          </TableCell>
        </TableRow>
      </TableBody>
    </Table>
    <Button variant="outline" class="w-full border-dashed"><Plus class="mr-2 h-4 w-4" /> 新增专业行</Button>
  </div>
</template>