From 14817696a26eb142ccae03fa7c43050840e057f5 Mon Sep 17 00:00:00 2001
From: hsy <1029150275@qq.com>
Date: 星期一, 17 八月 2026 09:35:03 +0800
Subject: [PATCH] feat(mes): 优化生产订单与排产任务列表显示,新增启停工及校验逻辑 1. 生产订单列表展示优化 (WorkOrder) - 新增「生产状态」列,全局注册 `ORDER_PRODUCTION_STATUS` 常量并绑定系统动态字典。 - 彻底重构「工序生产进度」单元格显示:弃用臃肿的 Steps 组件,改为极简横向布局(彩色状态圆点 + 进度百分比),解决表格行高被强行撑开及内容截断问题,支持横向滚动。 - 优化「完成进度」列宽及展示样式,将百分比数值外置同行显示,更加直观。 2. 排产任务列表改造 (Task) - 顶部表头重构,由单一标题重构为「全部 / 未完成 / 已完成」的 Tabs 标签页切换结构。 - 重写数据过滤逻辑,剥离写死的 status 查询,改为使用 `scheduleStatus` 字段动态响应 Tabs 切换 (0: 未完成, 1: 已完成)。 3. 工单业务逻辑增强与状态流转 - 落实「工单查询逻辑设计方案」,优化底层的工单条件检索逻辑。 - 实现「添加工单启停功能」与「停工状态」,支持工单在执行过程中的暂停与恢复业务流转。 - 强化容错与防呆设计:操作「完成订单」时增加前置校验 `handleCheckFinish`,若生产状态为未完成,强制弹出二次确认 Modal,避免误操作。 # 相关讨论/参考方案 # - 添加工单启停功能 # - 停工状态功能设计方案 # - 工单查询逻辑设计方案 # - 工单完成进度显示优化
---
src/views/im/manager/group/request/index.vue | 75 +++++++++++++++++++++++++++++++++++++
1 files changed, 75 insertions(+), 0 deletions(-)
diff --git a/src/views/im/manager/group/request/index.vue b/src/views/im/manager/group/request/index.vue
new file mode 100644
index 0000000..a97cf1a
--- /dev/null
+++ b/src/views/im/manager/group/request/index.vue
@@ -0,0 +1,75 @@
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { ImManagerGroupRequestApi } from '#/api/im/manager/group/request';
+
+import { Page } from '#/packages/effects/common-ui/src';
+
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import { getManagerGroupRequestPage } from '#/api/im/manager/group/request';
+import {
+ formatGroupLabel,
+ formatUserLabel,
+} from '#/views/im/manager/utils/format';
+
+import {
+ useGroupRequestGridColumns,
+ useGroupRequestGridFormSchema,
+} from '../data';
+
+defineOptions({ name: 'ImManagerGroupRequest' });
+
+const [Grid] = useVbenVxeGrid({
+ formOptions: {
+ schema: useGroupRequestGridFormSchema(),
+ },
+ gridOptions: {
+ columns: useGroupRequestGridColumns(),
+ height: 'auto',
+ keepSource: true,
+ proxyConfig: {
+ ajax: {
+ query: async ({ page }, formValues) => {
+ return await getManagerGroupRequestPage({
+ pageNo: page.currentPage,
+ pageSize: page.pageSize,
+ ...formValues,
+ });
+ },
+ },
+ },
+ rowConfig: {
+ keyField: 'id',
+ isHover: true,
+ },
+ toolbarConfig: {
+ refresh: true,
+ search: true,
+ },
+ } as VxeTableGridOptions<ImManagerGroupRequestApi.GroupRequest>,
+});
+</script>
+
+<template>
+ <Page auto-content-height>
+ <Grid table-title="鍔犵兢鐢宠鍒楄〃">
+ <template #group="{ row }">
+ {{ formatGroupLabel(row.groupName, row.groupId) }}
+ </template>
+ <template #user="{ row }">
+ {{ formatUserLabel(row.userNickname, row.userId) }}
+ </template>
+ <template #inviter="{ row }">
+ <template v-if="row.inviterUserId">
+ {{ formatUserLabel(row.inviterNickname, row.inviterUserId) }}
+ </template>
+ <span v-else>涓诲姩鐢宠</span>
+ </template>
+ <template #handler="{ row }">
+ <template v-if="row.handleUserId">
+ {{ formatUserLabel(row.handleNickname, row.handleUserId) }}
+ </template>
+ <span v-else>-</span>
+ </template>
+ </Grid>
+ </Page>
+</template>
--
Gitblit v1.9.3