From 28a085c5c69ba336f37cc2fde0a8fa85a2507745 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Mon, 3 Jul 2023 18:30:26 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=9E=E6=98=BE=E5=9B=BE=E7=89=87=E5=87=86?=
 =?UTF-8?q?=E5=A4=87=E5=B7=A5=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Excel.vue   | 17 ++++++++++++++++-
 src/components/Image.vue   |  9 +++++++--
 src/components/Task.vue    | 11 ++++++++---
 src/pages/index.vue        |  3 +++
 src/service/index.js       |  2 +-
 src/store/index.js         |  3 ++-
 src/store/modules/image.js | 19 +++++++++++++++++++
 src/store/modules/task.js  |  4 ++++
 8 files changed, 60 insertions(+), 8 deletions(-)
 create mode 100644 src/store/modules/image.js

diff --git a/src/components/Excel.vue b/src/components/Excel.vue
index af8a96d..5b4c1f9 100644
--- a/src/components/Excel.vue
+++ b/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)
diff --git a/src/components/Image.vue b/src/components/Image.vue
index 03c5f66..34e3f7e 100644
--- a/src/components/Image.vue
+++ b/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>
diff --git a/src/components/Task.vue b/src/components/Task.vue
index 44422da..789bce0 100644
--- a/src/components/Task.vue
+++ b/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)
     },
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 6dec881..a34c741 100644
--- a/src/pages/index.vue
+++ b/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)
diff --git a/src/service/index.js b/src/service/index.js
index 4381ec3..e2fd02b 100644
--- a/src/service/index.js
+++ b/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,
diff --git a/src/store/index.js b/src/store/index.js
index 59f8372..59ecf97 100644
--- a/src/store/index.js
+++ b/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 }
diff --git a/src/store/modules/image.js b/src/store/modules/image.js
new file mode 100644
index 0000000..f74fbe1
--- /dev/null
+++ b/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
+    },
+  },
+})
diff --git a/src/store/modules/task.js b/src/store/modules/task.js
index 3c1b505..5e32e5b 100644
--- a/src/store/modules/task.js
+++ b/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
     },