|
|
|
@ -1,7 +1,7 @@ |
|
|
|
<template> |
|
|
|
<div class="produce-report customer-css"> |
|
|
|
<el-dialog v-drag width="1120px" custom-class="machine-workbench-dialog" :title="titleCon" v-bind="$attrs" v-on="$listeners"> |
|
|
|
<el-form :inline="true" label-position="top" style="position: relative; height: 875px;" label-width="80px"> |
|
|
|
<el-form :inline="true" label-position="top" style="position: relative; height: 810px;" label-width="80px"> |
|
|
|
<!-- 订单信息卡片 --> |
|
|
|
<div class="info-card-container"> |
|
|
|
<div class="info-card"> |
|
|
|
@ -143,13 +143,13 @@ |
|
|
|
<span>生产调机</span> |
|
|
|
</div> |
|
|
|
<div class="section-content"> |
|
|
|
<el-button type="primary" size="small" @click="openStartSetupModal" :disabled="buttonTags.startSetupFlag" icon="el-icon-time"> |
|
|
|
<el-button type="primary" size="small" @click="startTuningModal" :disabled="buttonTags.startTuningFlag" icon="el-icon-time"> |
|
|
|
开始调机 |
|
|
|
</el-button> |
|
|
|
<el-button type="success" size="small" @click="warnStartProduceConfirm" :disabled="buttonTags.startProduceFlag" icon="el-icon-video-play"> |
|
|
|
开始生产 |
|
|
|
</el-button> |
|
|
|
<el-button type="info" size="small" @click="openSopPreviewModal" icon="el-icon-document"> |
|
|
|
<el-button type="info" size="small" @click="sopPreviewModal" icon="el-icon-document"> |
|
|
|
SOP预览 |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
@ -162,10 +162,10 @@ |
|
|
|
<span>过程控制</span> |
|
|
|
</div> |
|
|
|
<div class="section-content"> |
|
|
|
<el-button type="primary" size="small" @click="openToolLoadModal" :disabled="buttonTags.toolLoadFlag" icon="el-icon-office-building"> |
|
|
|
<el-button type="primary" size="small" @click="produceToolModal" :disabled="buttonTags.toolFlag" icon="el-icon-office-building"> |
|
|
|
刀模上机 |
|
|
|
</el-button> |
|
|
|
<el-button type="primary" size="small" @click="openMaterialLoadModal" :disabled="buttonTags.materialLoadFlag" icon="el-icon-box"> |
|
|
|
<el-button type="primary" size="small" @click="produceMaterialModal" :disabled="buttonTags.materialFlag" icon="el-icon-box"> |
|
|
|
材料上机 |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
@ -178,7 +178,7 @@ |
|
|
|
<span>过程不良</span> |
|
|
|
</div> |
|
|
|
<div class="section-content"> |
|
|
|
<el-button type="danger" size="small" @click="openDefectReportModal" :disabled="buttonTags.defectReportFlag" icon="el-icon-warning-outline"> |
|
|
|
<el-button type="danger" size="small" @click="defectRollModal" :disabled="buttonTags.defectFlag" icon="el-icon-warning-outline"> |
|
|
|
报告不良 |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
@ -191,7 +191,7 @@ |
|
|
|
<span>过程异常</span> |
|
|
|
</div> |
|
|
|
<div class="section-content"> |
|
|
|
<el-button type="warning" size="small" @click="openExceptionStopModal" :disabled="buttonTags.exceptionStopFlag" icon="el-icon-video-pause"> |
|
|
|
<el-button type="warning" size="small" @click="produceDownModal" :disabled="buttonTags.downTimeFlag" icon="el-icon-video-pause"> |
|
|
|
异常停机 |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
@ -4925,6 +4925,8 @@ export default { |
|
|
|
.info-card-container { |
|
|
|
margin-bottom: 10px; |
|
|
|
margin-right: 210px; /* 为右侧控制面板留出空间 */ |
|
|
|
position: relative; |
|
|
|
z-index: 1; /* 确保不会覆盖右侧按钮 */ |
|
|
|
} |
|
|
|
|
|
|
|
.info-card { |
|
|
|
@ -4944,8 +4946,8 @@ export default { |
|
|
|
.card-title { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
margin-bottom: 12px; |
|
|
|
padding-bottom: 8px; |
|
|
|
margin-bottom: 0px; |
|
|
|
padding-bottom: 2px; |
|
|
|
border-bottom: 2px solid #e8eaed; |
|
|
|
font-size: 14px; |
|
|
|
font-weight: 600; |
|
|
|
@ -4972,7 +4974,7 @@ export default { |
|
|
|
|
|
|
|
.info-item-modern label { |
|
|
|
display: block; |
|
|
|
margin-bottom: 6px; |
|
|
|
margin-bottom: 0px; |
|
|
|
font-size: 12px; |
|
|
|
font-weight: 500; |
|
|
|
color: #606266; |
|
|
|
@ -5000,6 +5002,8 @@ export default { |
|
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); |
|
|
|
border: 1px solid #e8eaed; |
|
|
|
transition: all 0.3s ease; |
|
|
|
position: relative; |
|
|
|
z-index: 1; /* 确保不会覆盖右侧按钮 */ |
|
|
|
} |
|
|
|
|
|
|
|
.roll-operation-card:hover { |
|
|
|
@ -5011,6 +5015,7 @@ export default { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
gap: 12px; |
|
|
|
margin-top: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
.current-roll-display { |
|
|
|
@ -5066,6 +5071,8 @@ export default { |
|
|
|
margin-right: 210px; /* 为右侧控制面板留出空间 */ |
|
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); |
|
|
|
border: 1px solid #e8eaed; |
|
|
|
position: relative; |
|
|
|
z-index: 1; /* 确保不会覆盖右侧按钮 */ |
|
|
|
} |
|
|
|
|
|
|
|
.modern-tabs { |
|
|
|
@ -5123,7 +5130,8 @@ export default { |
|
|
|
max-height: 755px; |
|
|
|
overflow-y: auto; |
|
|
|
padding-right: 4px; |
|
|
|
z-index: 100; |
|
|
|
z-index: 100; /* 确保在最上层 */ |
|
|
|
pointer-events: auto; /* 确保可以点击 */ |
|
|
|
} |
|
|
|
|
|
|
|
/* 自定义滚动条 */ |
|
|
|
|