From 4ce729a73a0a22f8c62fb5e66213820ebc3785fc Mon Sep 17 00:00:00 2001
From: huangchenhao <123673748@qq.com>
Date: Tue, 7 Apr 2026 14:39:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=81=A2=E5=A4=8D=E9=87=8D=E5=BB=BA?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/mobile/src/components/CardItem.vue   |   2 +-
 packages/mobile/src/router/index.js           |   5 +
 packages/mobile/src/views/Home.vue            |   7 +
 packages/mobile/src/views/Rebuild/Rebuild.vue | 151 ++++++++++++++++++
 4 files changed, 164 insertions(+), 1 deletion(-)
 create mode 100644 packages/mobile/src/views/Rebuild/Rebuild.vue

diff --git a/packages/mobile/src/components/CardItem.vue b/packages/mobile/src/components/CardItem.vue
index b272bac..1018ab6 100644
--- a/packages/mobile/src/components/CardItem.vue
+++ b/packages/mobile/src/components/CardItem.vue
@@ -39,7 +39,7 @@ const props = defineProps({
 .card-item {
   position: relative;
   width: 100%;
-  padding: 21px 50px 17px 10px;
+  padding: 20px;
   background-color: #fff;
   border-radius: 8px;
 }
diff --git a/packages/mobile/src/router/index.js b/packages/mobile/src/router/index.js
index 9222cb0..e1479c6 100644
--- a/packages/mobile/src/router/index.js
+++ b/packages/mobile/src/router/index.js
@@ -80,6 +80,11 @@ const routes = [
     path: '/warningMessageHandle',
     name: 'WarningMessageHandle',
     component: () => import('../views/WarningMessage/WarningMessageHandle.vue')
+  },
+  {
+    path: '/rebuild',
+    name: 'Rebuild',
+    component: () => import('../views/Rebuild/Rebuild.vue')
   }
 ]
 
diff --git a/packages/mobile/src/views/Home.vue b/packages/mobile/src/views/Home.vue
index 2f54a4e..9114bdf 100644
--- a/packages/mobile/src/views/Home.vue
+++ b/packages/mobile/src/views/Home.vue
@@ -107,6 +107,13 @@ const gridItems = [
       name: "WarningMessage",
     },
   },
+  {
+    icon: group106Icon,
+    text: '恢复重建',
+    to: {
+      name: 'Rebuild',
+    }
+  }
 ];
 
 // 获取当前登录用于就职的养护站信息
diff --git a/packages/mobile/src/views/Rebuild/Rebuild.vue b/packages/mobile/src/views/Rebuild/Rebuild.vue
new file mode 100644
index 0000000..4b5ff44
--- /dev/null
+++ b/packages/mobile/src/views/Rebuild/Rebuild.vue
@@ -0,0 +1,151 @@
+<template>
+    <PageContainer title="恢复重建" @click-back="handleClickBack">
+        <SearchInput v-model="searchValue" />
+
+        <CurrentSite />
+
+        <div class="list-panel">
+            <CardItem v-for="(item, index) in list" :key="index" :title="`${item.area} ${item.rNumber} ${item.type}`"
+                @click="handleClickItem(item)">
+                <template #headerExtra>
+                    <van-tag v-if="item.status === '审批通过'" type="success" round size="large">{{ item.status }}</van-tag>
+                    <van-tag v-else-if="item.status === '审批驳回'" type="danger" round size="large">{{ item.status
+                    }}</van-tag>
+                    <van-tag v-else type="warning" round size="large">{{ item.status }}</van-tag>
+                </template>
+
+                <div class="content">
+                    <div class="left-info">
+                        <div><span class="label">起止桩号：</span><span class="value">{{ item.stationNumber }}</span></div>
+                        <div><span class="label">路况位置：</span><span class="value">{{ item.position }}</span></div>
+                        <div><span class="label">提交日期：</span><span class="value">{{ item.publishTime }}</span></div>
+                    </div>
+                    <div class="right-arrow" @click.stop="handleClickItem(item)">
+                        <van-icon name="arrow" />
+                    </div>
+                </div>
+            </CardItem>
+
+            <!-- 空状态提示 -->
+            <EmptyBox v-if="list.length === 0" placeholder="暂无相关预警信息" />
+        </div>
+
+        <van-button type="primary" class="add-btn" icon="plus" @click="handleAddDevice">
+            项目填报
+        </van-button>
+    </PageContainer>
+</template>
+
+<script setup>
+import { ref, onMounted, watch } from 'vue'
+import { useRouter, useRoute } from 'vue-router'
+import PageContainer from '@/components/PageContainer.vue'
+import SearchInput from '@/components/SearchInput.vue'
+import CurrentSite from '@/components/CurrentSite.vue'
+import CardItem from '@/components/CardItem.vue'
+import EmptyBox from '@/components/EmptyBox.vue'
+
+const router = useRouter()
+
+onMounted(() => {
+    getData()
+})
+
+const getData = async () => {
+}
+
+// 搜索关键词
+const searchValue = ref('')
+
+// 预警列表数据
+const list = ref([
+    {
+        area: '彭水',
+        rNumber: 'G211',
+        type: '发生水毁道路崩塌恢复重建',
+        stationNumber: 'K1674.16-1678.84',
+        position: '徐家镇村口南分叉路口',
+        publishTime: '2025-05-20',
+        status: '审批通过'
+    },
+    {
+        area: '巴南',
+        rNumber: 'S303',
+        type: '道路发生边坡坍塌',
+        stationNumber: 'K1674.16-1678.84',
+        position: '徐家镇村口南分叉路口',
+        publishTime: '2025-05-20',
+        status: '审批驳回'
+    },
+    {
+        area: '彭水',
+        rNumber: 'G211',
+        type: '道路崩塌改造工程',
+        stationNumber: 'K1674.16-1678.84',
+        position: '徐家镇村口南分叉路口',
+        publishTime: '2025-05-20',
+        status: '审批通过'
+    },
+])
+
+
+const handleClickBack = () => {
+    router.push('/')
+}
+
+const handleAddDevice = () => {
+    router.push('/rebuild-add')
+}
+
+
+</script>
+
+<style scoped lang="scss">
+.list-panel {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.content {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.left-info {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    font-size: 14px;
+
+    .label {
+        color: #666;
+    }
+
+    .value {
+        color: #aaa;
+    }
+}
+
+.right-arrow {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    cursor: pointer;
+}
+
+.add-btn {
+    position: fixed;
+    bottom: 20px;
+    left: 16px;
+    right: 16px;
+    width: calc(100% - 32px);
+    margin: 0 auto;
+    border-radius: 24px;
+    font-size: 16px;
+    height: 44px;
+    z-index: 999;
+}
+</style>
\ No newline at end of file