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

云

2026-10-13 a241b66efcc41e973290a6722fb7a4d79b833ea1

 src/views/erp/purchase/request/index.vue

@@ -1,32 +1,55 @@
<script lang="ts" setup>
import { automaticApproval } from '#/store/audit-policy';
import type { VxeTableGridOptions } from '#/adapter/vxe-table';
import type { ErpPurchaseRequestApi } from '#/api/erp/purchase/request';

import { ref } from 'vue';
import { useRouter } from 'vue-router';

import { Page, useVbenModal } from '../../../../packages/effects/common-ui/src';
import { downloadFileFromBlobPart, isEmpty } from '../../../../packages/utils/src';
import { confirm, Page, useVbenModal } from '@vben/common-ui';
import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';

import { message, Tag } from 'ant-design-vue';

import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
import {
  approvePurchaseRequest,
  convertToPurchaseOrder,
  deletePurchaseRequest,
  exportPurchaseRequest,
  getApproveProcessList,
  getPurchaseRequestPage,
  submitPurchaseRequest,
  syncPurchaseRequestStatus,
} from '#/api/erp/purchase/request';
import { $t } from '#/locales';

import { useGridColumns, useGridFormSchema, PURCHASE_REQUEST_STATUS } from './data';
import { useGridColumns, useGridFormSchema } from './data';
import Form from './modules/form.vue';
import ImportForm from './modules/import-form.vue';
import OrderForm from './modules/order-form.vue';
import ProcessSelectModal from './modules/process-select-modal.vue';

/** ERP 采购申请列表 */
defineOptions({ name: 'ErpPurchaseRequest' });

const router = useRouter();

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

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

const [OrderFormModal, orderFormModalApi] = useVbenModal({
  connectedComponent: OrderForm,
  destroyOnClose: true,
});

const [ProcessModal, processModalApi] = useVbenModal({
  connectedComponent: ProcessSelectModal,
  destroyOnClose: true,
});

@@ -39,6 +62,11 @@
async function handleExport() {
  const data = await exportPurchaseRequest(await gridApi.formApi.getValues());
  downloadFileFromBlobPart({ fileName: '采购申请.xls', source: data });
}

/** 导入采购申请 */
function handleImport() {
  importModalApi.open();
}

/** 新增采购申请 */
@@ -66,34 +94,37 @@
  }
}

/** 审批采购申请 */
async function handleApprove(row: ErpPurchaseRequestApi.PurchaseRequest, status: number) {
/** 提交审批 - 先获取流程列表 */
async function handleSubmit(row: ErpPurchaseRequestApi.PurchaseRequest) {
  const hideLoading = message.loading({
    content: `确定${status === 1 ? '审批通过' : '审批拒绝'}该申请吗？`,
    content: automaticApproval.value ? '正在提交生效...' : '获取审批流程...',
    duration: 0,
  });
  try {
    await approvePurchaseRequest({ id: row.id!, status, remark: '' });
    message.success(`${status === 1 ? '审批通过' : '审批拒绝'}成功`);
    handleRefresh();
  } finally {
    if (automaticApproval.value) {
      await submitPurchaseRequest(row.id!, 'purchase_request_approve');
      hideLoading();
      message.success('已提交生效');
      handleRefresh();
      return;
    }
    const processList = await getApproveProcessList(row.id!);
    hideLoading();
    if (!processList || processList.length === 0) {
      message.warning('暂无可用审批流程，请先配置 BPM 流程');
      return;
    }
    // 打开流程选择弹窗

    processModalApi.setData({ id: row.id, processList }).open();
  } catch {
    hideLoading();
  }
}

/** 转为采购订单 */
async function handleConvert(row: ErpPurchaseRequestApi.PurchaseRequest) {
  const hideLoading = message.loading({
    content: '正在转为采购订单...',
    duration: 0,
  });
  try {
    await convertToPurchaseOrder(row.id!);
    message.success('已成功转为采购订单');
    handleRefresh();
  } finally {
    hideLoading();
  }
/** 生成采购订单 */
function handleGenerateOrder(row: ErpPurchaseRequestApi.PurchaseRequest) {
  orderFormModalApi.setData({ id: row.id, supplierId: row.supplierId }).open();
}

const checkedIds = ref<number[]>([]);
@@ -110,6 +141,20 @@
  formModalApi.setData({ formType: 'detail', id: row.id }).open();
}

/** 查看审批详情 */
function handleViewProcess(row: ErpPurchaseRequestApi.PurchaseRequest) {
  if (!row.processInstanceId) {
    message.warning('该申请尚未提交审批');
    return;
  }
  router.push({ name: 'BpmProcessInstanceDetail', query: { id: row.processInstanceId } });
}

/** 查看采购订单 */
function handleViewOrder(row: ErpPurchaseRequestApi.PurchaseRequest) {
  router.push({ name: 'ErpPurchaseOrder', query: { id: row.orderId } });
}

const [Grid, gridApi] = useVbenVxeGrid({
  formOptions: {
    schema: useGridFormSchema(),
@@ -121,11 +166,18 @@
    proxyConfig: {
      ajax: {
        query: async ({ page }, formValues) => {
          return await getPurchaseRequestPage({
          const result = await getPurchaseRequestPage({
            pageNo: page.currentPage,
            pageSize: page.pageSize,
            ...formValues,
          });
          const processingItems = (result.list || []).filter(
            (item) => item.status === 10 && item.processInstanceId,
          );
          if (processingItems.length > 0) {
            await syncPurchaseRequestStatus(processingItems);
          }
          return result;
        },
      },
    },
@@ -148,6 +200,9 @@
<template>
  <Page auto-content-height>
    <FormModal @success="handleRefresh" />
    <ImportModal @success="handleRefresh" />
    <OrderFormModal @success="handleRefresh" />
    <ProcessModal @success="handleRefresh" />
    <Grid table-title="采购申请列表">
      <template #toolbar-tools>
        <TableAction
@@ -167,6 +222,13 @@
              onClick: handleExport,
            },
            {
              label: '导入',
              type: 'primary',
              icon: ACTION_ICON.UPLOAD,
              auth: ['erp:purchase-request:import'],
              onClick: handleImport,
            },
            {
              label: '批量删除',
              type: 'primary',
              danger: true,
@@ -182,10 +244,16 @@
        />
      </template>
      <template #status="{ row }">
        <Tag v-if="row.status === 0" color="warning">待审批</Tag>
        <Tag v-else-if="row.status === 1" color="success">已审批</Tag>
        <Tag v-else-if="row.status === 2" color="error">已拒绝</Tag>
        <Tag v-else-if="row.status === 3" color="default">已转订单</Tag>
        <Tag v-if="row.status === 0" color="default">未提交</Tag>
        <Tag v-else-if="row.status === 10" color="processing">审批中</Tag>
        <Tag v-else-if="row.status === 20" color="success">审批通过</Tag>
        <Tag v-else-if="row.status === 30" color="error">审批不通过</Tag>
        <Tag v-else-if="row.status === 40" color="warning">已取消</Tag>
      </template>
      <template #inStatus="{ row }">
        <Tag v-if="row.inStatus === 0" color="default">未入库</Tag>
        <Tag v-else-if="row.inStatus === 1" color="warning">部分入库</Tag>
        <Tag v-else-if="row.inStatus === 2" color="success">全部入库</Tag>
      </template>
      <template #actions="{ row }">
        <TableAction
@@ -202,39 +270,33 @@
              type: 'link',
              icon: ACTION_ICON.EDIT,
              auth: ['erp:purchase-request:update'],
              ifShow: () => row.status === 0,
              ifShow: () => row.status === 0 || Number(row.status) === 30,
              onClick: handleEdit.bind(null, row),
            },
            {
              label: '审批通过',
              label: '提交',
              type: 'link',
              auth: ['erp:purchase-request:approve'],
              ifShow: () => row.status === 0,
              popConfirm: {
                title: '确认审批通过该申请吗？',
                confirm: handleApprove.bind(null, row, 1),
              },
              ifShow: () => row.status === 0 || row.status === 30,
              onClick: handleSubmit.bind(null, row),
            },
            {
              label: '审批拒绝',
              label: '生成订单',
              type: 'link',
              danger: true,
              auth: ['erp:purchase-request:approve'],
              ifShow: () => row.status === 0,
              popConfirm: {
                title: '确认审批拒绝该申请吗？',
                confirm: handleApprove.bind(null, row, 2),
              },
              auth: ['erp:purchase-request:generate-order'],
              ifShow: () => row.status === 20 && !row.orderId,
              onClick: handleGenerateOrder.bind(null, row),
            },
            {
              label: '转订单',
              label: '查看审批',
              type: 'link',
              auth: ['erp:purchase-request:convert'],
              ifShow: () => row.status === 1,
              popConfirm: {
                title: '确认转为采购订单吗？',
                confirm: handleConvert.bind(null, row),
              },
              ifShow: () => row.status !== 0,
              onClick: handleViewProcess.bind(null, row),
            },
            {
              label: '查看订单',
              type: 'link',
              ifShow: () => !!row.orderId,
              onClick: handleViewOrder.bind(null, row),
            },
            {
              label: $t('common.delete'),
@@ -253,4 +315,4 @@
      </template>
    </Grid>
  </Page>
</template>
</template>