feat 项目设置Info

src/components/deviceInfo.vue

@@ -0,0 +1,113 @@
+<script setup lang="ts">
+withDefaults(defineProps<{
+  systemName?: string
+  deviceId?: string
+  version?: string
+  registerStatus?: string
+  expiryDate?: string
+}>(), {
+  systemName: 'UCS300',
+  deviceId: 'XS64H-2024-001',
+  version: 'HZ_UCS_V2.1.2.260513',
+  registerStatus: '已激活',
+  expiryDate: '2026年8月14日16:25:24',
+})
+</script>
+
+<template>
+  <view class="device-info">
+    <text class="section-title">
+      关于设备
+    </text>
+
+    <view class="info-list">
+      <view class="info-item">
+        <text class="info-label">
+          系统名称
+        </text>
+        <text class="info-value">
+          {{ systemName }}
+        </text>
+      </view>
+
+      <view class="info-item">
+        <text class="info-label">
+          设备ID
+        </text>
+        <text class="info-value">
+          {{ deviceId }}
+        </text>
+      </view>
+
+      <view class="info-item">
+        <text class="info-label">
+          版本号
+        </text>
+        <text class="info-value">
+          {{ version }}
+        </text>
+      </view>
+
+      <view class="info-item">
+        <text class="info-label">
+          注册状态
+        </text>
+        <text class="info-value status-active">
+          {{ registerStatus }}
+        </text>
+      </view>
+
+      <view class="info-item">
+        <text class="info-label">
+          到期日期
+        </text>
+        <text class="info-value">
+          {{ expiryDate }}
+        </text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.device-info {
+  background-color: #ffffff;
+  border-radius: 12px;
+  margin-bottom: 12px;
+  padding: 16px;
+}
+
+.section-title {
+  font-size: 16px;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 16px;
+  display: block;
+}
+
+.info-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.info-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.info-label {
+  font-size: 14px;
+  color: #666;
+}
+
+.info-value {
+  font-size: 14px;
+  color: #333;
+}
+
+.status-active {
+  color: #52c41a;
+}
+</style>

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>

src/components/settings/projectSettings.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <view class="project-settings">
+    <!-- 设备卡片 -->
+    <device-card />
+
+    <!-- 项目设置表单 -->
+    <settings-projectForm />
+
+    <!-- 设备信息 -->
+    <device-info />
+  </view>
+</template>
+
+<style scoped>
+.project-settings {
+  display: flex;
+  flex-direction: column;
+}
+</style>

src/components/settings/radioSettings.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <view class="radio-settings">
+    <text>电台设置内容</text>
+  </view>
+</template>
+
+<style scoped>
+.radio-settings {
+  min-height: 280px;
+}
+</style>

src/components/settings/sensor.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <view class="sensor">
+    <text>传感器内容</text>
+  </view>
+</template>
+
+<style scoped>
+.sensor {
+  min-height: 280px;
+}
+</style>

src/components/settings/wifiSettings.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <view class="wifi-settings">
+    <text>WIFI设置内容</text>
+  </view>
+</template>
+
+<style scoped>
+.wifi-settings {
+  min-height: 280px;
+}
+</style>