zhangwencui
18 小时以前 0c85820e81bae62e8ff5f066803995dab1d3503f
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="[