From 01cbb85308119eb073dc651cd422f9aa8e04277a Mon Sep 17 00:00:00 2001
From: fengyuan_yang <1976974459@qq.com>
Date: Thu, 26 Mar 2026 11:35:37 +0800
Subject: [PATCH] =?UTF-8?q?2026-03-26=20=E6=9C=BA=E5=8F=B0=E5=B7=A5?=
 =?UTF-8?q?=E4=BD=9C=E5=8F=B0=E3=80=90=E7=BB=93=E5=8D=95=E3=80=91=E5=AF=B9?=
 =?UTF-8?q?=E8=AF=9D=E6=A1=86=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../yieldReport/com_finish_schedule.vue       | 699 +++++++++++-------
 1 file changed, 445 insertions(+), 254 deletions(-)

diff --git a/src/views/modules/yieldReport/com_finish_schedule.vue b/src/views/modules/yieldReport/com_finish_schedule.vue
index c1de3f2..3f959c1 100644
--- a/src/views/modules/yieldReport/com_finish_schedule.vue
+++ b/src/views/modules/yieldReport/com_finish_schedule.vue
@@ -1,264 +1,239 @@
 <template>
   <div class="customer-css">
     <el-dialog :title="titleCon" v-drag v-bind="$attrs" v-on="$listeners"
-               width="875px" style="height: 770px;" class="customer-dialog">
-      <el-form :inline="true" label-position="top" style="height: 635px;"
-               label-width="80px">
-        <!--  数量统计 班次信息  -->
-        <fieldset class="customer-fieldset" style="margin-top: -10px; width: 260px;">
-          <legend>{{labels.scheduleQty}}</legend>
-          <el-col :span="9" style="margin-left: 35px; margin-top: -8px;">
-            <el-form-item class="customer-item" :label='labels.totalApprovedQty+"(PCS):"' style="margin-top: -10px;">
-              <el-input v-model="pageData.approvedQty" type="number" @blur="checkValidApprovedQty"
-                        style="width: 80px;"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="9" style="margin-top: -8px;">
-            <el-form-item class="customer-item" :label='labels.totalDefectedQty+"(PCS):"' style="margin-top: -10px;">
-              <el-input v-model="pageData.defectedQty" disabled="disabled" style="width: 100px;"></el-input>
-            </el-form-item>
-          </el-col>
-        </fieldset>
-        <fieldset class="customer-fieldset" style="margin-left: 266px; margin-top: -57px; width: 400px;">
-          <legend>{{labels.scheduleShift}}</legend>
-          <el-col :span="8" style="margin-left: 55px; margin-top: -18px;">
-            <el-form-item :label=labels.currentTime>
-              <el-date-picker disabled="disabled" style="width: 145px;"
-                              v-model="pageData.reportedTime"
-                              format="yyyy-MM-dd HH:mm:ss"
-                              value-format="yyyy-MM-dd HH:mm:ss"
-                              placeholder="">
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="5" style="margin-left: 20px; margin-top: -8px;">
-            <el-form-item class="customer-item" :label=labels.scheduledDate>
-              <el-input v-model="pageData.scheduledDate" disabled="disabled" style="width: 80px;"></el-input>
-            </el-form-item>
+               width="1060px" custom-class="machine-workbench-dialog">
+      <div class="dialog-content-container">
+        <!-- 顶部操作栏 -->
+        <div class="top-action-bar">
+          <div class="time-display">
+            <i class="el-icon-time"></i>
+            <span>{{ labels.currentTime }}: </span>
+            <span class="time-value">{{ pageData.reportedTime }}</span>
+          </div>
+          <div class="action-buttons">
+            <button class="action-btn secondary" @click="refreshPageData">
+              <i class="el-icon-refresh"></i> {{ buttons.refreshButton }}
+            </button>
+            <button class="action-btn primary" @click="openRemarkDialog">
+              <i class="el-icon-check"></i> {{ buttons.finishScheduleButton }}
+            </button>
+            <button class="action-btn secondary" @click="closeDialog">
+              <i class="el-icon-close"></i> {{ buttons.closeButton }}
+            </button>
+          </div>
+        </div>
+
+        <el-row :gutter="15">
+          <!-- 左侧：数量统计和班次信息 -->
+          <el-col :span="10">
+            <!-- 数量统计 -->
+            <div class="info-card">
+              <div class="card-title">
+                <i class="el-icon-pie-chart"></i>
+                <span>{{ labels.scheduleQty }}</span>
+              </div>
+              <div class="card-content">
+                <el-row :gutter="10">
+                  <el-col :span="12">
+                    <div class="info-item-modern">
+                      <div class="item-label">{{ labels.totalApprovedQty }}(PCS)</div>
+                      <el-input v-model="pageData.approvedQty" type="number" @blur="checkValidApprovedQty" class="highlight-input"></el-input>
+                    </div>
+                  </el-col>
+                  <el-col :span="12">
+                    <div class="info-item-modern">
+                      <div class="item-label">{{ labels.totalDefectedQty }}(PCS)</div>
+                      <el-input v-model="pageData.defectedQty" disabled class="highlight-input"></el-input>
+                    </div>
+                  </el-col>
+                </el-row>
+              </div>
+            </div>
+
+            <!-- 班次信息 -->
+            <div class="info-card" style="margin-top: 15px;">
+              <div class="card-title">
+                <i class="el-icon-date"></i>
+                <span>{{ labels.scheduleShift }}</span>
+              </div>
+              <div class="card-content">
+                <el-row :gutter="10">
+                  <el-col :span="12">
+                    <div class="info-item-modern">
+                      <div class="item-label">{{ labels.scheduledDate }}</div>
+                      <el-input v-model="pageData.scheduledDate" disabled></el-input>
+                    </div>
+                  </el-col>
+                  <el-col :span="12">
+                    <div class="info-item-modern">
+                      <div class="item-label">{{ labels.shiftNo }}</div>
+                      <el-input v-model="pageData.shiftDesc" disabled></el-input>
+                    </div>
+                  </el-col>
+                </el-row>
+              </div>
+            </div>
           </el-col>
-          <el-col :span="5" style="margin-left: 5px; margin-top: -8px;">
-            <el-form-item class="customer-item" :label=labels.shiftNo>
-              <el-input v-model="pageData.shiftDesc" disabled="disabled" style="width: 80px;"></el-input>
-            </el-form-item>
+
+          <!-- 右侧：生产时间统计 -->
+          <el-col :span="14">
+            <div class="info-card">
+              <div class="card-title">
+                <i class="el-icon-time"></i>
+                <span>{{ labels.prodTitle }}</span>
+              </div>
+              <div class="card-content">
+                <!-- 调机时间 -->
+                <el-row :gutter="10">
+                  <el-col :span="8">
+                    <div class="info-item-modern">
+                      <div class="item-label">{{ labels.totalTuningTime }}(A1)</div>
+                      <el-input v-model="pageData.totalSetupTime" disabled></el-input>
+                    </div>
+                  </el-col>
+                  <el-col :span="8">
+                    <div class="info-item-modern">
+                      <div class="item-label">{{ labels.totalTuningDownTime }}(A2)</div>
+                      <el-input v-model="pageData.totalDowntimeTimeSetup" disabled></el-input>
+                    </div>
+                  </el-col>
+                  <el-col :span="8">
+                    <div class="info-item-modern">
+                      <div class="item-label">{{ labels.totalPureTuningTime }}(A3)</div>
+                      <el-input v-model="pageData.totalPureSetupTime" disabled class="highlight-input"></el-input>
+                    </div>
+                  </el-col>
+                </el-row>
+                <!-- 生产时间 -->
+                <el-row :gutter="10" style="margin-top: 10px;">
+                  <el-col :span="8">
+                    <div class="info-item-modern">
+                      <div class="item-label">{{ labels.totalProdTime }}(B1)</div>
+                      <el-input v-model="pageData.totalProdTime" disabled></el-input>
+                    </div>
+                  </el-col>
+                  <el-col :span="8">
+                    <div class="info-item-modern">
+                      <div class="item-label">{{ labels.totalProdDownTime }}(B2)</div>
+                      <el-input v-model="pageData.totalDowntimeTimeProd" disabled></el-input>
+                    </div>
+                  </el-col>
+                  <el-col :span="8">
+                    <div class="info-item-modern">
+                      <div class="item-label">{{ labels.totalPureProdTime }}(B3)</div>
+                      <el-input v-model="pageData.totalPureProdTime" disabled class="highlight-input"></el-input>
+                    </div>
+                  </el-col>
+                </el-row>
+                <!-- 制造时间 -->
+                <el-row :gutter="10" style="margin-top: 10px;">
+                  <el-col :span="8">
+                    <div class="info-item-modern">
+                      <div class="item-label">{{ labels.totalManufTime }}(C1)</div>
+                      <el-input v-model="pageData.totalManufactureTime" disabled></el-input>
+                    </div>
+                  </el-col>
+                  <el-col :span="8">
+                    <div class="info-item-modern">
+                      <div class="item-label">{{ labels.totalManufDownTime }}(C2)</div>
+                      <el-input v-model="pageData.totalManufactureDowntimeTime" disabled></el-input>
+                    </div>
+                  </el-col>
+                  <el-col :span="8">
+                    <div class="info-item-modern">
+                      <div class="item-label">{{ labels.totalPureManufTime }}(C3)</div>
+                      <el-input v-model="pageData.totalPureManufactureTime" disabled class="highlight-input"></el-input>
+                    </div>
+                  </el-col>
+                </el-row>
+              </div>
+            </div>
           </el-col>
-        </fieldset>
-        <!-- 生产时间的统计信息 -->
-        <fieldset class="customer-fieldset"
-                  style="width: 666px;">
-          <legend>{{labels.prodTitle}}</legend>
-          <!-- 调机时间 -->
-          <el-row style="margin-top: -10px;">
-            <el-col :span="24">
-              <el-form-item :label='labels.totalTuningTime+"(A1):"'>
-                <el-input v-model="pageData.totalSetupTime" disabled="disabled" style="width: 200px;"></el-input>
-              </el-form-item>
-              <el-form-item :label='labels.totalTuningDownTime+"(A2):"'>
-                <el-input v-model="pageData.totalDowntimeTimeSetup" disabled="disabled"
-                          style="width: 200px;"></el-input>
-              </el-form-item>
-              <el-form-item :label='labels.totalPureTuningTime+"(A3 = A1 - A2):"'>
-                <el-input v-model="pageData.totalPureSetupTime" disabled="disabled" style="width: 200px;"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <!-- 生产时间 -->
-          <el-row>
-            <el-col :span="24">
-              <el-form-item :label='labels.totalProdTime+"(B1)"'>
-                <el-input v-model="pageData.totalProdTime" disabled="disabled" style="width: 200px;"></el-input>
-              </el-form-item>
-              <el-form-item :label='labels.totalProdDownTime+"(B2):"'>
-                <el-input v-model="pageData.totalDowntimeTimeProd" disabled="disabled" style="width: 200px;"></el-input>
-              </el-form-item>
-              <el-form-item :label='labels.totalPureProdTime+"(B3 = B1 - B2):"'>
-                <el-input v-model="pageData.totalPureProdTime" disabled="disabled" style="width: 200px;"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <!-- 制造时间 -->
-          <el-row>
-            <el-col :span="24">
-              <el-form-item :label='labels.totalManufTime+"(C1 = A1 + B1):"'>
-                <el-input v-model="pageData.totalManufactureTime" disabled="disabled" style="width: 200px;"></el-input>
-              </el-form-item>
-              <el-form-item :label='labels.totalManufDownTime+"(C2 = A2 + B2):"'>
-                <el-input v-model="pageData.totalManufactureDowntimeTime" disabled="disabled"
-                          style="width: 200px;"></el-input>
-              </el-form-item>
-              <el-form-item :label='labels.totalPureManufTime+"(C3 = A3 + B3):"'>
-                <el-input v-model="pageData.totalPureManufactureTime" disabled="disabled"
-                          style="width: 200px;"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </fieldset>
-        <fieldset class="customer-fieldset" style="margin-left: 675px; margin-top: -209px; width: 180px;">
-          <legend class="customer-legend">{{labels.functionTitle}}</legend>
-          <el-form>
-            <el-row style="margin-top: 18px; height: 55px;">
-              <el-col style="text-align: center">
-                <el-form-item>
-                  <el-button type="primary" @click="openRemarkDialog"
-                             style="margin-left: 10px; margin-bottom: 5px;">
-                    {{ buttons.finishScheduleButton }}
-                  </el-button>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row style="height: 55px;">
-              <el-col style="text-align: center">
-                <el-form-item>
-                  <el-button type="primary" @click="closeDialog"
-                             style="margin-left: 10px; margin-bottom: 5px; width: 75px;">
-                    {{ buttons.closeButton }}
-                  </el-button>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row style="height: 55px;">
-              <el-col style="text-align: center">
-                <el-form-item>
-                  <el-button type="primary" @click="refreshPageData" style="margin-left: 10px; margin-bottom: 5px;">
-                    {{ buttons.refreshButton }}
-                  </el-button>
-                </el-form-item>
-              </el-col>
-<!--              <el-button v-if="showDefault" @click="saveMultiLanguage()" type="primary">多语言设置</el-button>-->
-            </el-row>
-          </el-form>
-        </fieldset>
-        <!--时间记录的数据-->
-        <fieldset class="customer-fieldset" style="width: 846px;">
-          <legend>{{labels.timeList}}</legend>
-          <el-row style="margin-top: -35px; width: 280px;">
-            <el-col :span="6">
-              <el-form-item :label="''" style="margin-left: 15px;">
-                <el-checkbox style="margin-top: 28px;" true-label="N" false-label="Y" disabled="disabled"
-                             v-model="pageData.timeFinishedFlag">{{labels.timeListNoFinish}}
-                </el-checkbox>
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item :label="''" style="margin-left: 65px;">
-                <el-checkbox style="margin-top: 28px;" true-label="true" false-label="N"
-                             v-model="pageData.showNoFinishedTimeFlag">{{labels.timeListShowNoFinish}}
-                </el-checkbox>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-table
-            height="100"
-            :data="sfdcTimeList"
-            border
-            v-loading="dataListLoading"
-            style="width: 846px; margin-top: 20px;">
-            <el-table-column
-              v-for="(item,index) in columnTimeArray" :key="index"
-              :sortable="item.columnSortable"
-              :prop="item.columnProp"
-              :header-align="item.headerAlign"
-              :show-overflow-tooltip="item.showOverflowTooltip"
-              :align="item.align"
-              :fixed="item.fixed==''?false:item.fixed"
-              :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>
-              </template>
-            </el-table-column>
-          </el-table>
-        </fieldset>
-        <!--刀模的使用记录-->
-        <fieldset class="customer-fieldset" style="width: 846px;">
-          <legend>{{labels.toolList}}</legend>
-          <el-row style="margin-top: -35px; width: 280px;">
-            <el-col :span="6">
-              <el-form-item :label="''" style="margin-left: 15px;">
-                <el-checkbox style="margin-top: 28px;" true-label="N" false-label="Y" disabled="disabled"
-                             v-model="pageData.toolFinishedFlag">{{labels.toolListNoFinish}}
-                </el-checkbox>
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item :label="''" style="margin-left: 65px;">
-                <el-checkbox style="margin-top: 28px;" true-label="Y" false-label="N"
-                             v-model="pageData.showNoFinishedToolFlag">{{labels.toolListShowNoFinish}}
-                </el-checkbox>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-table
-            height="100"
-            :data="sfdcToolList"
-            border
-            v-loading="dataListLoading"
-            style="width: 846px; margin-top: 20px;">
-            <el-table-column
-              v-for="(item,index) in columnToolArray" :key="index"
-              :sortable="item.columnSortable"
-              :prop="item.columnProp"
-              :header-align="item.headerAlign"
-              :show-overflow-tooltip="item.showOverflowTooltip"
-              :align="item.align"
-              :fixed="item.fixed==''?false:item.fixed"
-              :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>
-              </template>
-            </el-table-column>
-          </el-table>
-        </fieldset>
-        <!--材料的使用记录-->
-        <fieldset class="customer-fieldset" style="width: 846px;">
-          <legend>{{labels.materialList}}</legend>
-          <el-row style="margin-top: -35px; width: 280px;">
-            <el-col :span="6">
-              <el-form-item :label="''" style="margin-left: 15px;">
-                <el-checkbox style="margin-top: 28px;" true-label="N" false-label="Y" disabled="disabled"
-                             v-model="pageData.materialFinishedFlag">{{labels.materialListNoFinish}}
-                </el-checkbox>
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item :label="''" style="margin-left: 65px;">
-                <el-checkbox style="margin-top: 28px;" true-label="Y" false-label="N"
-                             v-model="pageData.showNoFinishedMaterialFlag">{{labels.materialListShowNoFinish}}
-                </el-checkbox>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-table
-            height="100"
-            :data="sfdcMaterialList"
-            border
-            v-loading="dataListLoading"
-            style="width: 846px; margin-top: 20px;">
-            <el-table-column
-              v-for="(item,index) in columnMaterialArray" :key="index"
-              :sortable="item.columnSortable"
-              :prop="item.columnProp"
-              :header-align="item.headerAlign"
-              :show-overflow-tooltip="item.showOverflowTooltip"
-              :align="item.align"
-              :fixed="item.fixed==''?false:item.fixed"
-              :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>
-              </template>
-            </el-table-column>
-          </el-table>
-        </fieldset>
-      </el-form>
+        </el-row>
 
+        <!-- 列表部分 -->
+        <el-row style="margin-top: 15px;">
+          <el-col :span="24">
+            <!-- 时间记录 -->
+            <div class="info-card">
+              <div class="card-title">
+                <i class="el-icon-timer"></i>
+                <span>{{ labels.timeList }}</span>
+                <div style="margin-left: auto; display: flex; gap: 15px;">
+                  <el-checkbox true-label="N" false-label="Y" disabled v-model="pageData.timeFinishedFlag">{{ labels.timeListNoFinish }}</el-checkbox>
+                  <el-checkbox true-label="true" false-label="N" v-model="pageData.showNoFinishedTimeFlag">{{ labels.timeListShowNoFinish }}</el-checkbox>
+                </div>
+              </div>
+              <div class="card-content">
+                <el-table height="200" :data="sfdcTimeList" border v-loading="dataListLoading" style="width: 100%;">
+                  <el-table-column v-for="(item,index) in columnTimeArray" :key="index"
+                                   :sortable="item.columnSortable" :prop="item.columnProp"
+                                   :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip"
+                                   :align="item.align" :fixed="item.fixed==''?false:item.fixed"
+                                   :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>
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </div>
+            </div>
 
+            <!-- 刀模记录 -->
+            <div class="info-card" style="margin-top: 15px;">
+              <div class="card-title">
+                <i class="el-icon-scissors"></i>
+                <span>{{ labels.toolList }}</span>
+                <div style="margin-left: auto; display: flex; gap: 15px;">
+                  <el-checkbox true-label="N" false-label="Y" disabled v-model="pageData.toolFinishedFlag">{{ labels.toolListNoFinish }}</el-checkbox>
+                  <el-checkbox true-label="Y" false-label="N" v-model="pageData.showNoFinishedToolFlag">{{ labels.toolListShowNoFinish }}</el-checkbox>
+                </div>
+              </div>
+              <div class="card-content">
+                <el-table height="200" :data="sfdcToolList" border v-loading="dataListLoading" style="width: 100%;">
+                  <el-table-column v-for="(item,index) in columnToolArray" :key="index"
+                                   :sortable="item.columnSortable" :prop="item.columnProp"
+                                   :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip"
+                                   :align="item.align" :fixed="item.fixed==''?false:item.fixed"
+                                   :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>
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </div>
+            </div>
+
+            <!-- 材料记录 -->
+            <div class="info-card" style="margin-top: 15px;">
+              <div class="card-title">
+                <i class="el-icon-box"></i>
+                <span>{{ labels.materialList }}</span>
+                <div style="margin-left: auto; display: flex; gap: 15px;">
+                  <el-checkbox true-label="N" false-label="Y" disabled v-model="pageData.materialFinishedFlag">{{ labels.materialListNoFinish }}</el-checkbox>
+                  <el-checkbox true-label="Y" false-label="N" v-model="pageData.showNoFinishedMaterialFlag">{{ labels.materialListShowNoFinish }}</el-checkbox>
+                </div>
+              </div>
+              <div class="card-content">
+                <el-table height="200" :data="sfdcMaterialList" border v-loading="dataListLoading" style="width: 100%;">
+                  <el-table-column v-for="(item,index) in columnMaterialArray" :key="index"
+                                   :sortable="item.columnSortable" :prop="item.columnProp"
+                                   :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip"
+                                   :align="item.align" :fixed="item.fixed==''?false:item.fixed"
+                                   :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>
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
     </el-dialog>
 
     <!-- 备注对话框 -->
@@ -1655,6 +1630,222 @@
 </script>
 
 <style scoped lang="scss">
+/* ==================== 机台工作台对话框现代化样式 ==================== */
+.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: white;
+  font-weight: 600;
+  font-size: 18px;
+  letter-spacing: 1px;
+}
+.machine-workbench-dialog /deep/ .el-dialog__headerbtn .el-dialog__close {
+  color: rgba(255, 255, 255, 0.8);
+  font-size: 18px;
+  transition: all 0.3s;
+}
+.machine-workbench-dialog /deep/ .el-dialog__headerbtn:hover .el-dialog__close {
+  color: white;
+  transform: rotate(90deg);
+}
+.machine-workbench-dialog /deep/ .el-dialog__body {
+  padding: 0;
+  background-color: #f4f6f9;
+}
+
+.dialog-content-container {
+  height: 750px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 20px;
+}
+
+/* 顶部操作栏 */
+.top-action-bar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: white;
+  padding: 12px 20px;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+  margin-bottom: 15px;
+  border: 1px solid #e8eaed;
+}
+
+.time-display {
+  display: flex;
+  align-items: center;
+  color: #606266;
+  font-size: 14px;
+  i {
+    font-size: 18px;
+    color: #667eea;
+    margin-right: 8px;
+  }
+  .time-value {
+    font-weight: 600;
+    color: #303133;
+    margin-left: 5px;
+    font-size: 15px;
+  }
+}
+
+.action-buttons {
+  display: flex;
+  gap: 12px;
+  .action-btn {
+    padding: 8px 16px;
+    border-radius: 6px;
+    font-size: 13px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    border: none;
+    outline: none;
+    i {
+      font-size: 14px;
+    }
+
+    &.primary {
+      background: linear-gradient(135deg, #17B3A3 0%, #13998b 100%);
+      color: white;
+      box-shadow: 0 2px 6px rgba(23, 179, 163, 0.3);
+      &:hover {
+        transform: translateY(-1px);
+        box-shadow: 0 4px 10px rgba(23, 179, 163, 0.4);
+      }
+      &:active {
+        transform: translateY(0);
+      }
+    }
+
+    &.secondary {
+      background: white;
+      color: #606266;
+      border: 1px solid #dcdfe6;
+      &:hover {
+        color: #17B3A3;
+        border-color: #17B3A3;
+        background: #f0f9f8;
+      }
+    }
+  }
+}
+
+/* 订单信息卡片 */
+.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;
+
+  &:hover {
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
+  }
+
+  .card-title {
+    display: flex;
+    align-items: center;
+    font-size: 15px;
+    font-weight: 600;
+    color: #303133;
+    margin-bottom: 12px;
+    padding-bottom: 10px;
+    border-bottom: 1px solid #f0f2f5;
+
+    i {
+      color: #667eea;
+      font-size: 18px;
+      margin-right: 8px;
+    }
+  }
+
+  .card-content {
+    padding: 0 5px;
+  }
+}
+
+/* 现代表单项样式 */
+.info-item-modern {
+  margin-bottom: 10px;
+
+  .item-label {
+    font-size: 12px;
+    color: #909399;
+    margin-bottom: 4px;
+    font-weight: 500;
+  }
+
+  /deep/ .el-input__inner {
+    border-radius: 4px;
+    border: 1px solid #dcdfe6;
+    height: 32px;
+    line-height: 32px;
+    font-size: 13px;
+    color: #303133;
+    background-color: #f8f9fa;
+    transition: all 0.3s;
+
+    &:focus {
+      border-color: #667eea;
+      background-color: #fff;
+      box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);
+    }
+  }
+
+  /deep/ .el-input.is-disabled .el-input__inner {
+    background-color: #f5f7fa;
+    border-color: #e4e7ed;
+    color: #606266;
+    cursor: not-allowed;
+  }
+}
+
+/* 突出显示的输入框 */
+.highlight-input /deep/ .el-input__inner {
+  color: #f56c6c !important;
+  font-weight: 600;
+  background-color: #fef0f0 !important;
+  border-color: #fbc4c4 !important;
+}
+
+/* 表格样式优化 */
+.info-card /deep/ .el-table {
+  border-radius: 6px;
+  overflow: hidden;
+
+  th {
+    background-color: #f5f7fa !important;
+    color: #606266;
+    font-weight: 600;
+  }
+
+  td {
+    padding: 6px 0;
+  }
+}
+
+/* 自定义滚动条 */
+.dialog-content-container::-webkit-scrollbar {
+  width: 6px;
+}
+.dialog-content-container::-webkit-scrollbar-thumb {
+  background: #c0c4cc;
+  border-radius: 3px;
+}
+.dialog-content-container::-webkit-scrollbar-track {
+  background: #f4f6f9;
+}
+
   /* 因为放不下  调整下上边距*/
   .customer-css /deep/ .el-dialog {
     top: 5vh !important;