gaoluyang
5 分钟以前 787ccc59ba89bacc075562a161ecf02bc76ebadc
src/views/mes/qc/indicator/index.vue
@@ -2,10 +2,10 @@
import type { VxeTableGridOptions } from '#/adapter/vxe-table';
import type { MesQcIndicatorApi } from '#/api/mes/qc/indicator';
import { DocAlert, Page, useVbenModal } from '..\..\..\..\packages\effects\common-ui\src';
import { downloadFileFromBlobPart } from '..\..\..\..\packages\utils\src';
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() {
@@ -91,15 +110,7 @@
</script>
<template>
  <Page auto-content-height>
    <template #doc>
      <DocAlert
        title="【质量】检测项设置、常见缺陷"
        url="https://doc.iocoder.cn/mes/qc/base/"
      />
    </template>
    <FormModal @success="handleRefresh" />
  <Page auto-content-height><FormModal @success="handleRefresh" />
    <Grid table-title="质检指标列表">
      <template #toolbar-tools>
@@ -122,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="[