first commit

src/components/views/xmInfo.vue

@@ -0,0 +1,32 @@
+<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>