巡检点上传图片修正

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

@@ -22,11 +22,16 @@
       </view>
       <!-- 已经选择人数 -->
       <view class="checkoutedUser_box">
-        <text>已选(1/1)</text>
-        <text>潘霞通</text>
+        <text>已选({{ checkoutUserid ? 1 : 0 }}/1)</text>
+        <text class="checkoutUseName" v-if="checkoutInfo">{{ checkoutInfo.name }}</text>
       </view>
       <!-- srcoll -->
-      <scroll-view scroll-y="true" class="flex-1 overflow-auto">
+      <scroll-view
+        scroll-y="true"
+        class="flex-1 overflow-auto"
+        lower-threshold="60"
+        @scrolltolower="scrolltolower"
+      >
         <radio-group @change="radioChange">
           <label v-for="(item, index) in searchlist" :key="index">
             <view
@@ -64,12 +69,9 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, getCurrentInstance } from 'vue'
 import navBar from '@/components/navbar/navbar.vue'
 const Searching = ref(true)
-const queryParmas = ref({
-  value: ''
-})
 /** 点击时切换到input,并聚焦 */
 function handleClick() {
   Searching.value = false
@@ -80,77 +82,98 @@ function handleInput() {
     Searching.value = true
   }
 }
-function handleSearch() {
-  console.log('search')
-}
+function handleSearch() {}
 //  -----------------------------------------
 /* 选择列表 */
-const searchlist = ref([
-  {
-    name: '张三',
-    roleName: '维修人员',
-    phone: '19578012123',
-    id: 1
-  },
-  {
-    name: '张三',
-    roleName: '维修人员',
-    phone: '19578012123',
-    id: 2
-  },
-  {
-    name: '张三',
-    roleName: '维修人员',
-    phone: '19578012123',
-    id: 3
-  },
-  {
-    name: '张三',
-    roleName: '维修人员',
-    phone: '19578012123',
-    id: 4
-  },
-  {
-    name: '张三',
-    roleName: '维修人员',
-    phone: '19578012123',
-    id: 5
-  },
-  {
-    name: '张三',
-    roleName: '维修人员',
-    phone: '19578012123',
-    id: 6
-  },
-  {
-    name: '张三',
-    roleName: '维修人员',
-    phone: '19578012123',
-    id: 7
-  },
-  {
-    name: '张三',
-    roleName: '维修人员',
-    phone: '19578012123',
-    id: 8
+const searchlist = ref([])
+
+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() * 3)
+    return {
+      name: '张三' + realId,
+      roleName: '维修人员',
+      phone: '19578012123',
+      id: realId
+    }
+  })
+  // 追加数据（正确方式）
+  searchlist.value = [...searchlist.value, ...arr]
+  // 判断是否还有更多
+  hasMore.value = searchlist.value.length < total.value
+  isLoading.value = false
+  uni.hideLoading()
+}
+getlist()
+function resetList() {
+  reportRecords.value = []
+  queryParmas.value.pageNum = 1
+  hasMore.value = true
+  getlist()
+}
+//searchlist----------------------
 const checkoutUserid = ref(null)
+const checkoutInfo = ref(null)
 function radioChange(val) {
   checkoutUserid.value = Number(val.detail.value)
+  const find = searchlist.value.find(item => item.id === Number(val.detail.value))
+  if (find) {
+    checkoutInfo.value = find
+  }
 }
-
+//  ===========================================
+let eventChannel = null
+// 必须在 onMounted 里获取
+onMounted(() => {
+  const instance = getCurrentInstance().proxy
+  if (instance && instance.getOpenerEventChannel) {
+    eventChannel = instance.getOpenerEventChannel()
+  }
+})
 /* 确定派单 */
 function handleSelecthouse() {
   // api
+  eventChannel.emit('backData', {
+    checkoutUserid: checkoutUserid.value
+  })
   // 3. 返回上一页
   uni.navigateBack()
 }
+//  ===========================================
 </script>
 
 <style scoped lang="scss">
 .shareUser {
   background-color: #f9f9f9;
+  height: 100vh;
 
   .shareBody {
     padding: 0 40rpx;
@@ -180,6 +203,9 @@ function handleSelecthouse() {
       color: #333333;
       line-height: 36rpx;
       height: 36rpx;
+      .checkoutUseName {
+        margin-left: 20rpx;
+      }
     }
     // 角色列表
     .item {