From 4c65bd38c191fbc76e5c5198d112eb2a0ff3f497 Mon Sep 17 00:00:00 2001
From: Dragon <>
Date: Thu, 21 Mar 2024 13:28:36 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=86=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/final/comp/ListAction.vue |  4 +--
 src/views/final/content/Content.vue | 38 ++++++++++++++++++++++++++---
 2 files changed, 37 insertions(+), 5 deletions(-)

diff --git a/src/views/final/comp/ListAction.vue b/src/views/final/comp/ListAction.vue
index bb1481b..e469bdf 100644
--- a/src/views/final/comp/ListAction.vue
+++ b/src/views/final/comp/ListAction.vue
@@ -40,7 +40,7 @@ const actions = computed(() => {
 
 <style scoped>
 .normal {
-  color: blue
+  color: #507AFD
 }
 
 .gap {
@@ -48,6 +48,6 @@ const actions = computed(() => {
 }
 
 .reject {
-  color: red;
+  color: #FF4E4F;
 }
 </style>
diff --git a/src/views/final/content/Content.vue b/src/views/final/content/Content.vue
index 494bfaf..11a361f 100644
--- a/src/views/final/content/Content.vue
+++ b/src/views/final/content/Content.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { DataTableColumns, DataTableRowKey, PaginationProps } from 'naive-ui'
-import { NDataTable, useDialog, useMessage } from 'naive-ui'
+import { NButton, NDataTable, useDialog, useMessage } from 'naive-ui'
 import {
   computed,
   h,
@@ -210,7 +210,35 @@ async function getColumns() {
 
 async function formatColumns() {
   // TODO处理特殊字段
+
   let index
+  index = columnsRef.value.findIndex(v => v.title == '任务ID')
+  if (index > -1) {
+    columnsRef.value[index] = {
+      title: '任务ID',
+      key: columnsRef.value[index].key, // "id"
+      fixed: columnsRef.value[index].fixed || undefined,
+      width: 200,
+      render(row) {
+        const item: any = izstatusList.value.find(
+          (item: any) => item.value == row.states,
+        )
+        return h(
+          NButton,
+          {
+            'strong': true,
+            'tertiary': true,
+            'text': true,
+            'size': 'small',
+            'text-color': '#507AFD',
+            'onClick': () => goDetail(row),
+          },
+          { default: () => row.id },
+        )
+      },
+    }
+  }
+
   index = columnsRef.value.findIndex(v => v.title == '任务名称')
   if (index > -1) {
     columnsRef.value[index] = {
@@ -538,6 +566,10 @@ function validate(items: any[]) {
   return null
 }
 
+function goDetail(row) {
+  console.log(row)
+}
+
 function resetHandler() {
   dialog.info({
     title: '确认提示',
@@ -688,9 +720,9 @@ async function refreshHandler(searchId?: any) {
         <SvgIcon size="32" name="magnifying" />
       </div>
       <div>
-        <n-button class="xjcc" text @click="showModal(repeatModalRef)">
+        <NButton class="xjcc" text @click="showModal(repeatModalRef)">
           小结查重
-        </n-button>
+        </NButton>
         <div class="btn" @click="batchApproval">
           <SvgIcon style="margin-right: 6px" size="14" name="tf" />
           批量审批