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/statistics/components/distribution-chart.vue | 118 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 118 insertions(+), 0 deletions(-)
diff --git a/src/views/im/manager/statistics/components/distribution-chart.vue b/src/views/im/manager/statistics/components/distribution-chart.vue
new file mode 100644
index 0000000..9deb0e4
--- /dev/null
+++ b/src/views/im/manager/statistics/components/distribution-chart.vue
@@ -0,0 +1,118 @@
+<script lang="ts" setup>
+import type { EchartsUIType } from '#/packages/effects/plugins/src/echarts';
+
+import { nextTick, onMounted, ref } from 'vue';
+
+import { DICT_TYPE } from '#/packages/constants/src';
+import { getDictObj } from '#/packages/effects/hooks/src';
+import { EchartsUI, useEcharts } from '#/packages/effects/plugins/src/echarts';
+
+import { Card } from 'ant-design-vue';
+
+import {
+ getGroupSizeDistribution,
+ getMessageTypeDistribution,
+ getTopSenders,
+} from '#/api/im/manager/statistics';
+
+const props = defineProps<{
+ type: 'groupSize' | 'messageType' | 'topSenders';
+}>();
+
+const titleMap = {
+ groupSize: '缇よ妯″垎甯�',
+ messageType: '娑堟伅绫诲瀷鍒嗗竷',
+ topSenders: '娑堟伅鍙戦�� TOP 10',
+};
+
+const loading = ref(false);
+const chartRef = ref<EchartsUIType>();
+const { renderEcharts } = useEcharts(chartRef);
+
+/** 鍔犺浇鍥捐〃鏁版嵁 */
+async function loadData() {
+ loading.value = true;
+ try {
+ await nextTick();
+ if (props.type === 'groupSize') {
+ const data = await getGroupSizeDistribution();
+ await renderEcharts({
+ tooltip: { trigger: 'axis' },
+ grid: { left: 24, right: 24, bottom: 16, top: 28, containLabel: true },
+ xAxis: { type: 'category', data: data.map((item) => item.range) },
+ yAxis: { type: 'value', name: '缇ょ粍鏁�' },
+ series: [
+ {
+ type: 'bar',
+ data: data.map((item) => item.count),
+ itemStyle: { color: '#18a058', borderRadius: [4, 4, 0, 0] },
+ barMaxWidth: 48,
+ },
+ ],
+ });
+ return;
+ }
+ if (props.type === 'messageType') {
+ const data = await getMessageTypeDistribution();
+ const items = data.map((item) => ({
+ name:
+ getDictObj(DICT_TYPE.IM_CONTENT_TYPE, String(item.type))?.label ||
+ `鏈煡(${item.type})`,
+ value: item.value,
+ }));
+ await renderEcharts({
+ tooltip: { trigger: 'item', formatter: '{b}: {c} ({d}%)' },
+ legend: { orient: 'vertical', right: 8, top: 'middle' },
+ series: [
+ {
+ type: 'pie',
+ radius: ['42%', '70%'],
+ data: items,
+ itemStyle: { borderColor: '#fff', borderRadius: 4, borderWidth: 2 },
+ label: { show: false },
+ },
+ ],
+ });
+ return;
+ }
+ const data = await getTopSenders();
+ const sorted = data.toSorted((a, b) => a.messageCount - b.messageCount);
+ await renderEcharts({
+ tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
+ grid: { left: 24, right: 24, bottom: 16, top: 20, containLabel: true },
+ xAxis: { type: 'value', name: '娑堟伅鏁�' },
+ yAxis: {
+ type: 'category',
+ data: sorted.map((item) => `${item.nickname || item.userId}(${item.userId})`),
+ axisLabel: { overflow: 'truncate', width: 110 },
+ },
+ series: [
+ {
+ type: 'bar',
+ data: sorted.map((item) => item.messageCount),
+ itemStyle: { color: '#2f7df6', borderRadius: [0, 4, 4, 0] },
+ barMaxWidth: 18,
+ },
+ ],
+ });
+ } finally {
+ loading.value = false;
+ }
+}
+
+onMounted(loadData);
+</script>
+
+<template>
+ <Card :body-style="{ padding: '12px 16px 16px' }" :title="titleMap[type]">
+ <div class="relative min-h-[320px]">
+ <EchartsUI ref="chartRef" height="320px" />
+ <div
+ v-if="loading"
+ class="absolute inset-0 flex items-center justify-center bg-card/70 text-sm text-muted-foreground"
+ >
+ 鍔犺浇涓�
+ </div>
+ </div>
+ </Card>
+</template>
--
Gitblit v1.9.3