From b512624aa1218f01dc18646e1fd22fd090beb725 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 20 七月 2026 15:21:03 +0800
Subject: [PATCH] 银川 1.列表展示修改
---
src/views/mes/qc/defect/index.vue | 26 ++++++++++++
src/views/mes/qc/indicator/data.ts | 10 +----
src/views/mes/qc/indicator/index.vue | 26 ++++++++++++
src/views/mes/qc/defect/data.ts | 5 --
4 files changed, 53 insertions(+), 14 deletions(-)
diff --git a/src/views/mes/qc/defect/data.ts b/src/views/mes/qc/defect/data.ts
index f9c678e..14e8457 100644
--- a/src/views/mes/qc/defect/data.ts
+++ b/src/views/mes/qc/defect/data.ts
@@ -150,10 +150,7 @@
field: 'type',
title: '妫�娴嬮」绫诲瀷',
width: 120,
- cellRender: {
- name: 'CellDict',
- props: { type: DICT_TYPE.MES_INDICATOR_TYPE },
- },
+ slots: { default: 'type' },
},
{
field: 'level',
diff --git a/src/views/mes/qc/defect/index.vue b/src/views/mes/qc/defect/index.vue
index 91cd617..0322a22 100644
--- a/src/views/mes/qc/defect/index.vue
+++ b/src/views/mes/qc/defect/index.vue
@@ -5,10 +5,12 @@
import { Page, useVbenModal } from '@vben/common-ui';
import { downloadFileFromBlobPart } from '@vben/utils';
-import { message } from 'ant-design-vue';
+import { message, Tag } from 'ant-design-vue';
import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
import { deleteDefect, exportDefect, getDefectPage } from '#/api/mes/qc/defect';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
import { $t } from '#/locales';
import { useGridColumns, useGridFormSchema } from './data';
@@ -18,6 +20,23 @@
connectedComponent: Form,
destroyOnClose: true,
});
+
+const TAG_COLORS = ['blue', 'green', 'orange', 'purple', 'cyan', 'magenta', 'geekblue', 'volcano'] as const;
+
+const typeDictOptions = getDictOptions(DICT_TYPE.MES_INDICATOR_TYPE, 'number');
+const typeColorMap = new Map<number, string>();
+typeDictOptions.forEach((item, index) => {
+ typeColorMap.set(item.value as number, TAG_COLORS[index % TAG_COLORS.length]!);
+});
+
+function getTypeColor(type: number): string {
+ return typeColorMap.get(type) || 'default';
+}
+
+function getTypeLabel(type: number): string {
+ const item = typeDictOptions.find((d) => d.value === type);
+ return item?.label || String(type);
+}
/** 鍒锋柊琛ㄦ牸 */
function handleRefresh() {
@@ -110,6 +129,11 @@
]"
/>
</template>
+ <template #type="{ row }">
+ <Tag v-if="row.type !== undefined && row.type !== null" :color="getTypeColor(row.type)">
+ {{ getTypeLabel(row.type) }}
+ </Tag>
+ </template>
<template #actions="{ row }">
<TableAction
:actions="[
diff --git a/src/views/mes/qc/indicator/data.ts b/src/views/mes/qc/indicator/data.ts
index a34234a..a20cc84 100644
--- a/src/views/mes/qc/indicator/data.ts
+++ b/src/views/mes/qc/indicator/data.ts
@@ -186,10 +186,7 @@
field: 'type',
title: '妫�娴嬮」绫诲瀷',
width: 120,
- cellRender: {
- name: 'CellDict',
- props: { type: DICT_TYPE.MES_INDICATOR_TYPE },
- },
+ slots: { default: 'type' },
},
{
field: 'tool',
@@ -273,10 +270,7 @@
field: 'type',
title: '妫�娴嬮」绫诲瀷',
width: 120,
- cellRender: {
- name: 'CellDict',
- props: { type: DICT_TYPE.MES_INDICATOR_TYPE },
- },
+ slots: { default: 'type' },
},
{
field: 'tool',
diff --git a/src/views/mes/qc/indicator/index.vue b/src/views/mes/qc/indicator/index.vue
index f7afe01..ac34922 100644
--- a/src/views/mes/qc/indicator/index.vue
+++ b/src/views/mes/qc/indicator/index.vue
@@ -5,7 +5,7 @@
import { Page, useVbenModal } from '@vben/common-ui';
import { downloadFileFromBlobPart } from '@vben/utils';
-import { message } from 'ant-design-vue';
+import { message, Tag } from 'ant-design-vue';
import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
import {
@@ -13,6 +13,8 @@
exportIndicator,
getIndicatorPage,
} from '#/api/mes/qc/indicator';
+import { DICT_TYPE } from '@vben/constants';
+import { getDictOptions } from '@vben/hooks';
import { $t } from '#/locales';
import { useGridColumns, useGridFormSchema } from './data';
@@ -22,6 +24,23 @@
connectedComponent: Form,
destroyOnClose: true,
});
+
+const TAG_COLORS = ['blue', 'green', 'orange', 'purple', 'cyan', 'magenta', 'geekblue', 'volcano'] as const;
+
+const typeDictOptions = getDictOptions(DICT_TYPE.MES_INDICATOR_TYPE, 'number');
+const typeColorMap = new Map<number, string>();
+typeDictOptions.forEach((item, index) => {
+ typeColorMap.set(item.value as number, TAG_COLORS[index % TAG_COLORS.length]!);
+});
+
+function getTypeColor(type: number): string {
+ return typeColorMap.get(type) || 'default';
+}
+
+function getTypeLabel(type: number): string {
+ const item = typeDictOptions.find((d) => d.value === type);
+ return item?.label || String(type);
+}
/** 鍒锋柊琛ㄦ牸 */
function handleRefresh() {
@@ -114,6 +133,11 @@
]"
/>
</template>
+ <template #type="{ row }">
+ <Tag v-if="row.type !== undefined && row.type !== null" :color="getTypeColor(row.type)">
+ {{ getTypeLabel(row.type) }}
+ </Tag>
+ </template>
<template #actions="{ row }">
<TableAction
:actions="[
--
Gitblit v1.9.3