src/views/mes/pro/feedback/index.vue
@@ -15,18 +15,26 @@
  exportFeedback,
  getFeedbackPage,
} from '#/api/mes/pro/feedback';
import { getWorkOrder } from '#/api/mes/pro/workorder';
import { $t } from '#/locales';
import { ref } from 'vue';
import { useRouter } from 'vue-router';
import { useGridColumns, useGridFormSchema } from './data';
import Form from './modules/form.vue';
import ArchiveDetail from '#/views/mes/pd/archive/modules/detail.vue';
const userStore = useUserStore();
const currentUserId = userStore.userInfo?.id; // 当前登录用户 ID,用于审批人权限判断
const router = useRouter();
const [FormModal, formModalApi] = useVbenModal({
  connectedComponent: Form,
  destroyOnClose: true,
});
const archiveDetailRef = ref<InstanceType<typeof ArchiveDetail>>();
/** 刷新表格 */
function handleRefresh() {
@@ -51,6 +59,15 @@
/** 审批生产报工 */
function handleApprove(row: MesProFeedbackApi.Feedback) {
  formModalApi.setData({ formType: 'approve', id: row.id }).open();
}
/** 查看审批详情 */
function handleViewProcess(row: MesProFeedbackApi.Feedback) {
  if (!row.processInstanceId) {
    message.warning('该报工尚未提交审批');
    return;
  }
  router.push({ path: '/bpm/process-instance/detail', query: { id: row.processInstanceId } });
}
/** 详情生产报工 */
@@ -79,6 +96,17 @@
  downloadFileFromBlobPart({ fileName: '生产报工.xls', source: data });
}
/** 查看归档 */
async function handleArchive(row: MesProFeedbackApi.Feedback) {
  if (!row.workOrderId) return;
  try {
    const workOrder = await getWorkOrder(row.workOrderId);
    archiveDetailRef.value?.open(workOrder.productCode);
  } catch {
    message.error('获取工单信息失败');
  }
}
const [Grid, gridApi] = useVbenVxeGrid({
  formOptions: { schema: useGridFormSchema() },
  gridOptions: {
@@ -103,7 +131,8 @@
</script>
<template>
  <Page auto-content-height><FormModal @success="handleRefresh" />
  <Page auto-content-height>
    <FormModal @success="handleRefresh" />
    <Grid table-title="生产报工列表">
      <template #toolbar-tools>
        <TableAction
@@ -147,14 +176,21 @@
              ifShow: () => row.status === MesProFeedbackStatusEnum.PREPARE,
              onClick: handleSubmit.bind(null, row),
            },
            // {
            //   label: $t('common.approve'),
            //   type: 'link',
            //   auth: ['mes:pro-feedback:approve'],
            //   ifShow: () =>
            //     row.status === MesProFeedbackStatusEnum.APPROVING &&
            //     row.approveUserId === currentUserId,
            //   onClick: handleApprove.bind(null, row),
            // },
            {
              label: $t('common.approve'),
              label: '查看审批',
              type: 'link',
              auth: ['mes:pro-feedback:approve'],
              ifShow: () =>
                row.status === MesProFeedbackStatusEnum.APPROVING &&
                row.approveUserId === currentUserId,
              onClick: handleApprove.bind(null, row),
              icon: ACTION_ICON.VIEW,
              ifShow: () => row.status === MesProFeedbackStatusEnum.APPROVING,
              onClick: handleViewProcess.bind(null, row),
            },
            {
              label: $t('common.delete'),
@@ -167,9 +203,15 @@
                confirm: handleDelete.bind(null, row),
              },
            },
            {
              label: '归档',
              type: 'link',
              onClick: handleArchive.bind(null, row),
            },
          ]"
        />
      </template>
    </Grid>
    <ArchiveDetail ref="archiveDetailRef" />
  </Page>
</template>