From ed94b40c3684c7b2cded269ae2f70a13c1a0ff1c Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Mon, 15 Apr 2024 21:07:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A4=B4=E9=83=A8=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=AF=B9=E6=8E=A5=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/home/main.ts                |  46 ++++++------
 src/components/DataHeader/index.vue | 105 ++++++++++++++++------------
 2 files changed, 86 insertions(+), 65 deletions(-)

diff --git a/src/api/home/main.ts b/src/api/home/main.ts
index 2b8bfc3..65a7b7b 100644
--- a/src/api/home/main.ts
+++ b/src/api/home/main.ts
@@ -5,6 +5,17 @@ import { http } from '@/utils/http/axios'
 import { pickBy } from 'lodash-es'
 import type { CheckParam, PageParam, QueryPictureParam, UploadParam } from '/#/api'
 
+/**
+ * 头部信息
+ * @returns
+ */
+export async function gettaskToolsCount(): Promise<any> {
+  return await http.request({
+    url: `/ocr/aitools/toolsTaskApprovalCount`,
+    method: 'get',
+  })
+}
+
 /**
  * 获取查重列表
  * @param params
@@ -79,7 +90,6 @@ export async function getToolsCount() {
   })
 }
 
-
 /**
  * 一键查重
  * @param note
@@ -108,7 +118,7 @@ export async function oneClickCheck(params: Partial<CheckParam> = { search_histo
  * @param note
  * @returns
  */
- export async function oneClickCheckTaskPackage(params: Partial<CheckParam> = { search_history: '0' }) {
+export async function oneClickCheckTaskPackage(params: Partial<CheckParam> = { search_history: '0' }) {
   const notEmptyParams = pickBy(params, notEmpty)
 
   Object.keys(notEmptyParams).forEach((key) => {
@@ -131,8 +141,7 @@ export async function oneClickCheck(params: Partial<CheckParam> = { search_histo
  * @param note
  * @returns
  */
- export async function getLastCheckNo() {
-
+export async function getLastCheckNo() {
   return http.request({
     url: `/ocr/checkDuplicate/getLastCheckNo`,
     method: 'get',
@@ -144,8 +153,7 @@ export async function oneClickCheck(params: Partial<CheckParam> = { search_histo
  * @param note
  * @returns
  */
- export async function getCheckDuplicateStatus(checkDuplicateNo) {
-
+export async function getCheckDuplicateStatus(checkDuplicateNo) {
   return http.request({
     url: `/ocr/checkDuplicate/getCheckDuplicateStatus`,
     method: 'get',
@@ -158,8 +166,7 @@ export async function oneClickCheck(params: Partial<CheckParam> = { search_histo
  * @param note
  * @returns
  */
- export async function removeCheckDuplicate(checkDuplicateNo) {
-
+export async function removeCheckDuplicate(checkDuplicateNo) {
   return http.request({
     url: `/ocr/checkDuplicate/removeCheckDuplicate`,
     method: 'get',
@@ -169,33 +176,31 @@ export async function oneClickCheck(params: Partial<CheckParam> = { search_histo
 }
 /**
  * 创建任务包
- * @param 
+ * @param
  * @returns
  */
- export async function createPackage(params) {
-
+export async function createPackage(params) {
   return http.request({
     url: `/ocr/ocrTaskPackage/createPackage`,
     method: 'post',
-    params
+    params,
   })
 }
 /**
  * 解散任务包
- * @param 
+ * @param
  * @returns
  */
- export async function deletePackage(params) {
-
+export async function deletePackage(params) {
   return http.request({
     url: `/ocr/ocrTaskPackage/deletePackage`,
     method: 'get',
-    params
+    params,
   })
 }
 /**
  * 任务完成——创建任务包前——获取图片列表
- * @param 
+ * @param
  * @returns
  */
 export async function queryPageListByCheckNo(params: any): Promise<any> {
@@ -266,14 +271,13 @@ export async function getPictureList(params: any): Promise<any> {
 
 /**
  * 获取需要过滤的搜索条件框列表
- * @param 
+ * @param
  * @returns
  */
 export async function getFilterList(params) {
-
   return http.request({
     url: `/ocr/ocrUsersearch/querySearchCondition`,
     method: 'get',
-    params
+    params,
   })
-}
\ No newline at end of file
+}
diff --git a/src/components/DataHeader/index.vue b/src/components/DataHeader/index.vue
index e0b9d3e..5c58b41 100644
--- a/src/components/DataHeader/index.vue
+++ b/src/components/DataHeader/index.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
-import { defineProps, onMounted } from 'vue'
+import { defineProps, onMounted, ref } from 'vue'
+import { gettaskToolsCount } from '@/api/home/main'
 
 defineProps({
   hasColor: {
@@ -7,6 +8,9 @@ defineProps({
     default: () => false,
   },
 })
+
+const data = ref()
+
 function initRem() {
   const designWidth = 1440
   const rempPx = 16
@@ -15,47 +19,60 @@ function initRem() {
 }
 onMounted(() => {
   initRem()
+  getData()
 })
-
-const data = [
-  {
-    link: 'count',
-    title: '任务总数',
-    count: 6399,
-  },
-  {
-    link: 'wait',
-    title: '待审批',
-    count: 6290,
-  },
-  {
-    link: 'done',
-    title: '已审批',
-    count: 109,
-  },
-  {
-    link: 'resolve',
-    title: '通过',
-    count: 3290,
-    color: '#03c984',
-  },
-  {
-    link: 'reject',
-    title: '不通过',
-    count: 3000,
-    color: '#ff8b8b',
-  },
-  {
-    link: 'reimg',
-    title: '图片重复数',
-    count: 230,
-  },
-  {
-    link: 'breakcount',
-    title: '小结重复数',
-    count: 365,
-  },
-]
+async function getData() {
+  const {
+    data: {
+      total,
+      treat,
+      alreadyApprove,
+      repeatedNodules,
+      repeat,
+      approvedCount,
+      notGoCount,
+    },
+  } = await gettaskToolsCount()
+  data.value = [
+    {
+      link: 'count',
+      title: '任务总数',
+      count: total,
+    },
+    {
+      link: 'wait',
+      title: '待审批',
+      count: treat,
+    },
+    {
+      link: 'done',
+      title: '已审批',
+      count: alreadyApprove,
+    },
+    {
+      link: 'resolve',
+      title: '通过',
+      count: approvedCount,
+      color: '#03c984',
+    },
+    {
+      link: 'reject',
+      title: '不通过',
+      count: notGoCount,
+      color: '#ff8b8b',
+    },
+    {
+      link: 'reimg',
+      title: '图片重复数',
+      count: repeat,
+    },
+    {
+      link: 'breakcount',
+      title: '小结重复数',
+      count: repeatedNodules,
+    },
+  ]
+}
 </script>
 
 <template>
@@ -96,7 +113,7 @@ const data = [
       height: 2.75rem !important;
     }
     .data_wrap {
-      margin-left: .8125rem;
+      margin-left: 0.8125rem;
       .data_title {
         font-size: 1.125rem;
         font-family: HarmonyOS Sans SC, HarmonyOS Sans SC-Bold;
@@ -109,7 +126,7 @@ const data = [
       }
       .data_content {
         opacity: 0.6;
-        font-size: .75rem;
+        font-size: 0.75rem;
         font-family: PingFang SC, PingFang SC-Regular;
         font-weight: 500;
         text-align: center;
@@ -121,7 +138,7 @@ const data = [
     }
   }
 }
-.settingSvg{
+.settingSvg {
   width: 1rem !important;
   height: 1rem !important;
 }