zhuangpeiworkkanban/.trae/documents/修改报工功能为暂停_重启工单功能.md
git_rabbit 51268007d6 重大更新(工单页面调整)
feat(工单管理): 替换报工功能为暂停/重启工单功能并添加产量对比图表

- 删除原有报工数按钮,替换为暂停工单和重启工单按钮
- 添加工单暂停状态显示标签
- 新增横向堆叠柱状图组件用于显示今日产量对比
- 调整页面布局和样式以适应新功能
- 添加获取每小时产量数据的API接口
2026-01-22 15:14:23 +08:00

1.7 KiB
Raw Blame History

修改报工功能为暂停/重启工单功能

1. 需求分析

  • 砍掉现有报工数功能
  • 在相同位置添加暂停工单与重启工单按钮
  • 预留对应方法的实现

2. 修改内容

2.1 删除报工数按钮

  • 删除第139-141行的报工数按钮代码

2.2 添加新按钮

在原报工数按钮位置添加两个新按钮:

  • 暂停工单按钮使用warning类型
  • 重启工单按钮使用success类型

2.3 添加对应方法

在脚本部分添加两个新的方法:

  • handlerPauseOrder:处理暂停工单逻辑
  • handlerRestartOrder:处理重启工单逻辑

3. 具体实现

3.1 按钮替换

将第139-141行的代码

<el-button :disabled="!workOrderInfo.workorder" class="action-button" type="warning" size="large" @click="handlerShowReportCode"
  >报工数{{ reportNum }}</el-button
>

替换为:

<el-button :disabled="!workOrderInfo.workorder" class="action-button" type="warning" size="large" @click="handlerPauseOrder"
  >暂停工单</el-button
>
<el-button :disabled="!workOrderInfo.workorder" class="action-button" type="success" size="large" @click="handlerRestartOrder"
  >重启工单</el-button
>

3.2 添加方法

在脚本部分添加两个新方法:

// 暂停工单
function handlerPauseOrder() {
  // TODO: 实现暂停工单逻辑
  console.log('暂停工单')
}

// 重启工单
function handlerRestartOrder() {
  // TODO: 实现重启工单逻辑
  console.log('重启工单')
}

4. 注意事项

  • 保持新按钮的样式和布局与其他按钮一致
  • 保持按钮的disabled条件与其他按钮一致
  • 新方法命名遵循现有命名规范
  • 新方法中预留实现逻辑的位置,但暂时不需要具体实现