feat: 新增异常挂接日志页面,优化多个页面UI和功能

1.  新增mill/abnormal/log.vue页面,实现钢卷异常挂接日志的查询、导出功能
2.  调整成本项目页面查询表单label宽度为80px
3.  移除异常性能页面的导出按钮
4.  重构轧辊计划页面的操作按钮布局,新增分组样式
5.  注释并停用工作辊页面的实时性能数据加载和展示
This commit is contained in:
2026-06-09 16:48:26 +08:00
parent 1d0fda5956
commit e07387132b
5 changed files with 210 additions and 28 deletions

View File

@@ -170,13 +170,17 @@
<div class="section-header" style="margin-top:8px"><span>队列操作</span></div>
<div class="op-buttons">
<el-button size="mini" type="primary" icon="el-icon-plus" @click="handleAdd">钢卷增加</el-button>
<el-button size="mini" icon="el-icon-edit" :disabled="!selectedPlan" @click="handleEdit">修改</el-button>
<!-- <el-button size="mini" icon="el-icon-edit" :disabled="!selectedPlan" @click="handleFinish"></el-button> -->
<el-button size="mini" icon="el-icon-document" :disabled="!selectedPlan" @click="handleFinish">完成</el-button>
<el-button size="mini" type="danger" icon="el-icon-delete" :disabled="!selectedPlan" @click="handleDelete">删除</el-button>
<el-button size="mini" icon="el-icon-top" :disabled="!selectedPlan" @click="handleMoveUp">Up 上移</el-button>
<el-button size="mini" icon="el-icon-bottom" :disabled="!selectedPlan" @click="handleMoveDown">Down 下移</el-button>
<div class="op-btn-group">
<el-button size="mini" type="primary" icon="el-icon-plus" @click="handleAdd">钢卷增加</el-button>
<el-button size="mini" icon="el-icon-edit" :disabled="!selectedPlan" @click="handleEdit">修改</el-button>
<el-button size="mini" icon="el-icon-document" :disabled="!selectedPlan" @click="handleFinish">完成</el-button>
<el-button size="mini" type="danger" icon="el-icon-delete" :disabled="!selectedPlan" @click="handleDelete">删除</el-button>
</div>
<div class="op-btn-sep"></div>
<div class="op-btn-group">
<el-button size="mini" icon="el-icon-top" :disabled="!selectedPlan" @click="handleMoveUp">上移</el-button>
<el-button size="mini" icon="el-icon-bottom" :disabled="!selectedPlan" @click="handleMoveDown">下移</el-button>
</div>
</div>
</div>
</div>
@@ -775,9 +779,33 @@ export default {
padding: 8px 12px;
display: flex;
flex-direction: column;
gap: 6px;
gap: 2px;
border-bottom: 1px solid #e4e7ed;
.el-button { width: 100%; justify-content: flex-start; }
.op-btn-group {
display: flex;
flex-direction: column;
gap: 2px;
}
.op-btn-sep {
height: 1px;
background: #e4e7ed;
margin: 5px 0;
}
.el-button {
width: 100%;
justify-content: flex-start;
border-radius: 2px;
padding-left: 10px;
margin-left: 0 !important;
i { margin-right: 4px; }
&:not(.el-button--primary):not(.el-button--danger) {
border-color: #dcdfe6;
&:hover { color: #409eff; border-color: #c6e2ff; background: #ecf5ff; }
}
}
}
/* 底部状态栏 */