记录详情优化

刘淇
1 parent cc42bec8
Showing 2 changed files with 37 additions and 41 deletions
pages-sub/daily/maintain-manage/finish-plan-detail.vue
pages-sub/daily/patrol-manage/finish-plan-detail.vue
 <template>
-  <view class="page-container">
+  <view class="page-container" style="padding-bottom: 20px;">
     <!-- 页面级加载组件 -->
     <up-loading-page
         v-if="loading"
@@ -9,23 +9,28 @@
     ></up-loading-page>
     <!-- 内容容器 -->
-    <view v-else class="content-wrap">
-      <template v-for="(i, index) in orderDetail" :key="index">
+    <template v-else  >
+    <view class="content-wrap" v-for="(i, index) in orderDetail" :key="index">
+
         <!-- 工单详情内容 -->
-        <up-cell-group :border="false" inset style="margin: 20rpx;">
-          <!-- 1. 工单编号 -->
+        <up-cell-group :border="false" inset>
+          <!-- 1. 工单计划名称 -->
           <up-cell
-              :title="i.planName"
-
-              class="up-line-1"
               align="middle"
-          ></up-cell>
+          >
+
+            <template #title>
+              <view  class="up-line-1">{{i.planName || '--'}}</view>
+            </template>
+<!--            <template #value>-->
+<!--              <view  class="up-line-1">{{i.remark || '&#45;&#45;'}}</view>-->
+<!--            </template>-->
+          </up-cell>
           <!-- 2. 工单位置 -->
           <up-cell
               title="计划编码"
               :value="i.planNo || '--'"
-              class="up-line-1"
               align="middle"
           ></up-cell>
@@ -33,7 +38,6 @@
           <up-cell
               title="养护周期"
               :value="`${i.rate}${uni.$dict.getDictLabel('cycle_id_type', i.cycleId)}`"
-              class="up-line-1"
               align="middle"
           ></up-cell>
@@ -41,7 +45,6 @@
           <up-cell
               title="计划有效期"
               :value="`${timeFormat(i.beginTime,'yyyy-mm-dd')} 至 ${timeFormat(i. endTime,'yyyy-mm-dd')}`"
-              class="up-line-1"
               align="middle"
           ></up-cell>
@@ -49,14 +52,11 @@
           <up-cell title="照片">
             <template #value>
               <view class="cell-content-wrap">
-
-                <!-- 修复1：正确判断problemImgsList，补充空数组默认值 -->
                 <up-album
-                    v-if="!!i.imgList?.length"
-                    :urls="i.imgList || []"
+                    v-if="!!i.beginImgList?.length"
+                    :urls="i.beginImgList || []"
                     singleSize="70"
                     :preview-full-image="true"
-
                 ></up-album>
                 <text v-else class="empty-text">暂无问题照片</text>
               </view>
@@ -65,34 +65,32 @@
           <!-- 7. 处理结果 -->
           <up-cell
-              title="巡查描述"
-              :value="i.remark || '--'"
-              class="up-line-1"
               align="middle"
-
-          ></up-cell>
+          >
+            <template #title>
+              <view  style="min-width: 200rpx">巡查描述</view>
+            </template>
+            <template #value>
+              <view  class="up-line-1">{{i.remark || '--'}}</view>
+            </template>
+          </up-cell>
           <up-cell
               title="提交时间"
               :value="timeFormat(i.finishTime,'yyyy-mm-dd hh:MM:ss') || '--'"
-              class="up-line-1"
               align="middle"
-
           ></up-cell>
           <up-cell
               title="提交人"
               :value="i.userName || '--'"
-              class="up-line-1"
               align="middle"
               :border="false"
           ></up-cell>
         </up-cell-group>
-      </template>
-
-
     </view>
+    </template>
   </view>
 </template>
@@ -109,20 +107,18 @@ const orderDetail = ref([]);
 /**
  * 获取工单详情
  */
-const getOrderDetail = async (plan_no: string) => {
+const getOrderDetail = async (planNo: string) => {
   try {
     loading.value = true;
-    const res = await detailList({plan_no});
+    let queryData = {
+      planNo:planNo,
+      pageSize:100,
+      pageNo:1,
+    }
+    const res = await detailList(queryData);
     console.log('接口返回：', res);
-    // 优化：确保图片数组为数组类型，避免非数组导致渲染错误
-    // orderDetail.value
-    // orderDetail.value = {
-    //   ...res,
-    //   problemImgsList: Array.isArray(res.problemImgsList) ? res.problemImgsList : [],
-    //   completeImgsList: Array.isArray(res.completeImgsList) ? res.completeImgsList : []
-    // };
-
-    orderDetail.value = res;
+
+    orderDetail.value = res.list;
   } catch (error) {
     console.error('获取工单详情失败：', error);
     uni.showToast({title: '加载失败，请重试', icon: 'none'});
@@ -9,8 +9,8 @@
     ></up-loading-page>
     <!-- 内容容器 -->
-    <view v-else class="content-wrap">
-      <template v-for="(i, index) in orderDetail" :key="index">
+    <view v-else class="content-wrap" v-for="(i, index) in orderDetail" :key="index">
+      <template >
         <!-- 工单详情内容 -->
         <up-cell-group :border="false" inset >
           <!-- 1. 工单名称 -->