实现部分上一步下一步

src/api/task.js

@@ -43,3 +43,15 @@ export const getProcessTaskInfoApi = () => {
     method: 'GET',
   })
 }
+
+export const getNextCoordApi = (coord, taskId, direction) => {
+  return request({
+    url: `/task/next`,
+    method: 'POST',
+    data: {
+      coord,
+      taskId,
+      direction,
+    },
+  })
+}

src/components/Excel.vue

@@ -13,10 +13,11 @@
 </template>
 
 <script setup>
-import { useImageStore, useTaskStore } from '@/store'
+import { useImageStore, useTaskStore, useCheckStore } from '@/store'
 
 const imageStore = useImageStore()
 const taskStore = useTaskStore()
+const checkStore = useCheckStore()
 const props = defineProps({
   excelData: {
     type: Array,
@@ -25,8 +26,14 @@ const props = defineProps({
 })
 
 const showCoreDetail = index => {
-  // 只有正确或者错误的才可以点击出详情
   const arr = props.excelData.filter(item => item.num == index)
+  if (checkStore.manualCheck) {
+    if (arr?.length > 0) {
+      const item = arr[0]
+      checkStore.updateCheckNumber(item.serialNumber)
+    }
+  }
+  // 只有正确或者错误的才可以点击出详情
   if (arr?.length > 0) {
     const item = arr[0]
     if ([1, 2].includes(item.result)) {
@@ -49,6 +56,11 @@ const getClass = index => {
       // 检测错误
       return 'box fail'
     } else if (
+      checkStore.manualCheck &&
+      checkStore.checkNumber == item.serialNumber
+    ) {
+      return 'box process'
+    } else if (
       taskStore.currentCoord == item.serialNumber &&
       taskStore.taskStatus == 1
     ) {

src/pages/index.vue

@@ -248,6 +248,7 @@
                 ? 'check_btn check_active_btn'
                 : 'check_btn'
             "
+            @click="check"
           >
             核查
           </div>
@@ -255,6 +256,7 @@
             :class="
               checkStore.manualCheck ? 'next_btn pre_active_btn' : 'next_btn'
             "
+            @click="preBtn"
           >
             <svg
               xmlns="http://www.w3.org/2000/svg"
@@ -281,6 +283,7 @@
             :class="
               checkStore.manualCheck ? 'next_btn next_active_btn' : 'next_btn'
             "
+            @click="nextBtn"
           >
             <p>下一个</p>
             <svg
@@ -372,7 +375,7 @@ import User from 'cpns/User'
 import DetailTable from 'cpns/DetailTable'
 import Debug from 'cpns/Debug'
 import { startAutoCheckApi, breakOffAutoCheckApi } from '@/api'
-import { getProcessTaskInfoApi } from '@/api/task'
+import { getProcessTaskInfoApi, getNextCoordApi } from '@/api/task'
 const accountStore = useAccountStore()
 const taskStore = useTaskStore()
 const imageStore = useImageStore()
@@ -491,6 +494,29 @@ const getSocketdata = res => {
   }
 }
 
+const preBtn = async () => {
+  const checkNumber = checkStore.checkNumber
+  const currentTaskId = taskStore.currentTaskId
+  const res = await getNextCoordApi(checkNumber, currentTaskId, '0')
+  if (res?.code == 200) {
+  }
+}
+
+const nextBtn = async () => {
+  const checkNumber = checkStore.checkNumber
+  const currentTaskId = taskStore.currentTaskId
+  const res = await getNextCoordApi(checkNumber, currentTaskId, '1')
+  if (res?.code == 200) {
+    checkStore.updateCheckNumber(res?.data?.result)
+  }
+}
+
+const check = () => {
+  const checkNumber = checkStore.checkNumber
+  const currentTaskId = taskStore.currentTaskId
+  // 检查当前坐标点的结果是否正确
+}
+
 onMounted(async () => {
   websocket.value = new socket()
   websocket.value.WebSocketSet(getSocketdata)

src/store/modules/check.js

@@ -5,10 +5,14 @@ export const useCheckStore = defineStore({
   state: () => {
     return {
       manualCheck: false,
+      checkNumber: '',
     }
   },
   // actions
   actions: {
+    updateCheckNumber(checkNumber) {
+      this.checkNumber = checkNumber
+    },
     handleChangeCheck(manualCheck) {
       this.manualCheck = manualCheck
     },