feat 项目设置Info

src/components/settings/projectForm.vue

@@ -0,0 +1,78 @@
+<script setup lang="ts">
+const projectName = ref('')
+const startEndStation = ref('k12+300-k125+800')
+const totalArea = ref('')
+
+function handleSave() {
+  console.log('保存项目设置')
+}
+</script>
+
+<template>
+  <view class="project-form">
+    <view class="form-item">
+      <text class="form-label">
+        项目名称
+      </text>
+      <wd-input v-model="projectName" placeholder="请输入项目名称，保存后将显示首页顶部" />
+    </view>
+
+    <view class="form-item">
+      <text class="form-label">
+        起止桩号
+      </text>
+      <view class="input-with-button">
+        <wd-input v-model="startEndStation" placeholder="请输入起止桩号" />
+        <wd-button size="small" type="primary" class="map-btn">
+          地图框选
+        </wd-button>
+      </view>
+    </view>
+
+    <view class="form-item">
+      <text class="form-label">
+        项目设计总面积 (m²)
+      </text>
+      <wd-input v-model="totalArea" placeholder="请输入项目设计总面积" />
+    </view>
+
+    <wd-button type="primary" block class="save-btn" @tap="handleSave">
+      保存
+    </wd-button>
+  </view>
+</template>
+
+<style scoped>
+.project-form {
+  background-color: #ffffff;
+  border-radius: 12px;
+  margin-bottom: 12px;
+  padding: 16px;
+}
+
+.form-item {
+  margin-bottom: 16px;
+}
+
+.form-label {
+  font-size: 14px;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 8px;
+  display: block;
+}
+
+.input-with-button {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.map-btn {
+  flex-shrink: 0;
+}
+
+.save-btn {
+  margin-top: 8px;
+}
+</style>