生产订单与报工模块改造汇总 (Git Commit 文档) feat(mes-pro): 生产订单及报工模块审批流与批次填报改造 1. 生产订单功能增...

hsy

7 天以前 889d8ddf4c13c1b1bdbabd04c2d80b904020151e

 src/views/mes/workbench/components/tabs/FeedbackHistoryTab.vue

@@ -3,12 +3,14 @@
import type { MesProFeedbackApi } from '#/api/mes/pro/feedback';

import { nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';
import { useRouter } from 'vue-router';

import {
  DICT_TYPE,
  MesProFeedbackStatusEnum,
} from '@vben/constants';
import { useVbenModal } from '@vben/common-ui';
import { useAccess } from '@vben/access';

import { Button, message, Popconfirm, Space } from 'ant-design-vue';

@@ -16,13 +18,15 @@
import {
  approveFeedback,
  deleteFeedback,
  getFeedbackListByTask,
  getBatchRequirements,
  getFeedbackPage,
  rejectFeedback,
  submitFeedback,
} from '#/api/mes/pro/feedback';
import { $t } from '#/locales';

import FeedbackForm from '../../../pro/feedback/modules/form.vue';
import BatchInputDialog from '../../../pro/feedback/modules/batch-input-dialog.vue';

defineOptions({ name: 'WorkbenchFeedbackHistoryTab' });

@@ -39,6 +43,22 @@
  destroyOnClose: true,
});

const { hasAccessByCodes } = useAccess();
const router = useRouter();

const batchDialogRef = ref<InstanceType<typeof BatchInputDialog>>();
const approvingRow = ref<MesProFeedbackApi.Feedback>();

/** 执行审批（含批次属性） */
async function doApprove(row: MesProFeedbackApi.Feedback, batchFields?: Record<string, unknown>) {
  const finished = await approveFeedback({ id: row.id!, ...batchFields });
  message.success(
    finished ? '报工单已审批完成' : '报工成功，请等待质量检验完成！',
  );
  refreshGrid();
  emit('reported');
}

/** 查看详情 */
function handleDetail(row: MesProFeedbackApi.Feedback) {
  formModalApi.setData({ formType: 'detail', id: row.id }).open();
@@ -46,7 +66,7 @@

/** 编辑（仅草稿） */
function handleEdit(row: MesProFeedbackApi.Feedback) {
  formModalApi.setData({ formType: 'update', id: row.id }).open();
  formModalApi.setData({ formType: 'update', id: row.id, showSubmitButton: false }).open();
}

/** 删除（仅草稿） */
@@ -59,7 +79,7 @@

/** 提交（仅草稿） */
async function handleSubmit(row: MesProFeedbackApi.Feedback) {
  await submitFeedback(row.id!);
  await submitFeedback({ id: row.id! });
  message.success('报工单已提交');
  refreshGrid();
  emit('reported');
@@ -67,12 +87,24 @@

/** 审批通过（仅审批中） */
async function handleApprove(row: MesProFeedbackApi.Feedback) {
  const finished = await approveFeedback(row.id!);
  message.success(
    finished ? '报工单已审批完成' : '报工成功，请等待质量检验完成！',
  );
  refreshGrid();
  emit('reported');
  try {
    const checkResult = await getBatchRequirements(row.id!);
    if (checkResult?.needBatchInput) {
      approvingRow.value = row;
      batchDialogRef.value?.open({ checkResult });
    } else {
      await doApprove(row);
    }
  } catch {
    await doApprove(row);
  }
}

/** 批次弹窗确认回调 */
function handleBatchConfirm(batchData: Record<string, unknown>) {
  if (approvingRow.value) {
    doApprove(approvingRow.value, batchData);
  }
}

/** 驳回（仅审批中） */
@@ -81,6 +113,15 @@
  message.success('报工单已驳回');
  refreshGrid();
  emit('reported');
}

/** 查看审批详情 */
function handleViewProcess(row: MesProFeedbackApi.Feedback) {
  if (!row.processInstanceId) {
    message.warning('该报工尚未提交审批');
    return;
  }
  router.push({ path: '/bpm/process-instance/detail', query: { id: row.processInstanceId } });
}

/** 状态常量供模板使用 */
@@ -100,7 +141,7 @@
        width: 160,
        slots: { default: 'code' },
      },
      { field: 'workOrderCode', title: '工单编码', width: 140 },
      { field: 'taskCode', title: '任务编码', width: 140 },
      { field: 'processName', title: '工序', width: 100 },
      { field: 'itemName', title: '产品', minWidth: 120 },
      { field: 'feedbackQuantity', title: '报工数量', width: 100 },
@@ -134,11 +175,15 @@
    keepSource: true,
    proxyConfig: {
      ajax: {
        query: async () => {
        query: async ({ page }) => {
          if (!props.taskId) {
            return [];
            return { list: [], total: 0 };
          }
          return await getFeedbackListByTask(props.taskId);
          return await getFeedbackPage({
            taskId: props.taskId,
            pageNo: page.currentPage,
            pageSize: page.pageSize,
          });
        },
      },
    },
@@ -198,6 +243,7 @@
<template>
  <div class="feedback-history-tab">
    <FormModal @success="refreshGrid" />
    <BatchInputDialog ref="batchDialogRef" @confirm="handleBatchConfirm" />

    <div v-if="!taskId" class="feedback-history-tab__empty">
      请从左侧工单列表选择一条任务查看报工记录
@@ -213,7 +259,7 @@
        <template #actions="{ row }">
          <Space :size="4" wrap>
            <Button type="link" size="small" @click="handleDetail(row)">
              {{ $t('common.view') }}
              查看
            </Button>
            <!-- 草稿：编辑、删除、提交 -->
            <Button
@@ -222,7 +268,7 @@
              size="small"
              @click="handleEdit(row)"
            >
              {{ $t('common.edit') }}
              编辑
            </Button>
            <Popconfirm
              v-if="row.status === STATUS_PREPARE"
@@ -230,7 +276,7 @@
              @confirm="handleSubmit(row)"
            >
              <Button type="link" size="small">
                {{ $t('common.submit') }}
                提交
              </Button>
            </Popconfirm>
            <Popconfirm
@@ -239,21 +285,30 @@
              @confirm="handleDelete(row)"
            >
              <Button type="link" size="small" danger>
                {{ $t('common.delete') }}
                删除
              </Button>
            </Popconfirm>
            <!-- 审批中：审批通过、驳回 -->
            <Popconfirm
            <!-- 审批中：查看审批 -->
            <Button
              v-if="row.status === STATUS_APPROVING"
              type="link"
              size="small"
              @click="handleViewProcess(row)"
            >
              查看审批
            </Button>
            <!-- 
            <Popconfirm
              v-if="row.status === STATUS_APPROVING && hasAccessByCodes(['mes:pro-feedback:approve'])"
              title="确认审批通过该报工单？"
              @confirm="handleApprove(row)"
            >
              <Button type="link" size="small">
                {{ $t('common.approve') }}
                审批通过
              </Button>
            </Popconfirm>
            <Popconfirm
              v-if="row.status === STATUS_APPROVING"
              v-if="row.status === STATUS_APPROVING && hasAccessByCodes(['mes:pro-feedback:approve'])"
              title="确认驳回该报工单？"
              @confirm="handleReject(row)"
            >
@@ -261,6 +316,7 @@
                驳回
              </Button>
            </Popconfirm>
            -->
          </Space>
        </template>
      </Grid>