From d89686853d303a05040c043dd638bf51f16b5a92 Mon Sep 17 00:00:00 2001
From: fengyuan_yang <1976974459@qq.com>
Date: Fri, 28 Nov 2025 17:13:18 +0800
Subject: [PATCH] =?UTF-8?q?2025-11-28=20=E8=BF=87=E7=AB=99=E9=87=87?=
 =?UTF-8?q?=E9=9B=86-=E3=80=8B=E8=BD=A6=E9=97=B4=E5=B7=A5=E4=BD=9C?=
 =?UTF-8?q?=E5=B9=B3=E5=8F=B0=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../yieldReport/com_produce_report_normal.vue | 941 ++++++++++++------
 1 file changed, 636 insertions(+), 305 deletions(-)

diff --git a/src/views/modules/yieldReport/com_produce_report_normal.vue b/src/views/modules/yieldReport/com_produce_report_normal.vue
index 6af2b88..c1b3565 100644
--- a/src/views/modules/yieldReport/com_produce_report_normal.vue
+++ b/src/views/modules/yieldReport/com_produce_report_normal.vue
@@ -1,111 +1,241 @@
 <template>
   <div class="produce-report customer-css">
-    <el-dialog v-drag
-               width="900px" class="customer-dialog"
-               :title="titleCon" v-bind="$attrs" v-on="$listeners">
-      <el-form :inline="true" label-position="top" style="height: 650px;"
-               label-width="80px">
-        <!-- 第一行信息 -->
-        <el-form style="margin-top: -10px;">
-          <el-form-item label="订单号" class="customer-item">
-            <el-input v-model="scheduleData.orderNo" :readonly="true" style="width: 130px;"></el-input>
-          </el-form-item>
-          <el-form-item label="物料编码" class="customer-item">
-            <el-input v-model="scheduleData.partNo" :readonly="true" style="width: 130px;"></el-input>
-          </el-form-item>
-          <el-form-item label="物料名称/规格" class="customer-item">
-            <el-input v-model="scheduleData.partDesc" :readonly="true" style="width: 200px;"></el-input>
-          </el-form-item>
-          <el-form-item label="派工单号" class="customer-item">
-            <el-input v-model="scheduleData.seqNo" :readonly="true" style="width: 80px;"></el-input>
-          </el-form-item>
-        </el-form>
-        <!-- 第二行信息 -->
-        <el-form>
-          <el-form-item label="要求完工日期" class="customer-item">
-            <el-input v-model="scheduleData.planFinishTime" :readonly="true" style="width: 130px;"></el-input>
-          </el-form-item>
-          <el-form-item label="要求开工日期" class="customer-item">
-            <el-input v-model="scheduleData.planStartTime" :readonly="true" style="width: 130px;"></el-input>
-          </el-form-item>
-          <el-form-item label="原始派工单需求数量" class="customer-item">
-            <el-input v-model="scheduleData.qtyRequiredOriginal" :readonly="true" style="width: 80px;"></el-input>
-          </el-form-item>
-          <el-form-item label="排产日期" class="customer-item">
-            <el-input v-model="scheduleData.scheduledDate" :readonly="true" style="width: 80px;"></el-input>
-          </el-form-item>
-          <el-form-item label="班次" class="customer-item">
-            <el-input v-model="scheduleData.shiftNo" :readonly="true" style="width: 80px;"></el-input>
-          </el-form-item>
-        </el-form>
-        <!-- 第三行信息 -->
-        <el-form>
-          <el-form-item label="前道工序" class="customer-item">
-            <el-input v-model="scheduleData.preItemDesc" :readonly="true" style="width: 180px;"></el-input>
-          </el-form-item>
-          <el-form-item label="后道工序" prop="languageDefault" class="customer-item">
-            <el-input v-model="scheduleData.nextItemDesc" :readonly="true" style="width: 180px;"></el-input>
-          </el-form-item>
-          <el-form-item :label="''" style="margin-left: -5px;" class="customer-item">
-            <el-checkbox style="margin-left: 30px; margin-top: 28px;" true-label="true" false-label="false"
-                         v-model="scheduleData.currentRollFlag">仅显示当前卷信息
-            </el-checkbox>
-          </el-form-item>
-        </el-form>
-        <!-- 第四行菜单 -->
-        <fieldset class="customer-fieldset" style="width: 660px;">
-          <legend class="customer-legend">卷操作</legend>
-          <el-form>
-            <el-form-item class="customer-roll-css" style="width: 130px; font-size: 16px; color: #387877;">
-              <el-input v-model="this.currentRollOps.rollNo" :readonly="true" style="width: 140px;"></el-input>
-            </el-form-item>
-            <el-form-item>
-              <el-button class="customer-bun-mid" type="primary" @click="warnCreateNewRollConfirm"
-                         :disabled="buttonTags.createNewRollFlag"
-                         style="margin-left: 5px; margin-bottom: 5px;">创建新卷
+    <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">
+        <!-- 订单信息卡片 -->
+        <div class="info-card-container">
+          <div class="info-card">
+            <div class="card-title">
+              <i class="el-icon-document"></i>
+              <span>订单信息</span>
+            </div>
+            <el-row :gutter="12" class="info-row">
+              <el-col :span="6">
+                <div class="info-item-modern">
+                  <label>订单号</label>
+                  <el-input v-model="scheduleData.orderNo" :readonly="true" size="small"></el-input>
+                </div>
+              </el-col>
+              <el-col :span="6">
+                <div class="info-item-modern">
+                  <label>物料编码</label>
+                  <el-input v-model="scheduleData.partNo" :readonly="true" size="small"></el-input>
+                </div>
+              </el-col>
+              <el-col :span="9">
+                <div class="info-item-modern">
+                  <label>物料名称/规格</label>
+                  <el-input v-model="scheduleData.partDesc" :readonly="true" size="small"></el-input>
+                </div>
+              </el-col>
+              <el-col :span="3">
+                <div class="info-item-modern">
+                  <label>派工单号</label>
+                  <el-input v-model="scheduleData.seqNo" :readonly="true" size="small"></el-input>
+                </div>
+              </el-col>
+            </el-row>
+            <el-row :gutter="12" class="info-row">
+              <el-col :span="6">
+                <div class="info-item-modern">
+                  <label>要求完工日期</label>
+                  <el-input v-model="scheduleData.planFinishTime" :readonly="true" size="small"></el-input>
+                </div>
+              </el-col>
+              <el-col :span="6">
+                <div class="info-item-modern">
+                  <label>要求开工日期</label>
+                  <el-input v-model="scheduleData.planStartTime" :readonly="true" size="small"></el-input>
+                </div>
+              </el-col>
+              <el-col :span="4">
+                <div class="info-item-modern">
+                  <label>派工需求数量</label>
+                  <el-input v-model="scheduleData.qtyRequiredOriginal" :readonly="true" size="small"></el-input>
+                </div>
+              </el-col>
+              <el-col :span="4">
+                <div class="info-item-modern">
+                  <label>排产日期</label>
+                  <el-input v-model="scheduleData.scheduledDate" :readonly="true" size="small"></el-input>
+                </div>
+              </el-col>
+              <el-col :span="4">
+                <div class="info-item-modern">
+                  <label>班次</label>
+                  <el-input v-model="scheduleData.shiftNo" :readonly="true" size="small"></el-input>
+                </div>
+              </el-col>
+            </el-row>
+            <el-row :gutter="12" class="info-row">
+              <el-col :span="8">
+                <div class="info-item-modern">
+                  <label>前道工序</label>
+                  <el-input v-model="scheduleData.preItemDesc" :readonly="true" size="small"></el-input>
+                </div>
+              </el-col>
+              <el-col :span="8">
+                <div class="info-item-modern">
+                  <label>后道工序</label>
+                  <el-input v-model="scheduleData.nextItemDesc" :readonly="true" size="small"></el-input>
+                </div>
+              </el-col>
+              <el-col :span="8">
+                <div class="info-item-modern" style="margin-top: 24px;">
+                  <el-checkbox true-label="true" false-label="false" v-model="scheduleData.currentRollFlag">
+                    仅显示当前卷信息
+                  </el-checkbox>
+                </div>
+              </el-col>
+            </el-row>
+          </div>
+        </div>
+
+        <!-- 卷操作区域 -->
+        <div class="roll-operation-card">
+          <div class="card-title">
+            <i class="el-icon-collection"></i>
+            <span>卷操作</span>
+          </div>
+          <div class="roll-operation-content">
+            <div class="current-roll-display">
+              <label>当前卷号：</label>
+              <el-input v-model="this.currentRollOps.rollNo" :readonly="true" size="small" class="roll-no-input"></el-input>
+            </div>
+            <div class="roll-buttons">
+              <el-button type="primary" size="small" @click="warnCreateNewRollConfirm" :disabled="buttonTags.createNewRollFlag" icon="el-icon-plus">
+                创建新卷
               </el-button>
-            </el-form-item>
-            <el-form-item>
-              <el-button class="customer-bun-mid" type="primary" @click="switchRollModal"
-                         :disabled="buttonTags.switchRollFlag"
-                         style="margin-left: 10px; margin-bottom: 5px;">切换卷
+              <el-button type="primary" size="small" @click="switchRollModal" :disabled="buttonTags.switchRollFlag" icon="el-icon-sort">
+                切换卷
               </el-button>
-            </el-form-item>
-            <el-form-item>
-              <el-button class="customer-bun-mid" type="primary" @click="separateRollModal"
-                         :disabled="buttonTags.separateRollFlag"
-                         style="margin-left: 10px; margin-bottom: 5px;">
+              <el-button type="primary" size="small" @click="separateRollModal" :disabled="buttonTags.separateRollFlag" icon="el-icon-copy-document">
                 创建分卷
               </el-button>
-            </el-form-item>
-            <el-form-item>
-              <el-button class="customer-bun-mid" type="primary" :disabled="buttonTags.finishRollFlag"
-                         @click="finishRollModal" style="margin-left: 10px; margin-bottom: 5px;">
+              <el-button type="success" size="small" :disabled="buttonTags.finishRollFlag" @click="finishRollModal" icon="el-icon-circle-check">
                 结束卷
               </el-button>
-            </el-form-item>
-            <el-form-item>
-              <el-button class="customer-bun-mid" type="primary" :disabled="buttonTags.mergeRollFlag"
-                         @click="mergeRollModal" style="margin-left: 10px; margin-bottom: 5px;">
+              <el-button type="warning" size="small" :disabled="buttonTags.mergeRollFlag" @click="mergeRollModal" icon="el-icon-connection">
                 合并卷
               </el-button>
-            </el-form-item>
-            <el-form-item>
-              <el-button class="customer-bun-mid" type="primary" :disabled="buttonTags.finishScheduleFlag"
-                         @click="showFinishScheduleModal" style="margin-left: 10px; margin-bottom: 5px;">
+              <el-button type="danger" size="small" :disabled="buttonTags.finishScheduleFlag" @click="showFinishScheduleModal" icon="el-icon-finished">
                 结单
               </el-button>
-            </el-form-item>
-          </el-form>
-        </fieldset>
-
-        <!-- 列表展示区域 -->
-        <fieldset class="customer-fieldset" style="margin-bottom: 10px; width: 660px; height: 450px;">
-          <legend class="customer-legend">列表信息</legend>
-          <el-tabs v-model="activeTable" style="margin-top: -3px; width: 655px; height: 425px;"
-                   type="border-card" @tab-click="tabClick" class="customer-tab">
-            <el-tab-pane label="订单信息" name="order_info">
-              <div style="height: 400px; padding: 10px;">
+            </div>
+          </div>
+        </div>
+
+        <!-- 右侧控制面板（绝对定位） -->
+        <div class="control-panel">
+          <div class="top-actions">
+            <el-button type="primary" size="small" @click="refreshData" icon="el-icon-refresh">
+              刷新
+            </el-button>
+            <el-button type="warning" size="small" @click="switchOperatorModal" icon="el-icon-user">
+              切换用户
+            </el-button>
+          </div>
+
+          <!-- 生产调机 -->
+          <div class="control-section">
+            <div class="section-header production-header">
+              <i class="el-icon-setting"></i>
+              <span>生产调机</span>
+            </div>
+            <div class="section-content">
+              <el-button type="primary" size="small" @click="openStartSetupModal" :disabled="buttonTags.startSetupFlag" 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">
+                SOP预览
+              </el-button>
+            </div>
+          </div>
+
+          <!-- 过程控制 -->
+          <div class="control-section">
+            <div class="section-header control-header">
+              <i class="el-icon-truck"></i>
+              <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>
+              <el-button type="primary" size="small" @click="openMaterialLoadModal" :disabled="buttonTags.materialLoadFlag" icon="el-icon-box">
+                材料上机
+              </el-button>
+            </div>
+          </div>
+
+          <!-- 过程不良 -->
+          <div class="control-section">
+            <div class="section-header defect-header">
+              <i class="el-icon-warning"></i>
+              <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>
+            </div>
+          </div>
+
+          <!-- 过程异常 -->
+          <div class="control-section">
+            <div class="section-header exception-header">
+              <i class="el-icon-remove-outline"></i>
+              <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>
+            </div>
+          </div>
+
+          <!-- 质量检验 -->
+          <div class="control-section">
+            <div class="section-header quality-header">
+              <i class="el-icon-data-analysis"></i>
+              <span>质量检验</span>
+            </div>
+            <div class="section-content">
+              <el-button type="primary" size="small" @click="openProcessInspectionModal" :disabled="buttonTags.processInspectionFlag" icon="el-icon-view">
+                过程检验
+              </el-button>
+              <el-button type="info" size="small" @click="openMrbRegisterModal" icon="el-icon-document-add">
+                MRB异常单
+              </el-button>
+            </div>
+          </div>
+
+          <!-- TID绑定 -->
+          <div class="control-section">
+            <div class="section-header" style="background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);">
+              <i class="el-icon-link"></i>
+              <span>TID绑定</span>
+            </div>
+            <div class="section-content">
+              <el-button type="primary" size="small" icon="el-icon-paperclip">
+                TID文件
+              </el-button>
+            </div>
+          </div>
+        </div>
+
+        <!-- 列表信息区域 -->
+        <div class="list-panel-full">
+          <div class="card-title">
+            <i class="el-icon-tickets"></i>
+            <span>列表信息</span>
+          </div>
+          <el-tabs v-model="activeTable" class="modern-tabs" type="border-card" @tab-click="tabClick">
+              <el-tab-pane label="订单信息" name="order_info">
+              <div style="height: 375px; padding: 10px;">
                 <!-- 技术注意事项 -->
                 <div style="margin-bottom: 10px;">
                   <label style="font-weight: bold; margin-bottom: 5px; display: block;">技术注意事项</label>
@@ -142,7 +272,7 @@
             </el-tab-pane>
             <el-tab-pane label="时间记录" name="sfdc_time">
               <el-table
-                height="400"
+                height="375"
                 :data="sfdcTimeList"
                 border
                 v-loading="dataListLoading"
@@ -190,17 +320,16 @@
                   :show-overflow-tooltip="item.showOverflowTooltip"
                   :align="item.align"
                   :fixed="item.fixed==''?false:item.fixed"
-                  :width="item.columnWidth"
+                  :min-width="item.columnWidth"
                   :label="item.columnLabel">
                   <template slot-scope="scope">
                     <span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span>
-                    <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
-                                                       style="width: 100px; height: 80px"/></span>
+                    <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
                   </template>
                 </el-table-column>
               </el-table>
               <el-table
-                height="230"
+                height="205"
                 :data="sfdcToolList"
                 border
                 v-loading="dataListLoading"
@@ -209,7 +338,7 @@
                   fixed="left"
                   header-align="center"
                   align="center"
-                  width="75"
+                  width="175"
                   label="操作">
                   <template slot-scope="scope">
                     <a class="customer-a"
@@ -230,12 +359,11 @@
                   :show-overflow-tooltip="item.showOverflowTooltip"
                   :align="item.align"
                   :fixed="item.fixed==''?false:item.fixed"
-                  :width="item.columnWidth"
+                  :min-width="item.columnWidth"
                   :label="item.columnLabel">
                   <template slot-scope="scope">
                     <span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span>
-                    <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
-                                                       style="width: 100px; height: 80px"/></span>
+                    <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
                   </template>
                 </el-table-column>
               </el-table>
@@ -255,7 +383,7 @@
                   :show-overflow-tooltip="item.showOverflowTooltip"
                   :align="item.align"
                   :fixed="item.fixed==''?false:item.fixed"
-                  :width="item.columnWidth"
+                  :min-width="item.columnWidth"
                   :label="item.columnLabel">
                   <template slot-scope="scope">
                     <span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span>
@@ -264,7 +392,7 @@
                 </el-table-column>
               </el-table>
               <el-table
-                height="230"
+                height="205"
                 :data="sfdcMaterialList"
                 border
                 v-loading="dataListLoading"
@@ -298,7 +426,7 @@
                   :show-overflow-tooltip="item.showOverflowTooltip"
                   :align="item.align"
                   :fixed="item.fixed==''?false:item.fixed"
-                  :width="item.columnWidth"
+                  :min-width="item.columnWidth"
                   :label="item.columnLabel">
                   <template slot-scope="scope">
                     <span v-if="!item.columnHidden && item.columnProp !== 'finishedFlagDesc'"> {{ scope.row[item.columnProp] }}</span>
@@ -315,7 +443,7 @@
             </el-tab-pane>
             <el-tab-pane label="生产卷操作信息" name="sfdc_rollOps">
               <el-table
-                height="400"
+                height="375"
                 :data="sfdcRollOpsList"
                 border
                 v-loading="dataListLoading"
@@ -328,7 +456,7 @@
                   :show-overflow-tooltip="item.showOverflowTooltip"
                   :align="item.align"
                   :fixed="item.fixed==''?false:item.fixed"
-                  :width="item.columnWidth"
+                  :min-width="item.columnWidth"
                   :label="item.columnLabel">
                   <template slot-scope="scope">
                     <span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span>
@@ -341,7 +469,7 @@
             <!-- 不良记录 -->
             <el-tab-pane label="不良记录" name="sfdc_defect">
               <el-table
-                height="400"
+                height="375"
                 :data="sfdcDefectList"
                 border
                 show-summary
@@ -366,7 +494,7 @@
                   :show-overflow-tooltip="item.showOverflowTooltip"
                   :align="item.align"
                   :fixed="item.fixed==''?false:item.fixed"
-                  :width="item.columnWidth"
+                  :min-width="item.columnWidth"
                   :label="item.columnLabel">
                   <template slot-scope="scope">
                     <span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span>
@@ -378,7 +506,7 @@
             </el-tab-pane>
             <el-tab-pane label="机器下机卷" name="sfdc_roll">
               <el-table
-                height="400"
+                height="375"
                 :data="sfdcRollList"
                 border
                 show-summary
@@ -395,7 +523,7 @@
                   :show-overflow-tooltip="item.showOverflowTooltip"
                   :align="item.align"
                   :fixed="item.fixed==''?false:item.fixed"
-                  :width="item.columnWidth"
+                  :min-width="item.columnWidth"
                   :label="item.columnLabel">
                   <template slot-scope="scope">
                     <span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span>
@@ -424,198 +552,8 @@
               </el-table>
             </el-tab-pane>
           </el-tabs>
-        </fieldset>
-
-        <!-- 刷新按钮 -->
-        <div style="margin-left: 680px; margin-top: -640px; width: 200px;">
-          <el-button class="customer-bun-mid controller-bun" type="primary" @click="refreshPageData"
-                     style="margin-left: 20px; margin-bottom: 10px; width: 60px;">
-            刷新
-          </el-button>
-          <el-button class="customer-bun-mid controller-bun" type="primary" @click="switchOperatorModal"
-                     style="margin-left: 28px; margin-bottom: 10px; width: 60px;">
-            切换用户
-          </el-button>
         </div>
 
-        <!-- 生产调机菜单 -->
-        <fieldset class="customer-fieldset"
-                  style="margin-left: 680px; width: 200px; height: 100px;">
-          <legend class="customer-legend">生产调机</legend>
-          <el-form>
-            <el-form-item style="margin-top: 10px;">
-              <el-button class="customer-bun-mid controller-bun" type="primary" @click="startTuningModal"
-                         :disabled="buttonTags.tuningFlag"
-                         style="margin-left: 15px; margin-bottom: 5px;">
-                开始调机
-              </el-button>
-            </el-form-item>
-            <el-form-item>
-              <el-button class="customer-bun-mid controller-bun" type="primary" @click="startProduceModal"
-                         :disabled="buttonTags.produceFlag"
-                         style="margin-left: 20px; margin-bottom: 5px;margin-top: 10px">
-                开始生产
-              </el-button>
-            </el-form-item>
-            <el-form-item>
-              <el-button class="customer-bun-mid" type="primary" @click="sopPreviewModal"
-                         style="margin-left: 15px; margin-bottom: 5px;margin-top: 10px">
-                SOP预览
-              </el-button>
-            </el-form-item>
-          </el-form>
-        </fieldset>
-
-
-        <!-- 扫描 -->
-        <fieldset class="customer-fieldset" style="margin-left: 680px; width: 200px; height: 80px;">
-          <legend class="customer-legend">过程控制</legend>
-          <el-form>
-            <el-form-item style="margin-top: -5px;">
-              <el-button class="customer-bun-mid controller-bun" type="primary" @click="produceToolModal"
-                         disabled="disabled" style="margin-left: 15px; margin-top: 20px;">
-<!--                :disabled="buttonTags.toolFlag"-->
-                刀模上机
-              </el-button>
-            </el-form-item>
-            <el-form-item style="margin-top: -5px;">
-              <el-button class="customer-bun-mid controller-bun" type="primary" @click="produceMaterialModal"
-                         :disabled="buttonTags.materialFlag" style="margin-left: 20px; margin-top: 20px;">
-                材料上机
-              </el-button>
-            </el-form-item>
-          </el-form>
-        </fieldset>
-        <!-- 不良 -->
-        <fieldset class="customer-fieldset" style="margin-left: 680px; width: 200px; height: 80px;">
-          <legend class="customer-legend">过程不良</legend>
-          <el-form style="text-align: center;">
-            <el-form-item style="margin-top: 5px;">
-              <el-button class="customer-bun-mid controller-bun" @click="defectRollModal" type="primary"
-                         :disabled="buttonTags.defectFlag"
-                         style="margin-left: 0px; margin-top: 10px;">
-                报告不良
-
-              </el-button>
-            </el-form-item>
-            <!--            <el-form-item style="margin-top: 5px;">-->
-            <!--              <el-button v-if="showDefault" @click="saveMultiLanguage()" type="primary">多语言设置</el-button>-->
-            <!--            </el-form-item>-->
-          </el-form>
-        </fieldset>
-        <!-- 停机 -->
-        <fieldset class="customer-fieldset"
-                  style="margin-left: 680px; width: 200px; height: 80px;">
-          <legend class="customer-legend">过程异常</legend>
-          <el-form style="text-align: center;">
-            <el-form-item>
-              <el-button class="customer-bunx-max controller-bun" type="primary" @click="produceDownModal"
-                         :disabled="buttonTags.downTimeFlag" style="margin-top: 10px;">
-                异常停机
-              </el-button>
-            </el-form-item>
-          </el-form>
-        </fieldset>
-        <!--其他操作-->
-<!--        <fieldset class="customer-fieldset" style="margin-left: 680px; margin-bottom: 10px; width: 200px; height: 80px;">-->
-<!--          <legend class="customer-legend">其他操作</legend>-->
-<!--          <el-form style="text-align: center;">-->
-
-<!--            <el-form-item style="margin-top: 0px ; margin-left: 5px">-->
-<!--              <el-popover-->
-<!--                placement="right"-->
-<!--                width="150"-->
-<!--                content-->
-<!--                v-model="popoverFlag"-->
-<!--                trigger="click">-->
-<!--                <div style="text-align: right; margin: 0;width: 120px;">-->
-<!--                  <el-button type="primary" v-if="scheduleData.preItemNo <= 0" @click="finishPartRollModal"-->
-<!--                             style=" width: 120px; margin-bottom: 5px; margin-left: 3PX">-->
-<!--                    产量报告-->
-<!--                  </el-button>-->
-<!--                  <el-button type="primary" @click="switchRollReverse"-->
-<!--                             style=" width: 120px; margin-bottom: 5px;margin-left: 3PX; ">-->
-<!--                    删除卷-->
-<!--                  </el-button>-->
-<!--                  <el-button type="primary" @click="notOverFinishRollModal"-->
-<!--                             :disabled="!buttonTags.createNewRollFlag"-->
-<!--                             style=" width: 120px; margin-bottom: 5px;margin-left: 3PX; ">-->
-<!--                    未生产下机拆卷-->
-<!--                  </el-button>-->
-<!--                  <el-button type="primary" @click="produceKeyMaterialModal"-->
-<!--                             :disabled="buttonTags.createNewRollFlag"-->
-<!--                             style=" width: 120px; margin-bottom: 5px;margin-left: 3PX; ">-->
-<!--                    扫描卷-->
-<!--                  </el-button>-->
-<!--                </div>-->
-<!--                <el-button type="primary" class="controller-bun" :disabled="buttonTags.finishScheduleFlag"-->
-<!--                           style=" width: 80px; margin-bottom: 5px; "-->
-<!--                           slot="reference">其他操作-->
-<!--                </el-button>-->
-<!--              </el-popover>-->
-<!--            </el-form-item>-->
-<!--            <el-form-item style="margin-top: 5px ; margin-left: 5px">-->
-<!--              <el-popover-->
-<!--                placement="right"-->
-<!--                width="150"-->
-<!--                content-->
-<!--                v-model="popoverFlag2"-->
-<!--                trigger="click">-->
-<!--                <div style="text-align: right; margin: 0;width: 120px;">-->
-<!--                  <el-button type="primary" :disabled="rollSplitButton " @click="rollSplit()"-->
-<!--                             style=" width: 120px; margin-bottom: 5px; margin-left: 3PX">-->
-<!--                    创建分卷-->
-<!--                  </el-button>-->
-<!--                  <el-button type="primary" @click="malformedMaterialModal"-->
-<!--                             :disabled="malformedMaterialButtonFlag || rollSplitButton || scheduleData.closedFlag=='Y'"-->
-<!--                             style=" width: 120px; margin-bottom: 5px; margin-left: 3PX">-->
-<!--                    扫描材料-->
-<!--                  </el-button>-->
-<!--                </div>-->
-<!--                <el-button type="primary" class="controller-bun" :disabled="buttonTags.materialMalformedFlag"-->
-<!--                           style=" width: 80px; margin-bottom: 5px; "-->
-<!--                           slot="reference">材料异常处理-->
-<!--                </el-button>-->
-<!--              </el-popover>-->
-<!--            </el-form-item>-->
-<!--          </el-form>-->
-<!--        </fieldset>-->
-
-        <!-- 质量检验 -->
-        <fieldset class="customer-fieldset"
-                  style="margin-left: 680px; margin-bottom: 10px; width: 200px; height: 80px;">
-          <legend class="customer-legend">质量检验</legend>
-          <el-form style="text-align: center;">
-            <el-form-item style="margin-top: 10px;">
-              <el-button class="customer-bun-mid" type="primary" @click="openProcessInspectionModal"
-                         :disabled="buttonTags.processInspectionFlag" :style="processInspectionButtonStyle + 'margin-left: 15px; margin-bottom: 5px;'">
-                过程检验
-              </el-button>
-            </el-form-item>
-
-            <el-form-item>
-              <el-button class="controller-bun" type="primary" @click="openMrbRegisterModal"
-                         style="margin-left: 15px; margin-bottom: 5px;margin-top: 10px;">
-                MRB异常单
-              </el-button>
-            </el-form-item>
-
-          </el-form>
-        </fieldset>
-
-        <!-- TID绑定 -->
-        <fieldset class="customer-fieldset"
-                  style="margin-left: 680px; margin-bottom: 10px; width: 200px; height: 80px;">
-          <legend class="customer-legend">TID绑定</legend>
-          <el-form style="text-align: center;">
-            <el-form-item style="margin-top: 10px;">
-              <el-button class="customer-bun-mid" type="primary"
-                         style="margin-left: 15px; margin-bottom: 5px;">
-                TID文件
-              </el-button>
-            </el-form-item>
-          </el-form>
-        </fieldset>
       </el-form>
     </el-dialog>
 
@@ -4916,7 +4854,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-/deep/ .customer-tab .el-tabs__content {
+.customer-tab /deep/ .el-tabs__content {
   padding: 0px !important;
 }
 
@@ -4959,5 +4897,398 @@ export default {
   margin-right: 25px;
 }
 
+/* ==================== 机台工作台对话框现代化样式 ==================== */
+.machine-workbench-dialog /deep/ .el-dialog__header {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  padding: 20px 24px;
+  border-radius: 8px 8px 0 0;
+}
+
+.machine-workbench-dialog /deep/ .el-dialog__title {
+  color: #ffffff;
+  font-size: 18px;
+  font-weight: 600;
+  letter-spacing: 0.5px;
+}
+
+.machine-workbench-dialog /deep/ .el-dialog__headerbtn .el-dialog__close {
+  color: #ffffff;
+  font-size: 20px;
+}
+
+.machine-workbench-dialog /deep/ .el-dialog__body {
+  padding: 16px;
+  background: #f5f7fa;
+}
+
+/* 订单信息卡片 */
+.info-card-container {
+  margin-bottom: 10px;
+  margin-right: 210px; /* 为右侧控制面板留出空间 */
+}
+
+.info-card {
+  background: #ffffff;
+  border-radius: 8px;
+  padding: 12px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  border: 1px solid #e8eaed;
+  transition: all 0.3s ease;
+}
+
+.info-card:hover {
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
+  border-color: #d0d4d9;
+}
+
+.card-title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 12px;
+  padding-bottom: 8px;
+  border-bottom: 2px solid #e8eaed;
+  font-size: 14px;
+  font-weight: 600;
+  color: #303133;
+}
+
+.card-title i {
+  font-size: 18px;
+  margin-right: 8px;
+  color: #667eea;
+}
+
+.info-row {
+  margin-bottom: 8px !important;
+}
+
+.info-row:last-child {
+  margin-bottom: 0 !important;
+}
+
+.info-item-modern {
+  margin-bottom: 0;
+}
+
+.info-item-modern label {
+  display: block;
+  margin-bottom: 6px;
+  font-size: 12px;
+  font-weight: 500;
+  color: #606266;
+}
+
+.info-item-modern /deep/ .el-input--small .el-input__inner {
+  border-radius: 4px;
+  background-color: #f5f7fa;
+  border: 1px solid #e4e7ed;
+  color: #606266;
+}
+
+.info-item-modern /deep/ .el-checkbox {
+  font-weight: 500;
+  color: #606266;
+}
+
+/* 卷操作卡片 */
+.roll-operation-card {
+  background: #ffffff;
+  border-radius: 8px;
+  padding: 12px;
+  margin-bottom: 10px;
+  margin-right: 210px; /* 为右侧控制面板留出空间 */
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  border: 1px solid #e8eaed;
+  transition: all 0.3s ease;
+}
+
+.roll-operation-card:hover {
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
+  border-color: #d0d4d9;
+}
+
+.roll-operation-content {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.current-roll-display {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 150px;
+}
+
+.current-roll-display label {
+  font-size: 13px;
+  font-weight: 600;
+  color: #303133;
+  white-space: nowrap;
+}
+
+.roll-no-input {
+  flex: 1;
+}
+
+.roll-no-input /deep/ .el-input__inner {
+  font-size: 14px;
+  font-weight: 600;
+  color: #667eea;
+  background: #f0f4ff;
+  border: 1px solid #d0deff;
+}
+
+.roll-buttons {
+  display: flex;
+  gap: 6px;
+  flex-wrap: wrap;
+}
+
+.roll-buttons .el-button {
+  padding: 7px 12px;
+  font-size: 12px;
+  border-radius: 4px;
+  font-weight: 500;
+  transition: all 0.3s ease;
+}
+
+.roll-buttons .el-button:hover:not(:disabled) {
+  transform: translateY(-1px);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+}
+
+/* 列表信息全宽面板 */
+.list-panel-full {
+  background: #ffffff;
+  border-radius: 8px;
+  padding: 12px;
+  margin-right: 210px; /* 为右侧控制面板留出空间 */
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  border: 1px solid #e8eaed;
+}
+
+.modern-tabs {
+  border: none;
+  box-shadow: none;
+}
+
+.modern-tabs /deep/ .el-tabs__header {
+  background: #f9fafb;
+  border-bottom: 2px solid #e8eaed;
+  margin: 0;
+}
+
+.modern-tabs /deep/ .el-tabs__item {
+  font-weight: 500;
+  transition: all 0.3s ease;
+}
+
+.modern-tabs /deep/ .el-tabs__item.is-active {
+  color: #667eea;
+  font-weight: 600;
+}
+
+.modern-tabs /deep/ .el-tabs__item:hover {
+  color: #667eea;
+}
+
+/* 表格样式优化 - 恢复原有表头样式 */
+.modern-tabs /deep/ .el-table {
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.modern-tabs /deep/ .el-table__header-wrapper th {
+  background: #f5f7fa;
+  color: #909399;
+  font-weight: 500;
+  font-size: 12px;
+  padding: 8px 0;
+}
+
+.modern-tabs /deep/ .el-table__body-wrapper .el-table__row:hover {
+  background: #f5f7fa;
+}
+
+/* 右侧控制面板 - 绝对定位 */
+.control-panel {
+  position: absolute;
+  top: 10px; /* 从最顶部开始 */
+  right: 15px;
+  width: 190px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  max-height: 755px;
+  overflow-y: auto;
+  padding-right: 4px;
+  z-index: 100;
+}
+
+/* 自定义滚动条 */
+.control-panel::-webkit-scrollbar {
+  width: 6px;
+}
+
+.control-panel::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3px;
+}
+
+.control-panel::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 3px;
+}
+
+.control-panel::-webkit-scrollbar-thumb:hover {
+  background: #a8a8a8;
+}
+
+.top-actions {
+  display: flex;
+  gap: 6px;
+  margin-bottom: 4px;
+}
+
+.top-actions .el-button {
+  flex: 1;
+  padding: 8px 10px;
+  font-size: 12px;
+  border-radius: 4px;
+  font-weight: 500;
+  transition: all 0.3s ease;
+  text-align: center;
+}
+
+.top-actions .el-button:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+}
+
+/* 控制区块 */
+.control-section {
+  background: #ffffff;
+  border-radius: 6px;
+  padding: 8px 10px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
+  border: 1px solid #e8eaed;
+  transition: all 0.3s ease;
+}
+
+.control-section:hover {
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
+  border-color: #d0d4d9;
+}
+
+.section-header {
+  display: flex;
+  align-items: center;
+  padding: 4px 8px;
+  border-radius: 4px;
+  margin-bottom: 8px;
+  font-size: 12px;
+  font-weight: 600;
+  color: #ffffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.section-header i {
+  font-size: 14px;
+  margin-right: 5px;
+}
+
+.production-header {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+}
+
+.control-header {
+  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
+}
+
+.defect-header {
+  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+}
+
+.exception-header {
+  background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
+}
+
+.quality-header {
+  background: linear-gradient(135deg, #30cfd0 0%, #330867 100%);
+}
+
+.section-content {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.section-content .el-button {
+  width: 100%;
+  padding: 8px 10px;
+  font-size: 12px;
+  border-radius: 4px;
+  font-weight: 500;
+  transition: all 0.3s ease;
+  text-align: left;
+  display: flex;
+  align-items: center;
+}
+
+.section-content .el-button:hover:not(:disabled) {
+  transform: translateX(3px);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
+}
+
+.section-content .el-button i {
+  margin-right: 5px;
+  font-size: 13px;
+}
+
+/* 操作链接样式 */
+.customer-a {
+  color: #409eff;
+  text-decoration: none;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.3s;
+  padding: 2px 6px;
+  border-radius: 3px;
+  font-size: 12px;
+}
+
+.customer-a:hover {
+  color: #66b1ff;
+  background: #ecf5ff;
+}
+
+.el-button+.el-button {
+  margin-left: 0px;
+}
+
+/* 列表信息区域tabs内容padding调整 */
+.modern-tabs /deep/ .el-tabs__content {
+  padding: 2px !important;
+}
+
+/* 如果上面不生效，尝试更具体的选择器 */
+.list-panel-full /deep/ .el-tabs__content {
+  padding: 2px !important;
+}
+
+.list-panel-full /deep/ .el-tabs--border-card > .el-tabs__content {
+  padding: 2px !important;
+}
+
+/* 使用更高优先级的选择器 */
+.list-panel-full .modern-tabs /deep/ .el-tabs__content {
+  padding: 2px !important;
+}
+
+/* 针对 border-card 类型的 tabs */
+/deep/ .el-tabs--border-card > .el-tabs__content {
+  padding: 2px !important;
+}
 
 </style>