调整列表加载数据的生命周期钩子（解决navigateBack列表没刷新的问题）

src/pages/deviceExam/deviceExam.vue

@@ -95,10 +95,11 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, onMounted, computed } from 'vue'
+import { ref, reactive, computed } from 'vue'
 import { useConfigStore } from '@/store/config'
 import { EquipFuncName, requestFunc } from '@/api/ApiRouter/equipment'
 import NavBar from '@/components/NavBar/NavBar.vue'
+import { onShow } from '@dcloudio/uni-app'
 
 defineOptions({
   name: 'deviceExam',
@@ -212,7 +213,7 @@ const handleItemClick = (item: any) => {
   })
 }
 
-onMounted(() => {
+onShow(() => {
   refreshList()
 })
 </script>

src/pages/equipment/detail/equipmentDetail.vue

@@ -147,7 +147,7 @@
 
 <script lang="ts" setup>
 import { ref, computed, onMounted, watch } from 'vue'
-import { onLoad } from '@dcloudio/uni-app'
+import { onLoad, onShow } from '@dcloudio/uni-app'
 import {
   getCheckerEquipmentDetailById,
   getFilterReport,
@@ -561,7 +561,7 @@ const handleAssociationOperationManual = async (checkItem: any) => {
   }
 }
 
-onMounted(() => {
+onShow(() => {
   if (useOnline === '1' && orderItemId) {
     refreshDetail()
   }

src/pages/inspectionApproval/list/inspectionApprovalList.vue

@@ -48,12 +48,13 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, computed, onMounted, onUnmounted } from 'vue'
+import { ref, reactive, computed } from 'vue'
 import { useUserStore } from '@/store/user'
 import { useConfigStore } from '@/store/config'
 import Item from '@/pages/inspectionPlanAudit/components/Item.vue'
 import NavBar from '@/components/NavBar/NavBar.vue'
 import { requestFunc, TaskOrderFuncName } from '@/api/ApiRouter/taskOrder'
+import { onShow } from '@dcloudio/uni-app'
 
 defineOptions({
   name: 'InspectionApprovalList',
@@ -128,14 +129,10 @@ const pushAction = (item: any) => {
 
 const refreshListener = () => refreshList()
 
-onMounted(() => {
+onShow(() => {
   refreshList()
   uni.$on('onRefresh', refreshListener)
 })
-
-onUnmounted(() => {
-  uni.$off('onRefresh', refreshListener)
-})
 </script>
 
 <style lang="scss" scoped>

src/pages/inspectionPlanAudit/list/InspectionPlanAuditList.vue

@@ -41,13 +41,14 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, computed, onMounted, onUnmounted } from 'vue'
+import { ref, reactive, computed } from 'vue'
 import { useUserStore } from '@/store/user'
 import { useConfigStore } from '@/store/config'
 import Item from '@/pages/inspectionPlanAudit/components/Item.vue'
 import NavBar from '@/components/NavBar/NavBar.vue'
 import RadioFilterBar from '@/components/RadioFilterBar/RadioFilterBar.vue'
 import { requestFunc, TaskOrderFuncName } from '@/api/ApiRouter/taskOrder'
+import { onShow } from '@dcloudio/uni-app'
 
 defineOptions({
   name: 'InspectionPlanAuditList',
@@ -144,14 +145,10 @@ const refreshListener = () => {
   refreshList()
 }
 
-onMounted(() => {
+onShow(() => {
   refreshList()
   uni.$on('onRefresh', refreshListener)
 })
-
-onUnmounted(() => {
-  uni.$off('onRefresh', refreshListener)
-})
 </script>
 
 <style lang="scss" scoped>

src/pages/pendingApproval/list/PendingApprovalList.vue

@@ -41,7 +41,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, computed, onMounted, onUnmounted } from 'vue'
+import { ref, reactive, computed } from 'vue'
 import { useUserStore } from '@/store/user'
 import { useConfigStore } from '@/store/config'
 import QueryView from '@/pages/pendingVerification/components/query/QueryView.vue'
@@ -49,6 +49,7 @@ import Item from '@/pages/pendingVerification/list/Item.vue'
 import NavBar from '@/components/NavBar/NavBar.vue'
 import { requestFunc, TaskOrderFuncName } from '@/api/ApiRouter/taskOrder'
 import { PressureCheckerMyTaskStatus, PressureReportType } from '@/utils/dictMap'
+import { onShow } from '@dcloudio/uni-app'
 
 defineOptions({
   name: 'PendingApprovalList',
@@ -157,14 +158,10 @@ const refreshListener = () => {
   refreshList()
 }
 
-onMounted(() => {
+onShow(() => {
   refreshList()
   uni.$on('RefreshApprovalListApi', refreshListener)
 })
-
-onUnmounted(() => {
-  uni.$off('RefreshApprovalListApi', refreshListener)
-})
 </script>
 
 <style lang="scss" scoped>

src/pages/pendingPreparation/list/PendingPreparationList.vue

@@ -41,7 +41,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, computed, onMounted } from 'vue'
+import { ref, reactive, computed } from 'vue'
 import { useUserStore } from '@/store/user'
 import { useConfigStore } from '@/store/config'
 import QueryView from '@/pages/pendingVerification/components/query/QueryView.vue'
@@ -49,6 +49,7 @@ import Item from '@/pages/pendingVerification/list/Item.vue'
 import NavBar from '@/components/NavBar/NavBar.vue'
 import { requestFunc, TaskOrderFuncName } from '@/api/ApiRouter/taskOrder'
 import { PressureCheckerMyTaskStatus, PressureReportType } from '@/utils/dictMap'
+import { onShow } from '@dcloudio/uni-app'
 
 defineOptions({
   name: 'PendingPreparationList',
@@ -152,7 +153,7 @@ const handleOperation = (item: any, reportDOList: any) => {
   })
 }
 
-onMounted(() => {
+onShow(() => {
   refreshList()
 })
 </script>

src/pages/pendingRatify/list/PendingRatifyList.vue

@@ -41,7 +41,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, computed, onMounted, onUnmounted } from 'vue'
+import { ref, reactive, computed } from 'vue'
 import { useUserStore } from '@/store/user'
 import { useConfigStore } from '@/store/config'
 import QueryView from '@/pages/pendingVerification/components/query/QueryView.vue'
@@ -49,6 +49,7 @@ import Item from '@/pages/pendingVerification/list/Item.vue'
 import NavBar from '@/components/NavBar/NavBar.vue'
 import { requestFunc, TaskOrderFuncName } from '@/api/ApiRouter/taskOrder'
 import { PressureCheckerMyTaskStatus, PressureReportType } from '@/utils/dictMap'
+import { onShow } from '@dcloudio/uni-app'
 
 defineOptions({
   name: 'PendingRatifyList',
@@ -157,14 +158,10 @@ const refreshListener = () => {
   refreshList()
 }
 
-onMounted(() => {
+onShow(() => {
   refreshList()
   uni.$on('RefreshRatifyListApi', refreshListener)
 })
-
-onUnmounted(() => {
-  uni.$off('RefreshRatifyListApi', refreshListener)
-})
 </script>
 
 <style lang="scss" scoped>

src/pages/pendingVerification/list/PendingVerificationList.vue

@@ -48,6 +48,7 @@ import QueryView from '@/pages/pendingVerification/components/query/QueryView.vu
 import Item from '@/pages/pendingVerification/list/Item.vue'
 import NavBar from '@/components/NavBar/NavBar.vue'
 import { requestFunc, TaskOrderFuncName } from '@/api/ApiRouter/taskOrder'
+import { onShow } from '@dcloudio/uni-app'
 
 defineOptions({
   name: 'PendingVerificationList',
@@ -157,7 +158,7 @@ const refreshListener = (data: any) => {
   refreshList()
 }
 
-onMounted(() => {
+onShow(() => {
   refreshList()
   uni.$on('RefreshVerificationListApi', refreshListener)
 })

src/pages/taskOnline/TaskOnlineEquipmentList.vue

@@ -275,7 +275,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed } from 'vue'
 import { onLoad, onShow } from '@dcloudio/uni-app'
 import {
   getTaskEquipmentList,
@@ -354,12 +354,11 @@ const equipType = useConfigStore().getEquipType()
 onLoad((options: any) => {
   orderId.value = options?.orderId || ''
   orderNo.value = options?.orderNo || ''
-  fetchCheckerOnlineEquipmentList()
 })
 
-// onShow(() => {
-//   fetchCheckerOnlineEquipmentList()
-// })
+onShow(() => {
+  fetchCheckerOnlineEquipmentList()
+})
 
 const selectedEquipIds = computed(() => selectedEquipments.value.map((item) => item.equipId))
 

src/pages/taskOnlinePage/taskOnline.vue

@@ -67,6 +67,7 @@ import NavBar from '@/components/NavBar/NavBar.vue'
 import BoilerTaskItem from './components/BoilerTaskItem.vue'
 import PipeTaskItem from './components/PipeTaskItem.vue'
 import { EquipmentType } from '@/utils/dictMap'
+import { onShow } from '@dcloudio/uni-app'
 
 defineOptions({
   name: 'taskOnline',
@@ -235,10 +236,10 @@ const handleClaimTask = async (id: string, isClaim: boolean) => {
   }
 }
 
-// 页面显示时刷新
-onMounted(() => {
+onShow(() => {
   refreshList()
 })
+
 </script>
 
 <style lang="scss" scoped>

src/pages/unitQuery/unitQuery.vue

@@ -94,9 +94,10 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, onMounted } from 'vue'
+import { ref, reactive } from 'vue'
 import { getSystemClientUnitList } from '@/api/index'
 import NavBar from '@/components/NavBar/NavBar.vue'
+import { onShow } from '@dcloudio/uni-app'
 
 defineOptions({
   name: 'unitQuery',
@@ -181,7 +182,7 @@ const handleItemClick = (item: any) => {
   })
 }
 
-onMounted(() => {
+onShow(() => {
   refreshList()
 })
 </script>

src/pages/workInstructionAudit/list/WorkInstructionAuditList.vue

@@ -38,13 +38,14 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, computed, onMounted, onUnmounted } from 'vue'
+import { ref, reactive, computed } from 'vue'
 import { useUserStore } from '@/store/user'
 import { useConfigStore } from '@/store/config'
 import Item from '@/pages/inspectionPlanAudit/components/Item.vue'
 import NavBar from '@/components/NavBar/NavBar.vue'
 import RadioFilterBar from '@/components/RadioFilterBar/RadioFilterBar.vue'
 import { requestFunc, TaskOrderFuncName } from '@/api/ApiRouter/taskOrder'
+import { onShow } from '@dcloudio/uni-app'
 
 defineOptions({ name: 'WorkInstructionAuditList' })
 
@@ -121,14 +122,10 @@ const pushAction = (item: any) => {
 
 const refreshListener = () => refreshList()
 
-onMounted(() => {
+onShow(() => {
   refreshList()
   uni.$on('onRefresh', refreshListener)
 })
-
-onUnmounted(() => {
-  uni.$off('onRefresh', refreshListener)
-})
 </script>
 
 <style lang="scss" scoped>