回显图片准备工作

src/components/Excel.vue

@@ -4,7 +4,7 @@
       <div v-if="isTableHeader(item)" class="table_header_box">
         {{ getHeaderText(item) }}
       </div>
-      <div :class="getClass(item)" v-else>
+      <div :class="getClass(item)" v-else @click="showCoreDetail(item)">
         <p class="line1">{{ getLine(item, 1) }}</p>
         <p class="line2">{{ getLine(item, 2) }}</p>
       </div>
@@ -13,6 +13,9 @@
 </template>
 
 <script setup>
+import { useImageStore } from '@/store'
+
+const imageStore = useImageStore()
 const props = defineProps({
   excelData: {
     type: Array,
@@ -20,6 +23,18 @@ const props = defineProps({
   },
 })
 
+const showCoreDetail = index => {
+  // 只有正确或者错误的才可以点击出详情
+  const arr = props.excelData.filter(item => item.num == index)
+  if (arr?.length > 0) {
+    const item = arr[0]
+    if ([1, 2].includes(item.result)) {
+      // 将item存入store中
+      imageStore.updateCoreInfo(item)
+    }
+  }
+}
+
 const getClass = index => {
   // 需要用item 获取真正实体
   const arr = props.excelData.filter(item => item.num == index)

src/components/Image.vue

@@ -1,5 +1,10 @@
 <template>
-  <div class="no_image" v-if="taskStore.currentTaskId == null">
+  <div
+    class="no_image"
+    v-if="
+      taskStore.currentTaskId == null && taskStore.currentDetailTaskId == null
+    "
+  >
     <div class="box"></div>
   </div>
   <div class="image_container" v-else>
@@ -33,7 +38,7 @@
             />
           </g>
         </svg>
-        <p>A-8</p>
+        <!-- <p>A-8</p> -->
       </div>
       <div class="tag_wrap">
         <p>T0DB</p>

src/components/Task.vue

@@ -48,11 +48,12 @@
 
 <script lang="jsx">
 import { taskListApi, delExcelByTaskIdApi, delTaskApi } from '@/api/task'
-import { useAccountStore, useTaskStore } from '@/store'
+import { useAccountStore, useTaskStore, useImageStore } from '@/store'
 import moment from 'moment'
 import Cookie from '@/utils/cookie'
 const accountStore = useAccountStore()
 const taskStore = useTaskStore()
+const imageStore = useImageStore()
 export default {
   data() {
     return {
@@ -128,7 +129,9 @@ export default {
               >
                 上传Excel
               </t-button>
-              <t-button onClick={() => this.viewDetail(row.id)}>
+              <t-button
+                onClick={() => this.viewDetail(row.id, row.nuclearCoreName)}
+              >
                 查看详情
               </t-button>
             </div>
@@ -148,7 +151,9 @@ export default {
       taskStore.getExcelList(taskId)
       taskStore.updateCurrentTaskId(taskId)
     },
-    viewDetail(taskId) {
+    viewDetail(taskId, nuclearCoreName) {
+      imageStore.updateNuclearCoreName(nuclearCoreName)
+      taskStore.updateCurrentDetailTaskId(taskId)
       accountStore.changePage(0)
       taskStore.getExcelList(taskId)
     },

src/pages/index.vue

@@ -271,6 +271,9 @@ const accountStore = useAccountStore()
 const taskStore = useTaskStore()
 
 const startAutoCheck = async () => {
+  if (!taskStore.currentTaskId) {
+    return
+  }
   if (taskStore.checkStatus) {
     taskStore.updateCheckStatus(false)
     const res = await breakOffAutoCheckApi(taskStore.currentTaskId)

src/service/index.js

@@ -5,7 +5,7 @@ import Request from './request'
 
 const request = new Request({
   baseURL: import.meta.env.VITE_BASE_URL,
-  timeout: 1000 * 60 * 5,
+  timeout: 10000 * 60 * 5,
   interceptors: {
     // 请求拦截器
     requestInterceptors: config => config,

src/store/index.js

@@ -1,7 +1,8 @@
 import { createPinia } from 'pinia'
 import { useAccountStore } from './modules/account'
 import { useTaskStore } from './modules/task'
+import { useImageStore } from './modules/image'
 const store = createPinia()
 
 export default store
-export { useAccountStore, useTaskStore }
+export { useAccountStore, useTaskStore, useImageStore }

src/store/modules/image.js

@@ -0,0 +1,19 @@
+import { defineStore } from 'pinia'
+export const useImageStore = defineStore({
+  id: 'image', // id必填，且需要唯一
+  state: () => {
+    return {
+      nuclearCoreName: '',
+      coreInfo: {},
+    }
+  },
+  // actions
+  actions: {
+    updateNuclearCoreName(nuclearCoreName) {
+      this.nuclearCoreName = nuclearCoreName
+    },
+    updateCoreInfo(coreInfo) {
+      this.coreInfo = coreInfo
+    },
+  },
+})

src/store/modules/task.js

@@ -9,6 +9,7 @@ export const useTaskStore = defineStore({
       currentTaskId: null,
       // 核查按钮状态
       checkStatus: false,
+      currentDetailTaskId: null,
     }
   },
   // actions
@@ -16,6 +17,9 @@ export const useTaskStore = defineStore({
     updateCheckStatus(flag) {
       this.checkStatus = flag
     },
+    updateCurrentDetailTaskId(currentDetailTaskId) {
+      this.currentDetailTaskId = currentDetailTaskId
+    },
     updateCurrentTaskId(currentTaskId) {
       this.currentTaskId = currentTaskId
     },