diff --git a/App.vue b/App.vue
index 0bb9183..201bb66 100644
--- a/App.vue
+++ b/App.vue
@@ -48,6 +48,35 @@ page {
   height: 100%;
 }
 
+// 卡片列表样式
+.common-card-list {
+  .common-card-title {
+
+  }
+
+  .u-body-item {
+    margin-bottom: 16rpx;
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .u-body-value {
+    flex: 1
+  }
+}
+
+
+// 通用样式
+.common-item-center {
+  align-items: center;
+}
+
+.common-justify-between {
+  justify-content: space-between;
+}
+
+
 // 底部按钮样式
 .fixed-bottom-btn-wrap {
   position: fixed;
diff --git a/api/maintain-manage/maintain-manage.js b/api/maintain-manage/maintain-manage.js
index 9d59be6..b12cc0f 100644
--- a/api/maintain-manage/maintain-manage.js
+++ b/api/maintain-manage/maintain-manage.js
@@ -29,9 +29,28 @@ export const getRoadDetails = (params) => {
 };
 
 /**
- *  巡查计划完成详情
+ *  新增养护计划
  * @returns {Promise}
  */
-export const inspectionCreate = (data) => {
-  return get('/app-api/app/garden/inspection-plan-commit/create',data);
+export const maintainCreate = (data) => {
+  return post('/app-api/app/garden/maintain-plan-commit/create',data);
 };
+
+/**
+ *  未完成养护计划
+ * @returns {Promise}
+ */
+export const notFinish = (data) => {
+  return post('/app-api/app/garden/maintain-plan-detail/get/not-finish',data);
+};
+
+
+/**
+ *  计划详情
+ * @returns {Promise}
+ */
+export const detailList = (data) => {
+  return post('/app-api/app/garden/maintain-plan-commit/page',data);
+};
+
+
diff --git a/pages-sub/daily/maintain-manage/add-record.vue b/pages-sub/daily/maintain-manage/add-record.vue
new file mode 100644
index 0000000..94d8880
--- /dev/null
+++ b/pages-sub/daily/maintain-manage/add-record.vue
@@ -0,0 +1,371 @@
+<template>
+  <view class="u-page">
+    <!-- 核心：将所有 up-form-item 包裹在同一个 up-form 内 -->
+    <view class="inspect-form-content commonPageLRpadding">
+      <up-form
+          label-position="left"
+          :model="inspectForm"
+          ref="inspectFormRef"
+          labelWidth="140rpx"
+      >
+        <!-- 1. 巡查描述（文本域） -->
+        <up-form-item
+            prop="content"
+            class="form-item"
+        >
+          <up-textarea
+              v-model="inspectForm.remark"
+              placeholder="请输入巡查描述"
+              maxlength="200"
+              count
+          ></up-textarea>
+        </up-form-item>
+
+        <!-- 2. 上传图片 -->
+        <up-form-item
+            label="上传图片"
+            prop="images"
+            required
+            border-bottom
+            class="form-item"
+        >
+          <up-upload
+              :file-list="imagesList"
+              @after-read="(event) => uploadImgs(event)"
+              @delete="(event) => deleteImg(event)"
+              @on-exceed="handleExceed"
+              multiple
+              :max-count="3"
+              upload-text="选择图片"
+              del-color="#ff4d4f"
+              class="upload-wrap"
+          ></up-upload>
+        </up-form-item>
+
+        <!-- 3. 完成进度（滑块） -->
+        <up-form-item
+            label="完成进度"
+            prop="progress"
+            required
+            class="form-item"
+        >
+          <view class="progress-wrap">
+            <up-slider
+                v-model="inspectForm.progress"
+                :min="initProgress"
+                :max="100"
+
+                active-color="#1989fa"
+                inactive-color="#e5e5e5"
+                block-size="24"
+                class="progress-slider"
+            ></up-slider>
+            <view class="progress-value">{{ inspectForm.progress }}%</view>
+            <view class="progress-tips" v-if="inspectForm.progress <= initProgress">
+              进度低于等于{{ initProgress }}%，无法调整
+            </view>
+          </view>
+        </up-form-item>
+
+      </up-form>
+    </view>
+
+    <!-- 底部提交按钮 -->
+    <view class="fixed-bottom-btn-wrap">
+      <up-button
+          type="primary"
+          text="提交"
+          @click="submitInspect"
+          :style="{ width: '100%', height: '88rpx', fontSize: '32rpx', borderRadius: 0 }"
+      ></up-button>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import type { UniFormRef } from '@/uni_modules/uview-plus/types'
+// 定义ref供选项式API使用
+const inspectFormRef = ref<UniFormRef>(null)
+</script>
+
+<script lang="ts">
+import { uploadImages } from '@/common/utils/upload';
+import { maintainCreate } from  "@/api/maintain-manage/maintain-manage";
+
+export default {
+  data() {
+    return {
+      // 图片列表
+      imagesList: [],
+      // 从URL获取的初始进度值
+      initProgress: 0,
+      // 巡查表单数据
+      inspectForm: {
+        remark: '',        // 巡查描述
+        progress: 0         // 完成进度（0-100）
+      },
+      paramsOptins: {},     // 接受参数
+      // 表单校验规则
+      inspectFormRules: {
+        images: [
+          {
+            required: true,
+            message: '请上传图片',
+            trigger: 'change',
+            validator: (rule, value, callback) => {
+              // 自定义校验规则：检查是否有成功上传的图片
+              const hasSuccessImg = this.imagesList.some(item => item.status === 'success')
+              const imgCount = this.imagesList.filter(item => item.status === 'success').length
+
+              if (!hasSuccessImg || imgCount < 1) {
+                callback(new Error('最少需要上传1张图片'))
+              } else if (imgCount > 3) {
+                callback(new Error('最多只能上传3张图片'))
+              } else {
+                callback()
+              }
+            }
+          }
+        ],
+        progress: [
+          {
+            type: 'number',
+            required: true,
+            message: '请设置完成进度',
+            trigger: ['change'],
+            validator: (rule, value, callback) => {
+              // 自定义校验：进度必须大于初始进度值
+              if (value <= this.initProgress) {
+                callback(new Error(`完成进度必须大于${this.initProgress}%`))
+              } else {
+                callback()
+              }
+            }
+          }
+        ]
+      }
+    }
+  },
+  onLoad(option) {
+    console.log('页面参数：', option)
+    this.paramsOptins = option
+
+    // 从URL参数中获取进度值，默认0
+    this.initProgress = option.progress ? Number(option.progress) : 0
+    // 设置表单初始进度值
+    this.inspectForm.progress = this.initProgress
+
+    console.log('初始进度值：', this.initProgress)
+  },
+  onReady() {
+    // 兼容微信小程序，通过setRules设置校验规则
+    this.$refs.inspectFormRef.setRules(this.inspectFormRules)
+    console.log('巡查表单规则初始化完成')
+  },
+  methods: {
+    /**
+     * 删除图片
+     */
+    deleteImg(event) {
+      console.log('删除图片事件：', event)
+      this.imagesList.splice(event.index, 1)
+      // 删除图片后重新校验图片字段
+      this.$refs.inspectFormRef.validateField('images')
+      uni.showToast({ title: '图片删除成功', icon: 'success' })
+    },
+
+    /**
+     * 上传图片
+     */
+    async uploadImgs(event) {
+      console.log('上传图片事件：', event)
+      const fileList = Array.isArray(event.file) ? event.file : [event.file]
+      const targetImgList = this.imagesList
+
+      const filePaths = fileList.map(item => item.url)
+      const tempItems = fileList.map(item => ({
+        ...item,
+        status: 'uploading',
+        message: '上传中'
+      }))
+      const startIndex = targetImgList.length
+      targetImgList.push(...tempItems)
+
+      try {
+        const uploadResultUrls = await uploadImages({
+          filePaths: filePaths,
+          ignoreError: true
+        })
+        console.log('上传成功的URL列表：', uploadResultUrls)
+
+        uploadResultUrls.forEach((url, index) => {
+          if (targetImgList[startIndex + index]) {
+            targetImgList.splice(startIndex + index, 1, {
+              ...fileList[index],
+              status: 'success',
+              message: '',
+              url: url
+            })
+          }
+        })
+
+        if (uploadResultUrls.length < fileList.length) {
+          const failCount = fileList.length - uploadResultUrls.length
+          for (let i = uploadResultUrls.length; i < fileList.length; i++) {
+            if (targetImgList[startIndex + i]) {
+              targetImgList.splice(startIndex + i, 1, {
+                ...fileList[i],
+                status: 'failed',
+                message: '上传失败'
+              })
+            }
+          }
+          uni.showToast({ title: `成功上传${uploadResultUrls.length}张，失败${failCount}张`, icon: 'none' })
+        } else {
+          uni.showToast({ title: `成功上传${fileList.length}张图片`, icon: 'success' })
+        }
+
+        // 上传完成后重新校验图片字段
+        this.$refs.inspectFormRef.validateField('images')
+      } catch (err) {
+        console.error('图片上传失败：', err)
+        for (let i = 0; i < fileList.length; i++) {
+          if (targetImgList[startIndex + i]) {
+            targetImgList.splice(startIndex + i, 1, {
+              ...fileList[i],
+              status: 'failed',
+              message: '上传失败'
+            })
+          }
+        }
+        uni.showToast({ title: '图片上传失败，请重试', icon: 'none' })
+
+        // 上传失败后重新校验图片字段
+        this.$refs.inspectFormRef.validateField('images')
+      }
+    },
+
+    /**
+     * 处理图片超出数量限制
+     */
+    handleExceed() {
+      uni.showToast({ title: '最多只能上传3张图片', icon: 'none' })
+    },
+
+    /**
+     * 提取图片URL数组
+     */
+    getImgUrlList(imgList) {
+      return imgList.filter(item => item.status === 'success').map(item => item.url)
+    },
+
+    /**
+     * 提交巡查表单
+     */
+    async submitInspect() {
+      console.log('当前完成进度：', this.inspectForm.progress)
+      try {
+        // 先执行表单校验
+        await this.$refs.inspectFormRef.validate()
+        console.log('图片列表：', this.imagesList)
+
+        // 构造提交数据
+        const submitData = {
+          // "batchNo": this.paramsOptins.batchNo,
+          totalFinishPercent:this.inspectForm.progress,
+          "planNo": this.paramsOptins.planNo,
+          "imgHost": "1",
+          "beginImg": this.getImgUrlList(this.imagesList),
+          "commonUserList":[],
+          // "userId": '',
+          // "userName": '',
+          "remark": this.inspectForm.remark // 备注中记录进度
+        }
+
+        // 显示加载中
+        uni.showLoading({ title: '提交中...' })
+
+        await maintainCreate(submitData)
+
+        uni.hideLoading()
+        uni.showToast({
+          title: '提交成功',
+          icon: 'success',
+          duration: 1000
+        })
+        // uni.navigateTo({
+        //   url: `/pages-sub/daily/maintain-manage/add-record?finishState=${item.finishState}&planNo=${item.planNo}&finishPercent=${item.finishPercent}`
+        // })
+        // 延迟跳转（等待提示框显示完成）
+        setTimeout(() => {
+          uni.redirectTo({
+            url: '/pages-sub/daily/maintain-manage/road-detail-list'
+          })
+        }, 1000)
+
+      } catch (error) {
+        // 隐藏加载框
+        uni.hideLoading()
+
+        // 区分是表单校验失败还是接口调用失败
+        if (Array.isArray(error)) {
+          // 表单校验失败 - 静默处理（uView会自动提示）
+        } else {
+          // 接口调用失败
+          console.error('巡查表单提交失败：', error)
+          uni.showToast({
+            title: '提交失败，请重试',
+            icon: 'none',
+            duration: 2000
+          })
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+// 全局页面样式
+.u-page {
+  background-color: #f5f5f5;
+  min-height: 100vh;
+}
+
+// 巡查表单内容容器
+.inspect-form-content {
+  background: #fff;
+  padding: 20rpx;
+  margin-bottom: 20rpx;
+}
+
+// 进度滑块样式
+.progress-wrap {
+  width: 100%;
+
+  .progress-slider {
+    margin: 20rpx 0;
+  }
+
+  .progress-value {
+    text-align: right;
+    font-size: 28rpx;
+    color: #333;
+    margin-bottom: 10rpx;
+  }
+
+  .progress-tips {
+    font-size: 24rpx;
+    color: #ff4d4f;
+    margin-top: 10rpx;
+  }
+}
+
+// 表单项目间距
+.form-item {
+  margin-bottom: 20rpx;
+}
+
+
+</style>
\ No newline at end of file
diff --git a/pages-sub/daily/maintain-manage/finish-plan-detail.vue b/pages-sub/daily/maintain-manage/finish-plan-detail.vue
new file mode 100644
index 0000000..5ae7500
--- /dev/null
+++ b/pages-sub/daily/maintain-manage/finish-plan-detail.vue
@@ -0,0 +1,220 @@
+<template>
+  <view class="u-page">
+    <!-- 页面级加载组件 -->
+    <up-loading-page
+        v-if="loading"
+        :loading="true"
+        title="加载中..."
+        color="#3c9cff"
+    ></up-loading-page>
+
+    <!-- 内容容器 -->
+    <view v-else class="content-wrap">
+
+
+      <template v-for="(i, index) in orderDetail" :key="index">
+        <!-- 工单详情内容 -->
+        <up-cell-group :border="false" inset style="margin: 20rpx;">
+          <!-- 1. 工单编号 -->
+          <up-cell
+              :title="i.planName"
+
+              class="up-line-1"
+              align="middle"
+          ></up-cell>
+
+          <!-- 2. 工单位置 -->
+          <up-cell
+              title="计划编码"
+              :value="i.planNo || '--'"
+              class="up-line-1"
+              align="middle"
+          ></up-cell>
+
+          <!-- 3. 工单名称 -->
+          <up-cell
+              title="养护周期"
+              :value="`${i.rate}${uni.$dict.getDictLabel('cycle_id_type', i.cycleId)}`"
+              class="up-line-1"
+              align="middle"
+          ></up-cell>
+
+          <!-- 4. 情况描述 -->
+          <up-cell
+              title="计划有效期"
+              :value="`${timeFormat(i.beginTime,'yy-mm-dd hh:MM:ss')} 至 ${timeFormat(i. endTime,'yy-mm-dd hh:MM:ss')}`"
+              class="up-line-1"
+              align="middle"
+          ></up-cell>
+
+          <!-- 5. 问题照片（核心修复：判断条件+空值处理） -->
+          <up-cell title="照片" >
+            <template #value>
+              <view class="cell-content-wrap">
+
+                <!-- 修复1：正确判断problemImgsList，补充空数组默认值 -->
+                <up-album
+                    v-if="!!i.imgList?.length"
+                    :urls="i.imgList || []"
+                    singleSize="70"
+                    :preview-full-image="true"
+
+                ></up-album>
+                <text v-else class="empty-text">暂无问题照片</text>
+              </view>
+            </template>
+          </up-cell>
+
+          <!-- 7. 处理结果 -->
+          <up-cell
+              title="巡查描述"
+              :value="i.remark || '--'"
+              class="up-line-1"
+              align="middle"
+              :border="false"
+          ></up-cell>
+
+          <up-cell
+              title="提交时间"
+              :value="timeFormat(i.finishTime,'yy-mm-dd hh:MM:ss') || '--'"
+              class="up-line-1"
+              align="middle"
+              :border="false"
+          ></up-cell>
+
+
+          <up-cell
+              title="提交人"
+              :value="i.userName || '--'"
+              class="up-line-1"
+              align="middle"
+              :border="false"
+          ></up-cell>
+        </up-cell-group>
+      </template>
+
+
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive } from 'vue';
+import { detailList } from "@/api/maintain-manage/maintain-manage";
+import { onLoad, onShow } from '@dcloudio/uni-app';
+import { timeFormat } from '@/uni_modules/uview-plus';
+
+// 状态管理
+const loading = ref(true);
+const orderDetail = ref([]);
+
+
+
+/**
+ * 获取工单详情
+ */
+const getOrderDetail = async (planNo: string) => {
+  try {
+    loading.value = true;
+    const res = await detailList({  planNo });
+    console.log('接口返回：', res);
+    // 优化：确保图片数组为数组类型，避免非数组导致渲染错误
+    orderDetail.value = {
+      ...res,
+      problemImgsList: Array.isArray(res.problemImgsList) ? res.problemImgsList : [],
+      completeImgsList: Array.isArray(res.completeImgsList) ? res.completeImgsList : []
+    };
+  } catch (error) {
+    console.error('获取工单详情失败：', error);
+    uni.showToast({ title: '加载失败，请重试', icon: 'none' });
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 页面加载
+onLoad((options) => {
+  const { planNo } = options;
+  if (planNo) {
+    getOrderDetail(planNo);
+  } else {
+    loading.value = false;
+    uni.showToast({ title: '缺少工单ID', icon: 'none' });
+  }
+});
+</script>
+
+<style scoped lang="scss">
+// 页面基础样式
+.u-page {
+  min-height: 100vh;
+  background-color: #f5f5f5;
+  box-sizing: border-box;
+}
+
+// 内容容器
+.content-wrap {
+  background: #fff;
+  width: 100%;
+  box-sizing: border-box;
+  overflow-y: auto;
+  min-height: calc(100vh - 40rpx);
+}
+
+
+
+// 空文本样式
+.empty-text {
+  color: #999;
+  font-size: 28rpx;
+  line-height: 80rpx;
+  display: block;
+  text-align: left;
+}
+
+// 优化uview组件样式
+:deep(.up-cell-group) {
+  --u-cell-group-background-color: #fff;
+  --u-cell-group-border-radius: 12rpx;
+  --u-cell-group-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
+}
+
+:deep(.up-cell) {
+  --u-cell-title-font-size: 28rpx;
+  --u-cell-value-font-size: 28rpx;
+  --u-cell-title-color: #666;
+  --u-cell-value-color: #333;
+  --u-cell-padding: 20rpx 15rpx;
+  --u-cell-border-color: #f5f5f5;
+}
+
+// 相册样式优化（关键：适配图片展示）
+:deep(.up-album) {
+  width: 100%;
+  box-sizing: border-box;
+}
+
+:deep(.up-album__list) {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 0;
+  margin: 0;
+}
+
+:deep(.up-album__item) {
+  width: calc(33.333% - 10rpx);
+  height: 200rpx; // 固定图片高度，避免变形
+  margin: 5rpx;
+  border-radius: 8rpx;
+  overflow: hidden;
+  background-color: #f8f8f8;
+}
+
+:deep(.up-album__image) {
+  width: 100%;
+  height: 100%;
+  object-fit: cover; // 图片裁剪填充，避免拉伸
+}
+
+
+</style>
\ No newline at end of file
diff --git a/pages-sub/daily/maintain-manage/index.vue b/pages-sub/daily/maintain-manage/index.vue
index cc9581f..1556569 100644
--- a/pages-sub/daily/maintain-manage/index.vue
+++ b/pages-sub/daily/maintain-manage/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="main-container">
+  <view class="page-container">
     <!-- 吸顶区域 -->
     <up-sticky>
       <view class="sticky-wrap">
@@ -50,84 +50,122 @@
         ref="pagingRef"
         v-model="currentList"
         @query="fetchData"
-        :top="200"
-    :bottom="20"
-    :page-size="pageSize"
+        :auto-show-system-loading="true"
     >
     <!-- 空数据提示 -->
     <template #empty>
       <empty-view/>
     </template>
 
-    <!-- 加载中提示（z-paging内置，可自定义） -->
-    <template #loading>
-      <view class="loading-tip">
-        <up-loading-page text="加载中..."></up-loading-page>
-      </view>
-    </template>
-
-    <!-- 列表内容 -->
-    <view class="content-wrap">
       <!-- 道路类型卡片 -->
-      <view v-if="activeType === '道路'" class="card-list">
-        <view
-            class="card-item"
-            v-for="(item, index) in currentList"
-            :key="index"
+      <view v-if="activeType === '道路'" class="common-card-list" style="padding-top: 144px;">
+
+        <up-card
+            :border="false"
+            :foot-border-top="false"
+            ：head-border-bottom="false"
+            v-for="(item,index) in currentList"
+            :key="`${item.planNo}_${index}`"
+            :show-header="false"
         >
-          <view class="card-content">
-            <view class="card-text up-line-1">
-              <span class="field-name">道路名称：</span>{{ item.roadName || '-' }}
-            </view>
-            <view class="card-text up-line-1">
-              <span class="field-name">所属街道：</span>{{ item.streetName || '-' }}
-            </view>
-            <!-- 养护级别行增加计划明细按钮 -->
-            <view class="card-text up-line-1">
-              <span class="field-name">养护级别：</span>{{uni.$dict.getDictLabel('conserve_level', item.levelId) || '-'}}
-              <view class="inline-action" @click="goToDetail(item)">
-                计划明细
+          <template #body>
+            <view class="card-body">
+              <view class="u-body-item u-flex">
+                <view class="u-body-item-title">道路名称：</view>
+                <view class="u-line-1 u-body-value">{{ item.roadName || '-' }}</view>
+              </view>
+
+              <view class="u-body-item u-flex">
+                <view class="u-body-item-title">所属街道：</view>
+                <view class="u-line-1 u-body-value">{{ item.streetName }}
+                </view>
+              </view>
+
+              <view class="u-body-item u-flex common-item-center common-justify-between">
+                <view class="u-body-item-title">养护级别： {{uni.$dict.getDictLabel('conserve_level', item.levelId) || '-'}}</view>
+                <view class="u-line-1">
+                  <up-button
+                      type="primary"
+                      size="mini"
+                      @click="goToDetail(item)"
+                      class="submit-record-btn"
+                  >
+                    计划明细
+                  </up-button>
+                </view>
+              </view>
+
+              <view class="u-body-item u-flex">
+                <view class="u-body-item-title">计划时间：</view>
+                <view class="u-line-1 u-body-value">{{ timeFormat(item.beginTime, 'yyyy-mm-dd') || '-' }} 至
+                  {{ timeFormat(item.endTime, 'yyyy-mm-dd') || '-' }}
+                </view>
               </view>
             </view>
-            <view class="card-text up-line-1">
-              <span class="field-name">计划时间：</span>{{ timeFormat(item.beginTime,'yyyy-mm-dd') || '-'}} 至 {{ timeFormat(item.endTime,'yyyy-mm-dd') || '-'}}
-            </view>
-          </view>
-        </view>
+          </template>
+        </up-card>
       </view>
 
       <!-- 其他养护类型卡片（补植/浇水等） -->
-      <view v-else class="card-list">
-        <view
-            class="card-item"
-            v-for="(item, index) in currentList"
-            :key="index"
+      <view v-else class="common-card-list" style="padding-top: 144px;">
+
+        <up-card
+            :border="false"
+            :foot-border-top="false"
+            v-for="(item,index) in currentList"
+            :key="`${item.planNo}_${index}`"
+
         >
-          <view class="card-content">
-            <view class="card-text up-line-1 font-bold">{{ item.planName || '-' }}</view>
-            <view class="card-text up-line-1">
-              <span class="field-name">计划编码：</span>{{ item.planNo || '-' }}
-            </view>
-            <view class="card-text up-line-1">
-              <span class="field-name">养护周期：</span>{{ item.rate || '-' }} {{ uni.$dict.getDictLabel('cycle_id_type', item.cycleId) }}
-            </view>
-            <view class="card-text up-line-1">
-              <span class="field-name">计划完成次数：</span>{{ item.planNum || 0 }}
+          <!-- 自定义标题区域 -->
+          <template #head>
+            <view class="card-header">
+              <view class="common-card-title  u-line-1">{{ item.planName || '无计划名称' }}</view>
             </view>
-            <!-- 已完成次数行增加提交记录按钮 -->
-            <view class="card-text up-line-1">
-              <span class="field-name">完成比较：</span>{{ item.finishPercent || 0 }}%
-              <view class="inline-action submit-btn" @click="submitRecord(item)">
-                提交记录
+          </template>
+
+          <template #body>
+            <view class="card-body">
+              <view class="u-body-item u-flex">
+                <view class="u-body-item-title">计划编码：</view>
+                <view class="u-line-1 u-body-value">{{ item.planNo || '-' }}</view>
+              </view>
+              <view class="u-body-item u-flex">
+                <view class="u-body-item-title">养护周期：</view>
+                <view class="u-line-1 u-body-value">{{ item.rate || '-' }}
+                  {{ uni.$dict.getDictLabel('cycle_id_type', item.cycleId) }}
+                </view>
+              </view>
+
+              <view class="u-body-item u-flex common-item-center common-justify-between">
+                <view class="u-body-item-title">计划完成次数： {{ item.planNum || 0 }}</view>
+                <view class="u-line-1">
+                  <up-button
+                      type="primary"
+                      size="mini"
+                      @click="submitRecord(item)"
+                      class="submit-record-btn"
+                  >
+                    提交记录
+                  </up-button>
+                </view>
+              </view>
+
+              <view class="u-body-item u-flex">
+                <view class="u-body-item-title">已完成比例：</view>
+                <view class="u-line-1 u-body-value">{{ item.finishPercent || 0 }}%</view>
+              </view>
+
+              <view class="u-body-item u-flex">
+                <view class="u-body-item-title">计划有效期：</view>
+                <view class="u-line-1 u-body-value">{{ timeFormat(item.beginTime, 'yyyy-mm-dd') || '-' }} 至
+                  {{ timeFormat(item.endTime, 'yyyy-mm-dd') || '-' }}
+                </view>
               </view>
             </view>
-            <view class="card-text up-line-1">
-              <span class="field-name">计划有效期：</span> {{timeFormat(item.beginTime,'yy-mm-dd hh:MM:ss')}} 至 {{timeFormat(item.endTime,'yy-mm-dd hh:MM:ss')}}
-            </view>
-          </view>
-        </view>
+          </template>
+        </up-card>
+
       </view>
-    </view>
     </z-paging>
   </view>
 </template>
@@ -298,7 +336,7 @@ onLoad(() => {
 
 // 内容区域样式
 .content-wrap {
-  padding: 20rpx;
+  padding:200rpx 20rpx 20rpx;
   box-sizing: border-box;
 }
 
@@ -361,21 +399,5 @@ onLoad(() => {
   }
 }
 
-// 空数据提示
-.empty-tip {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 300rpx;
-  font-size: 28rpx;
-  color: #999;
-}
 
-// 加载中提示
-.loading-tip {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 300rpx;
-}
 </style>
\ No newline at end of file
diff --git a/pages-sub/daily/maintain-manage/pending-plan-detail.vue b/pages-sub/daily/maintain-manage/pending-plan-detail.vue
new file mode 100644
index 0000000..527e533
--- /dev/null
+++ b/pages-sub/daily/maintain-manage/pending-plan-detail.vue
@@ -0,0 +1,176 @@
+<template>
+  <view class="pending-plan-detail">
+    <!-- 计划详情卡片 -->
+    <view class="detail-card" v-for="i in planInfo" :key="i.planNo">
+      <!-- 标题行 -->
+      <view class="detail-item">
+        <text class="label">计划名称：</text>
+        <text class="value up-line-1">{{ i.planName || '-' }}</text>
+      </view>
+
+      <!-- 计划编码行 -->
+      <view class="detail-item">
+        <text class="label">计划编码：</text>
+        <text class="value up-line-1">{{ i.planNo || '-' }}</text>
+      </view>
+
+      <!-- 养护周期行 -->
+      <view class="detail-item">
+        <text class="label">养护周期：</text>
+        <text class="value up-line-1">{{ i.rate || '-' }} {{ uni.$dict.getDictLabel('cycle_id_type', i.cycleId) }}
+        </text>
+      </view>
+      <!--      cycle_id_type-->
+      <!-- 计划完成次数行 -->
+      <view class="detail-item">
+        <text class="label">计划完成次数：</text>
+        <text class="value up-line-1">{{ i.planNum || 0 }} 次</text>
+      </view>
+
+      <!-- 已完成次数行 + 查看记录按钮 -->
+      <view class="detail-item flex-between">
+        <view class="left-wrap">
+          <text class="label">已完成次数：</text>
+          <text class="value up-line-1">{{ planInfo.i || 0 }} 次</text>
+        </view>
+        <!-- 查看记录按钮（限制宽度+紧凑样式） -->
+
+        <up-button
+            type="primary"
+            size="mini"
+            @click="gotoFinishPlanDetail(i)"
+            :style="{ width: '80px', height: '28px', fontSize: '14px', borderRadius: 4 }"
+        >
+          查看记录
+        </up-button>
+      </view>
+
+      <!-- 计划有效期行 -->
+      <view class="detail-item">
+        <text class="label">计划有效期：</text>
+        <!--        <text class="value up-line-1">{{ planInfo && planInfo.validTime ? planInfo.validTime : '-' }}</text>-->
+        <text class="value up-line-1">{{ timeFormat(i.beginTime, 'yyyy-mm-dd') }} 至
+          {{ timeFormat(i.endTime, 'yyyy-mm-dd') }}
+        </text>
+      </view>
+    </view>
+
+    <!-- 底部新增记录按钮     status=3-->
+    <view class="fixed-bottom-btn-wrap" v-if="finishState==1">
+      <up-button
+          type="primary"
+          size="default"
+          @click="addNewRecord"
+          :style="{ width: '100%', height: '88rpx', fontSize: '32rpx', borderRadius: 0 }"
+      >
+        新增记录
+      </up-button>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { timeFormat } from '@/uni_modules/uview-plus';
+import { ref } from 'vue';
+import { onLoad, onShow } from '@dcloudio/uni-app';
+import { notFinish } from "@/api/maintain-manage/maintain-manage";
+
+// 响应式数据定义
+const planInfo = ref([]);
+const batchNo = ref('')
+const planNo = ref('')
+const finishState = ref('')
+const planTypeId = ref('')
+
+
+
+// 页面加载接收参数
+onLoad((options) => {
+  planNo.value = options.planNo;
+  finishState.value = options.status
+  planTypeId.value = options.planTypeId
+});
+// 页面显示时请求数据
+onShow(() => {
+  if (!planNo.value) {
+    uni.showToast({
+      title: '计划ID不存在',
+      icon: 'none'
+    });
+    return;
+  }
+  getPlanDetail();
+});
+const getPlanDetail = async () => {
+  const queryData = {
+    planNo: planNo.value,
+    planTypeId:planTypeId.value
+  }
+  console.log(queryData)
+  const planInfoRes = await notFinish(queryData)
+  planInfo.value = planInfoRes
+  console.log(planInfoRes)
+};
+// 跳转到已完成计划明细
+const gotoFinishPlanDetail = (i) => {
+  uni.navigateTo({
+    // url: `/pages-sub/daily/maintain-manage/finish-plan-detail?planNo=${i.planNo}`
+  });
+};
+// 新增记录
+const addNewRecord = () => {
+  uni.navigateTo({
+    url: `/pages-sub/daily/maintain-manage/add-record/index?planNo=${planInfo.value[0].planNo}&batchNo=${batchNo.value}`,
+  });
+};
+</script>
+
+<style scoped lang="scss">
+.pending-plan-detail {
+
+}
+
+.detail-card {
+  padding: 20rpx;
+  background-color: #fff;
+  margin-bottom: 20px;
+}
+
+.detail-item {
+  display: flex;
+  align-items: center;
+  font-size: 28rpx;
+  line-height: 1.8;
+  padding: 10rpx 0;
+  border-bottom: 1px solid #f5f5f5;
+
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+.flex-between {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .left-wrap {
+    display: flex;
+    align-items: center;
+    flex: 1; // 占满剩余空间，按钮靠右
+  }
+}
+
+.label {
+  color: #999;
+  width: 200rpx;
+  flex-shrink: 0;
+}
+
+.value {
+  color: #333;
+  flex: 1;
+  word-break: break-all;
+}
+
+</style>
\ No newline at end of file
diff --git a/pages-sub/daily/maintain-manage/record-detail-list.vue b/pages-sub/daily/maintain-manage/record-detail-list.vue
new file mode 100644
index 0000000..e4e56ab
--- /dev/null
+++ b/pages-sub/daily/maintain-manage/record-detail-list.vue
@@ -0,0 +1,218 @@
+<template>
+  <view class="u-page">
+    <!-- 页面级加载组件 -->
+    <up-loading-page
+        v-if="loading"
+        :loading="true"
+        title="加载中..."
+        color="#3c9cff"
+    ></up-loading-page>
+
+    <!-- 内容容器 -->
+    <view v-else class="content-wrap">
+
+
+      <template v-for="(i, index) in orderDetail" :key="index">
+        <!-- 工单详情内容 -->
+        <up-cell-group :border="false" inset style="margin: 20rpx;">
+          <!-- 1. 工单编号 -->
+          <up-cell
+              :title="i.planName"
+
+              class="up-line-1"
+              align="middle"
+          ></up-cell>
+
+          <!-- 2. 工单位置 -->
+          <up-cell
+              title="计划编码"
+              :value="i.planNo || '--'"
+              class="up-line-1"
+              align="middle"
+          ></up-cell>
+
+          <!-- 3. 工单名称 -->
+          <up-cell
+              title="养护周期"
+              :value="`${i.rate}${uni.$dict.getDictLabel('cycle_id_type', i.cycleId)}`"
+              class="up-line-1"
+              align="middle"
+          ></up-cell>
+
+          <!-- 4. 情况描述 -->
+          <up-cell
+              title="计划有效期"
+              :value="`${timeFormat(i.beginTime,'yy-mm-dd hh:MM:ss')} 至 ${timeFormat(i. endTime,'yy-mm-dd hh:MM:ss')}`"
+              class="up-line-1"
+              align="middle"
+          ></up-cell>
+
+          <!-- 5. 问题照片（核心修复：判断条件+空值处理） -->
+          <up-cell title="照片" >
+            <template #value>
+              <view class="cell-content-wrap">
+
+                <!-- 修复1：正确判断problemImgsList，补充空数组默认值 -->
+                <up-album
+                    v-if="!!i.imgList?.length"
+                    :urls="i.imgList || []"
+                    singleSize="70"
+                    :preview-full-image="true"
+
+                ></up-album>
+                <text v-else class="empty-text">暂无问题照片</text>
+              </view>
+            </template>
+          </up-cell>
+
+          <!-- 7. 处理结果 -->
+          <up-cell
+              title="巡查描述"
+              :value="i.remark || '--'"
+              class="up-line-1"
+              align="middle"
+              :border="false"
+          ></up-cell>
+
+          <up-cell
+              title="提交时间"
+              :value="timeFormat(i.finishTime,'yy-mm-dd hh:MM:ss') || '--'"
+              class="up-line-1"
+              align="middle"
+              :border="false"
+          ></up-cell>
+
+
+          <up-cell
+              title="提交人"
+              :value="i.userName || '--'"
+              class="up-line-1"
+              align="middle"
+              :border="false"
+          ></up-cell>
+        </up-cell-group>
+      </template>
+
+
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive } from 'vue';
+import { inspectioDetailByPlanno } from "@/api/patrol-manage/patrol-plan";
+import { onLoad, onShow } from '@dcloudio/uni-app';
+import { timeFormat } from '@/uni_modules/uview-plus';
+// 状态管理
+const loading = ref(true);
+const orderDetail = ref([]);
+
+
+/**
+ * 获取工单详情
+ */
+const getOrderDetail = async (plan_no: string) => {
+  try {
+    loading.value = true;
+    const res = await inspectioDetailByPlanno({ plan_no });
+    console.log('接口返回：', res);
+    // 优化：确保图片数组为数组类型，避免非数组导致渲染错误
+    orderDetail.value = {
+      ...res,
+      problemImgsList: Array.isArray(res.problemImgsList) ? res.problemImgsList : [],
+      completeImgsList: Array.isArray(res.completeImgsList) ? res.completeImgsList : []
+    };
+  } catch (error) {
+    console.error('获取工单详情失败：', error);
+    uni.showToast({ title: '加载失败，请重试', icon: 'none' });
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 页面加载
+onLoad((options) => {
+  const { planNo } = options;
+  if (planNo) {
+    getOrderDetail(planNo);
+  } else {
+    loading.value = false;
+    uni.showToast({ title: '缺少工单ID', icon: 'none' });
+  }
+});
+</script>
+
+<style scoped lang="scss">
+// 页面基础样式
+.u-page {
+  min-height: 100vh;
+  background-color: #f5f5f5;
+  box-sizing: border-box;
+}
+
+// 内容容器
+.content-wrap {
+  background: #fff;
+  width: 100%;
+  box-sizing: border-box;
+  overflow-y: auto;
+  min-height: calc(100vh - 40rpx);
+}
+
+
+
+// 空文本样式
+.empty-text {
+  color: #999;
+  font-size: 28rpx;
+  line-height: 80rpx;
+  display: block;
+  text-align: left;
+}
+
+// 优化uview组件样式
+:deep(.up-cell-group) {
+  --u-cell-group-background-color: #fff;
+  --u-cell-group-border-radius: 12rpx;
+  --u-cell-group-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
+}
+
+:deep(.up-cell) {
+  --u-cell-title-font-size: 28rpx;
+  --u-cell-value-font-size: 28rpx;
+  --u-cell-title-color: #666;
+  --u-cell-value-color: #333;
+  --u-cell-padding: 20rpx 15rpx;
+  --u-cell-border-color: #f5f5f5;
+}
+
+// 相册样式优化（关键：适配图片展示）
+:deep(.up-album) {
+  width: 100%;
+  box-sizing: border-box;
+}
+
+:deep(.up-album__list) {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 0;
+  margin: 0;
+}
+
+:deep(.up-album__item) {
+  width: calc(33.333% - 10rpx);
+  height: 200rpx; // 固定图片高度，避免变形
+  margin: 5rpx;
+  border-radius: 8rpx;
+  overflow: hidden;
+  background-color: #f8f8f8;
+}
+
+:deep(.up-album__image) {
+  width: 100%;
+  height: 100%;
+  object-fit: cover; // 图片裁剪填充，避免拉伸
+}
+
+
+</style>
\ No newline at end of file
diff --git a/pages-sub/daily/maintain-manage/road-detail-list.vue b/pages-sub/daily/maintain-manage/road-detail-list.vue
index ae29df1..f5c8885 100644
--- a/pages-sub/daily/maintain-manage/road-detail-list.vue
+++ b/pages-sub/daily/maintain-manage/road-detail-list.vue
@@ -38,210 +38,164 @@
         ref="pagingRef"
         v-model="planList"
         @query="queryList"
-        :top="140"
+        :auto-show-system-loading="true"
     >
       <!-- 空数据插槽 -->
       <template #empty>
-        <view class="empty-container">
-          <up-empty mode="list" text="暂无相关计划数据"></up-empty>
-        </view>
+        <empty-view/>
       </template>
+      <view class="common-card-list" style=" padding-top: 170rpx;">
+        <up-card
+            :border="false"
+            :foot-border-top="false"
+            v-for="(item,index) in planList"
+            :key="`${item.planNo}_${index}`"
 
-      <!-- 列表内容 -->
-      <view class="card-list">
-        <view
-            class="plan-card"
-            v-for="(item, index) in planList"
-            :key="index"
         >
-          <view class="card-header">
-            <text class="plan-name">{{ item.planName || '未命名计划' }}</text>
-<!--            <text class="plan-status" :class="getStatusClass(item.status)">{{ getStatusText(item.status) }}</text>-->
-          </view>
-          <view class="card-body">
-            <view class="info-item">
-              <text class="label">计划编码：</text>
-              <text class="value">{{ item.planNo || '-' }}</text>
+          <!-- 自定义标题区域 -->
+          <template #head>
+            <view class="card-header">
+              <view class="common-card-title  u-line-1">{{ item.planName || '无计划名称' }}</view>
             </view>
-            <view class="info-item">
-              <text class="label">养护周期：</text>
-              <text class="value">{{ item.rate || '-' }} {{ uni.$dict.getDictLabel('cycle_id_type', item.cycleId) }}</text>
+          </template>
+
+          <template #body>
+            <view class="card-body">
+              <view class="u-body-item u-flex">
+                <view class="u-body-item-title">计划编码：</view>
+                <view class="u-line-1 u-body-value">{{ item.planNo || '-' }}</view>
+              </view>
+              <view class="u-body-item u-flex">
+                <view class="u-body-item-title">养护周期：</view>
+                <view class="u-line-1 u-body-value">{{ item.rate || '-' }}
+                  {{ uni.$dict.getDictLabel('cycle_id_type', item.cycleId) }}
+                </view>
+              </view>
+
+              <view class="u-body-item u-flex common-item-center common-justify-between">
+                <view class="u-body-item-title">计划完成次数： {{ item.planNum || 0 }}</view>
+                <view class="u-line-1">
+                  <up-button
+                      type="primary"
+                      size="mini"
+                      @click="submitRecord(item)"
+                      class="submit-record-btn"
+                  >
+                    提交记录
+                  </up-button>
+                </view>
+              </view>
+
+              <view class="u-body-item u-flex">
+                <view class="u-body-item-title">已完成比例：</view>
+                <view class="u-line-1 u-body-value">{{ item.finishPercent || 0 }}%</view>
+              </view>
+
+              <view class="u-body-item u-flex">
+                <view class="u-body-item-title">计划有效期：</view>
+                <view class="u-line-1 u-body-value">{{ timeFormat(item.beginTime, 'yyyy-mm-dd') || '-' }} 至
+                  {{ timeFormat(item.endTime, 'yyyy-mm-dd') || '-' }}
+                </view>
+              </view>
             </view>
-            <view class="info-item">
-              <text class="label">计划完成次数：</text>
-              <text class="value">{{ item.planNum || 0 }}</text>
-            </view>
-            <view class="info-item">
-              <text class="label">已完成比例：</text>
-              <text class="value">{{ item.finishPercent || 0 }}%</text>
-            </view>
-            <view class="info-item">
-              <text class="label">计划有效期：</text>
-              <text class="value">{{ timeFormat(item.beginTime,'yyyy-mm-dd') || '-'}} 至 {{ timeFormat(item.endTime,'yyyy-mm-dd') || '-'}}</text>
-            </view>
-          </view>
-          <view class="card-footer">
-            <up-button
-                type="primary"
-                size="mini"
-                @click="handleDetail(item)"
-            >
-              查看详情
-            </up-button>
-          </view>
-        </view>
+          </template>
+        </up-card>
       </view>
     </z-paging>
   </view>
 </template>
 
 <script setup>
-import { ref, computed, onMounted } from 'vue'
+import { ref } from 'vue'
 import { onLoad, onShow } from '@dcloudio/uni-app'
 import { timeFormat } from '@/uni_modules/uview-plus'
 import { getRoadDetails } from "@/api/maintain-manage/maintain-manage";
-
 // ========== 基础数据定义 ==========
-// 状态Tabs数据
 const statusTabs = ref([
-  { name: '待完成', id: '1' },
-  { name: '已失效', id: '3' },
-  { name: '已完成', id: '2' }
+  {name: '待完成', id: '1'},
+  {name: '已失效', id: '3'},
+  {name: '已完成', id: '2'}
 ])
-
-// 响应式数据
-const activeStatus = ref('1')       // 当前选中的状态
-const searchValue = ref('')         // 搜索框值
-const planList = ref([])            // 计划列表（绑定z-paging）
-const pagingRef = ref(null)         // z-paging实例
-const loading = ref(false)          // 加载状态
-
-// URL参数存储
-const roadId = ref('')              // 从URL获取的roadId
-const finishState = ref('')         // 从URL获取的finish_state
-
+const activeStatus = ref('1')
+const searchValue = ref('')
+const planList = ref([])
+const pagingRef = ref(null)
+const loading = ref(false)
+const roadId = ref('')
+const finishState = ref('')
 // 搜索占位符
-const searchPlaceholder = computed(() => {
-  return '请输入计划名称'
-})
-
+const searchPlaceholder = ref('请输入计划名称')
 // ========== 方法定义 ==========
-// 从URL获取参数
 const getUrlParams = (options) => {
-  // 1. 修复：URL中是roadId（驼峰），不是road_id
   if (options?.roadId) {
     roadId.value = options.roadId
-    console.log('从URL获取的roadId：', roadId.value) // 打印验证
+    console.log('从URL获取的roadId：', roadId.value)
   }
-
   if (options?.finish_state) {
     finishState.value = options.finish_state
-    // 同步更新Tabs选中状态
     activeStatus.value = options.finish_state
     console.log('从URL获取的finish_state：', finishState.value)
   }
 }
-
-// 状态切换
 const handleStatusChange = (item) => {
   console.log('切换状态：', item)
   activeStatus.value = item.id
-  // 更新finishState值
   finishState.value = item.id
-  // 重置分页并刷新
   pagingRef.value?.reload()
 }
-
-// 搜索处理
 const handleSearch = () => {
   console.log('搜索关键词：', searchValue.value)
-  // 重置分页并刷新
   pagingRef.value?.reload()
 }
-
-// 获取状态文本
-const getStatusText = (status) => {
-  const statusMap = {
-    '1': '待完成',
-    '2': '已完成',
-    '3': '已失效'
+const submitRecord = (item) => {
+  console.log('提交记录：', item.finishPercent)
+  if (item.finishPercent == 0) {
+    uni.navigateTo({
+      url: `/pages-sub/daily/maintain-manage/add-record?finishState=${item.finishState}&planNo=${item.planNo}&finishPercent=${item.finishPercent}`
+    })
+  } else {
+    uni.navigateTo({
+      url: `/pages-sub/daily/maintain-manage/pending-plan-detail?finishState=${item.finishState}&planNo=${item.planNo}&finishPercent=${item.finishPercent}&planTypeId=${item.planTypeId}`
+    })
   }
-  return statusMap[status] || '未知状态'
 }
-
-// 获取状态样式类
-const getStatusClass = (status) => {
-  const classMap = {
-    '1': 'status-pending',
-    '2': 'status-completed',
-    '3': 'status-invalid'
-  }
-  return classMap[status] || ''
-}
-
-// 查看详情
-const handleDetail = (item) => {
-  uni.navigateTo({
-    url: `/pages/planDetail/planDetail?planId=${item.id || ''}`
-  })
-}
-
-// 分页请求数据（z-paging回调）
 const queryList = async (pageNo, pageSize) => {
   try {
     loading.value = true
-
-    // 构造请求参数：优先使用URL参数
     const paramsData = {
       pageNo: pageNo,
       pageSize: pageSize,
-      road_id: roadId.value, // 现在能拿到正确的roadId了
-      finish_state: finishState.value || activeStatus.value,
+      roadId: roadId.value,
+      finishState: finishState.value || activeStatus.value,
       planName: searchValue.value.trim()
     }
-
-    console.log('请求参数：', paramsData) // 验证road_id是否有值
+    console.log('请求参数：', paramsData)
     const res = await getRoadDetails(paramsData)
     console.log(res)
-    // 兼容不同的接口返回格式
     const listData = res?.list || res || []
-
-    // 告知z-paging数据加载完成
     pagingRef.value?.complete(listData)
     loading.value = false
   } catch (error) {
     console.error('请求失败：', error)
-    uni.showToast({ title: '加载失败，请重试', icon: 'none' })
+    uni.showToast({title: '加载失败，请重试', icon: 'none'})
     pagingRef.value?.complete(false)
     loading.value = false
   }
 }
-
-// ========== 生命周期修复 ==========
-// 2. 修复：只有onLoad才会接收页面跳转的options参数
+// ========== 生命周期 ==========
 onLoad((options) => {
-  // 页面首次加载时获取URL参数
   getUrlParams(options)
-  // 初始化数据
-  pagingRef.value?.reload()
 })
-
 onShow(() => {
-  // 可选：页面再次显示时刷新（比如从详情页返回）
-  // if (roadId.value) { // 有roadId才刷新
-  //   pagingRef.value?.reload()
-  // }
+  if (roadId.value) {
+    pagingRef.value?.reload()
+  }
 })
 
-onMounted(() => {
-  // 可选：初始化其他逻辑
-})
 </script>
 
 <style scoped lang="scss">
 .page-container {
-  min-height: 100vh;
-  background-color: #f8f8f8;
 }
 
 // 顶部吸顶区域样式
@@ -250,106 +204,11 @@ onMounted(() => {
   padding-bottom: 10rpx;
   border-bottom: 1px solid #eee;
 
-  // 状态Tabs样式
-  .status-tabs {
-    margin: 10rpx 0 0 0;
-  }
-
-  // 搜索框样式
   .search-input {
     margin: 20rpx 20rpx 10rpx !important;
   }
 }
 
-// 卡片列表样式
-.card-list {
-  padding: 0 20rpx;
-  display: flex;
-  flex-direction: column;
-  gap: 20rpx;
-}
-
-// 计划卡片样式
-.plan-card {
-  background-color: #ffffff;
-  border-radius: 12rpx;
-  padding: 24rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
 
-  // 卡片头部
-  .card-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 20rpx;
-    padding-bottom: 12rpx;
-    border-bottom: 1px solid #f5f5f5;
 
-    .plan-name {
-      font-size: 30rpx;
-      font-weight: 600;
-      color: #333;
-    }
-
-    .plan-status {
-      font-size: 24rpx;
-      padding: 4rpx 12rpx;
-      border-radius: 20rpx;
-
-      // 状态样式
-      &.status-pending {
-        background-color: #fff7e6;
-        color: #ff9f1c;
-      }
-
-      &.status-completed {
-        background-color: #e8f8f5;
-        color: #00b42a;
-      }
-
-      &.status-invalid {
-        background-color: #f5f5f5;
-        color: #999;
-      }
-    }
-  }
-
-  // 卡片内容
-  .card-body {
-    display: flex;
-    flex-direction: column;
-    gap: 16rpx;
-    margin-bottom: 20rpx;
-
-    .info-item {
-      display: flex;
-      align-items: center;
-      font-size: 28rpx;
-
-      .label {
-        color: #999;
-        flex-shrink: 0;
-      }
-
-      .value {
-        color: #333;
-        flex: 1;
-      }
-    }
-  }
-
-  // 卡片底部
-  .card-footer {
-    display: flex;
-    justify-content: flex-end;
-  }
-}
-
-// 空数据样式
-.empty-container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 400rpx;
-}
 </style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index af9673a..2db0d02 100644
--- a/pages.json
+++ b/pages.json
@@ -92,9 +92,28 @@
 				{
 					"path": "maintain-manage/road-detail-list",
 					"style": { "navigationBarTitleText": "道路明细列表" }
+				},
+
+				{
+					"path": "maintain-manage/add-record",
+					"style": { "navigationBarTitleText": "新增养护记录" }
+				},
+				{
+					"path": "maintain-manage/pending-plan-detail",
+					"style": { "navigationBarTitleText": "计划明细" }
+				},
+
+				{
+					"path": "maintain-manage/record-detail-list",
+					"style": { "navigationBarTitleText": "养护记录明细" }
+				},
+				{
+					"path": "maintain-manage/finish-plan-detail",
+					"style": { "navigationBarTitleText": "记录详情" }
 				}
 
 
+
 			]
 		},
 		{