细节

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>

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" />
           批量审批