32 lines
1.3 KiB
Vue
32 lines
1.3 KiB
Vue
<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> |