feat(bi): 为图表配置接口添加名称字段

云

9 天以前 a241b66efcc41e973290a6722fb7a4d79b833ea1

 src/views/mes/qc/oqc/index.vue

@@ -9,20 +9,60 @@
import { Button, message } from 'ant-design-vue';

import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
import { deleteOqc, exportOqc, getOqcPage } from '#/api/mes/qc/oqc';
import {
  deleteOqc,
  exportOqc,
  getOqcPage,
  importOqc,
  importOqcTemplate,
} from '#/api/mes/qc/oqc';
import { $t } from '#/locales';
import QcImportFormModal from '#/views/mes/qc/components/import-form-modal.vue';
import QcReportGenerateModal from '#/views/mes/qc/components/report-generate-modal.vue';

import { useGridColumns, useGridFormSchema } from './data';
import Form from './modules/form.vue';

/** 本页对应 mes_qc_type 的值：3 出货检验 */
const QC_TYPE = 3;

const [FormModal, formModalApi] = useVbenModal({
  connectedComponent: Form,
  destroyOnClose: true,
});

const [ReportModal, reportModalApi] = useVbenModal({
  connectedComponent: QcReportGenerateModal,
  destroyOnClose: true,
});

const [ImportModal, importModalApi] = useVbenModal({
  connectedComponent: QcImportFormModal,
  destroyOnClose: true,
});

/** 刷新表格 */
function handleRefresh() {
  gridApi.query();
}

/** 批量导入出货检验单 */
function handleImport() {
  importModalApi
    .setData({
      title: '批量导入出货检验单',
      templateApi: importOqcTemplate,
      importApi: importOqc,
      fileName: '出货检验单导入模板.xls',
      hints: [
        '仅允许导入 xls、xlsx 格式文件；必填列：检验单名称、产品物料编码、客户名称、本次出货数量、合格品数量、不合格品数量、检测日期、出货日期。',
        '「产品物料编码」需与「物料管理」中的编码完全一致；「客户名称」需与「CRM 客户管理」中的名称一致，且必须在当前登录用户的客户数据权限范围内。',
        '合格品数量 + 不合格品数量 必须等于「检测数量」（留空时自动取两者之和）；「检测结果」按字典名称填写（校验通过 / 校验不通过）。',
        '「质检方案」填方案名称，留空则按物料自动匹配 OQC 方案；「检测人员」留空取当前登录用户；日期支持 2026-01-01 10:00:00 或 2026-01-01。',
        '逐行导入，失败行不影响成功行；导入后的检验单为「待检验」状态，可在列表中继续编辑、录入检测结果。',
      ],
    })
    .open();
}

/** 创建出货检验单 */
@@ -55,10 +95,17 @@
  }
}

/** 导出表格 */
/** 导出表格（按列表筛选条件导出） */
async function handleExport() {
  const data = await exportOqc(await gridApi.formApi.getValues());
  downloadFileFromBlobPart({ fileName: '出货检验单.xls', source: data });
}

/** 出报告：数据由后端从该质检单取，前端只选模板 */
function handleReport(row: MesQcOqcApi.Oqc) {
  reportModalApi
    .setData({ qcType: QC_TYPE, qcId: row.id, qcNo: row.code })
    .open();
}

const [Grid, gridApi] = useVbenVxeGrid({
@@ -93,8 +140,10 @@
</script>

<template>
  <Page auto-content-height><FormModal @success="handleRefresh" />

  <Page auto-content-height>
    <FormModal @success="handleRefresh" />
    <ReportModal />
    <ImportModal @success="handleRefresh" />
    <Grid table-title="出货检验单列表">
      <template #toolbar-tools>
        <TableAction
@@ -105,6 +154,13 @@
              icon: ACTION_ICON.ADD,
              auth: ['mes:qc-oqc:create'],
              onClick: handleCreate,
            },
            {
              label: '批量导入',
              type: 'primary',
              icon: ACTION_ICON.UPLOAD,
              auth: ['mes:qc-oqc:import'],
              onClick: handleImport,
            },
            {
              label: $t('ui.actionTitle.export'),
@@ -125,6 +181,14 @@
        <TableAction
          :actions="[
            {
              label: '出报告',
              type: 'link',
              icon: ACTION_ICON.AUDIT,
              auth: ['qc-report:instance:generate'],
              ifShow: row.status === MesQcStatusEnum.FINISHED,
              onClick: handleReport.bind(null, row),
            },
            {
              label: $t('common.edit'),
              type: 'link',
              icon: ACTION_ICON.EDIT,