From 02d6acba411868fadef54c2f8dc6a7c95a7f3ac1 Mon Sep 17 00:00:00 2001
From: zhouxiaoan <13598091228@139.com>
Date: Sun, 21 Apr 2024 10:22:18 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=A4=84=E7=90=86=E5=9B=BE=E6=A3=80?=
 =?UTF-8?q?=E5=AE=A1=E6=89=B9=E5=B7=A6=E5=8F=B3=E6=8C=89=E9=94=AE=E5=BC=82?=
 =?UTF-8?q?=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/modules/workOrder.ts              | 11 +++---
 src/views/worksheet/aside/WorkSheetList.vue | 39 +--------------------
 src/views/worksheet/content/Content.vue     |  2 ++
 3 files changed, 7 insertions(+), 45 deletions(-)

diff --git a/src/store/modules/workOrder.ts b/src/store/modules/workOrder.ts
index a729454..cc77f01 100644
--- a/src/store/modules/workOrder.ts
+++ b/src/store/modules/workOrder.ts
@@ -1,9 +1,10 @@
 import { getPackageList } from '@/api/work/work'
 import { store } from '@/store'
-import { useMessage } from 'naive-ui'
 import { defineStore } from 'pinia'
+import { createDiscreteApi } from 'naive-ui'
 import type { OrderState, PackageListItem } from '/#/workorder'
 
+const { message } = createDiscreteApi(['message'])
 export const useWorkOrderStore = defineStore({
   id: 'work-order',
   state: (): OrderState => ({
@@ -32,18 +33,14 @@ export const useWorkOrderStore = defineStore({
     },
     forward() {
       const len = this.packageList.length
-      const message = useMessage()
-
       if (this.currentIndex === len - 1)
-        message.error('已经到达最后一个')
+        return message.error('已经到达最后一个')
 
       this.setActive(++this.currentIndex)
     },
     back() {
-      const message = useMessage()
-
       if (this.currentIndex === 0)
-        message.error('已经到达第一个')
+        return message.error('已经到达第一个')
 
       this.setActive(--this.currentIndex)
     },
diff --git a/src/views/worksheet/aside/WorkSheetList.vue b/src/views/worksheet/aside/WorkSheetList.vue
index 10f02e4..0573d40 100644
--- a/src/views/worksheet/aside/WorkSheetList.vue
+++ b/src/views/worksheet/aside/WorkSheetList.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
-import { onMounted, onUnmounted, reactive, ref, watch } from 'vue'
-import { throttle } from 'lodash-es'
+import { reactive, ref, watch } from 'vue'
 import { useInfiniteScroll } from '@vueuse/core'
 import { useMessage } from 'naive-ui'
 import ApprovalModal from '../modal/ApprovalModal.vue'
@@ -162,43 +161,7 @@ defineExpose({
   search,
 })
 
-const onKeydown = throttle((event) => {
-  const eles = ['INPUT', 'TEXTAREA']
-  if (eles.includes(event.target.tagName))
-    return
-
-  if (event.defaultPrevented)
-    return // 如果已取消默认操作，则不应执行任何操作
-
-  const handled = false
-  if (event.key !== undefined) {
-    // 使用 KeyboardEvent.key 处理事件，并将 handled 设置为 true。
-  }
-  else if (event.keyCode !== undefined) {
-    // 使用 KeyboardEvent.keyCode 处理事件并将 handled 设置为 true。
-  }
 
-  if (handled) {
-    // 如果事件已处理，则禁止“双重操作”
-    event.preventDefault()
-  }
-  if (event.key === 'ArrowLeft') {
-    const prev = data.value[workStore.currentIndex - 1]?.id
-    if (prev)
-      selectHandler(prev, workStore.currentIndex - 1)
-  }
-  if (event.key === 'ArrowRight') {
-    const next = data.value[workStore.currentIndex + 1]?.id
-    if (next)
-      selectHandler(next, workStore.currentIndex + 1)
-  }
-}, 500)
-onMounted(() => {
-  document.addEventListener('keydown', onKeydown, true)
-})
-onUnmounted(() => {
-  document.removeEventListener('keydown', onKeydown)
-})
 </script>
 
 <template>
diff --git a/src/views/worksheet/content/Content.vue b/src/views/worksheet/content/Content.vue
index 36f6b39..1877804 100644
--- a/src/views/worksheet/content/Content.vue
+++ b/src/views/worksheet/content/Content.vue
@@ -342,6 +342,8 @@ function onEsc(event: KeyboardEvent) {
 useKeydown('k k', () => {
   isFullScreen.value = true
 })
+useKeydown('right', forwardHandler)
+useKeydown('left', backHandler)
 onUnmounted(() => {
   workStore.reset()
   document.removeEventListener('keydown', onEsc)