巡检记录接口对接

wuye-manager-uniapp/api/BaseUrl.js

@@ -0,0 +1,15 @@
+/**
+ * @Description: 抽离 公共基础地址
+ * @Author: Zy
+ * @Date: 2026-05-18 15:36:10
+ * @LastEditor: Zy
+ * @LastEditTime: 2026-05-18 15:36:21
+ */
+let baseUrl = ''
+
+if (process.env.NODE_ENV === 'development') {
+  baseUrl = 'http://192.168.0.239:8080' // 开发环境
+} else {
+  baseUrl = 'http://192.168.0.239:8080' // 生产环境
+}
+export default baseUrl;

wuye-manager-uniapp/api/common.js

@@ -3,9 +3,12 @@
  * @Author: Zy
  * @Date: 2026-05-15 11:37:01
  * @LastEditor: Zy
- * @LastEditTime: 2026-05-15 17:02:25
+ * @LastEditTime: 2026-05-18 15:34:07
  */
-import request, { get, post } from './request.js'
+import request, {
+  get,
+  post
+} from './request.js'
 
 /**
  * @typedef EmployeeItem  员工信息项
@@ -61,8 +64,19 @@ export function getSystemUsers_employee(roleKey, keyword) {
  * @param {string} [keyword=''] - 搜索关键词（可选），房屋号/业主姓名
  * @returns {Promise<RowsResult<HouseItem>>}
  */
-export function getVillageHouseList_keyword(data, keyword) {
+export function getVillageHouseList_keyword(data, searchValue = '') {
   return get(
-    `/manage/replace/sdb/village/house?pageSize=${data.pageSize}&pageNum=${data.pageNum}&keyword=${keyword}`
+    `/manage/replace/sdb/village/house?pageSize=${data.pageSize}&pageNum=${data.pageNum}&searchValue=${searchValue}`
   )
 }
+
+
+
+/**
+ * @description: 管家端通用 文件上传
+ * @param {FormData} file
+ * @return
+ */
+export function uploadFile(file) {
+  return post('/resource/oss/upload', file)
+}

wuye-manager-uniapp/api/complain.js

@@ -3,7 +3,7 @@
  * @Author: Zy
  * @Date: 2026-05-15 08:50:47
  * @LastEditor: Zy
- * @LastEditTime: 2026-05-15 16:47:31
+ * @LastEditTime: 2026-05-16 15:42:36
  */
 import request, {
   filterParams,

wuye-manager-uniapp/api/insepction.js

@@ -0,0 +1,74 @@
+/**
+ * @Description: 巡检记录 API
+ * @Author: Zy
+ * @Date: 2026-05-16 15:43:07
+ * @LastEditor: Zy
+ * @LastEditTime: 2026-05-18 16:35:05
+ */
+
+import request, {
+  filterParams,
+  get,
+  put,
+  post
+} from "./request.js";
+
+
+
+/**
+ * @typedef PointsType 巡检任务表
+ * @property {string} id = [巡检点ID]
+ * @property {string[]} itemNames = [巡检项目名称]
+ * @property {string[]} itemIds = [巡检项目ID]
+ * @property {string} pointName = [巡检点名称]
+ * */
+/**
+ * @typedef InspectionListType 巡检任务表
+ * @property {string} id = [巡检任务ID]
+ * @property {string} taskName = [巡检任务名称]
+ * @property {string} taskTime = [巡检任务执行时间]
+ * @property {string} taskStatus = [巡检状态]
+ * @property {string} planName = [巡检计划]
+ * @property {string} inspectorName = [巡检人员]
+ * @property {string} executeDate = [巡检日期]
+ * @property {PointsType[]} points = [巡检点]
+ * @property {string[]} [itemslist] = [巡检项目]
+ * */
+/**
+ * @description: 获取巡检任务列表
+ * @param { RequestParams<{ date?:string }> } data
+ * @return { Promise<RowsResult<InspectionListType>> }
+ */
+export const getInspectionList = (data) => {
+  return get('/api/inspection/today/list', filterParams(data))
+}
+
+
+
+/**
+ * @description: 获取 巡检任务详情
+ * @param {string} id
+ * @return
+ */
+export const getInspectionMain = (id) => {
+  return get('/api/inspection/today/detail', {
+    taskId: id
+  })
+}
+
+
+/**
+ * @typedef inspectionPointParams 巡检任务表
+ * @property {string} pointId = [巡检点ID]
+ * @property {string} imgUrl = [巡检点，图片上传]
+ * @property {string} remark = [巡检点 巡检描述]
+ * @property {string} taskId = [巡检任务ID]
+ * @property {number} status = [巡检点状态] 0正常1异常
+ * */
+/**
+ * @description: 巡检点上传
+ * @param {inspectionPointParams} data
+ */
+export const putInsepctionPoint = (data) => {
+  return post('/api/inspection/today/pointImg', data)
+}

wuye-manager-uniapp/api/instrument.js

@@ -1,4 +1,50 @@
+/**
+ * @Description: 仪表换新API
+ * @Author: Zy
+ * @Date: 2026-05-16 15:53:23
+ * @LastEditor: Zy
+ * @LastEditTime: 2026-05-16 16:38:54
+ */
 import request, {
+  filterParams,
   get,
-  post
+  post,
+  put
 } from "./request.js"
+
+
+/**
+ * 设备类型枚举
+ * @typedef {1 | 2} DeviceType
+ * @description 1=水表 2=电表
+ */
+/**
+ * @typedef ReplaceMentRecordList 巡检任务表
+ * @property {string} deviceCode = [设备编号]
+ * @property {DeviceType} deviceType = [设备类型]
+ * @property {string} houseId = [楼栋ID]
+ * @property {string} buildingName = [楼栋名称]
+ * @property {string} unitNo = [单元号]
+ * @property {string} houseNo = [房屋号]
+ * @property {string} addressCn = [房屋地址]
+ * @property {string} addressHyphen = [房屋地址]
+ * @property {string} createTime = [创建时间]
+ * */
+
+/**
+ * 获取仪表换新记录
+ * @param {RequestParams} data 请求参数
+ * @return {Promise<RowsResult<ReplaceMentRecordList>>}
+ */
+export const getReplaceMainList = (data) => {
+  return get('/manage/replace/sdb/record/list', filterParams(data))
+}
+
+
+/**
+ * @description: 添加仪表API
+ * @param {{ deviceType:DeviceType, deviceCode:string,houseId:string }} data
+ */
+export const AddReplaceMainList = (data) => {
+  return put('/manage/replace/sdb/replace/device', filterParams(data))
+}

wuye-manager-uniapp/api/request.js

@@ -1,9 +1,4 @@
-let baseUrl = ''
+import baseUrl from './BaseUrl.js'
-if (process.env.NODE_ENV === 'development') {
-  baseUrl = 'http://192.168.0.239:8080' // 开发环境
-} else {
-  baseUrl = 'http://192.168.0.239:8080' // 生产环境
-}
 
 export default function request(url, data = {}, method = 'GET') {
   return new Promise((resolve, reject) => {

wuye-manager-uniapp/components/filePicker/filePicker.vue

@@ -24,6 +24,7 @@
 
 <script setup>
 import { ref, watch } from 'vue'
+import baseUrl from '@/api/BaseUrl.js'
 
 // ======================
 // Props（可配置）
@@ -102,7 +103,6 @@ function choose() {
     sizeType: props.sizeType,
     success: async res => {
       const tempPaths = res.tempFilePaths
-
       // 如果没传上传接口，只返回临时路径
       if (!props.uploadUrl) {
         const newItems = tempPaths.map(path => ({ url: path }))
@@ -135,9 +135,13 @@ async function uploadSingle(filePath) {
 
   return new Promise((resolve, reject) => {
     uni.uploadFile({
-      url: props.uploadUrl,
+      url: `${baseUrl}${props.uploadUrl}`,
       filePath: filePath,
       name: props.fileFieldName,
+      header: {
+        Authorization: 'Bearer ' + (uni.getStorageSync('token') || ''),
+        clientid: 'butler'
+      },
       // ✅ 新增：携带额外参数
       formData: props.extraData,
       success: res => {

wuye-manager-uniapp/jsdoc.types.js

@@ -1,24 +1,35 @@
 // 全局 JSDoc 类型定义  全项目所有文件通用
 
 /**
- * 【全局】通用分页接口返回结构1
+ * 【全局】通用分页接口返回结构
  * @template T - 列表项类型
- * @typedef {Object} RowsResult
+ * @typedef  RowsResult 分页结构
  * @property {number} code 响应码，200=成功
  * @property {string} msg 响应消息
  * @property {number} total 总条数
  * @property {T[]} rows 数据列表
  */
-
 /**
- * 【全局】通用接口返回结构2
+ * 返回结果
- * @template T - 列表项类型
+ * @template T
  * @typedef {Object} DataResult
+ * @property {T} data 列表数据
  * @property {number} code 响应码，200=成功
  * @property {string} msg 响应消息
- * @property {T} data 数据列表
  */
 
+/**
+ * 分页参数
+ * @typedef {Object} PageType
+ * @property {number} pageSize 每页条数
+ * @property {number} pageNum 当前页码
+ */
+
+/**
+ * 通用请求参数（T 不传时 = PageType）
+ * @template [T=undefined]
+ * @typedef {T extends undefined ? PageType : PageType & T} RequestParams
+ */
 
 /**
  * 【全局】角色标识枚举

wuye-manager-uniapp/pageSubPack/inspection/inspection_main.vue

@@ -5,33 +5,32 @@
         <view class="title_box flex items-center justify-between">
           <view class="title flex items-center">
             <view class="line"> </view>
-            <text>{{ info.taskName }}</text>
+            <text>{{ info.villageName }} - {{ info.taskName }}</text>
-          </view>
-          <view class="inspection_status" v-if="info.status === 0"> <text>已巡检</text> </view>
-          <view class="inspection_status todo" v-else>
-            <text>未巡检</text>
           </view>
+          <view class="inspection_status"> <text>已巡检</text> </view>
         </view>
         <view class="info">
           <view class="item">
             <text>巡检项目：</text>
-            <text>{{ info.items.join('； ') }}</text>
+            <text>{{ info.planName }}</text>
           </view>
           <view class="item">
             <text>巡检时间：</text>
-            <text>{{ info.time }}</text>
+            <text>07:00:00 - 09:00:00</text>
           </view>
           <view class="item">
             <text>巡检小区：</text>
             <text>{{ info.villageName }}</text>
           </view>
-          <view class="item">
+          <view class="" v-for="(item, index) in baseFormData" :key="index">
-            <text>巡检路线：</text>
+            <view class="item">
-            <text>{{ info.planName }}</text>
+              <text>巡检路线：</text>
-          </view>
+              <text>{{ item.routeName }}</text>
-          <view class="item">
+            </view>
-            <text>巡检点：</text>
+            <view class="item">
-            <text>{{ info.point.join('; ') }}</text>
+              <text>巡检点：</text>
+              <text v-for="(ite, ind) in item.points" :key="ind">{{ ite.pointName }}；</text>
+            </view>
           </view>
         </view>
       </view>
@@ -39,39 +38,49 @@
         <view class="inspecton_result_title">
           <text>巡检结果</text>
         </view>
-        <view class="inspection_body" v-for="(item, index) in result" :key="index">
+        <view class="inspection_body" v-for="(item, index) in baseFormData" :key="index">
-          <view class="inspection_items">
+          <view v-for="(ite, ind) in item.points" :key="ind">
-            <text class="label">巡检点：</text>
+            <view class="inspection_items">
-            <text>{{ item.pointName }}</text>
+              <text class="label">巡检路线：</text>
+              <text style="font-weight: 550">{{ item.routeName }}</text>
+            </view>
+            <view class="inspection_items">
+              <text class="label">巡检点：</text>
+              <text>{{ ite.pointName }}</text>
+            </view>
+            <view class="inspection_items">
+              <text class="label">巡检人：</text>
+              <text>{{ ite.resientName }}</text>
+            </view>
+            <view class="inspection_items">
+              <text class="label">手机号码：</text>
+              <text>{{ ite.phone }}</text>
+            </view>
+            <view class="inspection_items">
+              <text class="label">巡检时间：</text>
+              <text>{{ ite.time }}</text>
+            </view>
+            <view class="inspection_items">
+              <text class="label">巡检状态：</text>
+              <text>{{ ite.status === 0 ? '正常' : '异常' }}</text>
+            </view>
+            <view class="inspection_items">
+              <view class="label">巡检结果：</view>
+              <view class="desction_value">{{ ite.descrtion }}</view>
+            </view>
+            <view class="inspection_items">
+              <view class="label">巡检照片：</view>
+              <image
+                lazy-load
+                class="inspection_photo"
+                v-for="(it, ind) in ite.files"
+                :key="ind"
+                :src="it"
+                mode="scaleToFill"
+              ></image>
+            </view>
+            <view class="linedash" v-show="ind + 1 !== item.points.length"> </view>
           </view>
-          <view class="inspection_items">
-            <text class="label">巡检人：</text>
-            <text>{{ item.user }}</text>
-          </view>
-          <view class="inspection_items">
-            <text class="label">手机号码：</text>
-            <text>{{ item.phone }}</text>
-          </view>
-          <view class="inspection_items">
-            <text class="label">巡检时间：</text>
-            <text>{{ item.time }}</text>
-          </view>
-          <view class="inspection_items">
-            <view class="label">巡检结果：</view>
-            <view class="desction_value">{{ item.descrtion }}</view>
-          </view>
-          <view class="inspection_items">
-            <view class="label">巡检照片：</view>
-            <image
-              lazy-load
-              class="inspection_photo"
-              v-for="(ite, ind) in item.photos"
-              :key="ind"
-              :src="ite"
-              mode="scaleToFill"
-            ></image>
-          </view>
-          <view class="linedash" v-show="index + 1 !== result.length"> </view>
         </view>
       </view>
     </view>
@@ -80,57 +89,65 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
+import { getInspectionMain } from '@/api/insepction.js'
+import { onLoad } from '@dcloudio/uni-app'
 
+const taskid = ref('')
 const info = ref({
-  items: ['设备巡检', '电力检查'],
+  planName: '',
-  time: '07:00:00-12:00:00',
+  remindTime: '',
-  villageName: '幸福苑小区',
+  routes: [],
-  taskName: '幸福苑小区-B1层地下车区',
+  taskId: '',
-  status: 0, // 0 已巡检 1未巡检
+  taskName: '',
-  planName: '常规巡检路线1',
+  taskTime: '',
-  point: ['安全出口1号', '巡检点2号', '巡检点3号']
+  villageName: ''
+})
+const baseFormData = ref([])
+
+function init() {
+  if (!taskid.value) return
+  getInspectionMain(taskid.value)
+    .then(res => {
+      info.value = res.data
+      if (!res.data.routes) return
+      let result = res.data.routes
+        .map(item => {
+          if (!item.points || item.points.length <= 0) return false
+          const points = item.points.map(ite => {
+            return {
+              pointId: ite.pointId,
+              pointName: ite.pointName,
+              status: ite.status ?? 0,
+              desition: ite.remark,
+              files: ite.imgUrl ? ite.imgUrl.split(',') : [],
+              phone: '',
+              time: '',
+              resientName: ''
+            }
+          })
+          return {
+            routeName: item.routeName,
+            routeId: item.routeId,
+            description: item.description,
+            points: points
+          }
+        })
+        .filter(item => item !== false)
+      baseFormData.value = result
+      console.log(result)
+    })
+    .catch(err => {
+      uni.showToast({
+        icon: 'error',
+        title: '网络异常'
+      })
+    })
+}
+
+onLoad(options => {
+  taskid.value = options.id
+  init()
 })
-const result = ref([
-  {
-    pointName: '安全出口1号',
-    user: '李相龙',
-    phone: '1502360831',
-    time: '2026-10-25 08:10:01',
-    descrtion: '设备正常运转，电力系统正常，设备使用正常',
-    photos: [
-      'https://picsum.photos/80',
-      'https://picsum.photos/80',
-      'https://picsum.photos/80',
-      'https://picsum.photos/80'
-    ]
-  },
-  {
-    pointName: '巡检点2号',
-    user: '李相龙',
-    phone: '1502360831',
-    time: '2026-10-25 10:10:01',
-    descrtion: '部分墙体漏水',
-    photos: [
-      'https://picsum.photos/80',
-      'https://picsum.photos/80',
-      'https://picsum.photos/80',
-      'https://picsum.photos/80'
-    ]
-  },
-  {
-    pointName: '巡检点3号',
-    user: '李相龙',
-    phone: '1502360831',
-    time: '2026-10-25 12:10:01',
-    descrtion: '正常',
-    photos: [
-      'https://picsum.photos/80',
-      'https://picsum.photos/80',
-      'https://picsum.photos/80',
-      'https://picsum.photos/80'
-    ]
-  }
-])
 </script>
 
 <style lang="scss" scoped>
@@ -237,7 +254,9 @@ const result = ref([
       }
       .linedash {
         width: 100%;
-        border: 2rpx dashed #ccc;
+        height: 0;
+        border: 1rpx dashed #ccc;
+        margin: 40rpx 0;
       }
     }
   }

wuye-manager-uniapp/pageSubPack/inspection/inspection_record.vue

@@ -3,43 +3,53 @@
   <view class="page_padding">
     <view class="inspection_record_box flex-1 flex flex-col">
       <navBar @clickLeft="navBack" title="巡检记录"></navBar>
-
       <TabsComponents :tabslist="tabslist" @update="handleChangeTabs"></TabsComponents>
+      <view class="timebox">
+        <view class="daybox flex items-center">
+          <uni-datetime-picker
+            type="date"
+            :clear-icon="false"
+            @change="handleChangeTime"
+            v-model="queryParmas.date"
+          >
+            <view class="day">{{ showDate }}</view>
+          </uni-datetime-picker>
+          <view class="searchiconbox flex items-center">
+            <view class="arrow"> </view>
+            <view class="arrow1"> </view>
+          </view>
+        </view>
+      </view>
       <scroll-view
         class="record_body record-list"
         scroll-y
-        lower-threshold="60"
+        lower-threshold="160"
         @scrolltolower="scrolltolower"
       >
-        <!-- v-for -->
+        <view
-        <view class="record_item" v-for="(item, index) in list" :key="index">
+          class="record_list_item"
-          <view class="time">
+          v-for="(ite, index) in list"
-            <view>{{ item.day }}</view>
+          :key="index"
+          @tap="handleTap(ite)"
+        >
+          <view class="title flex items-center">
+            <view class="title_name"> {{ ite.taskName }} </view>
+            <view class="title_status" v-if="isComputed(ite.taskStatus)"> 已巡检 </view>
+            <view class="title_status noinspection" v-else> 未巡检 </view>
           </view>
-          <view class="record_list_box">
+          <view class="items" v-if="ite.points">
-            <!-- v-for -->
+            <view class="item" v-for="(itemname, itemindex) in ite.itemslist" :key="itemindex">
-            <view class="record_list_item" v-for="(ite, ind) in item.list" :key="ind">
+              <text>{{ itemname }}</text>
-              <view class="title flex items-center">
-                <view class="title_name"> {{ ite.title }} </view>
-                <view class="title_status" v-if="ite.status === 0"> 已巡检 </view>
-                <view class="title_status noinspection" v-else> 未巡检 </view>
-              </view>
-              <view class="items">
-                <!-- v-for -->
-                <view class="item" v-for="(it, inde) in ite.items" :key="inde">
-                  <text>{{ it }}</text>
-                </view>
-              </view>
-              <view class="time">
-                <text>巡检时间：</text>
-                <text>{{ ite.time }}</text>
-              </view>
-              <view class="time user">
-                <text>巡检人：</text>
-                <text>{{ ite.user }}</text>
-              </view>
             </view>
           </view>
+          <view class="time">
+            <text>巡检时间：</text>
+            <text>{{ ite.taskTime }}</text>
+          </view>
+          <view class="time user">
+            <text>巡检人：</text>
+            <text>{{ ite.inspectorName }}</text>
+          </view>
         </view>
       </scroll-view>
     </view>
@@ -49,62 +59,48 @@
 <script setup lang="ts">
 import TabsComponents from '@/components/tabs/tabs.vue'
 import navBar from '@/components/navbar/navbar.vue'
-import { ref } from 'vue'
+import { computed, ref } from 'vue'
+import { getInspectionList } from '@/api/insepction.js'
+import { parseTime } from '@/utils/time.js'
+import { onShow } from '@dcloudio/uni-app'
+
+const isComputed = (status: string) => {
+  const awaitlist = ['未完成', '待执行', '执行中']
+  return !awaitlist.includes(status)
+}
+
 const tabslist = [
   {
     name: '全部',
-    value: 0
+    value: 2
   },
   {
     name: '未巡检',
-    value: 1
+    value: 0
   },
   {
     name: ' 已巡检',
-    value: 2
+    value: 1
   }
 ]
-function handleChangeTabs(val: number) {}
+
 // ---------------------------------------------------------------------
 
 // ---------------------------------------------------------------------
-const list = ref([
+const list = ref([])
-  {
-    day: '10月11日',
-    list: [
-      {
-        title: '标题1',
-        status: 0,
-        items: ['设备巡检'],
-        time: '07:00:00-09:00:00',
-        user: '李兴'
-      },
-      {
-        title: '标题3',
-        status: 0,
-        items: ['设备巡检'],
-        time: '07:00:00-09:00:00',
-        user: '湖色'
-      }
-    ]
-  }
-])
-
 const queryParmas = ref({
+  date: '',
+  status: 2,
   pageNum: 1,
-  pageSize: 5
+  pageSize: 10
+})
+const showDate = computed(() => {
+  return parseTime(queryParmas.value.date, '{m}月{d}日')
 })
 const isLoading = ref(false) // 加载锁
 const hasMore = ref(true) // 是否还有更多数据
-const total = ref(21)
+const total = ref(0)
-function scrolltolower() {
+
-  // 必须加这两个判断！
-  if (isLoading.value || !hasMore.value) {
-    return
-  }
-  queryParmas.value.pageNum += 1
-  getlist()
-}
 function getlist() {
   // 1. 如果正在加载或没有更多数据，直接返回
   if (isLoading.value || !hasMore.value) return
@@ -114,51 +110,76 @@ function getlist() {
     title: '加载中',
     mask: true
   })
-  const { pageNum, pageSize } = queryParmas.value
+  const { pageNum, pageSize, date } = queryParmas.value
-
+  getInspectionList({
-  const startId = (pageNum - 1) * pageSize + 1
+    pageSize,
-  const arr = Array.from({ length: pageSize }).map((_, index) => {
+    pageNum,
-    const realId = startId + index // ✅ 修复 ID 错误
+    date
-
-    // ✅ 随机生成 0、1、2
-    const randomStatus = Math.floor(Math.random() * 2)
-    return {
-      day: '10月' + realId + '日',
-      list: [
-        {
-          title: '标题1',
-          status: randomStatus,
-          items: ['设备巡检'],
-          time: '07:00:00-09:00:00',
-          user: '李兴'
-        },
-        {
-          title: '标题3',
-          status: randomStatus,
-          items: ['设备巡检'],
-          time: '07:00:00-09:00:00',
-          user: '湖色'
-        }
-      ]
-    }
   })
-
+    .then(res => {
-  // 追加数据（正确方式）
+      list.value = res.rows
-  list.value = [...list.value, ...arr]
+      let items: Set<string> = new Set()
-  // 判断是否还有更多
+      res.rows.forEach(item => {
-  hasMore.value = list.value.length < total.value
+        if (!item.points || item.points.length <= 0) return
-  isLoading.value = false
+        item.points.forEach(ite => {
-  uni.hideLoading()
+          ite.itemNames.forEach(it => items.add(it))
+        })
+        item.itemslist = Array.from(items)
+        console.log(item.itemslist)
+      })
+      hasMore.value = list.value.length < res.total
+      total.value = res.total
+    })
+    .finally(() => {
+      isLoading.value = false
+      uni.hideLoading()
+    })
 }
-getlist()
+
-function resetList() {
+function handleChangeTime(event: string) {
-  list.value = []
-  queryParmas.value.pageNum = 1
   hasMore.value = true
+  queryParmas.value.date = event
+  getlist()
+}
+
+function handleTap(ite) {
+  if (isComputed(ite.taskStatus)) {
+    uni.navigateTo({
+      url: '/pageSubPack/inspection/inspection_main?id=' + ite.id
+    })
+  } else {
+    uni.navigateTo({
+      url: '/pageSubPack/inspection/inspection_upload?id=' + ite.id
+    })
+  }
+}
+
+function scrolltolower() {
+  if (isLoading.value || !hasMore.value) {
+    return
+  }
+  queryParmas.value.pageNum += 1
+  getlist()
+}
+
+function handleChangeTabs(val: number) {
+  queryParmas.value.status = val
+  queryParmas.value.pageNum = 1
+  queryParmas.value.pageSize = 10
   getlist()
 }
 // ---------------------------------------------------------------------
 
+function init() {
+  queryParmas.value.date = parseTime(new Date(), '{y}-{m}-{d}')
+  getlist()
+}
+
+onShow(() => {
+  hasMore.value = true
+  console.log('show')
+  init()
+})
 // 返回上一页
 const navBack = () => {
   uni.navigateBack()
@@ -174,91 +195,121 @@ const navBack = () => {
   height: 100vh;
   overflow: hidden;
   box-sizing: border-box;
-  .record_body {
+  .timebox {
+    width: 178rpx;
+    height: 48rpx;
+    background: #ffffff;
+    border-radius: 24rpx;
+    text-align: center;
+    line-height: 48rpx;
+    font-weight: 400;
+    font-size: 28rpx;
+    color: #666666;
+    margin-bottom: 20rpx;
     margin-top: 20rpx;
+    .daybox {
+      height: 100%;
+      box-sizing: border-box;
+      position: relative;
+      .day {
+        flex: 1;
+        font-size: 28rpx;
+        text-align: left;
+        padding-left: 15rpx;
+      }
+      .searchiconbox {
+        width: 38rpx;
+        height: 48rpx;
+        padding-right: 10rpx;
+        flex-direction: column;
+        justify-content: center;
+        .arrow,
+        .arrow1 {
+          border: 1rpx solid #ccc;
+          width: 8rpx;
+          height: 8rpx;
+        }
+        .arrow {
+          border-right-color: transparent;
+          border-top-color: transparent;
+          transform: rotateZ(135deg);
+        }
+        .arrow1 {
+          border-left-color: transparent;
+          border-bottom-color: transparent;
+          transform: rotateZ(135deg);
+        }
+      }
+    }
+  }
+
+  .record_body {
     flex: 1;
     overflow: hidden;
     overflow-y: auto;
     box-sizing: border-box;
-    .record_item {
+
-      & > .time {
+    .record_list_item {
-        width: 168rpx;
+      margin-bottom: 20rpx;
-        height: 48rpx;
+      background: #ffffff;
-        background: #ffffff;
+      border-radius: 16rpx;
-        border-radius: 24rpx;
+      box-sizing: border-box;
-        text-align: center;
+      padding: 32rpx;
-        line-height: 48rpx;
+      // 巡检标题
+      .title {
         font-weight: 400;
-        font-size: 28rpx;
+        font-size: 32rpx;
-        color: #666666;
+        color: #222222;
+        line-height: 40rpx;
+        height: 40rpx;
+        margin-bottom: 25rpx;
 
-        margin-bottom: 20rpx;
+        .title_status {
-      }
+          width: 86rpx;
-      .record_list_box {
+          height: 30rpx;
-        margin-bottom: 20rpx;
+          background: #4d5dfa;
-        .record_list_item {
+          border-radius: 198rpx 198rpx 198rpx 198rpx;
-          margin-bottom: 20rpx;
+          text-align: center;
-          background: #ffffff;
+          font-weight: 400;
-          border-radius: 16rpx;
+          font-size: 20rpx;
-          box-sizing: border-box;
+          color: #ffffff;
-          padding: 32rpx;
+          line-height: 30rpx;
-          // 巡检标题
+          margin-left: 5rpx;
-          .title {
-            font-weight: 400;
-            font-size: 32rpx;
-            color: #222222;
-            line-height: 40rpx;
-            height: 40rpx;
-            margin-bottom: 25rpx;
 
-            .title_status {
+          &.noinspection {
-              width: 86rpx;
+            background-color: #ccc;
-              height: 30rpx;
-              background: #4d5dfa;
-              border-radius: 198rpx 198rpx 198rpx 198rpx;
-              text-align: center;
-              font-weight: 400;
-              font-size: 20rpx;
-              color: #ffffff;
-              line-height: 30rpx;
-              margin-left: 5rpx;
-
-              &.noinspection {
-                background-color: #ccc;
-              }
-            }
-          }
-
-          // 巡检项目
-          .items {
-            margin-bottom: 20rpx;
-            display: flex;
-            align-items: center;
-            flex-wrap: wrap;
-            .item {
-              padding: 0 10rpx;
-              height: 42rpx;
-              border-radius: 8rpx 8rpx 8rpx 8rpx;
-              border: 1rpx solid #4d5dfa;
-
-              font-weight: 400;
-              font-size: 24rpx;
-              color: #4d5dfa;
-              text-align: center;
-              line-height: 42rpx;
-              margin-right: 20rpx;
-              margin-bottom: 10rpx;
-            }
-          }
-
-          // 巡检人 巡检时间
-          & > .time {
-            font-weight: 400;
-            font-size: 28rpx;
-            color: #999999;
           }
         }
       }
+
+      // 巡检项目
+      .items {
+        margin-bottom: 20rpx;
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        .item {
+          padding: 0 10rpx;
+          height: 42rpx;
+          border-radius: 8rpx 8rpx 8rpx 8rpx;
+          border: 1rpx solid #4d5dfa;
+
+          font-weight: 400;
+          font-size: 24rpx;
+          color: #4d5dfa;
+          text-align: center;
+          line-height: 42rpx;
+          margin-right: 20rpx;
+          margin-bottom: 10rpx;
+        }
+      }
+
+      // 巡检人 巡检时间
+      & > .time {
+        font-weight: 400;
+        font-size: 28rpx;
+        color: #999999;
+      }
     }
   }
 }

wuye-manager-uniapp/pageSubPack/inspection/inspection_upload.vue

@@ -5,16 +5,16 @@
         <view class="inspection_title flex flex-between">
           <view class="title flex">
             <text class="line"></text>
-            <text>幸福苑小区- B1层地下车库</text>
+            <text>{{ info.villageName }} - {{ info.taskName }}</text>
           </view>
-          <view class="status">
+          <view class="status" v-if="!isComputed">
             <text>未巡检</text>
           </view>
         </view>
         <view class="inspection_item_info_box">
           <view class="inspection_item">
             <text>巡检项目：</text>
-            <text>设备巡检</text>
+            <text>{{ info.planName }}</text>
           </view>
           <view class="inspection_item">
             <text>巡检时间：</text>
@@ -22,106 +22,92 @@
           </view>
           <view class="inspection_item">
             <text>巡检小区：</text>
-            <text>幸福苑小区</text>
+            <text>{{ info.villageName }}</text>
           </view>
-          <view class="inspection_item">
+          <view class="" v-for="(item, index) in baseFormData" :key="index">
-            <text>巡检路线：</text>
+            <view class="inspection_item">
-            <text>常规巡检路线1</text>
+              <text>巡检路线：</text>
-          </view>
+              <text>{{ item.routeName }}</text>
-          <view class="inspection_item">
+            </view>
-            <text>巡检点：</text>
+            <view class="inspection_item">
-            <text>安全巡检点1；</text>
+              <text>巡检点：</text>
-            <text>安全巡检点2；</text>
+              <text v-for="(ite, ind) in item.points" :key="ind">{{ ite.ponitName }}；</text>
-            <text>安全巡检点3；</text>
+            </view>
-            <text>安全巡检点4；</text>
           </view>
         </view>
       </view>
-      <view class="inspection_info_upload_box">
+      <view class="inspection_info_upload_box" v-if="baseFormData.length > 0">
-        <view class="header"> <text>巡检结果</text> </view>
+        <view class="inspection_routes" v-for="(item, index) in baseFormData" :key="index">
-        <view class="info_body" :key="index" v-for="(item, index) in baseFormData">
+          <view class="header">
-          <view class="info_title" style="margin-bottom: 20rpx"> {{ item.name }} </view>
+            <text>{{ item.routeName }} - 巡检结果</text>
-          <uni-forms :modelValue="item" :rules="rules" label-position="left" label-width="150">
+          </view>
-            <uni-forms-item label="巡检状态" required>
+          <view class="info_body" v-for="(ite, ind) in item.points" :key="ind">
-              <uni-data-checkbox
+            <view class="info_title" style="margin-bottom: 20rpx"> {{ ite.ponitName }} </view>
-                :disabled="item.complated"
+            <uni-forms :modelValue="ite" :rules="rules" label-position="left" label-width="150">
-                v-model="item.status"
+              <uni-forms-item label="巡检状态" required>
-                :localdata="statuslist"
+                <uni-data-checkbox
-              />
+                  :disabled="ite.complated"
-            </uni-forms-item>
+                  v-model="ite.status"
-            <uni-forms-item label="巡检描述">
+                  :localdata="statuslist"
-              <uni-easyinput
+                />
-                type="textarea"
+              </uni-forms-item>
-                :disabled="item.complated"
+              <uni-forms-item label="巡检描述" v-if="!ite.complated">
-                :input-border="true"
+                <uni-easyinput
-                v-model="item.desition"
+                  type="textarea"
-                placeholder="请输入"
+                  :disabled="ite.complated"
-              ></uni-easyinput>
+                  :input-border="true"
-            </uni-forms-item>
+                  v-model="ite.desition"
-            <uni-forms-item label="巡检时间">
+                  placeholder="请输入"
-              <uni-datetime-picker
+                ></uni-easyinput>
-                type="datetime"
+              </uni-forms-item>
-                :disabled="item.complated"
+              <view class="items_picker_box flex" style="align-items: baseline" v-else>
-                return-type="timestamp"
+                <view class="label"> 巡检描述 </view>
-                v-model="item.datetimesingle"
+                <view class="desitionbox flex-1">
-              />
+                  <text class="desition">{{ ite.desition }}</text>
-            </uni-forms-item>
+                </view>
-            <!--    <uni-forms-item label="巡检照片">
+              </view>
-              <uni-file-picker
+              <view class="items_picker_box">
-                @delete="deleteFile"
+                <view class="label"> 巡检照片 </view>
-                @select="select"
+                <view class="filePickerbox" v-if="!ite.complated">
-                mode="grid"
+                  <filePicker
-                v-model="item.files"
+                    v-model="ite.files"
-                :auto-upload="false"
+                    :sourceType="['camera']"
-                :sourceType="['camera']"
+                    file-field-name="file"
-                file-mediatype="image"
+                    :extra-data="uploadParams"
-              >
+                    uploadUrl="/resource/oss/upload"
-                <view class="filePicker flex-center">
+                    @fail="onUploadFail"
-                  <uni-icons color="#a6a6a6" type="plusempty" size="25"> </uni-icons>
+                  ></filePicker>
-                </view>
+                </view>
-              </uni-file-picker>
+                <view class="filePickerbox showimagegrid" v-else>
-            </uni-forms-item> -->
+                  <image
-            <view class="items_picker_box">
+                    class="img"
-              <view class="label"> 巡检照片 </view>
+                    mode="scaleToFill"
-              <view class="filePickerbox" v-if="!item.complated">
+                    v-for="(ite, ind) in ite.files"
-                <filePicker
+                    lazy-load
-                  v-model="item.files"
+                    :key="ind"
-                  :sourceType="['camera']"
+                    :src="ite"
-                  file-field-name="file"
+                    @tap="previewImages(ite.files, index)"
-                  :extra-data="uploadParams"
+                  ></image>
-                  @success="onUploadSuccess"
+                </view>
-                  @fail="onUploadFail"
+              </view>
-                ></filePicker>
+            </uni-forms>
-              </view>
+            <view class="submitbox" @tap="handleSubmit(ite)" v-if="!ite.complated">
-              <view class="filePickerbox showimagegrid" v-else>
+              <text>提交</text>
-                <image
+            </view>
-                  class="img"
+            <view class="line" v-if="ind + 1 === baseFormData.length"> </view>
-                  mode="scaleToFill"
-                  v-for="(ite, ind) in item.files"
-                  lazy-load
-                  :key="ind"
-                  :src="ite"
-                  @tap="previewImages(item.files, index)"
-                ></image>
-              </view>
-            </view>
-          </uni-forms>
-          <view class="submitbox" @tap="handleSubmit(item.id)">
-            <text>提交</text>
           </view>
-          <view class="line" v-if="index + 1 !== baseFormData.length"> </view>
         </view>
-        <!-- <view class="submitbox">
-          <text>提交</text>
-        </view> -->
       </view>
     </view>
   </view>
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { computed, ref } from 'vue'
 import filePicker from '@/components/filePicker/filePicker.vue'
+import { getInspectionMain } from '@/api/insepction.js'
+import { onLoad } from '@dcloudio/uni-app'
+import { putInsepctionPoint } from '@/api/insepction.js'
 
 const statuslist = [
   {
@@ -133,27 +119,16 @@ const statuslist = [
     value: 1
   }
 ]
+const taskid = ref('')
 const baseFormData = ref([])
 const info = ref({
-  point: Array.from({ length: 4 }).map((_, index) => {
+  planName: '',
-    let obj1 = {
+  remindTime: '',
-      name: `巡检点${index + 1}`,
+  routes: [],
-      id: index + ''
+  taskId: '',
-    }
+  taskName: '',
-    let obj = {
+  taskTime: '',
-      id: index,
+  villageName: ''
-      name: obj1.name,
-      desition: '', // 描述
-      datetimesingle: '', // 时间
-      status: 0, // 状态 0正常1异常
-      files: [], // 图片
-      complated: false, // 巡检点完成检查
-      fileUrls: '' // 图片
-    }
-
-    baseFormData.value.push(obj)
-    return obj1
-  })
 })
 const rules = {
   status: {
@@ -166,36 +141,86 @@ const rules = {
   }
 }
 
-//  ----------------------------------------------
+function init() {
-const uploadParams = ref({
+  if (!taskid.value) return
-  type: 'repair', // 上传类型：报修
+  getInspectionMain(taskid.value)
-  businessId: '123456', // 关联业务ID
+    .then(res => {
-  userId: '789' // 用户ID
+      info.value = res.data
+      if (!res.data.routes) return
+      let result = res.data.routes
+        .map(item => {
+          if (!item.points || item.points.length <= 0) return false
+          const points = item.points.map(ite => {
+            return {
+              pointId: ite.pointId,
+              ponitName: ite.pointName,
+              status: ite.status ?? 0,
+              desition: ite.remark,
+              complated: ite.status !== null,
+              files: ite.imgUrl ? ite.imgUrl.split(',') : []
+            }
+          })
+          return {
+            routeName: item.routeName,
+            routeId: item.routeId,
+            description: item.description,
+            points: points
+          }
+        })
+        .filter(item => item !== false)
+      baseFormData.value = result
+      console.log(result)
+      console.log(isComputed.value)
+    })
+    .catch(err => {
+      uni.showToast({
+        icon: 'error',
+        title: '网络异常'
+      })
+    })
+}
+onLoad(options => {
+  taskid.value = options.id
+  // taskid.value = '2044684785371725826'
+  init()
 })
 
-// 选择文件
+//  ----------------------------------------------
-function onUploadSuccess(e) {
+const uploadParams = ref({})
-  console.log('上传成功', e)
-}
 
 function onUploadFail(e) {
   console.log('上传失败', e)
 }
 
-function submit() {
-  console.log('最终要提交的图片URL', imageList.value)
-  // 这里调用你的提交接口
-}
-
 /** 提交巡检点 检查情况 */
-function handleSubmit(id) {
+function handleSubmit(item) {
-  console.log(typeof id, id, baseFormData.value)
+  console.log(item, baseFormData.value)
-  const find = baseFormData.value.find(item => item.id === id)
+  let obj = {
-  if (find) {
+    pointId: item.pointId,
-    find.complated = true
+    imgUrl: item.files.length > 0 ? item.files.join(',') : '',
+    remark: item.desition,
+    status: item.status,
+    taskId: taskid.value
   }
+  console.log(obj)
+  putInsepctionPoint(obj)
+    .then(res => {
+      item.complated = true
+      console.log(isComputed.value)
+      console.log(res)
+    })
+    .catch(err => {
+      console.log(err)
+    })
 }
 
+const isComputed = computed(() => {
+  // 遍历每一项
+  return baseFormData.value.every(item => {
+    // 每一项里的所有 points 都必须是已完成
+    return item.points.every(point => point.complated)
+  })
+})
 /**
  * 预览图片
  * @param {Array} images - 所有图片的URL数组
@@ -279,12 +304,22 @@ function previewImages(images, currentIndex) {
     }
     .info_body {
       margin-bottom: 40rpx;
+      .desitionbox {
+        .desition {
+          font-size: small;
+          color: #ccc;
+          line-height: 1;
+          letter-spacing: 1px;
+        }
+      }
     }
     .info_title {
       font-weight: 550;
     }
     .line {
       width: 100%;
+      margin-top: 40rpx;
+      margin-bottom: 40rpx;
       border: 1rpx dashed #ccc;
     }
     .items_picker_box {
@@ -320,7 +355,6 @@ function previewImages(images, currentIndex) {
     color: #ffffff;
     line-height: 80rpx;
     margin-top: 40rpx;
-    margin-bottom: 40rpx;
   }
 }
 </style>

wuye-manager-uniapp/pageSubPack/inspection/toDays_inscpection.vue

@@ -46,6 +46,7 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue'
 import TabsComponents from '@/components/tabs/tabs.vue'
+import { onShow } from '@dcloudio/uni-app'
 // tabs =========================================================
 const activeValue = ref(0)
 const tabslist = ref([
@@ -125,6 +126,12 @@ const list = ref([
     status: 1 // 0未巡检 1已巡检
   }
 ])
+
+function getInspectionList() {
+  getInspectionList()
+}
+
+onShow(() => getInspectionList())
 </script>
 
 <style scoped lang="scss">

wuye-manager-uniapp/pageSubPack/instrument/addreplacement.vue

@@ -2,7 +2,7 @@
   <view class="page_container addreplacement_box">
     <uni-forms border :modelValue="formData" label-position="left">
       <uni-forms-item label="仪表类型">
-        <uni-data-checkbox v-model="formData.type" :localdata="items"></uni-data-checkbox>
+        <uni-data-checkbox v-model="formData.deviceType" :localdata="items"></uni-data-checkbox>
       </uni-forms-item>
       <uni-forms-item label="设备编号">
         <view class="flex items-center justify-between">
@@ -14,7 +14,13 @@
             :clearable="true"
           >
           </uni-easyinput>
-          <uni-icons @tap="handleScan" size="48rpx" type="scan" color="#737373"></uni-icons>
+          <uni-icons
+            class="scanicons"
+            @tap="handleScan"
+            size="48rpx"
+            type="scan"
+            color="#737373"
+          ></uni-icons>
         </view>
       </uni-forms-item>
       <uni-forms-item label="房屋号">
@@ -42,19 +48,22 @@
 <script setup>
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
+import { AddReplaceMainList } from '@/api/instrument.js'
+
 const formData = ref({
-  type: 1,
+  deviceType: 2,
   deviceCode: '',
   houseId: ''
 })
+// 水表，电表列表
 const items = [
   {
     text: '水表',
-    value: 1
+    value: 2
   },
   {
     text: '电表',
-    value: 2
+    value: 1
   }
 ]
 
@@ -74,15 +83,51 @@ function handleClick() {
 }
 /** 处理 扫码 */
 function handleScan() {
-  // 允许从相机和相册扫码
   uni.scanCode({
     success: function (res) {
       formData.value.deviceCode = res.result
+    },
+    error: err => {
+      uni.showToast({
+        icon: 'error',
+        title: '扫描异常'
+      })
     }
   })
 }
 
-function handleSubmit() {}
+function handleSubmit() {
+  formData.value.deviceCode = formData.value.deviceCode.trim()
+  formData.value.houseId = formData.value.houseId.trim()
+  if (!formData.value.deviceCode.trim()) {
+    uni.showToast({
+      icon: 'exception',
+      title: '检查设备编号'
+    })
+  }
+  if (!formData.value.houseId.trim()) {
+    uni.showToast({
+      icon: 'exception',
+      title: '选择房屋'
+    })
+  }
+  AddReplaceMainList(formData.value)
+    .then(() => {
+      uni.showToast({
+        icon: 'success',
+        title: '操作成功',
+        success() {
+          uni.navigateBack()
+        }
+      })
+    })
+    .catch(err => {
+      uni.showToast({
+        icon: 'error',
+        title: '检查编号'
+      })
+    })
+}
 </script>
 
 <style lang="scss" scoped>
@@ -116,5 +161,9 @@ function handleSubmit() {}
     color: #ffffff;
     line-height: 80rpx;
   }
+
+  .scanicons {
+    margin-left: 20rpx;
+  }
 }
 </style>

wuye-manager-uniapp/pageSubPack/instrument/checkouthouse.vue

@@ -4,23 +4,25 @@
       <view
         @click="handleClick"
         class="search_view flex-center"
-        v-if="!queryParmas.keyword.trim() && Searching"
+        v-if="!queryParmas.searchValue.trim() && Searching"
       >
         <uni-icons type="search" size="34rpx" color="rgba(0,0,0,0.26)"></uni-icons>
         <text>请输入关键字进行搜索</text>
       </view>
       <uni-easyinput
         @blur="handleInput"
-        @change="handleSearch"
+        @clear="handleInput"
+        @confirm="handleSearch"
+        @input="handleInputString"
         :focus="true"
         ref="inputRef"
-        v-model="queryParmas.keyword"
+        v-model="queryParmas.searchValue"
         v-else
       />
     </view>
     <view class="search_list flex-1 flex">
       <scroll-view lower-threshold="160" scroll-y="true" @scrolltolower="scrolltolower">
-        <radio-group @change="radioChange">
+        <radio-group @change="radioChange" v-if="searchlist.length > 0">
           <label v-for="(item, index) in searchlist" :key="index">
             <view
               class="search_item flex flex-between"
@@ -39,6 +41,9 @@
             </view>
           </label>
         </radio-group>
+        <view class="noData" v-else>
+          <text>暂无数据</text>
+        </view>
       </scroll-view>
     </view>
 
@@ -54,18 +59,31 @@ import { getVillageHouseList_keyword } from '@/api/common.js'
 
 const Searching = ref(true)
 const queryParmas = ref({
-  keyword: '',
+  searchValue: '',
   pageNum: 1,
   pageSize: 10
 })
 /** 点击时切换到input,并聚焦 */
 function handleClick() {
   Searching.value = false
+  queryParmas.value.searchValue = ''
 }
 /** 判断 失去焦点时 切换回 view */
 function handleInput() {
-  if (queryParmas.value.keyword.trim()) {
+  const value = queryParmas.value.searchValue.trim()
+  if (value) {
+    handleSearch()
+  } else if (value === '') {
+    queryParmas.value.searchValue = ''
     Searching.value = true
+    handleSearch()
+  }
+}
+function handleInputString() {
+  if (queryParmas.value.searchValue.trim() === '') {
+    queryParmas.value.searchValue = ''
+    Searching.value = true
+    handleSearch()
   }
 }
 
@@ -102,13 +120,20 @@ function getlist() {
     title: '加载中',
     mask: true
   })
-  getVillageHouseList_keyword(queryParmas.value, queryParmas.value.keyword)
+  getVillageHouseList_keyword(queryParmas.value, queryParmas.value.searchValue)
     .then(res => {
       // 追加数据（正确方式）
       searchlist.value = [...searchlist.value, ...res.rows]
+      total.value = res.total
       // 判断是否还有更多
       hasMore.value = searchlist.value.length < total.value
     })
+    .catch(() => {
+      uni.showToast({
+        icon: 'error',
+        title: '网络异常'
+      })
+    })
     .finally(() => {
       isLoading.value = false
       uni.hideLoading()
@@ -126,6 +151,7 @@ function resetList() {
 
 // Search
 function handleSearch() {
+  hasMore.value = true
   queryParmas.value.pageNum = 1
   queryParmas.value.pageSize = 10
   searchlist.value = []
@@ -211,6 +237,13 @@ function handleSelecthouse() {
       }
     }
   }
+  .noData {
+    text-align: center;
+    color: rgba(0, 0, 0, 0.26);
+    font-size: larger;
+    padding-top: 50rpx;
+    letter-spacing: 10rpx;
+  }
 
   .action_btn {
     width: 670rpx;

wuye-manager-uniapp/pageSubPack/instrument/replacement_record.vue

@@ -17,16 +17,16 @@
               <image lazy-load src="/static/imgs/home.png" class="icon" mode=""></image>
               <view class="instrument_info">
                 <view class="instrument_title">
-                  <text>{{ item.title }}</text>
+                  <text>{{ item.addressCn }}</text>
                 </view>
                 <view class="instrument_time">
-                  <text>换新时间时间：{{ item.time }}</text>
+                  <text>换新时间时间：{{ item.createTime }}</text>
                 </view>
               </view>
             </view>
             <view class="instrument_type">
-              <text v-if="item.type === 2">电表</text>
+              <text v-if="item.deviceType === '1'">电表</text>
-              <text v-else>水表</text>
+              <text v-else-if="item.deviceType === '2'">水表</text>
             </view>
           </view>
           <!-- 底部加载状态提示 -->
@@ -42,7 +42,10 @@
 
 <script setup lang="ts">
 import { computed, nextTick, ref } from 'vue'
+import { onShow } from '@dcloudio/uni-app'
 import TabsComponents from '@/components/tabs/tabs.vue'
+import { getReplaceMainList } from '@/api/instrument.js'
+
 /** 加载状态 */
 const statusmore = computed(() => {
   if (isLoading.value === true) {
@@ -65,25 +68,35 @@ const tabslist = [
   },
   {
     name: '水表',
-    value: 1
+    value: 2
   },
   {
     name: '电表',
-    value: 2
+    value: 1
   }
 ]
+
+// 切换tabs
 function handleChangeTabs(val: number) {
+  queryParmas.value.deviceType = val
+  if (val === 0) {
+    queryParmas.value.deviceType = undefined
+  }
   queryParmas.value.pageNum = 1
   infolist.value = []
+  hasMore.value = true
   getlist()
 }
 // ---------------------------------------------------------------------
 const infolist = ref([])
 const queryParmas = ref({
   pageNum: 1,
-  pageSize: 10
+  pageSize: 10,
+  deviceType: undefined
 })
-const total = ref(21)
+// 总数
+const total = ref(0)
+// 上滑加载
 function scrolltolower() {
   // 必须加这两个判断！
   if (isLoading.value || !hasMore.value) {
@@ -92,6 +105,7 @@ function scrolltolower() {
   queryParmas.value.pageNum += 1
   getlist()
 }
+
 function getlist() {
   // 1. 如果正在加载或没有更多数据，直接返回
   if (isLoading.value || !hasMore.value) return
@@ -101,29 +115,29 @@ function getlist() {
     title: '加载中',
     mask: true
   })
-  const { pageNum, pageSize } = queryParmas.value
+  const { pageNum, pageSize, deviceType } = queryParmas.value
-
+  getReplaceMainList({
-  const startId = (pageNum - 1) * pageSize + 1
+    pageNum,
-  const arr = Array.from({ length: pageSize }).map((_, index) => {
+    pageSize,
-    const realId = startId + index // ✅ 修复 ID 错误
+    deviceType
-
-    // ✅ 随机生成 0、1、2
-    const randomStatus = Math.floor(Math.random() * 2)
-    return {
-      title: 'M2栋3单元18' + realId + '室（M2-3-1801）',
-      time: '2023-08-01 10:05:46',
-      type: randomStatus //1水表 2电表
-    }
   })
-
+    .then(res => {
-  // 追加数据（正确方式）
+      infolist.value = [...infolist.value, ...res.rows]
-  infolist.value = [...infolist.value, ...arr]
+      total.value = res.total
-  // 判断是否还有更多
+      hasMore.value = infolist.value.length < total.value
-  hasMore.value = infolist.value.length < total.value
+    })
-  isLoading.value = false
+    .finally(() => {
-  uni.hideLoading()
+      isLoading.value = false
+      uni.hideLoading()
+    })
 }
-getlist()
+onShow(() => {
+  infolist.value = []
+  hasMore.value = true
+  getlist()
+})
+
+// 重置
 function resetList() {
   infolist.value = []
   queryParmas.value.pageNum = 1
@@ -131,6 +145,7 @@ function resetList() {
   getlist()
 }
 
+// 跳转到 仪表换新
 function handleClick() {
   uni.navigateTo({
     url: '/pageSubPack/instrument/addreplacement'

wuye-manager-uniapp/pages.json

@@ -71,10 +71,10 @@
           "path": "notice-list",
           "style": {
             "navigationBarTitleText": "通知公告",
-              "enablePullDownRefresh": true,
+            "enablePullDownRefresh": true,
-              "onReachBottomDistance": 100
+            "onReachBottomDistance": 100
           }
-        },
+        }
       ]
     },
     {

wuye-manager-uniapp/utils/time.js

@@ -0,0 +1,46 @@
+/**
+ * 日期格式化
+ */
+export function parseTime(time, pattern) {
+  if (arguments.length === 0 || !time) {
+    return null;
+  }
+  const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}';
+  let date;
+  if (typeof time === 'object') {
+    date = time;
+  } else {
+    if (typeof time === 'string' && /^[0-9]+$/.test(time)) {
+      time = parseInt(time);
+    } else if (typeof time === 'string') {
+      time = time
+        .replace(new RegExp(/-/gm), '/')
+        .replace('T', ' ')
+        .replace(new RegExp(/\.[\d]{3}/gm), '');
+    }
+    if (typeof time === 'number' && time.toString().length === 10) {
+      time = time * 1000;
+    }
+    date = new Date(time);
+  }
+  const formatObj = {
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    i: date.getMinutes(),
+    s: date.getSeconds(),
+    a: date.getDay()
+  };
+  return format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
+    let value = formatObj[key];
+    // Note: getDay() returns 0 on Sunday
+    if (key === 'a') {
+      return ['日', '一', '二', '三', '四', '五', '六'][value];
+    }
+    if (result.length > 0 && value < 10) {
+      value = '0' + value;
+    }
+    return value || 0;
+  });
+}