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/channel/message/index.vue | 132 ++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 132 insertions(+), 0 deletions(-)
diff --git a/src/views/im/manager/channel/message/index.vue b/src/views/im/manager/channel/message/index.vue
new file mode 100644
index 0000000..1c42dc1
--- /dev/null
+++ b/src/views/im/manager/channel/message/index.vue
@@ -0,0 +1,132 @@
+<script lang="ts" setup>
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { ImManagerChannelMessageApi } from '#/api/im/manager/channel/message';
+
+import { Page, useVbenModal } from '#/packages/effects/common-ui/src';
+
+import { Image, message, Tag } from 'ant-design-vue';
+
+import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
+import {
+ deleteManagerChannelMessage,
+ getManagerChannelMessagePage,
+} from '#/api/im/manager/channel/message';
+import { $t } from '#/locales';
+
+import { useMessageGridColumns, useMessageGridFormSchema } from '../material/data';
+import SendForm from './modules/send-form.vue';
+
+defineOptions({ name: 'ImManagerChannelMessage' });
+
+const [SendModal, sendModalApi] = useVbenModal({
+ connectedComponent: SendForm,
+ destroyOnClose: true,
+});
+
+/** 鍒锋柊琛ㄦ牸 */
+function handleRefresh() {
+ gridApi.query();
+}
+
+/** 鎵撳紑鍙戦�佸脊绐� */
+function handleSend() {
+ sendModalApi.open();
+}
+
+/** 鍒犻櫎棰戦亾娑堟伅 */
+async function handleDelete(row: ImManagerChannelMessageApi.ChannelMessage) {
+ const hideLoading = message.loading({
+ content: $t('ui.actionMessage.deleting', [row.id]),
+ duration: 0,
+ });
+ try {
+ await deleteManagerChannelMessage(row.id);
+ message.success($t('ui.actionMessage.deleteSuccess', [row.id]));
+ handleRefresh();
+ } finally {
+ hideLoading();
+ }
+}
+
+const [Grid, gridApi] = useVbenVxeGrid({
+ formOptions: {
+ schema: useMessageGridFormSchema(),
+ },
+ gridOptions: {
+ columns: useMessageGridColumns(),
+ height: 'auto',
+ keepSource: true,
+ proxyConfig: {
+ ajax: {
+ query: async ({ page }, formValues) => {
+ return await getManagerChannelMessagePage({
+ pageNo: page.currentPage,
+ pageSize: page.pageSize,
+ ...formValues,
+ });
+ },
+ },
+ },
+ rowConfig: {
+ keyField: 'id',
+ isHover: true,
+ },
+ toolbarConfig: {
+ refresh: true,
+ search: true,
+ },
+ } as VxeTableGridOptions<ImManagerChannelMessageApi.ChannelMessage>,
+});
+</script>
+
+<template>
+ <Page auto-content-height>
+ <SendModal @success="handleRefresh" />
+ <Grid table-title="棰戦亾娑堟伅鍒楄〃">
+ <template #toolbar-tools>
+ <TableAction
+ :actions="[
+ {
+ label: '绔嬪嵆鎺ㄩ��',
+ type: 'primary',
+ icon: ACTION_ICON.ADD,
+ auth: ['im:manager:channel-message:send'],
+ onClick: handleSend,
+ },
+ ]"
+ />
+ </template>
+ <template #cover="{ row }">
+ <Image
+ v-if="row.materialCoverUrl"
+ :height="40"
+ :src="row.materialCoverUrl"
+ :width="40"
+ />
+ </template>
+ <template #receivers="{ row }">
+ <Tag v-if="!row.receiverUserIds || row.receiverUserIds.length === 0" color="warning">
+ 鍏ㄥ憳
+ </Tag>
+ <span v-else>{{ row.receiverUserIds.length }} 浜�</span>
+ </template>
+ <template #actions="{ row }">
+ <TableAction
+ :actions="[
+ {
+ label: $t('common.delete'),
+ type: 'link',
+ danger: true,
+ icon: ACTION_ICON.DELETE,
+ auth: ['im:manager:channel-message:delete'],
+ popConfirm: {
+ title: $t('ui.actionMessage.deleteConfirm', [row.id]),
+ confirm: handleDelete.bind(null, row),
+ },
+ },
+ ]"
+ />
+ </template>
+ </Grid>
+ </Page>
+</template>
--
Gitblit v1.9.3