feat(工单管理): 替换报工功能为暂停/重启工单功能并添加产量对比图表 - 删除原有报工数按钮,替换为暂停工单和重启工单按钮 - 添加工单暂停状态显示标签 - 新增横向堆叠柱状图组件用于显示今日产量对比 - 调整页面布局和样式以适应新功能 - 添加获取每小时产量数据的API接口
1.7 KiB
1.7 KiB
修改报工功能为暂停/重启工单功能
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条件与其他按钮一致
- 新方法命名遵循现有命名规范
- 新方法中预留实现逻辑的位置,但暂时不需要具体实现