From bb68446e6a23869608b81da11e43c4a5dc8f9c43 Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Fri, 12 Apr 2024 11:48:35 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=89=93=E5=8C=85?=
 =?UTF-8?q?=E6=97=B6=E6=8A=A5=E9=94=99=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                             |   1 +
 src/views/worksheet/aside/WorkSheetList.vue | 197 +++++++++-----------
 2 files changed, 93 insertions(+), 105 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index 9398d24..6458938 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -11,6 +11,7 @@ declare module 'vue' {
     BasicModal: typeof import('./src/components/Modal/BasicModal.vue')['default']
     DataHeader: typeof import('./src/components/DataHeader/index.vue')['default']
     NAvatar: typeof import('naive-ui')['NAvatar']
+    NBackTop: typeof import('naive-ui')['NBackTop']
     NButton: typeof import('naive-ui')['NButton']
     NCard: typeof import('naive-ui')['NCard']
     NCheckbox: typeof import('naive-ui')['NCheckbox']
diff --git a/src/views/worksheet/aside/WorkSheetList.vue b/src/views/worksheet/aside/WorkSheetList.vue
index 8e4d0ee..dd98716 100644
--- a/src/views/worksheet/aside/WorkSheetList.vue
+++ b/src/views/worksheet/aside/WorkSheetList.vue
@@ -1,15 +1,15 @@
 <script lang="ts" setup>
-import { onMounted, onUnmounted, reactive, ref, watch } from 'vue'
-import { throttle } from 'lodash'
-import { useInfiniteScroll } from '@vueuse/core'
-import { useMessage } from 'naive-ui'
-import ApprovalModal from '../modal/ApprovalModal.vue'
-import ListItem from './ListItem.vue'
-import { deletePackage } from '@/api/home/main'
-import { useWorkOrder } from '@/store/modules/workOrder'
-import { isEmpty } from '@/utils'
-import type { PackageListItem } from '/#/workorder'
-import NotPassed from '@/components/NotPassed.vue'
+import { onMounted, onUnmounted, reactive, ref, watch } from "vue";
+import { throttle } from "lodash-es";
+import { useInfiniteScroll } from "@vueuse/core";
+import { useMessage } from "naive-ui";
+import ApprovalModal from "../modal/ApprovalModal.vue";
+import ListItem from "./ListItem.vue";
+import { deletePackage } from "@/api/home/main";
+import { useWorkOrder } from "@/store/modules/workOrder";
+import { isEmpty } from "@/utils";
+import type { PackageListItem } from "/#/workorder";
+import NotPassed from "@/components/NotPassed.vue";
 
 defineProps({
   showFieldList: {
@@ -20,59 +20,57 @@ defineProps({
     type: Array,
     default: () => [],
   },
-})
+});
 
-const emit = defineEmits(['ApprovalOver'])
+const emit = defineEmits(["ApprovalOver"]);
 
-const workStore = useWorkOrder()
-const data = ref<PackageListItem[]>([])
-const activeId = ref('')
-const el = ref<HTMLDivElement | null>(null)
-const keyword = ref('')
-const canloadMore = ref(true)
-const isLoading = ref(false)
+const workStore = useWorkOrder();
+const data = ref<PackageListItem[]>([]);
+const activeId = ref("");
+const el = ref<HTMLDivElement | null>(null);
+const keyword = ref("");
+const canloadMore = ref(true);
+const isLoading = ref(false);
 
 const pagination = reactive({
   pageNo: 0,
   pageSize: 10,
-})
+});
 
-const approvalModalRef: any = ref(null)
-const notPassedRef: any = ref(null)
-const overTask = ref<any>(null)
+const approvalModalRef: any = ref(null);
+const notPassedRef: any = ref(null);
+const overTask = ref<any>(null);
 
 function selectHandler(id: string, index: number) {
   // console.log('selectHandler',id)
-  workStore.setActive(index)
+  workStore.setActive(index);
   // showModal(approvalModalRef, id)
 }
 
 useInfiniteScroll(
   el as any,
   () => {
-    loadMore()
+    loadMore();
   },
   {
     distance: 10,
     interval: 1500,
     canLoadMore: () => canloadMore.value,
-  },
-)
+  }
+);
 
 async function loadMore() {
-  if (isLoading.value || el.value == null)
-    return
-  isLoading.value = true
+  if (isLoading.value || el.value == null) return;
+  isLoading.value = true;
   try {
-    const more = await fetchList()
+    const more = await fetchList();
     more.forEach((ele) => {
-      ele.search = JSON.parse(ele.search)
+      ele.search = JSON.parse(ele.search);
       // ele.search.createTime = ele.search.submit_date_timestamp
-    })
-    data.value.push(...more)
-  }
-  finally {
-    isLoading.value = false
+    });
+    data.value.push(...more);
+  } finally {
+    isLoading.value = false;
   }
 }
 
@@ -84,123 +82,112 @@ async function loadMore() {
 
 async function fetchList() {
   try {
-    pagination.pageNo += 1
-    const result = await workStore.fetchOrderList(pagination, keyword.value)
-    const { data, pageCount } = result
-    if (pageCount !== 0)
-      canloadMore.value = pageCount >= pagination.pageNo
-    else canloadMore.value = false
-
-    return data || []
-  }
-  catch (error) {
-    canloadMore.value = false
-    return []
+    pagination.pageNo += 1;
+    const result = await workStore.fetchOrderList(pagination, keyword.value);
+    const { data, pageCount } = result;
+    if (pageCount !== 0) canloadMore.value = pageCount >= pagination.pageNo;
+    else canloadMore.value = false;
+
+    return data || [];
+  } catch (error) {
+    canloadMore.value = false;
+    return [];
   }
 }
 
 watch(
   () => workStore.activeId,
   (newVal) => {
-    if (isEmpty(newVal))
-      return
-    activeId.value = newVal
-    approvalModalRef.value.showModal(workStore.dataId)
-  },
-)
+    if (isEmpty(newVal)) return;
+    activeId.value = newVal;
+    approvalModalRef.value.showModal(workStore.dataId);
+  }
+);
 
 function reset() {
-  pagination.pageNo = 0
-  pagination.pageSize = 10
-  canloadMore.value = true
-  data.value.length = 0
+  pagination.pageNo = 0;
+  pagination.pageSize = 10;
+  canloadMore.value = true;
+  data.value.length = 0;
 
-  workStore.reset()
+  workStore.reset();
 }
 
 function notPass(value) {
-  notPassedRef.value.showModal(value)
+  notPassedRef.value.showModal(value);
 }
 
 async function search(word: string) {
-  keyword.value = word
-  reset()
+  keyword.value = word;
+  reset();
   useInfiniteScroll(
     el as any,
     () => {
-      loadMore()
+      loadMore();
     },
-    { distance: 10, canLoadMore: () => canloadMore.value },
-  )
+    { distance: 10, canLoadMore: () => canloadMore.value }
+  );
 }
 function overTaskHandelr(item: any) {
-  overTask.value = item
+  overTask.value = item;
 }
 function leaveTaskHandler(event) {
-  if (event?.relatedTarget?.id !== 'taskPopconfirmRef')
-    overTask.value = null
+  if (event?.relatedTarget?.id !== "taskPopconfirmRef") overTask.value = null;
 }
-const message = useMessage()
+const message = useMessage();
 function dismisClick(packageId: string) {
   deletePackage({ packageId }).then((res) => {
-    if (res.code === 'OK') {
-      message.success('解散任务包成功')
-      reset()
-      loadMore()
+    if (res.code === "OK") {
+      message.success("解散任务包成功");
+      reset();
+      loadMore();
     }
-  })
+  });
 }
 function ApprovalOver(packageId) {
-  emit('ApprovalOver', packageId)
+  emit("ApprovalOver", packageId);
 }
 
 defineExpose({
   search,
-})
+});
 
 const onKeydown = throttle((event) => {
-  const eles = ['INPUT', 'TEXTAREA']
-  if (eles.includes(event.target.tagName))
-    return
+  const eles = ["INPUT", "TEXTAREA"];
+  if (eles.includes(event.target.tagName)) return;
 
-  if (event.defaultPrevented)
-    return // 如果已取消默认操作，则不应执行任何操作
+  if (event.defaultPrevented) return; // 如果已取消默认操作，则不应执行任何操作
 
-  const handled = false
+  const handled = false;
   if (event.key !== undefined) {
     // 使用 KeyboardEvent.key 处理事件，并将 handled 设置为 true。
-  }
-  else if (event.keyCode !== undefined) {
+  } else if (event.keyCode !== undefined) {
     // 使用 KeyboardEvent.keyCode 处理事件并将 handled 设置为 true。
   }
 
   if (handled) {
     // 如果事件已处理，则禁止“双重操作”
-    event.preventDefault()
+    event.preventDefault();
   }
-  if (event.key === 'ArrowUp') {
-    const prev = data.value[workStore.currentIndex - 1]?.id
-    if (prev)
-      selectHandler(prev, workStore.currentIndex - 1)
+  if (event.key === "ArrowUp") {
+    const prev = data.value[workStore.currentIndex - 1]?.id;
+    if (prev) selectHandler(prev, workStore.currentIndex - 1);
   }
-  if (event.key === 'ArrowDown') {
-    const next = data.value[workStore.currentIndex + 1]?.id
-    if (next)
-      selectHandler(next, workStore.currentIndex + 1)
+  if (event.key === "ArrowDown") {
+    const next = data.value[workStore.currentIndex + 1]?.id;
+    if (next) selectHandler(next, workStore.currentIndex + 1);
   }
-  if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {
-    if (activeId.value)
-      activeId.value = ''
-    else
-      activeId.value = data.value[workStore.currentIndex]?.checkDuplicateId
+  if (event.key === "ArrowRight" || event.key === "ArrowLeft") {
+    if (activeId.value) activeId.value = "";
+    else activeId.value = data.value[workStore.currentIndex]?.checkDuplicateId;
   }
-}, 500)
+}, 500);
 onMounted(() => {
-  document.addEventListener('keydown', onKeydown, true)
-})
+  document.addEventListener("keydown", onKeydown, true);
+});
 onUnmounted(() => {
-  document.removeEventListener('keydown', onKeydown)
-})
+  document.removeEventListener("keydown", onKeydown);
+});
 </script>
 
 <template>