巡检点上传图片修正

wuye-manager-uniapp/pageSubPack/ticket/myticket.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="report-record-page page_padding">
     <!-- 顶部导航栏 -->
-    <NavBar title="我的工单"></NavBar>
+    <navBar @clickLeft="navBack" title="我的工单"></navBar>
     <view class="hall_body flex-1 flex flex-col">
       <!-- 状态筛选标签 -->
       <TabsComponents
@@ -27,15 +27,21 @@
       <scroll-view
         class="record-list flex-1"
         scroll-y
-        :style="{ height: `calc(100vh - ${navHeight + statusTabHeight + typeTabHeight}px)` }"
+        lower-threshold="60"
+        @scrolltolower="scrolltolower"
       >
         <!-- 空状态 -->
-        <view v-if="filteredRecords.length === 0" class="empty-state">
+        <view v-if="reportRecords.length === 0" class="empty-state">
           <uni-icons type="empty" size="60" color="#ccc"></uni-icons>
           <text class="empty-text">暂无上报记录</text>
         </view>
         <!-- 记录卡片 -->
-        <view v-for="record in filteredRecords" :key="record.id" class="record-card">
+        <view
+          v-for="(record, index) in reportRecords"
+          @tap="handleComplted(record.id)"
+          :key="index"
+          class="record-card"
+        >
           <!-- 标题 + 状态标签 -->
           <view class="card-header">
             <text class="card-title">{{ record.title }}</text>
@@ -55,24 +61,24 @@
             {{ record.content }}
           </view>
           <!-- 工单图片 -->
-          <view class="card-image">
+          <!--          <view class="card-image">
             <image
+              lazy-load
               v-for="(item, index) in record.images"
               :key="index"
               :src="item"
               class="images"
               mode="scaleToFill"
-              @tap="handlePrivew(record.images)"
             ></image>
-          </view>
+          </view -->
 
           <!-- 底部信息 -->
           <view class="card-footer">
             <text class="create-time">{{ record.createTime }}</text>
-            <text v-if="record.repairStatus === 1" class="repairman"
+            <text v-if="record.repairStatus === 2" class="repairman"
               >维修师傅：{{ record.repairman }}</text
             >
-            <view class="share" v-if="record.repairStatus === 0">
+            <view class="share" v-if="record.repairStatus === 1">
               <text>维修完成</text>
             </view>
           </view>
@@ -121,7 +127,7 @@ const reportRecords = ref([
     category: '路灯',
     content: '1栋楼下道路路灯不亮，并且有的亮度不够，请物业公司及时更换，防止发生意外事故。',
     createTime: '2026-08-01 10:05:46',
-    repairman: '',
+    repairman: '张胜',
     images: [
       'https://picsum.photos/93',
       'https://picsum.photos/93',
@@ -129,46 +135,74 @@ const reportRecords = ref([
       'https://picsum.photos/93',
       'https://picsum.photos/93'
     ],
-    repairStatus: 0 // 0 待分配，1待解决 2已完成
-  },
-  {
-    id: 2,
-    title: '标题巴拉巴拉巴拉',
-    status: 'processing',
-    reportType: '公共报修',
-    category: '路灯',
-    content: '1栋楼下道路路灯不亮，并且有的亮度不够，请物业公司及时更换，防止发生意外事故。',
-    createTime: '2026-08-01 10:05:46',
-    repairman: '张三',
-    images: ['https://picsum.photos/93', 'https://picsum.photos/93', 'https://picsum.photos/93'],
-    repairStatus: 1 // 0 待分配，1待解决 2已完成
-  },
-  {
-    id: 3,
-    title: '标题巴拉巴拉巴拉',
-    status: 'completed',
-    reportType: '公共报修',
-    category: '路灯',
-    content: '1栋楼下道路路灯不亮，并且有的亮度不够，请物业公司及时更换，防止发生意外事故。',
-    createTime: '2026-08-01 10:05:46',
-    images: ['https://picsum.photos/93', 'https://picsum.photos/93', 'https://picsum.photos/93'],
-    repairman: '张三',
-    repairStatus: 2 // 0 待分配，1待解决 2已完成
+    repairStatus: 1 // 1待解决 2已完成
   }
 ])
 
-// 筛选后的记录
-const filteredRecords = computed(() => {
-  return reportRecords.value.filter(record => {
-    // 状态筛选
-    const statusMatch = activeStatus.value === 'all' || record.status === activeStatus.value
-    // 类型筛选
-    const typeMatch =
-      activeType.value === 'all' ||
-      record.reportType === typeTabs.value.find(item => item.value === activeType.value)?.label
-    return statusMatch && typeMatch
-  })
+const queryParmas = ref({
+  pageNum: 1,
+  pageSize: 10,
+  value: ''
 })
+const isLoading = ref(false) // 加载锁
+const hasMore = ref(true) // 是否还有更多数据
+const total = ref(21)
+function scrolltolower() {
+  // 必须加这两个判断！
+  if (isLoading.value || !hasMore.value) {
+    return
+  }
+  queryParmas.value.pageNum += 1
+  getlist()
+}
+function getlist() {
+  // 1. 如果正在加载或没有更多数据，直接返回
+  if (isLoading.value || !hasMore.value) return
+  // 2. 开启锁
+  isLoading.value = true
+  uni.showLoading({
+    title: '加载中',
+    mask: true
+  })
+  const { pageNum, pageSize } = queryParmas.value
+
+  const startId = (pageNum - 1) * pageSize + 1
+  const arr = Array.from({ length: pageSize }).map((_, index) => {
+    const realId = startId + index
+    const randomStatus = Math.floor(Math.random() * 2)
+    return {
+      id: realId,
+      title: '标题巴拉巴拉巴拉',
+      status: 'processing', // pending/processing/completed
+      reportType: '公共报修',
+      category: '路灯',
+      content: '1栋楼下道路路灯不亮，并且有的亮度不够，请物业公司及时更换，防止发生意外事故。',
+      createTime: '2026-08-01 10:05:46',
+      repairman: '',
+      images: [
+        'https://picsum.photos/93',
+        'https://picsum.photos/93',
+        'https://picsum.photos/93',
+        'https://picsum.photos/93',
+        'https://picsum.photos/93'
+      ],
+      repairStatus: randomStatus // 1待解决 2已完成
+    }
+  })
+  // 追加数据（正确方式）
+  reportRecords.value = [...reportRecords.value, ...arr]
+  // 判断是否还有更多
+  hasMore.value = reportRecords.value.length < total.value
+  isLoading.value = false
+  uni.hideLoading()
+}
+getlist()
+function resetList() {
+  reportRecords.value = []
+  queryParmas.value.pageNum = 1
+  hasMore.value = true
+  getlist()
+}
 
 // 切换状态（全部/待分配/待解决/已完成）筛选
 const switchStatus = value => {
@@ -181,28 +215,34 @@ const switchType = value => {
 }
 
 // 获取状态文本
+const statusMap = {
+  processing: '待解决',
+  completed: '已完成'
+}
 const getStatusText = status => {
-  const statusMap = {
-    processing: '待解决',
-    completed: '已完成'
-  }
   return statusMap[status] || ''
 }
 
-// 页面渲染完成后适配高度
-onReady(() => {
-  // 可根据实际设备调整高度
-  uni.getSystemInfo({
-    success: res => {
-      if (res.platform === 'ios') {
-        navHeight.value = 44
-      } else {
-        navHeight.value = 48
-      }
+// 返回上一页
+const navBack = () => {
+  uni.navigateBack()
+}
+// 1待解决 2已完成
+function handleComplted(id) {
+  const find = reportRecords.value.find(item => item.id === id)
+  if (find) {
+    const status = find.repairStatus
+    if (status === 2) {
+      uni.navigateTo({
+        url: `/pageSubPack/ticket/repairMain?id=${id}&showbtn=${false}&path=myticket`
+      })
+    } else {
+      uni.navigateTo({
+        url: `/pageSubPack/ticket/repairMain?id=${id}&showbtn=${true}&path=myticket`
+      })
     }
-  })
-})
-
+  }
+}
 /* 预览图片 */
 function handlePrivew(imgs) {
   // if (imgs.length > 0) {
@@ -219,8 +259,7 @@ function handlePrivew(imgs) {
 <style scoped>
 .report-record-page {
   width: 100%;
-  min-height: 100vh;
-  max-height: 100vh;
+  height: 100vh;
   overflow: hidden;
   box-sizing: border-box;
   background: linear-gradient(225deg, #e2f0ff 0%, #f9f9f9 50.71%);
@@ -302,6 +341,7 @@ function handlePrivew(imgs) {
 .record-list {
   box-sizing: border-box;
   padding-bottom: 40rpx;
+  overflow-y: auto;
 }
 
 /* 空状态 */