first

src/view/performance/WorkScoreReporting/gongfenbaogong.vue

@@ -1,3340 +1,3341 @@
-<template>
-  <div>
-    <layout>
-      <layout-content >
-        <div class="gva-table-box">
-            <div style="display: flex; align-items: baseline; margin-bottom: 10px;">
-                <h1 style="margin: 0; margin-bottom: 10px;">{{_code}}工分报工</h1>
-            </div>
-              <div class="gongfen-toolbar-row">
-                <el-input
-                  v-model="add_searchInfo"
-                  placeholder="请扫描订单二维码"
-                  @keyup.enter="add_onSubmit"
-                  id="searchInput"
-                  class="gongfen-order-search-input"
-                  :disabled="workScoreDialogVisible"/>
-                <el-button type="primary" icon="search" class="gongfen-search-btn" :disabled="workScoreDialogVisible" @click="add_onSubmit">查询</el-button>
-                <span class="gongfen-toolbar-label">机台号</span>
-                <el-input v-model="add_formData['机台号']" readonly class="gongfen-toolbar-field" />
-                <span class="gongfen-toolbar-label">工序</span>
-                <el-input v-model="add_formData['工序']" readonly class="gongfen-toolbar-field" />
-                <span class="gongfen-toolbar-label">组别</span>
-                <el-input v-model="add_formData['组别']" readonly class="gongfen-toolbar-field" />
-              </div>
-              
-              <!-- 订单信息显示区域 -->
-              <div style="margin-top: 20px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: flex-start;">
-                <div style="flex: 1;">
-                  <el-table :data="orderInfoList" style="width: 100%">
-                    <el-table-column prop="订单编号" label="订单编号" width="110" />
-                    <el-table-column prop="生产款号" label="生产款号" width="300" />
-                    <el-table-column prop="款式" label="款式" width="220" />
-                    <el-table-column prop="订单数量" label="订单数量" width="110" />
-
-                  </el-table>
-                </div>
-                <div class="gongfen-order-actions">
-                  <el-button type="success" icon="document" class="gongfen-work-score-btn" :disabled="!currentOrderNo" :loading="loadingProcess && !workScoreDialogVisible" @click="openWorkScoreDialog">工分报工</el-button>
-                </div>
-              </div>
-            
-              <div class="gongfen-report-tabs">
-                <!-- 表格数据 -->
-                  <el-tabs v-model="activeName" @tab-click="onGongfenTabClick">
-                      <el-tab-pane label="当天报工记录" name="first">
-                        <el-table
-                          ref="gongfenHistoryTableRef"
-                          class="gongfen-history-table"
-                          style="width: 100%; height: 52vh"
-                          tooltip-effect="dark"
-                          :row-style="{ height: '38px' }"
-                          :header-cell-style="gongfenHistoryHeaderCellStyle"
-                          :cell-style="gongfenHistoryCellStyle"
-                          :footer-cell-style="gongfenHistoryFooterCellStyle"
-                          :header-row-style="{ height: '34px' }"
-                          :data="filteredGongfenHistoryData"
-                          border
-                          row-key="ID"
-                          size="small"
-                          show-summary
-                          scrollbar-always-on
-                          :summary-method="getGongfenHistorySummaries"
-                          highlight-current-row
-                          show-overflow-tooltip
-                          @row-click="tableRowClick"
-                        >
-                        <el-table-column align="center" label="小组" prop="sys_id" :width="90" show-overflow-tooltip />
-                        <el-table-column align="center" label="订单编号" prop="work_order" :width="100" />
-                        <el-table-column align="center" label="工序号" prop="process_code" :width="90" />
-                                  <el-table-column align="left" label="工序名称" prop="process_name" min-width="200" show-overflow-tooltip />
-                                  <el-table-column align="center" label="员工姓名" prop="staff_name" :width="120">
-                                    <template #header>
-                                      <div class="gongfen-col-header">
-                                        <span>员工姓名</span>
-                                        <el-popover trigger="click" placement="bottom-start" :width="180" :teleported="true" :z-index="10050" append-to-body popper-class="gy-detail-filter-popper">
-                                          <template #reference>
-                                            <span class="gy-detail-filter-btn" :class="{ 'is-active': isStaffNameFilterActive }" @click.stop>
-                                              <svg viewBox="0 0 1024 1024" width="14" height="14" aria-hidden="true"><path fill="currentColor" d="M880.1 154H143.9c-24.5 0-39.9 26.7-27.6 48L349 597.4V838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V597.4L907.7 202c12.2-21.3-3.1-48-27.6-48z"/></svg>
-                                            </span>
-                                          </template>
-                                          <div class="gy-detail-filter-panel">
-                                            <div class="gy-detail-filter-options">
-                                              <el-checkbox-group v-model="staffNameFilter">
-                                                <el-checkbox v-for="item in staffNameFilterOptions" :key="item.value" :label="item.value">{{ item.text }}</el-checkbox>
-                                              </el-checkbox-group>
-                                            </div>
-                                            <div class="gy-detail-filter-actions">
-                                              <span class="gy-detail-filter-link" @click.stop="clearStaffNameFilter">取消全选</span>
-                                              <span class="gy-detail-filter-link" @click.stop="selectAllStaffNameFilter">全选</span>
-                                            </div>
-                                          </div>
-                                        </el-popover>
-                                      </div>
-                                    </template>
-                                  </el-table-column>
-                                  <el-table-column align="center" label="数量" prop="number" :width="90" />
-                                  <el-table-column align="center" label="报工时间" prop="sys_rq" :width="180" show-overflow-tooltip />
-                                  <el-table-column align="center" label="操作" :width="160" fixed="right">
-                                    <template #default="scope">
-                                      <el-button type="primary" size="small" @click.stop="openEditReportingQty(scope.row)">修改</el-button>
-                                      <el-button type="danger" size="small" @click.stop="deleteReportingWork(scope.row)">删除</el-button>
-                                    </template>
-                                  </el-table-column>
-                        </el-table>
-                      </el-tab-pane>
-
-                    <el-tab-pane label="工序产量核查" name="processProduction" lazy>
-                      <ProcessProduction
-                        ref="processProductionRef"
-                        :key="`${currentOrderNo || 'empty'}-${processProductionRefreshKey}`"
-                        :initial-workorder="currentOrderNo"
-                        :initial-process="add_formData['工序']"
-                        :initial-sys-id="add_formData['组别']"
-                        embedded-in-tab
-                        hide-amount-columns
-                      />
-                    </el-tab-pane>
-
-                    <el-tab-pane label="订单资料附件" name="third">
-                      <el-table ref="multipleTable"
-                                :row-style="{ height: '30px' }"
-                                :cell-style="{ padding: '0px' }" :header-row-style="{ height: '30px' }"
-                                :header-cell-style="{ padding: '0px' }"
-                                :show-overflow-tooltip="true"
-                                :cell-class-name="planUsageCellClass"
-                                highlight-current-row="true"
-                                @row-dblclick="gdbomupdateCompanyFunc"
-                                style="width: 100%;height: 36vh" border tooltip-effect="dark" :data="ddtableData" row-key="ID"
-                                 @selection-change="fjSelectionChange">
-                       <el-table-column align="left" label="关联编号" prop="关联编号"  width="115"/>
-                       <el-table-column align="left" label="备注" 	prop="附件备注"  width="110"/>
-                       <el-table-column align="left" label="文件类型" prop="附件类型"  width="100"/>
-                       <el-table-column align="left" label="建档时间" prop="sys_rq"  width="160"/>
-                       <el-table-column align="left" label="建档用户" prop="sys_id"  width="200"/>
-                                     <el-table-column align="left" label="操作"width="100"fixed="right">
-                                       <template #default="scope">
-                                         <el-button type="success" size="small" :data="ddtableData" @click="showPdf(scope.row)" >PDF预览</el-button>
-                                       </template>
-                                     </el-table-column>
-                      </el-table>
-                    </el-tab-pane>
-
-
-                    <el-tab-pane label="技术附件" name="fourth">
-                        <el-table ref="multipleTable"
-                                          :row-style="{ height: '30px' }"
-                                          :cell-style="{ padding: '0px' }" :header-row-style="{ height: '30px' }"
-                                          :header-cell-style="{ padding: '0px' }"
-                                          :show-overflow-tooltip="true"
-                                          :cell-class-name="planUsageCellClass"
-                                          highlight-current-row="true"
-                                          @row-dblclick="ExcelShow"
-                                          style="width: 100%;height: 36vh" border tooltip-effect="dark" :data="jstableData" row-key="ID"
-                                          @selection-change="fjSelectionChange">
-                                      <el-table-column align="left" label="关联编号" prop="关联编号"  width="115"/>
-                                      <el-table-column align="left" label="备注" 	prop="附件备注"  width="110"/>
-                                      <el-table-column align="left" label="文件类型" prop="附件类型"  width="100"/>
-                                      <el-table-column align="left" label="建档时间" prop="sys_rq"  width="160"/>
-                                      <el-table-column align="left" label="建档用户" prop="sys_id"  width="200"/>
-                                      <el-table-column align="left" label="操作"width="100"fixed="right">
-                                        <template #default="scope">
-                                          <el-button type="success" size="small" :data="ddtableData" @click="showPdf(scope.row)" >PDF预览</el-button>
-                                        </template>
-                                      </el-table-column>
-                        </el-table>
-                      </el-tab-pane>
-                    </el-tabs>
-
-                    </div>
-            </div>
-            
-                <!-- 是否订单尾包确认弹窗 -->
-                <el-dialog v-model="DialogVisible" title="是否订单尾包" destroy-on-close width="30%" style="top: 20%;">
-                    <h3>请再次确认是否该订单产品已全部报工，该批为订单尾包？</h3>
-                    <div class="dialog-footer" style="text-align: right;">
-                        <el-button @click="confirmDialogVisible">取消</el-button>
-                        <el-button type="primary" @click="handleConfirm">确认</el-button>
-                    </div>
-                </el-dialog>
-                
-                <!-- 工分报工对话框 -->
-                <el-dialog
-                  v-model="workScoreDialogVisible"
-                  class="work-score-dialog"
-                  width="100vw"
-                  height="100vh"
-                  :show-close="false"
-                  :modal="false"
-                  :close-on-click-modal="false"
-                  style="padding: 0; margin: 0; overflow: hidden; background: white;"
-                >
-                  <div class="work-score-dialog-inner">
-                    <!-- 订单信息 + 关闭 -->
-                    <div class="work-score-order-header">
-                      <div v-if="orderInfoList.length > 0" class="work-score-order-bar">
-                        <p><strong>组别:</strong> {{ add_formData['组别'] }}</p>
-                        <p><strong>订单编号:</strong> {{ orderInfoList[0]['订单编号'] }}</p>
-                        <p><strong>生产款号:</strong> {{ orderInfoList[0]['生产款号'] }}</p>
-                        <p><strong>款式:</strong> {{ orderInfoList[0]['款式'] }}</p>
-                        <p><strong>订单数量:</strong> {{ orderInfoList[0]['订单数量'] }}</p>
-                      </div>
-                      <el-button type="danger" class="work-score-close-btn" @click="workScoreDialogVisible = false">关闭</el-button>
-                    </div>
-                    
-                    <!-- 下方：左右分栏 -->
-                    <div class="work-score-main-body">
-                      <!-- 左侧：部件列表（所有工序统一） -->
-                      <div v-if="processParts.length > 0" class="work-score-sidebar">
-                        <div class="work-score-content-header">
-                          <h3 class="work-score-section-title">部件</h3>
-                        </div>
-                        <div class="part-list work-score-part-list">
-                          <div
-                            v-for="(part, index) in processParts"
-                            :key="part['部件编号']"
-                            class="part-item"
-                            :class="{ selected: selectedPartIndex === index }"
-                            @click="selectPart(index)"
-                          >
-                            <div class="part-info">
-                              <div class="part-name">{{ part['部件编号'] }}-{{ part['部件名称'] }}</div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-
-                      <!-- 右侧：上报人员 + 工艺列表 -->
-                      <div class="work-score-right-panel">
-                        <!-- 上报人员选择 -->
-                        <div class="work-score-employee-section">
-                          <div class="work-score-content-header work-score-step-header">
-                            <p class="work-score-step-text">第一步：请先选择<strong>人员</strong></p>
-                          </div>
-                          <div class="employee-grid work-score-employee-grid">
-                            <div 
-                              v-for="employee in employees" 
-                              :key="employee['员工编号']"
-                              class="employee-card"
-                              :class="{ selected: selectedEmployee === employee['员工编号'] }"
-                              @click="selectEmployee(employee)"
-                              draggable="true"
-                              @dragstart="onDragStart($event, employee)"
-                            >
-                              <div class="employee-avatar" :style="{ backgroundColor: getAvatarColor(employee['员工编号']) }">
-                                {{ employee['员工姓名'].charAt(0) }}
-                              </div>
-                              <div class="employee-name">{{ employee['员工姓名'] }}</div>
-                              <div class="employee-id">{{ employee['员工编号'] }}</div>
-                            </div>
-                          </div>
-                        </div>
-                        
-                        <!-- 工艺列表 -->
-                        <div class="work-score-process-area">
-                          <div v-if="selectedPartIndex !== -1 && partProcesses[selectedPartIndex] && partProcesses[selectedPartIndex].length > 0" class="work-score-process-block">
-                            <div class="work-score-process-toolbar work-score-process-toolbar--simple">
-                              <div class="work-score-toolbar-guide">
-                                <div class="work-score-quick-row work-score-step-row">
-                                  <span class="work-score-step-text">第二步：找到工序名称，填<strong>完工数量</strong></span>
-                                  <!-- <el-input
-                                    v-model.number="batchQuantity"
-                                    type="number"
-                                    :placeholder="selectedEmployee ? '如 20' : '先选人'"
-                                    class="work-score-batch-qty-input"
-                                    :disabled="!selectedEmployee"
-                                  /> -->
-                                  <el-button type="primary" class="work-score-submit-btn" @click="submitWorkScore">提交报工</el-button>
-                                </div>
-                            
-                              </div>
-                            </div>
-                            
-                            <div ref="processTableWrapRef" class="work-score-process-table-wrap">
-                              <el-table
-                                ref="processTableRef"
-                                :data="partProcesses[selectedPartIndex]"
-                                :height="processTableHeight"
-                                scrollbar-always-on
-                                highlight-current-row
-                                :row-class-name="processTableRowClassName"
-                                class="work-score-process-table"
-                                style="width: 100%;"
-                                @row-click="onProcessTableRowClick"
-                              >
-                                <el-table-column prop="工艺编号" label="工序号" width="72" align="center" />
-                                <el-table-column prop="工艺名称" label="工序名称" min-width="240" />
-                                <el-table-column prop="本组完成数" label="本组完成数" min-width="88" align="center" />
-                                <el-table-column prop="累计完成数" label="累计完成数" min-width="70" align="center" />
-                                <el-table-column prop="未完成数" label="未完成数" min-width="60" align="center" />
-                                <el-table-column label="完工人员" width="120">
-                                  <template #default="scope">
-                                    <div v-if="getReportingData(selectedPartIndex, scope.$index).staffList">
-                                      <div v-for="(staff, staffIndex) in getReportingData(selectedPartIndex, scope.$index).staffList" :key="staffIndex" class="work-score-staff-row">
-                                        <el-input 
-                                          v-model="staff.staff_name" 
-                                          class="work-score-staff-input"
-                                          readonly
-                                          :disabled="isReportingFillDisabled(selectedPartIndex, scope.$index, staffIndex)"
-                                          @focus="highlightProcessRow(scope.row)"
-                                          @click="fillSelectedEmployee(staff, selectedPartIndex, scope.$index, staffIndex); highlightProcessRow(scope.row)"
-                                          @drop="onDrop($event, selectedPartIndex, scope.$index, staffIndex)"
-                                          @dragover="onDragOver($event)"
-                                        />
-                                      </div>
-                                    </div>
-                                    <el-input 
-                                      v-else 
-                                      v-model="getReportingData(selectedPartIndex, scope.$index).staff_name" 
-                                      class="work-score-staff-input"
-                                      readonly
-                                      :disabled="isReportingFillDisabled(selectedPartIndex, scope.$index)"
-                                      @focus="highlightProcessRow(scope.row)"
-                                      @click="fillSelectedEmployee(getReportingData(selectedPartIndex, scope.$index), selectedPartIndex, scope.$index); highlightProcessRow(scope.row)"
-                                      @drop="onDrop($event, selectedPartIndex, scope.$index)"
-                                      @dragover="onDragOver($event)"
-                                    />
-                                  </template>
-                                </el-table-column>
-                                <el-table-column label="完工数量" width="110">
-                                  <template #default="scope">
-                                    <div v-if="getReportingData(selectedPartIndex, scope.$index).staffList">
-                                      <div v-for="(staff, staffIndex) in getReportingData(selectedPartIndex, scope.$index).staffList" :key="staffIndex" class="work-score-staff-row">
-                                        <el-input 
-                                          :model-value="staff.number"
-                                          inputmode="numeric"
-                                          class="work-score-qty-input"
-                                          :class="{ 'work-score-qty-over': isQtyOverUnfinished(selectedPartIndex, scope.$index) }"
-                                          :disabled="isReportingFillDisabled(selectedPartIndex, scope.$index, staffIndex)"
-                                          @focus="highlightProcessRow(scope.row)"
-                                          @click="highlightProcessRow(scope.row)"
-                                          @update:model-value="(v) => onQtyInput(selectedPartIndex, scope.$index, staffIndex, v)"
-                                        />
-                                      </div>
-                                    </div>
-                                    <el-input 
-                                      v-else 
-                                      :model-value="getReportingData(selectedPartIndex, scope.$index).number"
-                                      inputmode="numeric"
-                                      class="work-score-qty-input"
-                                      :class="{ 'work-score-qty-over': isQtyOverUnfinished(selectedPartIndex, scope.$index) }"
-                                      :disabled="isReportingFillDisabled(selectedPartIndex, scope.$index)"
-                                      @focus="highlightProcessRow(scope.row)"
-                                      @click="highlightProcessRow(scope.row)"
-                                      @update:model-value="(v) => onQtyInput(selectedPartIndex, scope.$index, null, v)"
-                                    />
-                                  </template>
-                                </el-table-column>
-                                <el-table-column label="操作" width="110" align="center">
-                                  <template #default="scope">
-                                    <div class="work-score-row-actions">
-                                      <!-- <el-button
-                                        type="primary"
-                                        size="small"
-                                        class="work-score-fill-row-btn"
-                                        :disabled="!selectedEmployee || batchQuantity === '' || batchQuantity == null"
-                                        @click="fillRowPerson(selectedPartIndex, scope.$index)"
-                                      >填入</el-button> -->
-                                      <el-button size="small" plain class="work-score-add-person-btn" @click="addPerson(selectedPartIndex, scope.$index)">加一人</el-button>
-                                    </div>
-                                  </template>
-                                </el-table-column>
-                              </el-table>
-                            </div>
-                          </div>
-                          
-                          <div v-else-if="loadingProcess" class="work-score-process-empty">
-                            <p style="margin-top: 10px;">加载中...</p>
-                          </div>
-                          <div v-else class="work-score-process-empty work-score-process-empty--muted">
-                            <p style="font-size: 24px;">暂无数据</p>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </el-dialog>
-
-                <!-- 工分报工确认弹窗 -->
-                <el-dialog
-                  v-model="workScoreConfirmVisible"
-                  title="确认报工"
-                  width="1040px"
-                  top="8vh"
-                  append-to-body
-                  destroy-on-close
-                  class="work-score-confirm-dialog"
-                  :close-on-click-modal="false"
-                >
-                  <p class="work-score-confirm-tip">请核对以下报工数据，确认无误后再提交</p>
-                  <el-table
-                    :data="workScoreConfirmRows"
-                    border
-                    stripe
-                    height="512"
-                    :span-method="workScoreConfirmSpanMethod"
-                    :cell-class-name="workScoreConfirmCellClass"
-                    class="work-score-confirm-table"
-                    style="width: 100%"
-                  >
-                    <el-table-column label="部件" prop="部件" width="88" align="center" show-overflow-tooltip />
-                    <el-table-column label="工序号" prop="工序编号" width="68" align="center" />
-                    <el-table-column label="工序名称" prop="工序名称" min-width="150" align="left" show-overflow-tooltip />
-                    <el-table-column label="本组完成数" prop="本组完成数" width="96" align="center" />
-                    <el-table-column label="累计完成数" prop="累计完成数" width="96" align="center" />
-                    <el-table-column label="未完成数" prop="未完成数量" width="88" align="center" />
-                    <el-table-column label="完工人员" prop="员工姓名" width="88" align="center" />
-                    <el-table-column label="完工数量" prop="完工数量" width="88" align="center" />
-                    <el-table-column label="超出数量" prop="超出数量" width="88" align="center" />
-                  </el-table>
-                  <template #footer>
-                    <el-button @click="workScoreConfirmVisible = false">返回修改</el-button>
-                    <el-button type="primary" :loading="workScoreSubmitting" @click="confirmSubmitWorkScore">确认报工</el-button>
-                  </template>
-                </el-dialog>
-
-                <!-- 当天报工记录：修改数量 -->
-                <el-dialog
-                  v-model="editReportingQtyVisible"
-                  title="修改数量"
-                  width="420px"
-                  top="32vh"
-                  append-to-body
-                  destroy-on-close
-                  :close-on-click-modal="false"
-                  class="edit-reporting-qty-dialog"
-                  @opened="focusEditReportingQtyInput"
-                >
-                  <el-form label-width="88px">
-                    <el-form-item label="工序号">
-                      <el-input :model-value="editReportingQtyForm.process_code" disabled />
-                    </el-form-item>
-                    <el-form-item label="工序名称">
-                      <el-input :model-value="editReportingQtyForm.process_name" disabled />
-                    </el-form-item>
-                    <el-form-item label="未完成数">
-                      <el-input :model-value="editReportingQtyForm.unfinished" disabled />
-                    </el-form-item>
-                    <el-form-item label="数量" required>
-                      <el-input
-                        ref="editReportingQtyInputRef"
-                        :model-value="editReportingQtyForm.number"
-                        inputmode="numeric"
-                        maxlength="5"
-                        placeholder="请输入修正后的数量"
-                        :class="{ 'edit-reporting-qty-over': isEditReportingQtyOver }"
-                        @update:model-value="(v) => { editReportingQtyForm.number = filterQtyDigits(v) }"
-                        @keyup.enter="submitEditReportingQty"
-                      />
-                    </el-form-item>
-                  </el-form>
-                  <template #footer>
-                    <el-button @click="editReportingQtyVisible = false">取消</el-button>
-                    <el-button type="primary" :loading="editReportingQtyLoading" @click="submitEditReportingQty">确定</el-button>
-                  </template>
-                </el-dialog>
-        </layout-content>
-      </layout>
-    <SubOrderPage ref="SubOrderPageRef" />
-    <!-- 子订单详情页 -->
-    <luckyexcelPage ref="luckyexcelPageRef" />
-    </div>
-  </template>
-<script>
-export default {
-  data() {
-    return {
-        currentTable: '', // 当前展示的表格
-        activeName: 'first',
-        dialogFormVisible: false,
-        formDataTest: {
-        imageUrl: '' // 添加一个字段来保存上传的图片路径
-        },
-        rule: {} // 初始化rule对象
-    };
-  }, 
-  methods: {
-    handleKeyDown(event, prevId, currentId, nextId) {
-      const currentElement = document.getElementById(currentId);
-      const isEmpty = currentElement.value === '';
-      const atStart = currentElement.selectionStart === 0;
-      const atEnd = currentElement.selectionStart === currentElement.value.length;
-      switch (event.keyCode) {
-        case 13: // Enter
-        case 40: // 向下箭头
-          if (nextId) {
-            document.getElementById(nextId).focus();
-          }
-          break;
-        case 38: // 向上箭头
-          if (prevId) {
-            document.getElementById(prevId).focus();
-          }
-          break;
-        case 8: // 删除键
-          if (prevId && (isEmpty || atStart)) {
-            document.getElementById(prevId).focus();
-          }
-          break;
-        case 37: // 向左箭头
-          if (prevId && atStart) {
-            document.getElementById(prevId).focus();
-          }
-          break;
-        case 39: // 向右箭头
-          if (nextId && atEnd) {
-            document.getElementById(nextId).focus();
-          }
-          break;
-        default:
-          break;
-      }
-    },
-  },
-};
-</script>
-<script setup>
-// 全量引入格式化工具 请按需保留
-import $script from 'scriptjs'
-import $ from 'jquery';
-import LuckyExcel from 'luckyexcel';
-import { Layout, LayoutSider, LayoutContent } from '@arco-design/web-vue';
-import {ref, reactive, computed, watch, nextTick, onUnmounted} from 'vue';
-import {getSpotList,getInfo,OrderAttachments,WorkOrderList,DeleteReportingWork,UpdateReportingWork} from '@/api/mes/job';
-import {getMac,getMajorprocessAndPerson,GetOrderProcess,GetCarProcess,ReportingWork,GetReportingWorkRecord} from '@/api/jixiaoguanli/baogong'
-import {getMachineMac} from '@/api/jixiaoguanli/jitairibaobiao'
-import {ElMessage,ElMessageBox} from "element-plus";
-import luckyexcelPage from '@/view/yunyin/shengchanguanli/components/luckyexcel.vue';
-import SubOrderPage from '@/view/yunyin/shengchanguanli/components/SubOrder.vue';
-import ProcessProduction from '@/view/SalaryManage/ProcessProduction.vue';
-import { useUserStore } from '@/pinia/modules/user';
-defineOptions({name: 'Company'})
-const path = `${import.meta.env.VITE_BASE_PATH}:${import.meta.env.VITE_UPLOADS_PORT}`
-console.log(path)
-//定义跳转页面
-const SubOrderPageRef = ref()//子订单详情页
-const printPageRef = ref()//打印预览
-const luckyexcelPageRef = ref()//pdf预览
-//获取登录用户信息
-const userStore = useUserStore()
-const _username = ref('')
-_username.value = userStore.userInfo.userName + '/' + userStore.userInfo.nickName
-console.log('获取用户名称',_username.value)
-//全局获取当前日期
-const today = new Date();
-const year = today.getFullYear();
-const month = String(today.getMonth() + 1).padStart(2, '0'); // 月份从 0 开始，需要补零
-const day = String(today.getDate()).padStart(2, '0');
-const hours = String(today.getHours()).padStart(2, '0');
-const minutes = String(today.getMinutes()).padStart(2, '0');
-const seconds = String(today.getSeconds()).padStart(2, '0');
-const currentDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
-const currentDates = `${year}-${month}-${day}`;
-const add_searchInfo = ref('')
-const gongfenHistoryData = ref([])
-const gongfenHistoryTableRef = ref()
-const staffNameFilter = ref([])
-const currentOrderNo = ref('')
-
-/** 当天报工记录：仅当前查询订单 */
-const orderScopedGongfenHistoryData = computed(() => {
-  const list = gongfenHistoryData.value || []
-  const orderNo = String(currentOrderNo.value || '').trim()
-  if (!orderNo) return []
-  return list.filter((row) => {
-    const rowOrder = String(row.work_order ?? row['订单编号'] ?? '').trim()
-    return rowOrder === orderNo
-  })
-})
-
-const staffNameFilterOptions = computed(() => {
-  const names = [...new Set(
-    (orderScopedGongfenHistoryData.value || [])
-      .map(item => String(item.staff_name || '').trim())
-      .filter(Boolean)
-  )]
-  return names.map(name => ({ text: name, value: name }))
-})
-
-const isStaffNameFilterActive = computed(() => {
-  const allValues = staffNameFilterOptions.value.map(item => item.value)
-  const selected = staffNameFilter.value
-  if (!allValues.length) return false
-  return selected.length < allValues.length
-})
-
-const selectAllStaffNameFilter = () => {
-  staffNameFilter.value = staffNameFilterOptions.value.map(item => item.value)
-}
-
-const clearStaffNameFilter = () => {
-  staffNameFilter.value = []
-}
-
-const syncStaffNameFilterAfterDataChange = () => {
-  const allValues = staffNameFilterOptions.value.map(item => item.value)
-  const selected = staffNameFilter.value
-  if (!selected.length) {
-    staffNameFilter.value = [...allValues]
-    return
-  }
-  const wasAllSelected = allValues.length > 0 && allValues.every(v => selected.includes(v))
-  if (wasAllSelected) {
-    staffNameFilter.value = [...allValues]
-    return
-  }
-  staffNameFilter.value = selected.filter(v => allValues.includes(v))
-}
-
-const filteredGongfenHistoryData = computed(() => {
-  const list = orderScopedGongfenHistoryData.value || []
-  const options = staffNameFilterOptions.value
-  const selected = staffNameFilter.value
-  if (!selected.length) return []
-  if (!options.length || selected.length >= options.length) return list
-  const set = new Set(selected)
-  return list.filter(row => set.has(String(row.staff_name || '').trim()))
-})
-
-watch(
-  () => [gongfenHistoryData.value, currentOrderNo.value],
-  () => {
-    syncStaffNameFilterAfterDataChange()
-  },
-  { deep: true }
-)
-
-const relayoutGongfenHistoryTable = () => {
-  nextTick(() => {
-    gongfenHistoryTableRef.value?.doLayout?.()
-  })
-}
-
-watch(filteredGongfenHistoryData, relayoutGongfenHistoryTable)
-watch(staffNameFilter, relayoutGongfenHistoryTable)
-
-const gongfenHistoryHeaderCellStyle = ({ column }) => ({
-  padding: '6px 0',
-  fontSize: '16px',
-  textAlign: column?.property === 'process_name' ? 'left' : 'center',
-})
-
-const gongfenHistoryCellStyle = ({ column }) => ({
-  padding: '6px 0',
-  fontSize: '16px',
-  textAlign: column.property === 'process_name' ? 'left' : 'center',
-})
-
-const gongfenHistoryFooterCellStyle = ({ column }) => ({
-  padding: '6px 0',
-  fontSize: '16px',
-  fontWeight: '600',
-  background: '#fafafa',
-  textAlign: column?.property === 'process_name' ? 'left' : 'center',
-})
-
-const getGongfenHistorySummaries = ({ columns, data }) => {
-  const sums = []
-  columns.forEach((column, index) => {
-    if (column.property === 'process_code') {
-      sums[index] = '合计'
-      return
-    }
-    if (column.property === 'number') {
-      sums[index] = data.reduce((total, row) => {
-        const val = Number(row.number)
-        return total + (Number.isNaN(val) ? 0 : val)
-      }, 0)
-      return
-    }
-    sums[index] = ''
-  })
-  return sums
-}
-
-//全局获取code，接口接收code
-const _code = ref('裁剪')
-//全局接口接受的物理地址
-const Machine = ref('')
-/** 机台 MAC 映射是否就绪；失败时禁止报工，避免静默落入测试机台 */
-const machineReady = ref(false)
-//全局获取UniqId
-const UniqId = ref('')
-
-// 员工数据
-const employees = ref([])
-const selectedEmployee = ref('')
-
-//物理地址获取机台编号
-const getMachineMacdata = async () => {
-  try {
-    const data = await getMachineMac({ sys_sbID: Machine.value })
-    if (data.data === null) {
-      machineReady.value = false
-      add_formData['机台号'] = ''
-      add_formData['工序'] = ''
-      add_formData['组别'] = ''
-      add_formData['人员'] = ''
-      employees.value = []
-      return
-    }
-    add_formData['机台号'] = data.data['机台号']
-    add_formData['工序'] = data.data['生产工序']
-    add_formData['组别'] = data.data['组别']
-    add_formData['人员'] = data.data['组长']
-    _code.value = data.data['生产工序']
-    machineReady.value = true
-    getEmployeeData(data.data['机台号'])
-    setTimeout(() => {
-      const inputElement = document.getElementById('searchInput')
-      if (inputElement) {
-        inputElement.focus()
-      }
-    }, 100)
-  } catch (error) {
-    console.error(error)
-    machineReady.value = false
-    add_formData['机台号'] = ''
-    add_formData['工序'] = ''
-    add_formData['组别'] = ''
-    add_formData['人员'] = ''
-    employees.value = []
-  }
-}
-
-// 获取员工数据
-const getEmployeeData = async (machineId) => {
-  try {
-    const data = await getMajorprocessAndPerson({ machine: machineId || 'CF01' })
-    if (data.code === 0 && data.data) {
-      employees.value = data.data.person || []
-      // 不默认选中人员，工艺表「报工人员」列为空，由用户点击上方人员或拖入填写
-      selectedEmployee.value = ''
-    }
-  } catch (error) {
-    console.error('获取员工数据失败:', error)
-  }
-}
-
-// 选择员工
-const selectEmployee = (employee) => {
-  selectedEmployee.value = employee.员工编号
-  add_formData['人员'] = employee.员工姓名
-}
-
-const createEmptyReportingItem = () => ({
-  staff_name: '',
-  staff_no: '',
-  number: '',
-})
-
-const extractListFromResponse = (data) => {
-  if (!data) return []
-  if (Array.isArray(data)) return data
-  if (typeof data === 'object') {
-    for (const key of ['list', 'process_list', 'processes', 'rows', 'data']) {
-      if (Array.isArray(data[key])) return data[key]
-    }
-  }
-  return []
-}
-
-const isPartRow = (row) => {
-  if (!row || typeof row !== 'object') return false
-  const hasPart = !!(row['部件编号'] || row.part_code || row['部件名称'] || row.part_name)
-  const hasProcess = !!(row['工艺编号'] || row['工序编号'] || row.process_code || row.gy_code || row['工艺名称'] || row['工序名称'] || row.process_name || row.gy_name)
-  return hasPart && !hasProcess
-}
-
-const getRowMajorProcess = (row) => String(
-  row?.['大工序'] ?? row?.['生产工序'] ?? row?.big_process ?? row?.['大工艺'] ?? ''
-).trim()
-
-const normalizeWorkScoreProcessRow = (row) => {
-  if (!row || typeof row !== 'object') return null
-  if (isPartRow(row)) return null
-
-  const 工艺编号 = row['工艺编号'] ?? row['工序编号'] ?? row.process_code ?? row.gy_code ?? row.gy_sort ?? ''
-  const 工艺名称 = row['工艺名称'] ?? row['工序名称'] ?? row.process_name ?? row.gy_name ?? ''
-  if (!String(工艺编号).trim() && !String(工艺名称).trim()) return null
-
-  return {
-    ...row,
-    工艺编号,
-    工艺名称,
-    本组完成数: row['本组完成数'] ?? row.group_complete ?? row['本组完成'] ?? '',
-    累计完成数: row['累计完成数'] ?? row.total_complete ?? '',
-    未完成数: row['未完成数'] ?? row.unfinished ?? '',
-    标准分钟: row['标准分钟'] ?? row.standard_minutes ?? row['标准工时'] ?? row.standard_hour ?? '',
-    标准工时: row['标准工时'] ?? row.standard_hour ?? row['标准分钟'] ?? row.standard_minutes ?? '',
-    标准工分: row['标准工分'] ?? row.standard_score ?? row['标准公分'] ?? '',
-    金额: row['金额'] ?? row.money ?? '',
-    系数: row['系数'] ?? row.coefficient ?? row.difficulty_coef ?? row['难度系数'] ?? '',
-    大工序: getRowMajorProcess(row),
-  }
-}
-
-const normalizeWorkScoreProcessList = (list) => {
-  return extractListFromResponse(list)
-    .map(normalizeWorkScoreProcessRow)
-    .filter(Boolean)
-}
-
-const resolvePartCode = (part) => String(part?.['部件编号'] ?? part?.part_code ?? '').trim()
-
-const setPartProcessData = (index, processList) => {
-  const nextPartProcesses = partProcesses.value.slice()
-  nextPartProcesses[index] = processList
-  partProcesses.value = nextPartProcesses
-
-  const nextReportingData = reportingData.value.slice()
-  nextReportingData[index] = processList.map(() => createEmptyReportingItem())
-  reportingData.value = nextReportingData
-}
-
-const refreshProcessTableLayout = () => {
-  nextTick(() => {
-    updateProcessTableHeight()
-    attachProcessTableResizeObserver()
-  })
-}
-
-//工分报工对话框
-const workScoreDialogVisible = ref(false);
-const workScoreConfirmVisible = ref(false);
-const workScoreConfirmRows = ref([]);
-const pendingReportData = ref([]);
-const workScoreSubmitting = ref(false);
-const processTableWrapRef = ref(null);
-const processTableRef = ref(null);
-const processTableHeight = ref(320);
-/** 当前点选的工艺行（用于整行粉色 + 输入框同色） */
-const activeProcessRow = ref(null);
-const batchQuantity = ref('');
-let processTableResizeObserver = null;
-
-const updateProcessTableHeight = () => {
-  nextTick(() => {
-    requestAnimationFrame(() => {
-      const height = processTableWrapRef.value?.clientHeight || 0
-      if (height > 120) {
-        const nextHeight = Math.floor(height) - 14
-        if (Math.abs(nextHeight - processTableHeight.value) > 2) {
-          processTableHeight.value = nextHeight
-        }
-      }
-    })
-  })
-}
-
-const attachProcessTableResizeObserver = () => {
-  processTableResizeObserver?.disconnect()
-  const el = processTableWrapRef.value
-  if (!el || typeof ResizeObserver === 'undefined') return
-  processTableResizeObserver = new ResizeObserver(() => {
-    updateProcessTableHeight()
-  })
-  processTableResizeObserver.observe(el)
-}
-
-watch(workScoreDialogVisible, (visible) => {
-  if (visible) {
-    nextTick(() => {
-      updateProcessTableHeight()
-      attachProcessTableResizeObserver()
-    })
-    window.addEventListener('resize', updateProcessTableHeight)
-  } else {
-    window.removeEventListener('resize', updateProcessTableHeight)
-    processTableResizeObserver?.disconnect()
-    processTableResizeObserver = null
-    resetWorkScoreDialogState()
-  }
-})
-
-onUnmounted(() => {
-  window.removeEventListener('resize', updateProcessTableHeight)
-  processTableResizeObserver?.disconnect()
-})
-
-const selectedEmployeeName = computed(() => {
-  const emp = employees.value.find(item => item['员工编号'] === selectedEmployee.value)
-  return emp?.['员工姓名'] || ''
-})
-
-//工艺部件数据
-const processParts = ref([]);
-
-//工艺数据
-const partProcesses = ref([]);
-
-//部件数量
-const partQuantities = ref([]);
-
-//选中的部件索引
-const selectedPartIndex = ref(-1);
-
-//报工数据
-const reportingData = ref([]);
-
-//加载状态
-const loadingProcess = ref(false);
-
-const resetWorkScoreDialogState = () => {
-  selectedEmployee.value = ''
-  batchQuantity.value = ''
-  selectedPartIndex.value = -1
-  processParts.value = []
-  partProcesses.value = []
-  partQuantities.value = []
-  reportingData.value = []
-  loadingProcess.value = false
-  workScoreConfirmVisible.value = false
-  workScoreConfirmRows.value = []
-  pendingReportData.value = []
-  workScoreSubmitting.value = false
-}
-
-watch(selectedPartIndex, () => {
-  if (workScoreDialogVisible.value) {
-    updateProcessTableHeight()
-  }
-})
-
-watch(loadingProcess, (loading) => {
-  if (!loading && workScoreDialogVisible.value) {
-    updateProcessTableHeight()
-  }
-})
-
-const openWorkScoreDialog = async () => {
-  if (!getActiveOrderNo() || orderInfoList.length === 0) {
-    warningres('请先查询订单信息');
-    return;
-  }
-  const machineNo = String(add_formData['机台号'] || '').trim()
-  if (!machineReady.value || !machineNo) {
-    return
-  }
-
-  resetWorkScoreDialogState()
-  const hasData = await loadProcessParts()
-  if (!hasData) return
-
-  workScoreDialogVisible.value = true
-  refreshProcessTableLayout()
-};
-
-const loadOrderAttachments = async (orderNo) => {
-  const seq = ++attachmentQuerySeq
-  try {
-    const jsOrderAttachments = await OrderAttachments({ order: orderNo, desc: '技术附件' })
-    const ddOrderAttachments = await OrderAttachments({ order: orderNo, desc: '订单资料附件' })
-    if (seq !== attachmentQuerySeq) return
-    const jsList = jsOrderAttachments?.data?.list || []
-    const ddList = ddOrderAttachments?.data?.list || []
-    jstableData.splice(0, jstableData.length, ...jsList)
-    ddtableData.splice(0, ddtableData.length, ...ddList)
-  } catch (error) {
-    if (seq !== attachmentQuerySeq) return
-    console.error('获取附件失败:', error)
-    jstableData.length = 0
-    ddtableData.length = 0
-  }
-};
-
-//加载工艺部件数据；有数据返回 true，无数据或失败返回 false（仅提示，不弹窗）
-const loadProcessParts = async () => {
-  loadingProcess.value = true;
-  try {
-    const response = await GetOrderProcess({
-      workorder: getActiveOrderNo(),
-      majorprocess: add_formData['工序']
-    });
-
-    if (response.code === 0) {
-      const parts = extractListFromResponse(response.data)
-      if (!parts.length) {
-        warningres('技术部未上传工序明细资料数据')
-        return false
-      }
-      processParts.value = parts
-      partQuantities.value = new Array(parts.length).fill('')
-      partProcesses.value = Array.from({ length: parts.length }, () => [])
-      reportingData.value = Array.from({ length: parts.length }, () => [])
-      await selectPart(0)
-      return true
-    }
-    warningres('获取工艺部件失败')
-    return false
-  } catch (error) {
-    console.error('获取工艺部件失败:', error);
-    warningres('网络错误，请稍后重试');
-    return false
-  } finally {
-    loadingProcess.value = false;
-  }
-};
-
-//加载部件工艺数据
-const loadPartProcesses = async (index, partCode) => {
-  const code = String(partCode || '').trim()
-  if (!code) {
-    setPartProcessData(index, [])
-    return
-  }
-  try {
-    const carParams = {
-      workorder: getActiveOrderNo(),
-      part_code: code,
-      majorprocess: add_formData['工序'],
-    }
-    // 本组完成数由后端在 GetCarProcess 中按组别返回
-    const sysId = String(add_formData['组别'] || '').trim()
-    if (sysId) carParams.sys_id = sysId
-
-    const response = await GetCarProcess(carParams)
-    
-    if (response.code === 0 && response.data) {
-      const processList = normalizeWorkScoreProcessList(response.data)
-      setPartProcessData(index, processList)
-    } else {
-      setPartProcessData(index, [])
-    }
-  } catch (error) {
-    console.error('获取部件工艺失败:', error);
-    setPartProcessData(index, [])
-  } finally {
-    if (index === selectedPartIndex.value) {
-      refreshProcessTableLayout()
-    }
-  }
-};
-
-//获取报工数据
-const getReportingData = (partIndex, processIndex) => {
-  if (!reportingData.value[partIndex]) {
-    reportingData.value[partIndex] = [];
-  }
-  if (!reportingData.value[partIndex][processIndex]) {
-    reportingData.value[partIndex][processIndex] = createEmptyReportingItem()
-  }
-  return reportingData.value[partIndex][processIndex];
-};
-
-/** 同一工序行内已选人员（排除当前正在编辑的格） */
-const isStaffDuplicateInProcessRow = (partIndex, processIndex, staffNo, staffName, excludeStaffIndex = null) => {
-  const item = getReportingData(partIndex, processIndex)
-  const n = String(staffNo || '').trim()
-  const nm = String(staffName || '').trim()
-  const checkOne = (no, name, idx) => {
-    if (excludeStaffIndex !== null && idx === excludeStaffIndex) return false
-    const o = String(no || '').trim()
-    const on = String(name || '').trim()
-    if (n && o && n === o) return true
-    if (nm && on && nm === on) return true
-    return false
-  }
-  if (item.staffList?.length) {
-    return item.staffList.some((s, idx) => checkOne(s.staff_no, s.staff_name, idx))
-  }
-  return checkOne(item.staff_no, item.staff_name, null)
-}
-
-const assignStaffToReportingRow = (partIndex, processIndex, employee, staffIndex = null) => {
-  if (!employee) return false
-  const no = employee.员工编号
-  const name = employee.员工姓名
-  if (isStaffDuplicateInProcessRow(partIndex, processIndex, no, name, staffIndex)) {
-    warningres([
-      `「${name}」`,
-      '已在该工序中选择',
-      '请勿重复添加',
-    ])
-    return false
-  }
-  const reportingDataItem = getReportingData(partIndex, processIndex)
-  if (staffIndex !== null && reportingDataItem.staffList) {
-    reportingDataItem.staffList[staffIndex].staff_name = name
-    reportingDataItem.staffList[staffIndex].staff_no = no
-  } else if (reportingDataItem.staffList) {
-    reportingDataItem.staffList.push({
-      staff_name: name,
-      staff_no: no,
-      number: '',
-    })
-  } else {
-    reportingDataItem.staff_name = name
-    reportingDataItem.staff_no = no
-  }
-  return true
-}
-
-// 将上方选中的员工填入当前工序格（同一工序行内不可重复）
-const fillSelectedEmployee = (row, partIndex, processIndex, staffIndex = null) => {
-  if (isReportingFillDisabled(partIndex, processIndex, staffIndex)) {
-    warningres('请先在上方选择人员')
-    return
-  }
-  const emp = employees.value.find(emp => emp['员工编号'] === selectedEmployee.value)
-  if (!emp) return
-  assignStaffToReportingRow(partIndex, processIndex, emp, staffIndex)
-}
-
-// 表格内输入完工数量时，若上方已选人员且本格人员为空，则自动填入
-const filterQtyDigits = (val) => String(val ?? '').replace(/[^\d]/g, '').slice(0, 5)
-
-const highlightProcessRow = (row) => {
-  activeProcessRow.value = row
-  processTableRef.value?.setCurrentRow?.(row)
-}
-
-const onProcessTableRowClick = (row) => {
-  highlightProcessRow(row)
-}
-
-const processTableRowClassName = ({ row }) =>
-  row === activeProcessRow.value ? 'work-score-process-row-active' : ''
-
-const onQtyInput = (partIndex, processIndex, staffIndex, val) => {
-  const digits = filterQtyDigits(val)
-  const item = getReportingData(partIndex, processIndex)
-  if (item.staffList?.length) {
-    const idx = staffIndex !== null && staffIndex !== undefined ? staffIndex : 0
-    if (item.staffList[idx]) item.staffList[idx].number = digits
-  } else {
-    item.number = digits
-  }
-  autoFillStaffOnQuantityInput(partIndex, processIndex, staffIndex)
-}
-
-/** 本工序已填完工合计是否超出未完成数 */
-const isQtyOverUnfinished = (partIndex, processIndex) => {
-  const process = partProcesses.value?.[partIndex]?.[processIndex]
-  const unfinished = Number(process?.未完成数)
-  if (!Number.isFinite(unfinished)) return false
-  const item = getReportingData(partIndex, processIndex)
-  let sum = 0
-  if (item.staffList?.length) {
-    sum = item.staffList.reduce((s, st) => s + (Number(st.number) || 0), 0)
-  } else {
-    sum = Number(item.number) || 0
-  }
-  return sum > unfinished
-}
-
-const isReportingStaffEmpty = (partIndex, processIndex, staffIndex = null) => {
-  const item = getReportingData(partIndex, processIndex)
-  if (item.staffList?.length) {
-    const idx = staffIndex !== null ? staffIndex : 0
-    const staff = item.staffList[idx]
-    return !String(staff?.staff_name || '').trim()
-  }
-  return !String(item.staff_name || '').trim()
-}
-
-const isReportingFillDisabled = (partIndex, processIndex, staffIndex = null) => {
-  return isReportingStaffEmpty(partIndex, processIndex, staffIndex) && !selectedEmployee.value
-}
-
-const clearReportingQuantity = (partIndex, processIndex, staffIndex = null) => {
-  const item = getReportingData(partIndex, processIndex)
-  if (item.staffList?.length) {
-    const idx = staffIndex !== null ? staffIndex : 0
-    if (item.staffList[idx]) {
-      item.staffList[idx].number = ''
-    }
-  } else {
-    item.number = ''
-  }
-}
-
-const autoFillStaffOnQuantityInput = (partIndex, processIndex, staffIndex = null) => {
-  const item = getReportingData(partIndex, processIndex)
-  let hasQty = false
-  let staffEmpty = false
-  let targetStaffIndex = staffIndex
-
-  if (item.staffList?.length) {
-    const idx = staffIndex !== null ? staffIndex : 0
-    const staff = item.staffList[idx]
-    if (!staff) return
-    hasQty = staff.number !== '' && staff.number != null
-    staffEmpty = !String(staff.staff_name || '').trim()
-    targetStaffIndex = idx
-  } else {
-    hasQty = item.number !== '' && item.number != null
-    staffEmpty = !String(item.staff_name || '').trim()
-    targetStaffIndex = null
-  }
-
-  if (!hasQty) return
-
-  if (staffEmpty) {
-    if (!selectedEmployee.value) {
-      warningres('请先在上方选择人员')
-      clearReportingQuantity(partIndex, processIndex, staffIndex)
-      return
-    }
-    const emp = employees.value.find(item => item['员工编号'] === selectedEmployee.value)
-    if (!emp) {
-      clearReportingQuantity(partIndex, processIndex, staffIndex)
-      return
-    }
-    assignStaffToReportingRow(partIndex, processIndex, emp, targetStaffIndex)
-  }
-}
-
-//选择部件
-const selectPart = async (index) => {
-  if (index < 0 || index >= processParts.value.length) return
-  selectedPartIndex.value = index
-  activeProcessRow.value = null
-  if (partProcesses.value[index]?.length > 0) {
-    refreshProcessTableLayout()
-    return
-  }
-  const partCode = resolvePartCode(processParts.value[index])
-  await loadPartProcesses(index, partCode)
-};
-
-// 拖拽相关函数
-let draggedEmployee = null;
-
-// 开始拖拽
-const onDragStart = (event, employee) => {
-  draggedEmployee = employee;
-  console.log('拖拽的员工:', employee);
-  event.dataTransfer.effectAllowed = 'copy';
-};
-
-// 拖拽经过
-const onDragOver = (event) => {
-  event.preventDefault();
-  event.dataTransfer.dropEffect = 'copy';
-};
-
-// 放置
-const onDrop = (event, partIndex, processIndex, staffIndex = null) => {
-  event.preventDefault();
-  if (draggedEmployee) {
-    assignStaffToReportingRow(partIndex, processIndex, draggedEmployee, staffIndex)
-    draggedEmployee = null;
-  }
-};
-
-// 把上方选中的工人和完工数量填入本行
-const fillRowPerson = (partIndex, processIndex) => {
-  if (!selectedEmployee.value) {
-    warningres('请先点下面选一个工人')
-    return
-  }
-  const emp = employees.value.find(item => item['员工编号'] === selectedEmployee.value)
-  if (!emp) return
-
-  const qty = resolveBatchQuantity()
-  if (qty === null) {
-    warningres('请先输入完工数量')
-    return
-  }
-
-  const item = getReportingData(partIndex, processIndex)
-  let staffIndex = null
-  if (item.staffList?.length) {
-    const emptyIndex = item.staffList.findIndex(staff => !String(staff.staff_name || '').trim())
-    if (emptyIndex >= 0) {
-      staffIndex = emptyIndex
-    }
-  }
-
-  if (!assignStaffToReportingRow(partIndex, processIndex, emp, staffIndex)) {
-    return
-  }
-
-  const updated = getReportingData(partIndex, processIndex)
-  if (updated.staffList?.length) {
-    if (staffIndex !== null) {
-      updated.staffList[staffIndex].number = qty
-    } else {
-      const idx = updated.staffList.findIndex(staff => staff.staff_no === emp['员工编号'])
-      if (idx >= 0) {
-        updated.staffList[idx].number = qty
-      }
-    }
-  } else {
-    updated.number = qty
-  }
-}
-
-// 添加人员
-const addPerson = (partIndex, processIndex) => {
-  const reportingDataItem = getReportingData(partIndex, processIndex);
-  if (!reportingDataItem.staffList) {
-    // 首次添加：先把当前单行数据迁入列表，再追加新行
-    reportingDataItem.staffList = [{
-      staff_name: reportingDataItem.staff_name || '',
-      staff_no: reportingDataItem.staff_no || '',
-      number: reportingDataItem.number ?? '',
-    }];
-  }
-  reportingDataItem.staffList.push({
-    staff_name: '',
-    staff_no: '',
-    number: '',
-  });
-};
-
-const resolveBatchQuantity = () => {
-  if (batchQuantity.value !== '' && batchQuantity.value != null) {
-    return batchQuantity.value
-  }
-  return null
-}
-
-const resolveStaffNoByName = (staffName) => {
-  const name = String(staffName || '').trim()
-  if (!name) return ''
-  return employees.value.find(emp => emp['员工姓名'] === name)?.['员工编号'] || ''
-}
-
-//提交工分报工
-const buildProcessReportFields = (process) => ({
-  process_code: process['工艺编号'],
-  process_name: process['工艺名称'],
-  standard_hour: process['标准工时'],
-  standard_score: process['标准工分'],
-  standard_minutes: process['标准分钟'],
-  money: process['金额'],
-  coefficient: process['系数'],
-})
-
-const buildWorkScoreReportData = () => {
-  const reportData = []
-
-  for (let i = 0; i < processParts.value.length; i++) {
-    if (reportingData.value[i] && reportingData.value[i].length > 0) {
-      const part = processParts.value[i]
-      for (let j = 0; j < reportingData.value[i].length; j++) {
-        const reportItem = reportingData.value[i][j]
-        const process = partProcesses.value[i][j]
-        if (!process) continue
-
-        if (reportItem.staffList) {
-          for (const staff of reportItem.staffList) {
-            if (staff.number) {
-              if (!String(staff.staff_name || '').trim()) {
-                warningres('请填写报工人员')
-                return null
-              }
-              const staffNo = staff.staff_no || resolveStaffNoByName(staff.staff_name)
-              if (!staffNo) {
-                warningres(`未找到报工人员「${staff.staff_name}」对应的员工编号`)
-                return null
-              }
-              reportData.push({
-                staff_no: staffNo,
-                staff_name: staff.staff_name,
-                work_order: getActiveOrderNo(),
-                majorprocess: add_formData['工序'],
-                part_code: part['部件编号'],
-                ...buildProcessReportFields(process),
-                number: staff.number,
-                machine: add_formData['机台号'],
-                sys_id: add_formData['组别'],
-                date: currentDates
-              })
-            }
-          }
-        } else if (reportItem.number) {
-          if (!String(reportItem.staff_name || '').trim()) {
-            warningres('请填写报工人员')
-            return null
-          }
-          const staffNo = reportItem.staff_no || resolveStaffNoByName(reportItem.staff_name)
-          if (!staffNo) {
-            warningres(`未找到报工人员「${reportItem.staff_name}」对应的员工编号`)
-            return null
-          }
-          reportData.push({
-            staff_no: staffNo,
-            staff_name: reportItem.staff_name,
-            work_order: getActiveOrderNo(),
-            majorprocess: add_formData['工序'],
-            part_code: part['部件编号'],
-            ...buildProcessReportFields(process),
-            number: reportItem.number,
-            machine: add_formData['机台号'],
-            sys_id: add_formData['组别'],
-            date: currentDates
-          })
-        }
-      }
-    }
-  }
-
-  if (reportData.length === 0) {
-    warningres('请选择人员后，再填写完工数量')
-    return null
-  }
-
-  return reportData
-}
-
-const recomputeWorkScoreConfirmRowSpan = (rows) => {
-  const result = []
-  let i = 0
-  while (i < rows.length) {
-    const partLabel = rows[i].部件
-    const processCode = rows[i].工序编号
-    const processName = rows[i].工序名称
-    let j = i
-    while (
-      j < rows.length &&
-      rows[j].部件 === partLabel &&
-      rows[j].工序编号 === processCode &&
-      rows[j].工序名称 === processName
-    ) {
-      j++
-    }
-    const group = rows.slice(i, j)
-    group.forEach((row, idx) => {
-      result.push({ ...row, _processRowSpan: idx === 0 ? group.length : 0 })
-    })
-    i = j
-  }
-  return result
-}
-
-/** 左侧部件展示文案：编号-名称 */
-const resolvePartLabel = (partCode) => {
-  const code = String(partCode ?? '').trim()
-  const part = (processParts.value || []).find((p) => String(p?.['部件编号'] ?? '').trim() === code)
-  if (!part) return code
-  const name = String(part['部件名称'] ?? '').trim()
-  return name ? `${code}-${name}` : code
-}
-
-/** 从当前已加载工艺行取未完成数等 */
-const findProcessProgressByCode = (processCode, processName) => {
-  const code = String(processCode ?? '').trim()
-  const name = String(processName ?? '').trim()
-  for (const list of partProcesses.value || []) {
-    for (const p of list || []) {
-      const pCode = String(p?.工艺编号 ?? '').trim()
-      const pName = String(p?.工艺名称 ?? '').trim()
-      if (code && pCode === code && (!name || pName === name)) {
-        return {
-          unfinished: Number(p?.未完成数),
-          totalComplete: Number(p?.累计完成数),
-          groupComplete: Number(p?.本组完成数),
-        }
-      }
-    }
-  }
-  return { unfinished: NaN, totalComplete: NaN, groupComplete: NaN }
-}
-
-const buildWorkScoreConfirmRows = (reportData) => {
-  // 同一部件+工序多人报工时，按合计完工数再算超出
-  const processQtySum = {}
-  for (const item of reportData) {
-    const key = `${item.part_code}||${item.process_code}||${item.process_name}`
-    processQtySum[key] = (processQtySum[key] || 0) + (Number(item.number) || 0)
-  }
-
-  const rows = reportData.map((item) => {
-    const key = `${item.part_code}||${item.process_code}||${item.process_name}`
-    const progress = findProcessProgressByCode(item.process_code, item.process_name)
-    const unfinished = progress.unfinished
-    const groupComplete = progress.groupComplete
-    const totalComplete = progress.totalComplete
-    const hasUnfinished = Number.isFinite(unfinished)
-    const hasGroupComplete = Number.isFinite(groupComplete)
-    const hasTotalComplete = Number.isFinite(totalComplete)
-    const sumQty = processQtySum[key] || 0
-    const excess = hasUnfinished ? Math.max(0, sumQty - unfinished) : 0
-    return {
-      部件: resolvePartLabel(item.part_code),
-      工序编号: item.process_code,
-      工序名称: item.process_name,
-      本组完成数: hasGroupComplete ? groupComplete : '',
-      累计完成数: hasTotalComplete ? totalComplete : '',
-      未完成数量: hasUnfinished ? unfinished : '',
-      员工姓名: item.staff_name,
-      完工数量: item.number,
-      超出数量: excess > 0 ? excess : '',
-      _isOver: excess > 0,
-    }
-  })
-  return recomputeWorkScoreConfirmRowSpan(rows)
-}
-
-const workScoreConfirmSpanMethod = ({ row, column }) => {
-  const mergeProps = ['部件', '工序编号', '工序名称', '本组完成数', '累计完成数', '未完成数量', '超出数量']
-  if (!mergeProps.includes(column.property)) {
-    return { rowspan: 1, colspan: 1 }
-  }
-  const rowspan = row._processRowSpan || 0
-  if (rowspan > 0) {
-    return { rowspan, colspan: 1 }
-  }
-  return { rowspan: 0, colspan: 0 }
-}
-
-const workScoreConfirmCellClass = ({ row, column }) => {
-  if (column.property === '超出数量' && row._isOver) return 'work-score-confirm-over-cell'
-  if (column.property === '完工数量' && row._isOver) return 'work-score-confirm-over-cell'
-  return ''
-}
-
-const submitWorkScore = () => {
-  const reportData = buildWorkScoreReportData()
-  if (!reportData) return
-  pendingReportData.value = reportData
-  workScoreConfirmRows.value = buildWorkScoreConfirmRows(reportData)
-  workScoreConfirmVisible.value = true
-}
-
-const confirmSubmitWorkScore = async () => {
-  if (!pendingReportData.value.length || workScoreSubmitting.value) return
-  workScoreSubmitting.value = true
-  try {
-    const response = await ReportingWork(pendingReportData.value)
-
-    if (response.code === 0) {
-      yellowTopTip('提交成功')
-      workScoreConfirmVisible.value = false
-      workScoreDialogVisible.value = false
-      await getGongfenHistory()
-      await refreshProcessProduction()
-    } else {
-      warningres(response.msg || '提交失败')
-    }
-  } catch (error) {
-    console.error('提交工分报工失败:', error)
-    warningres('网络错误，请稍后重试')
-  } finally {
-    workScoreSubmitting.value = false
-  }
-}
-
-// 生成头像颜色
-const getAvatarColor = (index) => {
-  const colors = [
-    '#667eea', '#764ba2', '#f093fb', '#f5576c',
-    '#4facfe', '#00f2fe', '#43e97b', '#38f9d7',
-    '#fa709a', '#ffa751', '#6a11cb', '#11998e',
-    '#eb3349', '#56ab2f', '#614385',
-  ]
-  return colors[index % colors.length]
-}
-//自动获取物理地址
-const GetAddr =  () => {
-  var xmlhttp = null;
-  var res;
-  if (window.XMLHttpRequest) {
-    xmlhttp = new XMLHttpRequest();
-  } else if (window.ActiveXObject) {
-    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
-  }
-  // 2. 设置回调函数
-  xmlhttp.onreadystatechange = function() {
-    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
-      res = eval('('+xmlhttp.response+')');
-      let result = ''
-      for (let i = 0; i < res.macAddress.length; i++) {
-        if (i % 2 === 0 && i !== 0) {
-          result += '-' // 根据实际需求修改分隔符
-        }
-        result += res.macAddress[i]
-      }
-      Machine.value = result
-      getMachineMacdata(Machine.value)
-    } else if (xmlhttp.readyState == 4) {
-      machineReady.value = false
-    }
-  }
-  xmlhttp.onerror = function() {
-    machineReady.value = false
-  }
-  // 3. 打开一个连接
-  xmlhttp.open("get", "http://127.0.0.1:8090/init")
-  //  5. 发送
-   xmlhttp.send();
-}
-// getMachineMacdata();
-GetAddr()
-// PDF预览
-const showPdf = async (row) => {
-  if (!luckyexcelPageRef.value?.open) {
-    warningres('预览组件未加载，请刷新页面重试')
-    return
-  }
-  luckyexcelPageRef.value.open(row)
-}
-
-const add_formData = reactive({
-  机台号: '',	
-  工序: '',
-  组别: '',
-  人员: '',	
-  尺码: '',
-  数量: '',
-  是否订单尾包: '',
-});
-//清空对象的属性值
-const gd_clearFormData = () => {
-  Object.keys(add_formData).forEach(key => {
-    add_formData[key] = '';
-  });
-};
-
-//进度汇总表格数据
-const add_tableData = reactive([]);
-const jdhz_tableData = reactive([]);
-const bgjdhz_tableData = reactive([]);
-const _order = ref('');
-const _UniqId = ref('');
-//尺寸列表
-const sizeDatas = reactive([])
-//技术附件
-const jstableData = reactive([])
-const ddtableData = reactive([])
-const _list = ref('');
-
-//订单信息数据
-const orderInfoList = reactive([]);
-/** 当前已加载订单编号（红框订单信息区，与搜索 input 解耦） */
-const processProductionRef = ref(null)
-const processProductionRefreshKey = ref(0)
-
-const getActiveOrderNo = () => {
-  const no = String(currentOrderNo.value || orderInfoList[0]?.['订单编号'] || '').trim()
-  return no
-}
-
-const refreshProcessProduction = async () => {
-  const orderNo = getActiveOrderNo()
-  if (!orderNo) return
-  await nextTick()
-  if (processProductionRef.value?.loadByWorkorder) {
-    await processProductionRef.value.loadByWorkorder(orderNo, add_formData['工序'])
-  } else {
-    processProductionRefreshKey.value += 1
-  }
-}
-
-/** 点击「当天报工记录 / 工序产量核查」时重新拉取最新数据（含再次点击当前 Tab） */
-const onGongfenTabClick = async (pane) => {
-  const name = pane?.paneName ?? pane?.props?.name
-  if (name === 'first') {
-    await getGongfenHistory()
-    return
-  }
-  if (name === 'processProduction') {
-    await refreshProcessProduction()
-  }
-  relayoutGongfenHistoryTable()
-}
-
-// 查询请求序号：丢弃过期响应，避免连扫串单
-let orderQuerySeq = 0
-let historyQuerySeq = 0
-let attachmentQuerySeq = 0
-
-// 查询
-/** 子订单号如 DC2605017-0800 转为订单号 DC2605017 再查询 */
-const normalizeOrderSearchInput = (val) => {
-  const s = String(val ?? '').trim()
-  if (!s) return ''
-  const idx = s.indexOf('-')
-  return idx >= 0 ? s.slice(0, idx).trim() : s
-}
-
-const add_onSubmit = async ()=>{
-  if (workScoreDialogVisible.value) {
-    warningres('请先关闭工分报工窗口后再查询其他订单，避免报错单')
-    return
-  }
-  const machineNo = String(add_formData['机台号'] || '').trim()
-  if (!machineReady.value || !machineNo || machineNo === '测试机台') {
-    machineTip()
-    return
-  }
-  const searchKey = normalizeOrderSearchInput(add_searchInfo.value)
-  if (!searchKey) {
-    warningres('请扫描订单二维码')
-    return;
-  }
-  add_searchInfo.value = searchKey
-  const seq = ++orderQuerySeq
-
-  try {
-    const response = await WorkOrderList({
-      search: searchKey,
-      page: 1,
-      limit: 10,
-    });
-    if (seq !== orderQuerySeq) return
-    const list = response.data?.data || []
-    const total = response.data?.total ?? list.length
-    if (response.code === 0 && response.data) {
-      if (total === 0 || !list.length) {
-        warningres('暂无该订单编号');
-        orderInfoList.length = 0;
-        currentOrderNo.value = '';
-      } else {
-        // 清空并更新订单信息列表
-        orderInfoList.length = 0;
-        orderInfoList.splice(0, list.length, ...list);
-        // 锁定当前订单编号（红框区域），后续业务不再依赖搜索框
-        currentOrderNo.value = String(orderInfoList[0]?.['订单编号'] || searchKey).trim();
-
-        // 获取工分报工历史记录
-        await getGongfenHistory();
-        if (seq !== orderQuerySeq) return
-
-        const searchValue = getActiveOrderNo();
-
-        // 附件加载失败不影响查询结果
-        await loadOrderAttachments(searchValue);
-        if (seq !== orderQuerySeq) return
-
-        // 查询成功后清空搜索框，便于继续扫描下一单
-        add_searchInfo.value = '';
-        _searchInput();
-      }
-    } else {
-      warningres(response.msg || '查询失败');
-      orderInfoList.length = 0;
-      currentOrderNo.value = '';
-    }
-  } catch (error) {
-    if (seq !== orderQuerySeq) return
-    console.error('查询订单失败:', error);
-    warningres('网络错误，请稍后重试');
-  }
-};
-
-// 获取工分报工历史记录
-const getGongfenHistory = async () => {
-  const seq = ++historyQuerySeq
-  try {
-    const response = await GetReportingWorkRecord({
-      date: currentDates,
-      machine: add_formData['机台号']
-    });
-    if (seq !== historyQuerySeq) return
-    if (response.code === 0 && response.data) {
-      gongfenHistoryData.value = response.data || [];
-    } else {
-      gongfenHistoryData.value = [];
-    }
-    relayoutGongfenHistoryTable()
-  } catch (error) {
-    if (seq !== historyQuerySeq) return
-    console.error('获取工分报工历史记录失败:', error);
-    gongfenHistoryData.value = [];
-    relayoutGongfenHistoryTable()
-  }
-};
-
-const deleteReportingWork = async (row) => {
-  try {
-    const escapeHtml = (val) => String(val ?? '')
-      .replace(/&/g, '&amp;')
-      .replace(/</g, '&lt;')
-      .replace(/>/g, '&gt;')
-      .replace(/"/g, '&quot;')
-    const processCode = escapeHtml(row?.process_code) || '-'
-    const processName = escapeHtml(row?.process_name) || '-'
-    const staffName = escapeHtml(row?.staff_name) || '-'
-    const number = escapeHtml(row?.number) || '-'
-    await ElMessageBox.confirm(
-      `<div class="gongfen-delete-msg">
-        <div>确定要删除这条报工记录吗？</div>
-        <div class="gongfen-delete-msg__row">工序号：<strong>${processCode}</strong></div>
-        <div class="gongfen-delete-msg__row">工序名称：<strong>${processName}</strong></div>
-        <div class="gongfen-delete-msg__row">员工姓名：<strong>${staffName}</strong></div>
-        <div class="gongfen-delete-msg__row">数量：<strong>${number}</strong></div>
-      </div>`,
-      '提示',
-      {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning',
-        dangerouslyUseHTMLString: true,
-        customClass: 'gongfen-delete-confirm',
-      }
-    );
-    
-    const deleteId = row?.id ?? row?.ID
-    if (deleteId === undefined || deleteId === null || deleteId === '') {
-      warningres('缺少报工记录ID，无法删除')
-      return
-    }
-    const response = await DeleteReportingWork({
-      id: deleteId
-    });
-    
-    if (response.code === 0) {
-      yellowTopTip('删除成功')
-      await getGongfenHistory();
-      await refreshProcessProduction();
-    } else {
-      errorres(response.msg || '删除失败');
-    }
-  } catch (error) {
-    if (error !== 'cancel') {
-      console.error('删除报工记录失败:', error);
-      errorres('删除失败');
-    }
-  }
-};
-
-const editReportingQtyVisible = ref(false)
-const editReportingQtyLoading = ref(false)
-const editReportingQtyInputRef = ref(null)
-const editReportingQtyForm = ref({
-  id: '',
-  number: '',
-  original_number: '',
-  process_code: '',
-  process_name: '',
-  part_code: '',
-  unfinished: '',
-  standard_hour: '',
-  standard_score: '',
-  production_hour: '',
-  production_score: '',
-})
-
-const isEditReportingQtyOver = computed(() => {
-  const unfinished = Number(editReportingQtyForm.value.unfinished)
-  const original = Number(editReportingQtyForm.value.original_number) || 0
-  const qty = Number(editReportingQtyForm.value.number)
-  if (!Number.isFinite(unfinished) || !Number.isFinite(qty) || !qty) return false
-  // 未完成数已扣除本条原数量，可改上限 = 未完成数 + 原数量
-  return qty > unfinished + original
-})
-
-const focusEditReportingQtyInput = () => {
-  nextTick(() => {
-    const comp = editReportingQtyInputRef.value
-    const el = comp?.input || comp?.textarea || comp?.$el?.querySelector?.('input')
-    if (el && typeof el.focus === 'function') {
-      el.focus()
-      const len = String(el.value ?? '').length
-      try {
-        el.setSelectionRange(len, len)
-      } catch (_) { /* ignore */ }
-      return
-    }
-    comp?.focus?.()
-  })
-}
-
-const resolveUnfinishedForEditRow = async (row) => {
-  const processCode = String(row.process_code ?? row['工序编号'] ?? row['工序号'] ?? '').trim()
-  const processName = String(row.process_name ?? row['工序名称'] ?? '').trim()
-  const fromRow = Number(row.未完成数 ?? row.unfinished ?? row['未完成数量'])
-  if (Number.isFinite(fromRow)) return fromRow
-
-  const loaded = findProcessProgressByCode(processCode, processName)
-  if (Number.isFinite(loaded.unfinished)) return loaded.unfinished
-
-  const partCode = String(row.part_code ?? row['部件编号'] ?? '').trim()
-  if (!partCode || !getActiveOrderNo()) return ''
-
-  try {
-    const carParams = {
-      workorder: getActiveOrderNo(),
-      part_code: partCode,
-      majorprocess: add_formData['工序'],
-    }
-    const sysId = String(add_formData['组别'] || '').trim()
-    if (sysId) carParams.sys_id = sysId
-    const response = await GetCarProcess(carParams)
-    if (response.code !== 0 || !response.data) return ''
-    const processList = normalizeWorkScoreProcessList(response.data)
-    const hit = (processList || []).find((p) => {
-      const pCode = String(p?.['工艺编号'] ?? '').trim()
-      const pName = String(p?.['工艺名称'] ?? '').trim()
-      return processCode && pCode === processCode && (!processName || pName === processName)
-    })
-    const unfinished = Number(hit?.['未完成数'])
-    return Number.isFinite(unfinished) ? unfinished : ''
-  } catch (e) {
-    console.error('获取未完成数失败:', e)
-    return ''
-  }
-}
-
-const openEditReportingQty = async (row) => {
-  const id = row?.id ?? row?.ID
-  if (id === undefined || id === null || id === '') {
-    warningres('缺少报工记录ID，无法修改')
-    return
-  }
-  const number = filterQtyDigits(String(row.number ?? row['数量'] ?? ''))
-  editReportingQtyForm.value = {
-    id,
-    number,
-    original_number: number,
-    process_code: String(row.process_code ?? row['工序编号'] ?? row['工序号'] ?? ''),
-    process_name: String(row.process_name ?? row['工序名称'] ?? ''),
-    part_code: String(row.part_code ?? row['部件编号'] ?? ''),
-    unfinished: '',
-    standard_hour: row.standard_hour ?? row['标准工时'] ?? '',
-    standard_score: row.standard_score ?? row['标准工分'] ?? row['标准分数'] ?? '',
-    production_hour: row.production_hour ?? row['生产工时'] ?? '',
-    production_score: row.production_score ?? row['生产分数'] ?? row['生产工分'] ?? '',
-  }
-  editReportingQtyVisible.value = true
-  const unfinished = await resolveUnfinishedForEditRow(row)
-  if (editReportingQtyForm.value.id === id) {
-    editReportingQtyForm.value.unfinished = unfinished === '' ? '' : String(unfinished)
-  }
-}
-
-const submitEditReportingQty = async () => {
-  const numberStr = String(editReportingQtyForm.value.number ?? '').trim()
-  const qty = Number(numberStr)
-  if (!numberStr || Number.isNaN(qty) || qty <= 0) {
-    warningres('请输入大于 0 的数量')
-    return
-  }
-
-  const stdHour = Number(editReportingQtyForm.value.standard_hour)
-  const stdScore = Number(editReportingQtyForm.value.standard_score)
-  let production_hour = String(editReportingQtyForm.value.production_hour ?? '')
-  let production_score = String(editReportingQtyForm.value.production_score ?? '')
-  if (Number.isFinite(stdHour) && stdHour > 0) {
-    production_hour = (qty * stdHour).toFixed(2)
-  }
-  if (Number.isFinite(stdScore) && stdScore > 0) {
-    production_score = (qty * stdScore).toFixed(2)
-  }
-
-  const mod_id = userStore.userInfo?.nickName || userStore.userInfo?.userName || ''
-
-  editReportingQtyLoading.value = true
-  try {
-    const res = await UpdateReportingWork({
-      id: editReportingQtyForm.value.id,
-      number: String(qty),
-      production_hour,
-      production_score,
-      mod_id,
-    })
-    if (res?.code === 0) {
-      yellowTopTip(res.msg || '修改成功')
-      editReportingQtyVisible.value = false
-      await getGongfenHistory()
-      await refreshProcessProduction()
-    } else {
-      errorres(res?.msg || '修改失败')
-    }
-  } catch (e) {
-    console.error(e)
-    errorres(e?.response?.data?.msg || e?.message || '修改失败')
-  } finally {
-    editReportingQtyLoading.value = false
-  }
-}
-
-// 复选框选择
-const fjSelectionChange = (selection) => {
-  console.log('选中的附件:', selection);
-};
-
-  //总数量合计
-  const getSummaries = (param) => {  
-    const { columns, data } = param;  
-    const sums = {};  
-    const summableLabels = [...sizeDatas, "实裁总数"];
-    columns.forEach((column, index) => {  
-        if (index === 1) {  
-            sums[index] = '总数量合计';  
-            return;  
-        }  
-        if (summableLabels.includes(column.label)) {  
-            const values = data.map(item => Number(item[column.property]));  
-            // 检查数组中是否所有值都是 NaN  
-            if (!values.every(value => isNaN(value))) {  
-                sums[index] = values.reduce((prev, curr) => {  
-                    const value = Number(curr);  
-                    if (!isNaN(value)) {  
-                        return prev + value; 
-                    }  
-                    return prev;  
-                }, 0);  
-                // 如果需要，可以在这里添加单位  
-                // sums[index] += ' 件';  
-            } else {  
-                 sums[index] = '';  
-            }  
-        }  
-    });  
-    return sums;  
-};  
-
-
-//表格行点击（子订单编号单独保存，不写入搜索框）
-const tableRowClick = async (row)=>{
-  _order.value = row.子订单编号 || ''
-}
-
-
-
-const _searchInput = async ()=>{
-    setTimeout(() => {
-        const inputElement = document.getElementById('searchInput');
-            if (inputElement) {
-                inputElement.focus();		
-            }
-    }, 100);
-}
-
-//子订单详情页
-const cp_gdprintonClick = async () => {
-    if(!_order.value){
-        warningres('请先点击报工记录选择子订单后再查看')
-        return false;
-    }
-    SubOrderPageRef.value.open(_order.value,add_formData['工序']) 
-}
-    
-
-
-const gd_yulan = () => {
-  const order = getActiveOrderNo()
-  if(!order){
-    warningres('请先查询订单后再操作此功能')
-    return false;
-  }
-  printPageRef.value.open(order)
-}
-
-
-const _orderid = ref('')//订单子编号
-const _kh = ref('')//生产款号
-
-
-
-
-// =========== 分页 ===========
-// 分页相关的响应式变量
-const page = ref(1)
-const total = ref(0)
-const pageSize = ref(10)
-// 分页
-const handleCurrentChange = (val) => {
-  page.value = val;
-  _getStaffList();
-};
-
-// 修改页面容量 点击多少条/页
-const handleSizeChange = (val) => {
-  page.value = 10;//默认显示
-  pageSize.value = val;
-  _getStaffList();
-};
-
-
-
-// 统一提示：顶部居中、固定宽度（与扫描框一带）
-const TIP_OFFSET = 90
-const TIP_WIDTH = 520
-const TIP_CLASS = 'custom-warning-message gongfen-unified-tip'
-
-const buildTipHtml = (content, bgColor, textColor = '#000') => {
-  const lines = Array.isArray(content) ? content : [String(content || '')]
-  const linesHtml = lines.map((line) => (
-    `<div style="font-size:32px;line-height:1.35;font-weight:700;color:${textColor};word-break:break-word;white-space:normal;">${line}</div>`
-  )).join('')
-  return `<div style="background-color:${bgColor};padding:16px 24px;text-align:center;display:block;width:${TIP_WIDTH}px;box-sizing:border-box;border-radius:4px;">${linesHtml}</div>`
-}
-
-const showUnifiedTip = (content, { bg = '#f5ff2f', color = '#000', duration = 3000 } = {}) => {
-  ElMessage.closeAll()
-  ElMessage({
-    type: '',
-    dangerouslyUseHTMLString: true,
-    duration,
-    offset: TIP_OFFSET,
-    message: buildTipHtml(content, bg, color),
-    customClass: TIP_CLASS,
-  })
-}
-
-const successres = (arr) => showUnifiedTip(arr, { bg: '#80FA80' })
-const errorres = (arr) => showUnifiedTip(arr, { bg: 'red', color: '#fff' })
-const warningres = (arr) => showUnifiedTip(arr, { bg: '#f5ff2f' })
-
-/** 机台相关：同位置黄色提示 */
-const machineTip = (text) => {
-  showUnifiedTip(
-    text || '未获取到机台编号，重启电脑或重新打开系统尝试',
-    { duration: 4000 }
-  )
-}
-
-/** 提交/修改/删除成功：同位置黄色提示 */
-const yellowTopTip = (text) => {
-  showUnifiedTip(String(text || '').trim() || '操作成功')
-}
-</script>
-
-<style scoped>
-.form-container {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.form-column {
-  /*flex: 1;*/
-  margin-right: 15px; /* 调整列之间的间距 */
-}
-
-/* 左侧输入框宽度调整 */
-.form-column .el-form-item .el-input {
-  width: 150px; /* 调整左侧输入框的宽度 */
-}
-
-/* 媒体查询，根据需要调整断点 */
-@media screen and (max-width: 768px) {
-  .form-column {
-    flex: 1 0 100%; /* 在小屏幕下变成单列布局 */
-    margin-right: 0;
-  }
-}
-/*:deep(.el-table td .cell) {*/
-/*  line-height: 30px !important;*/
-/*}*/
-.JKWTree-container {
-  display: flex;
-}
-.JKWTree-tree {
-  /*width: 300px;*/
-  background-color: #fff;
-  padding: 10px;
-  margin-right: 20px;
-}
-.JKWTree-tree h3 {
-  font-size: 15px;
-  font-weight: 700;
-  margin: 10px 0;
-}
-.JKWTree-content {
-  flex: 1;
-}
-/* 图片上传 */
-.upload-box {
-  width: 200px;
-  height: 200px;
-  border: 2px dashed #e2e2e2;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  cursor: pointer;
-}
-.uploaded-image {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-.upload-icon {
-  font-size: 40px;
-  color: #c0c4cc;
-}
-.file-input {
-  display: none;
-}
-.el-table .warning-row {
-  background: oldlace;
-}
-
-/*bom参数背景*/
-:deep(.el-table__body .background-plan-usage-low div div div) {
-  background: #80FA80 !important;
-}
-/* 选中某行时的背景色 */
-:deep(.el-table__body tr.current-row) > td {
-  background: #ff80ff !important;
-}
-/* 鼠标悬停时的背景色（工序产量核查表关闭悬停高亮） */
-:deep(.el-table__body tr:hover) > td {
-  background: #ff80ff !important;
-}
-:deep(.process-production-table-wrap .el-table__body tr:hover > td) {
-  background-color: var(--el-table-tr-bg-color, #fff) !important;
-}
-:deep(.process-production-table-wrap .el-table__body tr.el-table__row--striped:hover > td) {
-  background-color: var(--el-fill-color-lighter, #fafafa) !important;
-}
-:deep(.process-production-table-wrap .el-table__body tr.process-production-row-active > td) {
-  background-color: #ff80ff !important;
-  background: #ff80ff !important;
-}
-
-/* 员工选择区域样式 */
-.employee-grid {
-  display: grid;
-  grid-template-columns: repeat(8, 1fr);
-  gap: 15px;
-  margin-top: 10px;
-}
-
-.employee-card {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 15px;
-  border-radius: 8px;
-  background-color: #f5f7fa;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  border: 2px solid transparent;
-}
-
-.employee-card:hover {
-  transform: translateY(-3px);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-}
-
-.employee-card.selected {
-  border-color: #667eea;
-  background-color: #e6e8ff;
-}
-
-.employee-avatar {
-  width: 60px;
-  height: 60px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  font-size: 24px;
-  font-weight: bold;
-  margin-bottom: 10px;
-}
-
-.employee-name {
-  font-size: 16px;
-  font-weight: bold;
-  margin-bottom: 5px;
-  text-align: center;
-}
-
-.employee-id {
-  font-size: 14px;
-  font-weight: bold;
-  color: #666;
-  text-align: center;
-}
-</style>
-<style scoped>
-:deep(.el-table td .cell) {
-  line-height: 20px !important;
-}
-:deep(.el-tabs__header){
-  margin-bottom: 0;
-}
-.search{
-  margin-left: 0px !important;
-  margin-right: 10px !important;
-}
-.bt{
-  margin-left: 2px !important;
-  padding: 3px !important;
-  font-size: 12px;
-}
-.el-tabs__header{
-  margin: 0px !important;
-}
-.gva-table-box{
-  padding: 0px !important;
-  margin-left: -10px !important;
-  min-height: 600px;
-}
-.gongfen-report-tabs {
-  padding: 0;
-}
-.gongfen-toolbar-row {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 10px;
-  margin-bottom: 20px;
-}
-.gongfen-order-search-input {
-  width: 200px;
-  flex-shrink: 0;
-}
-.gongfen-order-search-input :deep(.el-input__wrapper) {
-  height: 50px;
-}
-.gongfen-search-btn {
-  height: 50px;
-  width: 80px;
-  flex-shrink: 0;
-  margin: 0;
-}
-.gongfen-toolbar-label {
-  font-size: 30px;
-  line-height: 1;
-  white-space: nowrap;
-}
-.gongfen-toolbar-field {
-  width: 120px;
-  flex-shrink: 0;
-}
-.gongfen-toolbar-field :deep(.el-input__wrapper) {
-  height: 40px;
-}
-.gongfen-order-actions {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  margin-left: 20px;
-  margin-right: 24px;
-  flex-shrink: 0;
-}
-.gongfen-work-score-btn {
-  height: 64px;
-  width: 120px;
-  font-size: 18px;
-}
-.work-score-order-header {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  padding: 8px 16px;
-  background-color: #333;
-  color: white;
-}
-.work-score-order-bar {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 24px;
-}
-.work-score-order-bar p {
-  margin: 5px 0;
-  font-size: 16px;
-  font-weight: bold;
-}
-.work-score-close-btn {
-  flex-shrink: 0;
-  min-width: 80px;
-  height: 36px;
-  font-size: 15px;
-  font-weight: 600;
-}
-:deep(.work-score-dialog) {
-  padding: 0;
-  margin: 0;
-}
-:deep(.work-score-dialog .el-dialog__header) {
-  display: none;
-  padding: 0;
-  margin: 0;
-}
-:deep(.work-score-dialog .el-dialog__body) {
-  padding: 0;
-}
-.work-score-dialog-inner {
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: white;
-}
-.work-score-main-body {
-  flex: 1;
-  display: flex;
-  min-height: 0;
-  overflow: hidden;
-}
-.work-score-sidebar {
-  width: 170px;
-  border-right: 1px solid #e0e0e0;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  flex-shrink: 0;
-}
-.work-score-right-panel {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-  overflow: hidden;
-}
-.work-score-content-header {
-  flex-shrink: 0;
-  padding: 6px 10px;
-  border-bottom: 1px solid #e0e0e0;
-  background-color: #f5f5f5;
-}
-.work-score-section-title {
-  margin: 0;
-  font-size: 15px;
-  font-weight: 600;
-  line-height: 1.2;
-}
-.work-score-sidebar .part-list.work-score-part-list {
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto !important;
-  overflow-x: hidden;
-  padding-bottom: 12px;
-  border: none;
-  border-radius: 0;
-}
-.work-score-sidebar .part-item {
-  padding: 10px 12px;
-}
-.work-score-employee-section {
-  flex-shrink: 0;
-  border-bottom: 1px solid #e0e0e0;
-  background-color: #fafafa;
-}
-.work-score-employee-section .employee-grid {
-  margin-top: 0;
-}
-.work-score-step-header {
-  flex-shrink: 0;
-  padding: 4px 12px;
-  min-height: 28px;
-  box-sizing: border-box;
-  background: #fafafa;
-}
-.work-score-step-text {
-  margin: 0;
-  font-size: 17px;
-  line-height: 1.5;
-  color: #303133;
-  white-space: nowrap;
-}
-.work-score-step-text strong {
-  color: #303133;
-  font-weight: 700;
-}
-.work-score-step-row {
-  gap: 12px;
-  flex-wrap: wrap;
-}
-.work-score-toolbar-guide {
-  width: 100%;
-}
-.work-score-batch-label {
-  flex-shrink: 0;
-  font-size: 15px;
-  font-weight: 600;
-  color: #606266;
-}
-.work-score-step-hint {
-  margin: 6px 0 0;
-  font-size: 14px;
-  line-height: 1.5;
-  color: #909399;
-}
-.work-score-selected-name {
-  color: #2563eb;
-  font-weight: 600;
-}
-.work-score-selected-name.is-empty {
-  color: #e6a23c;
-}
-.work-score-step-hint-divider {
-  margin: 0 8px;
-  color: #dcdfe6;
-}
-.work-score-steps {
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-  gap: 8px;
-  width: 100%;
-}
-.work-score-step {
-  font-size: 16px;
-  font-weight: 600;
-  color: #606266;
-  white-space: nowrap;
-}
-.work-score-step.is-active {
-  color: #2563eb;
-  font-weight: 700;
-}
-.work-score-step-arrow {
-  font-size: 16px;
-  color: #909399;
-  flex-shrink: 0;
-}
-.work-score-employee-grid {
-  display: flex;
-  flex-wrap: nowrap;
-  gap: 6px;
-  padding: 4px 10px 4px;
-  min-height: 0;
-  box-sizing: border-box;
-}
-.work-score-employee-section .employee-card {
-  flex: 1 1 0;
-  min-width: 0;
-  padding: 6px 4px;
-  min-height: auto;
-  border-radius: 6px;
-  border: 2px solid transparent;
-  box-sizing: border-box;
-}
-.work-score-employee-section .employee-card:hover {
-  transform: none;
-  box-shadow: none;
-}
-.work-score-employee-section .employee-avatar {
-  width: 30px;
-  height: 30px;
-  font-size: 18px;
-  margin-bottom: 4px;
-}
-.work-score-employee-section .employee-name {
-  font-size: 18px;
-  font-weight: 600;
-  line-height: 1.2;
-  margin-bottom: 2px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  width: 100%;
-  text-align: center;
-}
-.work-score-employee-section .employee-id {
-  font-size: 14px;
-  line-height: 1.2;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  width: 100%;
-  text-align: center;
-}
-.work-score-employee-section .employee-card.selected {
-  border-color: #10b981;
-  border-width: 2px;
-  background: #ecfdf5;
-}
-.work-score-process-area {
-  flex: 1;
-  min-height: 0;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-  padding: 2px 10px 4px;
-}
-.work-score-process-block {
-  flex: 1;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-.work-score-process-toolbar {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  gap: 8px;
-  margin-bottom: 2px;
-  padding-bottom: 2px;
-  background: #fff;
-  border-bottom: 1px solid #ebeef5;
-  z-index: 2;
-}
-.work-score-process-toolbar h4 {
-  margin: 0;
-  font-size: 14px;
-  flex-shrink: 0;
-}
-.work-score-process-toolbar--simple {
-  flex-shrink: 0;
-  padding: 4px 12px;
-  background: #fafafa;
-  border-bottom: 1px solid #ebeef5;
-  border-radius: 0;
-}
-.work-score-quick-row {
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-  gap: 12px;
-  width: 100%;
-  min-height: 40px;
-}
-.work-score-batch-qty-input {
-  width: 72px;
-  flex-shrink: 0;
-}
-.work-score-batch-qty-input :deep(.el-input__inner) {
-  height: 34px;
-  font-size: 16px;
-  font-weight: 600;
-  text-align: center;
-  color: #303133;
-}
-.work-score-batch-qty-input :deep(.el-input__inner::placeholder) {
-  font-size: 13px;
-  font-weight: 400;
-  color: #a8abb2;
-}
-.work-score-batch-qty-input :deep(input[type='number']) {
-  -moz-appearance: textfield;
-  appearance: textfield;
-}
-.work-score-batch-qty-input :deep(input[type='number']::-webkit-outer-spin-button),
-.work-score-batch-qty-input :deep(input[type='number']::-webkit-inner-spin-button) {
-  -webkit-appearance: none;
-  margin: 0;
-}
-.work-score-submit-btn {
-  flex-shrink: 0;
-  min-width: 88px;
-  height: 32px;
-  font-size: 14px;
-  font-weight: 600;
-  padding: 0 12px;
-  margin-left: auto;
-}
-.work-score-confirm-tip {
-  margin: 0 0 12px;
-  font-size: 15px;
-  color: #606266;
-}
-:deep(.work-score-confirm-over-cell) {
-  color: #f56c6c !important;
-  font-weight: 600;
-}
-.work-score-process-table-wrap :deep(.work-score-process-table .el-input__inner) {
-  height: 30px;
-  font-size: 14px;
-}
-.work-score-process-table-wrap :deep(.work-score-qty-input .el-input__inner) {
-  height: 30px;
-  font-size: 18px;
-  font-weight: 600;
-  text-align: center;
-  color: #303133;
-}
-/* 选中行：只高亮整行粉色，输入框保持白底 */
-.work-score-process-table-wrap :deep(.el-table__body tr.work-score-process-row-active > td.el-table__cell),
-.work-score-process-table-wrap :deep(.el-table__body tr.current-row > td.el-table__cell) {
-  background-color: #ff80ff !important;
-  background: #ff80ff !important;
-}
-.work-score-process-table-wrap :deep(.work-score-qty-over .el-input__inner) {
-  color: #f56c6c !important;
-}
-.work-score-process-table-wrap :deep(.work-score-staff-input .el-input__inner) {
-  height: 30px;
-  font-size: 14px;
-  text-align: center;
-}
-.work-score-process-table-wrap :deep(.work-score-process-table .cell) {
-  font-size: 15px;
-  line-height: 1.4;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.work-score-row-actions {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-}
-.work-score-fill-row-btn,
-.work-score-add-person-btn {
-  margin: 0;
-  min-width: 52px;
-  height: 30px;
-  padding: 0 10px;
-  font-size: 13px;
-  font-weight: 600;
-  border-radius: 4px;
-}
-.work-score-add-person-btn {
-  color: #409eff;
-  border-color: #b3d8ff;
-  background: #fff;
-}
-.work-score-add-person-btn:hover:not(:disabled) {
-  color: #fff;
-  border-color: #409eff;
-  background: #409eff;
-}
-.work-score-fill-row-btn:disabled {
-  opacity: 0.45;
-}
-.work-score-staff-row {
-  margin-bottom: 2px;
-}
-.work-score-staff-row:last-child {
-  margin-bottom: 0;
-}
-.work-score-process-table-wrap :deep(.work-score-process-table td.el-table__cell) {
-  padding: 3px 0;
-}
-.work-score-process-table-wrap :deep(.work-score-process-table th.el-table__cell) {
-  padding: 8px 0;
-  font-size: 14px;
-  background: #f5f7fa;
-}
-.work-score-process-table-wrap :deep(.work-score-process-table .el-table__body-wrapper) {
-  overflow-y: auto;
-}
-.work-score-process-table-wrap :deep(.work-score-process-table .el-scrollbar__wrap) {
-  padding-bottom: 6px;
-  box-sizing: border-box;
-}
-.work-score-process-table-wrap :deep(.work-score-process-table .el-scrollbar__bar.is-vertical) {
-  width: 8px;
-  right: 2px;
-}
-.work-score-process-table-wrap {
-  flex: 1;
-  min-height: 0;
-  height: 0;
-  overflow: hidden;
-  padding-bottom: 4px;
-  box-sizing: border-box;
-}
-.work-score-process-table-wrap :deep(input[type='number']) {
-  -moz-appearance: textfield;
-  appearance: textfield;
-}
-.work-score-process-table-wrap :deep(input[type='number']::-webkit-outer-spin-button),
-.work-score-process-table-wrap :deep(input[type='number']::-webkit-inner-spin-button) {
-  -webkit-appearance: none;
-  margin: 0;
-}
-.work-score-process-empty {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  padding: 50px;
-}
-.work-score-process-empty--muted {
-  color: #999;
-}
-.gongfen-col-header {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 4px;
-  width: 100%;
-}
-
-.gongfen-history-table :deep(.el-table__header .cell),
-.gongfen-history-table :deep(.el-table__body .cell),
-.gongfen-history-table :deep(.el-table__footer .cell) {
-  padding-left: 8px;
-  padding-right: 8px;
-  line-height: 24px;
-  box-sizing: border-box;
-}
-
-.gongfen-history-table :deep(.el-table__header th),
-.gongfen-history-table :deep(.el-table__body td),
-.gongfen-history-table :deep(.el-table__footer td) {
-  padding-top: 4px !important;
-  padding-bottom: 4px !important;
-}
-
-.gongfen-history-table :deep(.el-table__footer-wrapper td) {
-  font-weight: 600;
-  background: #fafafa;
-}
-.gy-detail-filter-btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 22px;
-  height: 22px;
-  cursor: pointer;
-  color: #909399;
-  border-radius: 2px;
-}
-.gy-detail-filter-btn:hover,
-.gy-detail-filter-btn.is-active {
-  color: var(--el-color-primary);
-  background: #ecf5ff;
-}
-.gy-detail-filter-options {
-  max-height: 220px;
-  overflow-x: hidden;
-  overflow-y: auto;
-  margin-bottom: 4px;
-}
-.gy-detail-filter-panel :deep(.el-checkbox) {
-  display: flex;
-  margin-right: 0;
-  margin-bottom: 6px;
-}
-.gy-detail-filter-actions {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: 4px;
-  padding-top: 8px;
-  border-top: 1px solid #ebeef5;
-}
-.gy-detail-filter-link {
-  color: var(--el-color-primary);
-  font-size: 12px;
-  line-height: 1;
-  cursor: pointer;
-  user-select: none;
-  padding: 4px 2px;
-}
-.gy-detail-filter-link:hover {
-  opacity: 0.85;
-}
-.mab{
-  margin-bottom: 5px;
-}
-
-/* 搜索样式 */
-::v-deep .el-input__wrapper #searchInput {  
-  font-size: 16px; 
-} 
-::v-deep .el-input__wrapper #jitaihao {  
-  font-size: 18px; 
-}  
-::v-deep .el-input__wrapper #gongxu {  
-  font-size: 18px; 
-}  
-::v-deep .el-input__wrapper #zubie {  
-  font-size: 18px; 
-}  
-::v-deep .el-input__wrapper #renyuan {  
-  font-size: 18px; 
-} 
-::v-deep .el-input__wrapper #shuliang {  
-  font-size: 18px; 
-  color: red;
-} 
-::v-deep .el-input__wrapper #chima {  
-  font-size: 18px; 
-} 
-
-/* 尺码/制单数合计样式 */
-::v-deep .el-input__wrapper  #cm1{
-    font-size: 20px; 
-}
-::v-deep .el-input__wrapper  #cm2{
-    font-size: 20px; 
-}
-::v-deep .el-input__wrapper  #cm3{
-    font-size: 20px; 
-}
-::v-deep .el-input__wrapper  #cm4{
-    font-size: 20px; 
-}
-::v-deep .el-input__wrapper  #cm5{
-    font-size: 20px; 
-}
-::v-deep .el-input__wrapper  #cm6{
-    font-size: 20px; 
-}
-::v-deep .el-input__wrapper  #cm7{
-    font-size: 20px; 
-}
-::v-deep .el-input__wrapper  #cm8{
-    font-size: 20px; 
-}
-::v-deep .el-input__wrapper  #cm9{
-    font-size: 20px; 
-}
-::v-deep .el-input__wrapper  #cm10{
-    font-size: 20px; 
-}
-::v-deep .el-input__wrapper  #cm11{
-    font-size: 20px; 
-}
-::v-deep .el-input__wrapper  #cm12{
-    font-size: 20px; 
-}
-::v-deep .el-input__wrapper  #cm13{
-    font-size: 20px; 
-}
-::v-deep .el-input__wrapper  #cm14{
-    font-size: 20px; 
-}
-::v-deep .el-input__wrapper  #cmtotal{
-    font-size: 20px; 
-}
-/* 本次实裁新增样式 */
-::v-deep .el-input__wrapper  #cmsl1{
-    font-size: 20px; 
-    color: red !important;
-}
-::v-deep .el-input__wrapper  #cmsl2{
-    font-size: 20px; 
-    color: red !important;
-}
-::v-deep .el-input__wrapper  #cmsl3{
-    font-size: 20px; 
-    color: red !important;
-}
-::v-deep .el-input__wrapper  #cmsl4{
-    font-size: 20px; 
-    color: red !important;
-}
-::v-deep .el-input__wrapper  #cmsl5{
-    font-size: 20px; 
-    color: red !important;
-}
-::v-deep .el-input__wrapper  #cmsl6{
-    font-size: 20px; 
-    color: red !important;
-}
-::v-deep .el-input__wrapper  #cmsl7{
-    font-size: 20px; 
-    color: red !important;
-}
-::v-deep .el-input__wrapper  #cmsl8{
-    font-size: 20px; 
-    color: red !important;
-}
-::v-deep .el-input__wrapper  #cmsl9{
-    font-size: 20px; 
-    color: red !important;
-}
-::v-deep .el-input__wrapper  #cmsl10{
-    font-size: 20px; 
-    color: red !important;
-}
-::v-deep .el-input__wrapper  #cmsl11{
-    font-size: 20px; 
-    color: red !important;
-}
-::v-deep .el-input__wrapper  #cmsl12{
-    font-size: 20px; 
-    color: red !important;
-}
-::v-deep .el-input__wrapper  #cmsl13{
-    font-size: 20px; 
-    color: red !important;
-}
-::v-deep .el-input__wrapper  #cmsl14{
-    font-size: 20px; 
-    color: red !important;
-}
-::v-deep .el-input__wrapper  #zdtotal{
-    font-size: 20px; 
-  color: red !important;
-}
-::v-deep .el-input__wrapper  #scs1{
-    font-size: 18px; 
-}
-::v-deep .el-input__wrapper  #scs2{
-    font-size: 18px; 
-}
-::v-deep .el-input__wrapper  #scs3{
-    font-size: 18px; 
-}
-::v-deep .el-input__wrapper  #scs4{
-    font-size: 18px; 
-}
-::v-deep .el-input__wrapper  #scs5{
-    font-size: 18px; 
-}
-::v-deep .el-input__wrapper  #scs6{
-    font-size: 18px; 
-}
-::v-deep .el-input__wrapper  #scs7{
-    font-size: 18px; 
-}
-::v-deep .el-input__wrapper  #scs8{
-    font-size: 18px; 
-}
-::v-deep .el-input__wrapper  #scs9{
-    font-size: 18px; 
-}
-::v-deep .el-input__wrapper  #scs10{
-    font-size: 18px; 
-}
-::v-deep .el-input__wrapper  #scs11{
-    font-size: 18px; 
-}
-::v-deep .el-input__wrapper  #scs12{
-    font-size: 18px; 
-}
-::v-deep .el-input__wrapper  #scs13{
-    font-size: 18px; 
-}
-::v-deep .el-input__wrapper  #scs14{
-    font-size: 18px; 
-}
-::v-deep .el-input__wrapper  #sctotal{
-    font-size: 18px; 
-}
-
-
-/* 表格复选框大小调整 */
-:deep(.el-checkbox.el-checkbox--small .el-checkbox__inner) {
-    width: 30px;
-    /* 复选框宽度 */
-    height: 20px;
-    /* 复选框高度 */
-}
-:deep(.el-checkbox.el-checkbox--small.is-checked .el-checkbox__inner::after) {
-    transform: scale(1.2) rotate(45deg);
-    /* 调整选中后的对勾大小 */
-    top: 5%;
-    /* 调整对勾位置 */
-    left: 40%;
-    /* 调整对勾位置 */
-    width: 5px;
-    /* 调整对勾宽度 */
-    height: 9px;
-    /* 调整对勾高度 */
-}
-
-/* 部件列表样式 */
-.part-list {
-  border: 1px solid #e0e0e0;
-  border-radius: 4px;
-  overflow: hidden;
-}
-
-.part-item {
-  padding: 15px;
-  border-bottom: 1px solid #f0f0f0;
-  cursor: pointer;
-  transition: all 0.3s ease;
-}
-
-.part-item:last-child {
-  border-bottom: none;
-}
-
-.part-item:hover {
-  background-color: #f5f7fa;
-}
-
-.part-item.selected {
-  background-color: #ecf5ff;
-  border-left: 4px solid #409EFF;
-}
-
-.part-info {
-  display: flex;
-  flex-direction: column;
-}
-
-.part-number {
-  font-size: 14px;
-  color: #999;
-  margin-bottom: 5px;
-}
-
-.part-name {
-  font-size: 16px;
-  font-weight: 500;
-}
-
-/* 员工网格样式 */
-.employee-grid {
-  display: grid;
-  grid-template-columns: repeat(12, 1fr);
-  gap: 8px;
-}
-
-.employee-card {
-  border: 1px solid #e0e0e0;
-  border-radius: 12px;
-  padding: 10px;
-  text-align: center;
-  cursor: pointer;
-  transition: all 0.3s ease;
-}
-
-.employee-card:hover {
-  border-color: #409EFF;
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-
-.employee-card.selected {
-  border-color: #67C23A;
-  background-color: #F0F9EB;
-}
-
-.employee-avatar {
-  width: 30px;
-  height: 30px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 0 auto 8px;
-  font-size: 20px;
-  font-weight: bold;
-  color: white;
-}
-
-.employee-name {
-  font-size: 20px;
-  font-weight: 500;
-  margin-bottom: 3px;
-}
-
-.employee-id {
-  font-size: 16px;
-  color: #999;
-}
-
-</style>
-
-<style>
-/* 工分报工工艺表：选中/悬停整行粉色；完工人员、完工数量输入框保持白底 */
-.work-score-process-table .el-table__body tr.work-score-process-row-active > td.el-table__cell,
-.work-score-process-table .el-table__body tr.current-row > td.el-table__cell,
-.work-score-process-table .el-table__body tr:hover > td.el-table__cell {
-  background-color: #ff80ff !important;
-  background: #ff80ff !important;
-}
-.work-score-process-table .el-table__body tr.work-score-process-row-active .work-score-qty-input,
-.work-score-process-table .el-table__body tr.current-row .work-score-qty-input,
-.work-score-process-table .el-table__body tr:hover .work-score-qty-input,
-.work-score-process-table .el-table__body tr.work-score-process-row-active .work-score-staff-input,
-.work-score-process-table .el-table__body tr.current-row .work-score-staff-input,
-.work-score-process-table .el-table__body tr:hover .work-score-staff-input {
-  --el-input-bg-color: #ffffff;
-  --el-fill-color-blank: #ffffff;
-}
-.work-score-process-table .el-table__body tr.work-score-process-row-active .work-score-qty-input .el-input__wrapper,
-.work-score-process-table .el-table__body tr.current-row .work-score-qty-input .el-input__wrapper,
-.work-score-process-table .el-table__body tr:hover .work-score-qty-input .el-input__wrapper,
-.work-score-process-table .el-table__body tr.work-score-process-row-active .work-score-staff-input .el-input__wrapper,
-.work-score-process-table .el-table__body tr.current-row .work-score-staff-input .el-input__wrapper,
-.work-score-process-table .el-table__body tr:hover .work-score-staff-input .el-input__wrapper,
-.work-score-process-table .el-table__body tr.work-score-process-row-active .work-score-qty-input .el-input__wrapper.is-focus,
-.work-score-process-table .el-table__body tr.current-row .work-score-qty-input .el-input__wrapper.is-focus,
-.work-score-process-table .el-table__body tr:hover .work-score-qty-input .el-input__wrapper.is-focus,
-.work-score-process-table .el-table__body tr.work-score-process-row-active .work-score-staff-input .el-input__wrapper.is-focus,
-.work-score-process-table .el-table__body tr.current-row .work-score-staff-input .el-input__wrapper.is-focus,
-.work-score-process-table .el-table__body tr:hover .work-score-staff-input .el-input__wrapper.is-focus {
-  background-color: #ffffff !important;
-  background: #ffffff !important;
-}
-
-/* 确认报工弹窗：固定尺寸 + 内容居中放大（append-to-body 用全局样式） */
-.work-score-confirm-dialog.el-dialog,
-.work-score-confirm-dialog {
-  width: 1040px !important;
-  margin-top: 8vh !important;
-}
-.work-score-confirm-dialog .el-dialog__header {
-  padding: 12px 12px 6px;
-}
-.work-score-confirm-dialog .el-dialog__title {
-  font-size: 20px;
-  font-weight: 600;
-}
-.work-score-confirm-dialog .el-dialog__body {
-  padding: 4px 12px 4px;
-  height: 556px;
-  box-sizing: border-box;
-  overflow: hidden;
-}
-.work-score-confirm-dialog .work-score-confirm-tip {
-  margin: 0 0 6px;
-  text-align: center;
-  font-size: 18px;
-  font-weight: 600;
-  color: #303133;
-  line-height: 1.3;
-}
-.work-score-confirm-dialog .work-score-confirm-table {
-  font-size: 15px;
-  width: 100% !important;
-}
-.work-score-confirm-dialog .work-score-confirm-table .el-table__inner-wrapper::before {
-  display: none;
-}
-.work-score-confirm-dialog .work-score-confirm-table .el-table__header-wrapper,
-.work-score-confirm-dialog .work-score-confirm-table .el-table__body-wrapper {
-  overflow-x: hidden !important;
-}
-.work-score-confirm-dialog .work-score-confirm-table .el-scrollbar__bar.is-horizontal {
-  display: none !important;
-}
-.work-score-confirm-dialog .work-score-confirm-table .el-table__header th {
-  color: #000 !important;
-  font-weight: 600;
-  font-size: 15px;
-  padding: 4px 0 !important;
-  height: 32px !important;
-}
-.work-score-confirm-dialog .work-score-confirm-table .el-table__header th .cell {
-  color: #000 !important;
-  font-weight: 600;
-  line-height: 22px;
-  padding: 0 6px !important;
-}
-.work-score-confirm-dialog .work-score-confirm-table .el-table__body td {
-  font-size: 15px;
-  padding: 2px 0 !important;
-  height: 32px !important;
-}
-.work-score-confirm-dialog .work-score-confirm-table .cell {
-  line-height: 22px;
-  padding: 0 6px !important;
-}
-.work-score-confirm-dialog .work-score-confirm-table .el-table__header th.is-center,
-.work-score-confirm-dialog .work-score-confirm-table .el-table__body td.is-center {
-  text-align: center !important;
-}
-.work-score-confirm-dialog .work-score-confirm-table .el-table__header th.is-center .cell,
-.work-score-confirm-dialog .work-score-confirm-table .el-table__body td.is-center .cell {
-  text-align: center !important;
-  justify-content: center;
-}
-.work-score-confirm-dialog .work-score-confirm-table .el-table__header th.is-left,
-.work-score-confirm-dialog .work-score-confirm-table .el-table__body td.is-left {
-  text-align: left !important;
-}
-.work-score-confirm-dialog .work-score-confirm-table .el-table__header th.is-left .cell,
-.work-score-confirm-dialog .work-score-confirm-table .el-table__body td.is-left .cell {
-  text-align: left !important;
-  justify-content: flex-start;
-}
-.work-score-confirm-dialog .work-score-confirm-over-cell {
-  color: #f56c6c !important;
-  font-weight: 600;
-  font-size: 17px !important;
-}
-.work-score-confirm-dialog .el-dialog__footer {
-  padding: 8px 12px 12px;
-}
-.work-score-confirm-dialog .el-dialog__footer .el-button {
-  min-width: 100px;
-  font-size: 15px;
-}
-.work-score-confirm-dialog .el-table__body tr:hover > td {
-  background-color: var(--el-table-tr-bg-color, #fff) !important;
-}
-.work-score-confirm-dialog .el-table__body tr.el-table__row--striped:hover > td {
-  background-color: var(--el-fill-color-lighter, #fafafa) !important;
-}
-
-/* 修改数量弹窗：超出未完成数时数量变红 */
-.edit-reporting-qty-dialog .edit-reporting-qty-over .el-input__inner,
-.edit-reporting-qty-dialog .edit-reporting-qty-over .el-input__wrapper input {
-  color: #f56c6c !important;
-  font-weight: 600;
-}
-
-.custom-warning-message {
-  background: transparent !important;
-  border: none !important;
-  box-shadow: none !important;
-  padding: 0 !important;
-}
-
-.custom-warning-message .el-message__content {
-  padding: 0 !important;
-  line-height: 1 !important;
-}
-
-.custom-warning-message .el-message__icon {
-  display: none !important;
-}
-
-.custom-warning-message .el-message__closeBtn {
-  display: none !important;
-}
-.gongfen-unified-tip.el-message {
-  left: 50% !important;
-  transform: translateX(-50%) !important;
-  width: 520px !important;
-  min-width: 520px !important;
-  max-width: 520px !important;
-}
-
-.gy-detail-filter-popper {
-  z-index: 10050 !important;
-  pointer-events: auto;
-  padding: 8px 10px !important;
-}
-
-.gy-detail-filter-popper .gy-detail-filter-panel {
-  pointer-events: auto;
-}
-
-.gy-detail-filter-popper .gy-detail-filter-panel .el-checkbox {
-  display: flex;
-  margin-right: 0;
-  margin-bottom: 6px;
-}
-
-/* 工分报工删除确认：图标顶对齐，工序信息左对齐 */
-.gongfen-delete-confirm .el-message-box__container {
-  align-items: flex-start;
-}
-.gongfen-delete-confirm .el-message-box__status {
-  top: 2px;
-}
-.gongfen-delete-confirm .el-message-box__message {
-  padding-left: 0;
-  text-align: left;
-}
-.gongfen-delete-confirm .gongfen-delete-msg {
-  text-align: left;
-  line-height: 1.7;
-}
-.gongfen-delete-confirm .gongfen-delete-msg__row {
-  margin-top: 6px;
-}
-.gongfen-delete-confirm .gongfen-delete-msg__row strong {
-  color: #f56c6c;
-  font-weight: 600;
-}
-</style>
+<template>
+  <div>
+    <layout>
+      <layout-content >
+        <div class="gva-table-box">
+            <div style="display: flex; align-items: baseline; margin-bottom: 10px;">
+                <h1 style="margin: 0; margin-bottom: 10px;">{{_code}}工分报工</h1>
+            </div>
+              <div class="gongfen-toolbar-row">
+                <el-input
+                  v-model="add_searchInfo"
+                  placeholder="请扫描订单二维码"
+                  @keyup.enter="add_onSubmit"
+                  id="searchInput"
+                  class="gongfen-order-search-input"
+                  :disabled="workScoreDialogVisible"
+				  />
+                <el-button type="primary" icon="search" class="gongfen-search-btn" :disabled="workScoreDialogVisible" @click="add_onSubmit">查询</el-button>
+                <span class="gongfen-toolbar-label">机台号</span>
+                <el-input v-model="add_formData['机台号']" readonly class="gongfen-toolbar-field" />
+                <span class="gongfen-toolbar-label">工序</span>
+                <el-input v-model="add_formData['工序']" readonly class="gongfen-toolbar-field" />
+                <span class="gongfen-toolbar-label">组别</span>
+                <el-input v-model="add_formData['组别']" readonly class="gongfen-toolbar-field" />
+              </div>
+              
+              <!-- 订单信息显示区域 -->
+              <div style="margin-top: 20px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: flex-start;">
+                <div style="flex: 1;">
+                  <el-table :data="orderInfoList" style="width: 100%">
+                    <el-table-column prop="订单编号" label="订单编号" width="110" />
+                    <el-table-column prop="生产款号" label="生产款号" width="300" />
+                    <el-table-column prop="款式" label="款式" width="220" />
+                    <el-table-column prop="订单数量" label="订单数量" width="110" />
+
+                  </el-table>
+                </div>
+                <div class="gongfen-order-actions">
+                  <el-button type="success" icon="document" class="gongfen-work-score-btn" :disabled="!currentOrderNo" :loading="loadingProcess && !workScoreDialogVisible" @click="openWorkScoreDialog">工分报工</el-button>
+                </div>
+              </div>
+            
+              <div class="gongfen-report-tabs">
+                <!-- 表格数据 -->
+                  <el-tabs v-model="activeName" @tab-click="onGongfenTabClick">
+                      <el-tab-pane label="当天报工记录" name="first">
+                        <el-table
+                          ref="gongfenHistoryTableRef"
+                          class="gongfen-history-table"
+                          style="width: 100%; height: 52vh"
+                          tooltip-effect="dark"
+                          :row-style="{ height: '38px' }"
+                          :header-cell-style="gongfenHistoryHeaderCellStyle"
+                          :cell-style="gongfenHistoryCellStyle"
+                          :footer-cell-style="gongfenHistoryFooterCellStyle"
+                          :header-row-style="{ height: '34px' }"
+                          :data="filteredGongfenHistoryData"
+                          border
+                          row-key="ID"
+                          size="small"
+                          show-summary
+                          scrollbar-always-on
+                          :summary-method="getGongfenHistorySummaries"
+                          highlight-current-row
+                          show-overflow-tooltip
+                          @row-click="tableRowClick"
+                        >
+                        <el-table-column align="center" label="小组" prop="sys_id" :width="90" show-overflow-tooltip />
+                        <el-table-column align="center" label="订单编号" prop="work_order" :width="100" />
+                        <el-table-column align="center" label="工序号" prop="process_code" :width="90" />
+                                  <el-table-column align="left" label="工序名称" prop="process_name" min-width="200" show-overflow-tooltip />
+                                  <el-table-column align="center" label="员工姓名" prop="staff_name" :width="120">
+                                    <template #header>
+                                      <div class="gongfen-col-header">
+                                        <span>员工姓名</span>
+                                        <el-popover trigger="click" placement="bottom-start" :width="180" :teleported="true" :z-index="10050" append-to-body popper-class="gy-detail-filter-popper">
+                                          <template #reference>
+                                            <span class="gy-detail-filter-btn" :class="{ 'is-active': isStaffNameFilterActive }" @click.stop>
+                                              <svg viewBox="0 0 1024 1024" width="14" height="14" aria-hidden="true"><path fill="currentColor" d="M880.1 154H143.9c-24.5 0-39.9 26.7-27.6 48L349 597.4V838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V597.4L907.7 202c12.2-21.3-3.1-48-27.6-48z"/></svg>
+                                            </span>
+                                          </template>
+                                          <div class="gy-detail-filter-panel">
+                                            <div class="gy-detail-filter-options">
+                                              <el-checkbox-group v-model="staffNameFilter">
+                                                <el-checkbox v-for="item in staffNameFilterOptions" :key="item.value" :label="item.value">{{ item.text }}</el-checkbox>
+                                              </el-checkbox-group>
+                                            </div>
+                                            <div class="gy-detail-filter-actions">
+                                              <span class="gy-detail-filter-link" @click.stop="clearStaffNameFilter">取消全选</span>
+                                              <span class="gy-detail-filter-link" @click.stop="selectAllStaffNameFilter">全选</span>
+                                            </div>
+                                          </div>
+                                        </el-popover>
+                                      </div>
+                                    </template>
+                                  </el-table-column>
+                                  <el-table-column align="center" label="数量" prop="number" :width="90" />
+                                  <el-table-column align="center" label="报工时间" prop="sys_rq" :width="180" show-overflow-tooltip />
+                                  <el-table-column align="center" label="操作" :width="160" fixed="right">
+                                    <template #default="scope">
+                                      <el-button type="primary" size="small" @click.stop="openEditReportingQty(scope.row)">修改</el-button>
+                                      <el-button type="danger" size="small" @click.stop="deleteReportingWork(scope.row)">删除</el-button>
+                                    </template>
+                                  </el-table-column>
+                        </el-table>
+                      </el-tab-pane>
+
+                    <el-tab-pane label="工序产量核查" name="processProduction" lazy>
+                      <ProcessProduction
+                        ref="processProductionRef"
+                        :key="`${currentOrderNo || 'empty'}-${processProductionRefreshKey}`"
+                        :initial-workorder="currentOrderNo"
+                        :initial-process="add_formData['工序']"
+                        :initial-sys-id="add_formData['组别']"
+                        embedded-in-tab
+                        hide-amount-columns
+                      />
+                    </el-tab-pane>
+
+                    <el-tab-pane label="订单资料附件" name="third">
+                      <el-table ref="multipleTable"
+                                :row-style="{ height: '30px' }"
+                                :cell-style="{ padding: '0px' }" :header-row-style="{ height: '30px' }"
+                                :header-cell-style="{ padding: '0px' }"
+                                :show-overflow-tooltip="true"
+                                :cell-class-name="planUsageCellClass"
+                                highlight-current-row="true"
+                                @row-dblclick="gdbomupdateCompanyFunc"
+                                style="width: 100%;height: 36vh" border tooltip-effect="dark" :data="ddtableData" row-key="ID"
+                                 @selection-change="fjSelectionChange">
+                       <el-table-column align="left" label="关联编号" prop="关联编号"  width="115"/>
+                       <el-table-column align="left" label="备注" 	prop="附件备注"  width="110"/>
+                       <el-table-column align="left" label="文件类型" prop="附件类型"  width="100"/>
+                       <el-table-column align="left" label="建档时间" prop="sys_rq"  width="160"/>
+                       <el-table-column align="left" label="建档用户" prop="sys_id"  width="200"/>
+                                     <el-table-column align="left" label="操作"width="100"fixed="right">
+                                       <template #default="scope">
+                                         <el-button type="success" size="small" :data="ddtableData" @click="showPdf(scope.row)" >PDF预览</el-button>
+                                       </template>
+                                     </el-table-column>
+                      </el-table>
+                    </el-tab-pane>
+
+
+                    <el-tab-pane label="技术附件" name="fourth">
+                        <el-table ref="multipleTable"
+                                          :row-style="{ height: '30px' }"
+                                          :cell-style="{ padding: '0px' }" :header-row-style="{ height: '30px' }"
+                                          :header-cell-style="{ padding: '0px' }"
+                                          :show-overflow-tooltip="true"
+                                          :cell-class-name="planUsageCellClass"
+                                          highlight-current-row="true"
+                                          @row-dblclick="ExcelShow"
+                                          style="width: 100%;height: 36vh" border tooltip-effect="dark" :data="jstableData" row-key="ID"
+                                          @selection-change="fjSelectionChange">
+                                      <el-table-column align="left" label="关联编号" prop="关联编号"  width="115"/>
+                                      <el-table-column align="left" label="备注" 	prop="附件备注"  width="110"/>
+                                      <el-table-column align="left" label="文件类型" prop="附件类型"  width="100"/>
+                                      <el-table-column align="left" label="建档时间" prop="sys_rq"  width="160"/>
+                                      <el-table-column align="left" label="建档用户" prop="sys_id"  width="200"/>
+                                      <el-table-column align="left" label="操作"width="100"fixed="right">
+                                        <template #default="scope">
+                                          <el-button type="success" size="small" :data="ddtableData" @click="showPdf(scope.row)" >PDF预览</el-button>
+                                        </template>
+                                      </el-table-column>
+                        </el-table>
+                      </el-tab-pane>
+                    </el-tabs>
+
+                    </div>
+            </div>
+            
+                <!-- 是否订单尾包确认弹窗 -->
+                <el-dialog v-model="DialogVisible" title="是否订单尾包" destroy-on-close width="30%" style="top: 20%;">
+                    <h3>请再次确认是否该订单产品已全部报工，该批为订单尾包？</h3>
+                    <div class="dialog-footer" style="text-align: right;">
+                        <el-button @click="confirmDialogVisible">取消</el-button>
+                        <el-button type="primary" @click="handleConfirm">确认</el-button>
+                    </div>
+                </el-dialog>
+                
+                <!-- 工分报工对话框 -->
+                <el-dialog
+                  v-model="workScoreDialogVisible"
+                  class="work-score-dialog"
+                  width="100vw"
+                  height="100vh"
+                  :show-close="false"
+                  :modal="false"
+                  :close-on-click-modal="false"
+                  style="padding: 0; margin: 0; overflow: hidden; background: white;"
+                >
+                  <div class="work-score-dialog-inner">
+                    <!-- 订单信息 + 关闭 -->
+                    <div class="work-score-order-header">
+                      <div v-if="orderInfoList.length > 0" class="work-score-order-bar">
+                        <p><strong>组别:</strong> {{ add_formData['组别'] }}</p>
+                        <p><strong>订单编号:</strong> {{ orderInfoList[0]['订单编号'] }}</p>
+                        <p><strong>生产款号:</strong> {{ orderInfoList[0]['生产款号'] }}</p>
+                        <p><strong>款式:</strong> {{ orderInfoList[0]['款式'] }}</p>
+                        <p><strong>订单数量:</strong> {{ orderInfoList[0]['订单数量'] }}</p>
+                      </div>
+                      <el-button type="danger" class="work-score-close-btn" @click="workScoreDialogVisible = false">关闭</el-button>
+                    </div>
+                    
+                    <!-- 下方：左右分栏 -->
+                    <div class="work-score-main-body">
+                      <!-- 左侧：部件列表（所有工序统一） -->
+                      <div v-if="processParts.length > 0" class="work-score-sidebar">
+                        <div class="work-score-content-header">
+                          <h3 class="work-score-section-title">部件</h3>
+                        </div>
+                        <div class="part-list work-score-part-list">
+                          <div
+                            v-for="(part, index) in processParts"
+                            :key="part['部件编号']"
+                            class="part-item"
+                            :class="{ selected: selectedPartIndex === index }"
+                            @click="selectPart(index)"
+                          >
+                            <div class="part-info">
+                              <div class="part-name">{{ part['部件编号'] }}-{{ part['部件名称'] }}</div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+
+                      <!-- 右侧：上报人员 + 工艺列表 -->
+                      <div class="work-score-right-panel">
+                        <!-- 上报人员选择 -->
+                        <div class="work-score-employee-section">
+                          <div class="work-score-content-header work-score-step-header">
+                            <p class="work-score-step-text">第一步：请先选择<strong>人员</strong></p>
+                          </div>
+                          <div class="employee-grid work-score-employee-grid">
+                            <div 
+                              v-for="employee in employees" 
+                              :key="employee['员工编号']"
+                              class="employee-card"
+                              :class="{ selected: selectedEmployee === employee['员工编号'] }"
+                              @click="selectEmployee(employee)"
+                              draggable="true"
+                              @dragstart="onDragStart($event, employee)"
+                            >
+                              <div class="employee-avatar" :style="{ backgroundColor: getAvatarColor(employee['员工编号']) }">
+                                {{ employee['员工姓名'].charAt(0) }}
+                              </div>
+                              <div class="employee-name">{{ employee['员工姓名'] }}</div>
+                              <div class="employee-id">{{ employee['员工编号'] }}</div>
+                            </div>
+                          </div>
+                        </div>
+                        
+                        <!-- 工艺列表 -->
+                        <div class="work-score-process-area">
+                          <div v-if="selectedPartIndex !== -1 && partProcesses[selectedPartIndex] && partProcesses[selectedPartIndex].length > 0" class="work-score-process-block">
+                            <div class="work-score-process-toolbar work-score-process-toolbar--simple">
+                              <div class="work-score-toolbar-guide">
+                                <div class="work-score-quick-row work-score-step-row">
+                                  <span class="work-score-step-text">第二步：找到工序名称，填<strong>完工数量</strong></span>
+                                  <!-- <el-input
+                                    v-model.number="batchQuantity"
+                                    type="number"
+                                    :placeholder="selectedEmployee ? '如 20' : '先选人'"
+                                    class="work-score-batch-qty-input"
+                                    :disabled="!selectedEmployee"
+                                  /> -->
+                                  <el-button type="primary" class="work-score-submit-btn" @click="submitWorkScore">提交报工</el-button>
+                                </div>
+                            
+                              </div>
+                            </div>
+                            
+                            <div ref="processTableWrapRef" class="work-score-process-table-wrap">
+                              <el-table
+                                ref="processTableRef"
+                                :data="partProcesses[selectedPartIndex]"
+                                :height="processTableHeight"
+                                scrollbar-always-on
+                                highlight-current-row
+                                :row-class-name="processTableRowClassName"
+                                class="work-score-process-table"
+                                style="width: 100%;"
+                                @row-click="onProcessTableRowClick"
+                              >
+                                <el-table-column prop="工艺编号" label="工序号" width="72" align="center" />
+                                <el-table-column prop="工艺名称" label="工序名称" min-width="240" />
+                                <el-table-column prop="本组完成数" label="本组完成数" min-width="88" align="center" />
+                                <el-table-column prop="累计完成数" label="累计完成数" min-width="70" align="center" />
+                                <el-table-column prop="未完成数" label="未完成数" min-width="60" align="center" />
+                                <el-table-column label="完工人员" width="120">
+                                  <template #default="scope">
+                                    <div v-if="getReportingData(selectedPartIndex, scope.$index).staffList">
+                                      <div v-for="(staff, staffIndex) in getReportingData(selectedPartIndex, scope.$index).staffList" :key="staffIndex" class="work-score-staff-row">
+                                        <el-input 
+                                          v-model="staff.staff_name" 
+                                          class="work-score-staff-input"
+                                          readonly
+                                          :disabled="isReportingFillDisabled(selectedPartIndex, scope.$index, staffIndex)"
+                                          @focus="highlightProcessRow(scope.row)"
+                                          @click="fillSelectedEmployee(staff, selectedPartIndex, scope.$index, staffIndex); highlightProcessRow(scope.row)"
+                                          @drop="onDrop($event, selectedPartIndex, scope.$index, staffIndex)"
+                                          @dragover="onDragOver($event)"
+                                        />
+                                      </div>
+                                    </div>
+                                    <el-input 
+                                      v-else 
+                                      v-model="getReportingData(selectedPartIndex, scope.$index).staff_name" 
+                                      class="work-score-staff-input"
+                                      readonly
+                                      :disabled="isReportingFillDisabled(selectedPartIndex, scope.$index)"
+                                      @focus="highlightProcessRow(scope.row)"
+                                      @click="fillSelectedEmployee(getReportingData(selectedPartIndex, scope.$index), selectedPartIndex, scope.$index); highlightProcessRow(scope.row)"
+                                      @drop="onDrop($event, selectedPartIndex, scope.$index)"
+                                      @dragover="onDragOver($event)"
+                                    />
+                                  </template>
+                                </el-table-column>
+                                <el-table-column label="完工数量" width="110">
+                                  <template #default="scope">
+                                    <div v-if="getReportingData(selectedPartIndex, scope.$index).staffList">
+                                      <div v-for="(staff, staffIndex) in getReportingData(selectedPartIndex, scope.$index).staffList" :key="staffIndex" class="work-score-staff-row">
+                                        <el-input 
+                                          :model-value="staff.number"
+                                          inputmode="numeric"
+                                          class="work-score-qty-input"
+                                          :class="{ 'work-score-qty-over': isQtyOverUnfinished(selectedPartIndex, scope.$index) }"
+                                          :disabled="isReportingFillDisabled(selectedPartIndex, scope.$index, staffIndex)"
+                                          @focus="highlightProcessRow(scope.row)"
+                                          @click="highlightProcessRow(scope.row)"
+                                          @update:model-value="(v) => onQtyInput(selectedPartIndex, scope.$index, staffIndex, v)"
+                                        />
+                                      </div>
+                                    </div>
+                                    <el-input 
+                                      v-else 
+                                      :model-value="getReportingData(selectedPartIndex, scope.$index).number"
+                                      inputmode="numeric"
+                                      class="work-score-qty-input"
+                                      :class="{ 'work-score-qty-over': isQtyOverUnfinished(selectedPartIndex, scope.$index) }"
+                                      :disabled="isReportingFillDisabled(selectedPartIndex, scope.$index)"
+                                      @focus="highlightProcessRow(scope.row)"
+                                      @click="highlightProcessRow(scope.row)"
+                                      @update:model-value="(v) => onQtyInput(selectedPartIndex, scope.$index, null, v)"
+                                    />
+                                  </template>
+                                </el-table-column>
+                                <el-table-column label="操作" width="110" align="center">
+                                  <template #default="scope">
+                                    <div class="work-score-row-actions">
+                                      <!-- <el-button
+                                        type="primary"
+                                        size="small"
+                                        class="work-score-fill-row-btn"
+                                        :disabled="!selectedEmployee || batchQuantity === '' || batchQuantity == null"
+                                        @click="fillRowPerson(selectedPartIndex, scope.$index)"
+                                      >填入</el-button> -->
+                                      <el-button size="small" plain class="work-score-add-person-btn" @click="addPerson(selectedPartIndex, scope.$index)">加一人</el-button>
+                                    </div>
+                                  </template>
+                                </el-table-column>
+                              </el-table>
+                            </div>
+                          </div>
+                          
+                          <div v-else-if="loadingProcess" class="work-score-process-empty">
+                            <p style="margin-top: 10px;">加载中...</p>
+                          </div>
+                          <div v-else class="work-score-process-empty work-score-process-empty--muted">
+                            <p style="font-size: 24px;">暂无数据</p>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </el-dialog>
+
+                <!-- 工分报工确认弹窗 -->
+                <el-dialog
+                  v-model="workScoreConfirmVisible"
+                  title="确认报工"
+                  width="1040px"
+                  top="8vh"
+                  append-to-body
+                  destroy-on-close
+                  class="work-score-confirm-dialog"
+                  :close-on-click-modal="false"
+                >
+                  <p class="work-score-confirm-tip">请核对以下报工数据，确认无误后再提交</p>
+                  <el-table
+                    :data="workScoreConfirmRows"
+                    border
+                    stripe
+                    height="512"
+                    :span-method="workScoreConfirmSpanMethod"
+                    :cell-class-name="workScoreConfirmCellClass"
+                    class="work-score-confirm-table"
+                    style="width: 100%"
+                  >
+                    <el-table-column label="部件" prop="部件" width="88" align="center" show-overflow-tooltip />
+                    <el-table-column label="工序号" prop="工序编号" width="68" align="center" />
+                    <el-table-column label="工序名称" prop="工序名称" min-width="150" align="left" show-overflow-tooltip />
+                    <el-table-column label="本组完成数" prop="本组完成数" width="96" align="center" />
+                    <el-table-column label="累计完成数" prop="累计完成数" width="96" align="center" />
+                    <el-table-column label="未完成数" prop="未完成数量" width="88" align="center" />
+                    <el-table-column label="完工人员" prop="员工姓名" width="88" align="center" />
+                    <el-table-column label="完工数量" prop="完工数量" width="88" align="center" />
+                    <el-table-column label="超出数量" prop="超出数量" width="88" align="center" />
+                  </el-table>
+                  <template #footer>
+                    <el-button @click="workScoreConfirmVisible = false">返回修改</el-button>
+                    <el-button type="primary" :loading="workScoreSubmitting" @click="confirmSubmitWorkScore">确认报工</el-button>
+                  </template>
+                </el-dialog>
+
+                <!-- 当天报工记录：修改数量 -->
+                <el-dialog
+                  v-model="editReportingQtyVisible"
+                  title="修改数量"
+                  width="420px"
+                  top="32vh"
+                  append-to-body
+                  destroy-on-close
+                  :close-on-click-modal="false"
+                  class="edit-reporting-qty-dialog"
+                  @opened="focusEditReportingQtyInput"
+                >
+                  <el-form label-width="88px">
+                    <el-form-item label="工序号">
+                      <el-input :model-value="editReportingQtyForm.process_code" disabled />
+                    </el-form-item>
+                    <el-form-item label="工序名称">
+                      <el-input :model-value="editReportingQtyForm.process_name" disabled />
+                    </el-form-item>
+                    <el-form-item label="未完成数">
+                      <el-input :model-value="editReportingQtyForm.unfinished" disabled />
+                    </el-form-item>
+                    <el-form-item label="数量" required>
+                      <el-input
+                        ref="editReportingQtyInputRef"
+                        :model-value="editReportingQtyForm.number"
+                        inputmode="numeric"
+                        maxlength="5"
+                        placeholder="请输入修正后的数量"
+                        :class="{ 'edit-reporting-qty-over': isEditReportingQtyOver }"
+                        @update:model-value="(v) => { editReportingQtyForm.number = filterQtyDigits(v) }"
+                        @keyup.enter="submitEditReportingQty"
+                      />
+                    </el-form-item>
+                  </el-form>
+                  <template #footer>
+                    <el-button @click="editReportingQtyVisible = false">取消</el-button>
+                    <el-button type="primary" :loading="editReportingQtyLoading" @click="submitEditReportingQty">确定</el-button>
+                  </template>
+                </el-dialog>
+        </layout-content>
+      </layout>
+    <SubOrderPage ref="SubOrderPageRef" />
+    <!-- 子订单详情页 -->
+    <luckyexcelPage ref="luckyexcelPageRef" />
+    </div>
+  </template>
+<script>
+export default {
+  data() {
+    return {
+        currentTable: '', // 当前展示的表格
+        activeName: 'first',
+        dialogFormVisible: false,
+        formDataTest: {
+        imageUrl: '' // 添加一个字段来保存上传的图片路径
+        },
+        rule: {} // 初始化rule对象
+    };
+  }, 
+  methods: {
+    handleKeyDown(event, prevId, currentId, nextId) {
+      const currentElement = document.getElementById(currentId);
+      const isEmpty = currentElement.value === '';
+      const atStart = currentElement.selectionStart === 0;
+      const atEnd = currentElement.selectionStart === currentElement.value.length;
+      switch (event.keyCode) {
+        case 13: // Enter
+        case 40: // 向下箭头
+          if (nextId) {
+            document.getElementById(nextId).focus();
+          }
+          break;
+        case 38: // 向上箭头
+          if (prevId) {
+            document.getElementById(prevId).focus();
+          }
+          break;
+        case 8: // 删除键
+          if (prevId && (isEmpty || atStart)) {
+            document.getElementById(prevId).focus();
+          }
+          break;
+        case 37: // 向左箭头
+          if (prevId && atStart) {
+            document.getElementById(prevId).focus();
+          }
+          break;
+        case 39: // 向右箭头
+          if (nextId && atEnd) {
+            document.getElementById(nextId).focus();
+          }
+          break;
+        default:
+          break;
+      }
+    },
+  },
+};
+</script>
+<script setup>
+// 全量引入格式化工具 请按需保留
+import $script from 'scriptjs'
+import $ from 'jquery';
+import LuckyExcel from 'luckyexcel';
+import { Layout, LayoutSider, LayoutContent } from '@arco-design/web-vue';
+import {ref, reactive, computed, watch, nextTick, onUnmounted} from 'vue';
+import {getSpotList,getInfo,OrderAttachments,WorkOrderList,DeleteReportingWork,UpdateReportingWork} from '@/api/mes/job';
+import {getMac,getMajorprocessAndPerson,GetOrderProcess,GetCarProcess,ReportingWork,GetReportingWorkRecord} from '@/api/jixiaoguanli/baogong'
+import {getMachineMac} from '@/api/jixiaoguanli/jitairibaobiao'
+import {ElMessage,ElMessageBox} from "element-plus";
+import luckyexcelPage from '@/view/yunyin/shengchanguanli/components/luckyexcel.vue';
+import SubOrderPage from '@/view/yunyin/shengchanguanli/components/SubOrder.vue';
+import ProcessProduction from '@/view/SalaryManage/ProcessProduction.vue';
+import { useUserStore } from '@/pinia/modules/user';
+defineOptions({name: 'Company'})
+const path = `${import.meta.env.VITE_BASE_PATH}:${import.meta.env.VITE_UPLOADS_PORT}`
+console.log(path)
+//定义跳转页面
+const SubOrderPageRef = ref()//子订单详情页
+const printPageRef = ref()//打印预览
+const luckyexcelPageRef = ref()//pdf预览
+//获取登录用户信息
+const userStore = useUserStore()
+const _username = ref('')
+_username.value = userStore.userInfo.userName + '/' + userStore.userInfo.nickName
+console.log('获取用户名称',_username.value)
+//全局获取当前日期
+const today = new Date();
+const year = today.getFullYear();
+const month = String(today.getMonth() + 1).padStart(2, '0'); // 月份从 0 开始，需要补零
+const day = String(today.getDate()).padStart(2, '0');
+const hours = String(today.getHours()).padStart(2, '0');
+const minutes = String(today.getMinutes()).padStart(2, '0');
+const seconds = String(today.getSeconds()).padStart(2, '0');
+const currentDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+const currentDates = `${year}-${month}-${day}`;
+const add_searchInfo = ref('')
+const gongfenHistoryData = ref([])
+const gongfenHistoryTableRef = ref()
+const staffNameFilter = ref([])
+const currentOrderNo = ref('')
+
+/** 当天报工记录：仅当前查询订单 */
+const orderScopedGongfenHistoryData = computed(() => {
+  const list = gongfenHistoryData.value || []
+  const orderNo = String(currentOrderNo.value || '').trim()
+  if (!orderNo) return []
+  return list.filter((row) => {
+    const rowOrder = String(row.work_order ?? row['订单编号'] ?? '').trim()
+    return rowOrder === orderNo
+  })
+})
+
+const staffNameFilterOptions = computed(() => {
+  const names = [...new Set(
+    (orderScopedGongfenHistoryData.value || [])
+      .map(item => String(item.staff_name || '').trim())
+      .filter(Boolean)
+  )]
+  return names.map(name => ({ text: name, value: name }))
+})
+
+const isStaffNameFilterActive = computed(() => {
+  const allValues = staffNameFilterOptions.value.map(item => item.value)
+  const selected = staffNameFilter.value
+  if (!allValues.length) return false
+  return selected.length < allValues.length
+})
+
+const selectAllStaffNameFilter = () => {
+  staffNameFilter.value = staffNameFilterOptions.value.map(item => item.value)
+}
+
+const clearStaffNameFilter = () => {
+  staffNameFilter.value = []
+}
+
+const syncStaffNameFilterAfterDataChange = () => {
+  const allValues = staffNameFilterOptions.value.map(item => item.value)
+  const selected = staffNameFilter.value
+  if (!selected.length) {
+    staffNameFilter.value = [...allValues]
+    return
+  }
+  const wasAllSelected = allValues.length > 0 && allValues.every(v => selected.includes(v))
+  if (wasAllSelected) {
+    staffNameFilter.value = [...allValues]
+    return
+  }
+  staffNameFilter.value = selected.filter(v => allValues.includes(v))
+}
+
+const filteredGongfenHistoryData = computed(() => {
+  const list = orderScopedGongfenHistoryData.value || []
+  const options = staffNameFilterOptions.value
+  const selected = staffNameFilter.value
+  if (!selected.length) return []
+  if (!options.length || selected.length >= options.length) return list
+  const set = new Set(selected)
+  return list.filter(row => set.has(String(row.staff_name || '').trim()))
+})
+
+watch(
+  () => [gongfenHistoryData.value, currentOrderNo.value],
+  () => {
+    syncStaffNameFilterAfterDataChange()
+  },
+  { deep: true }
+)
+
+const relayoutGongfenHistoryTable = () => {
+  nextTick(() => {
+    gongfenHistoryTableRef.value?.doLayout?.()
+  })
+}
+
+watch(filteredGongfenHistoryData, relayoutGongfenHistoryTable)
+watch(staffNameFilter, relayoutGongfenHistoryTable)
+
+const gongfenHistoryHeaderCellStyle = ({ column }) => ({
+  padding: '6px 0',
+  fontSize: '16px',
+  textAlign: column?.property === 'process_name' ? 'left' : 'center',
+})
+
+const gongfenHistoryCellStyle = ({ column }) => ({
+  padding: '6px 0',
+  fontSize: '16px',
+  textAlign: column.property === 'process_name' ? 'left' : 'center',
+})
+
+const gongfenHistoryFooterCellStyle = ({ column }) => ({
+  padding: '6px 0',
+  fontSize: '16px',
+  fontWeight: '600',
+  background: '#fafafa',
+  textAlign: column?.property === 'process_name' ? 'left' : 'center',
+})
+
+const getGongfenHistorySummaries = ({ columns, data }) => {
+  const sums = []
+  columns.forEach((column, index) => {
+    if (column.property === 'process_code') {
+      sums[index] = '合计'
+      return
+    }
+    if (column.property === 'number') {
+      sums[index] = data.reduce((total, row) => {
+        const val = Number(row.number)
+        return total + (Number.isNaN(val) ? 0 : val)
+      }, 0)
+      return
+    }
+    sums[index] = ''
+  })
+  return sums
+}
+
+//全局获取code，接口接收code
+const _code = ref('裁剪')
+//全局接口接受的物理地址
+const Machine = ref('')
+/** 机台 MAC 映射是否就绪；失败时禁止报工，避免静默落入测试机台 */
+const machineReady = ref(false)
+//全局获取UniqId
+const UniqId = ref('')
+
+// 员工数据
+const employees = ref([])
+const selectedEmployee = ref('')
+
+//物理地址获取机台编号
+const getMachineMacdata = async () => {
+  try {
+    const data = await getMachineMac({ sys_sbID: Machine.value })
+    if (data.data === null) {
+      machineReady.value = false
+      add_formData['机台号'] = ''
+      add_formData['工序'] = ''
+      add_formData['组别'] = ''
+      add_formData['人员'] = ''
+      employees.value = []
+      return
+    }
+    add_formData['机台号'] = data.data['机台号']
+    add_formData['工序'] = data.data['生产工序']
+    add_formData['组别'] = data.data['组别']
+    add_formData['人员'] = data.data['组长']
+    _code.value = data.data['生产工序']
+    machineReady.value = true
+    getEmployeeData(data.data['机台号'])
+    setTimeout(() => {
+      const inputElement = document.getElementById('searchInput')
+      if (inputElement) {
+        inputElement.focus()
+      }
+    }, 100)
+  } catch (error) {
+    console.error(error)
+    machineReady.value = false
+    add_formData['机台号'] = ''
+    add_formData['工序'] = ''
+    add_formData['组别'] = ''
+    add_formData['人员'] = ''
+    employees.value = []
+  }
+}
+
+// 获取员工数据
+const getEmployeeData = async (machineId) => {
+  try {
+    const data = await getMajorprocessAndPerson({ machine: machineId || 'CF01' })
+    if (data.code === 0 && data.data) {
+      employees.value = data.data.person || []
+      // 不默认选中人员，工艺表「报工人员」列为空，由用户点击上方人员或拖入填写
+      selectedEmployee.value = ''
+    }
+  } catch (error) {
+    console.error('获取员工数据失败:', error)
+  }
+}
+
+// 选择员工
+const selectEmployee = (employee) => {
+  selectedEmployee.value = employee.员工编号
+  add_formData['人员'] = employee.员工姓名
+}
+
+const createEmptyReportingItem = () => ({
+  staff_name: '',
+  staff_no: '',
+  number: '',
+})
+
+const extractListFromResponse = (data) => {
+  if (!data) return []
+  if (Array.isArray(data)) return data
+  if (typeof data === 'object') {
+    for (const key of ['list', 'process_list', 'processes', 'rows', 'data']) {
+      if (Array.isArray(data[key])) return data[key]
+    }
+  }
+  return []
+}
+
+const isPartRow = (row) => {
+  if (!row || typeof row !== 'object') return false
+  const hasPart = !!(row['部件编号'] || row.part_code || row['部件名称'] || row.part_name)
+  const hasProcess = !!(row['工艺编号'] || row['工序编号'] || row.process_code || row.gy_code || row['工艺名称'] || row['工序名称'] || row.process_name || row.gy_name)
+  return hasPart && !hasProcess
+}
+
+const getRowMajorProcess = (row) => String(
+  row?.['大工序'] ?? row?.['生产工序'] ?? row?.big_process ?? row?.['大工艺'] ?? ''
+).trim()
+
+const normalizeWorkScoreProcessRow = (row) => {
+  if (!row || typeof row !== 'object') return null
+  if (isPartRow(row)) return null
+
+  const 工艺编号 = row['工艺编号'] ?? row['工序编号'] ?? row.process_code ?? row.gy_code ?? row.gy_sort ?? ''
+  const 工艺名称 = row['工艺名称'] ?? row['工序名称'] ?? row.process_name ?? row.gy_name ?? ''
+  if (!String(工艺编号).trim() && !String(工艺名称).trim()) return null
+
+  return {
+    ...row,
+    工艺编号,
+    工艺名称,
+    本组完成数: row['本组完成数'] ?? row.group_complete ?? row['本组完成'] ?? '',
+    累计完成数: row['累计完成数'] ?? row.total_complete ?? '',
+    未完成数: row['未完成数'] ?? row.unfinished ?? '',
+    标准分钟: row['标准分钟'] ?? row.standard_minutes ?? row['标准工时'] ?? row.standard_hour ?? '',
+    标准工时: row['标准工时'] ?? row.standard_hour ?? row['标准分钟'] ?? row.standard_minutes ?? '',
+    标准工分: row['标准工分'] ?? row.standard_score ?? row['标准公分'] ?? '',
+    金额: row['金额'] ?? row.money ?? '',
+    系数: row['系数'] ?? row.coefficient ?? row.difficulty_coef ?? row['难度系数'] ?? '',
+    大工序: getRowMajorProcess(row),
+  }
+}
+
+const normalizeWorkScoreProcessList = (list) => {
+  return extractListFromResponse(list)
+    .map(normalizeWorkScoreProcessRow)
+    .filter(Boolean)
+}
+
+const resolvePartCode = (part) => String(part?.['部件编号'] ?? part?.part_code ?? '').trim()
+
+const setPartProcessData = (index, processList) => {
+  const nextPartProcesses = partProcesses.value.slice()
+  nextPartProcesses[index] = processList
+  partProcesses.value = nextPartProcesses
+
+  const nextReportingData = reportingData.value.slice()
+  nextReportingData[index] = processList.map(() => createEmptyReportingItem())
+  reportingData.value = nextReportingData
+}
+
+const refreshProcessTableLayout = () => {
+  nextTick(() => {
+    updateProcessTableHeight()
+    attachProcessTableResizeObserver()
+  })
+}
+
+//工分报工对话框
+const workScoreDialogVisible = ref(false);
+const workScoreConfirmVisible = ref(false);
+const workScoreConfirmRows = ref([]);
+const pendingReportData = ref([]);
+const workScoreSubmitting = ref(false);
+const processTableWrapRef = ref(null);
+const processTableRef = ref(null);
+const processTableHeight = ref(320);
+/** 当前点选的工艺行（用于整行粉色 + 输入框同色） */
+const activeProcessRow = ref(null);
+const batchQuantity = ref('');
+let processTableResizeObserver = null;
+
+const updateProcessTableHeight = () => {
+  nextTick(() => {
+    requestAnimationFrame(() => {
+      const height = processTableWrapRef.value?.clientHeight || 0
+      if (height > 120) {
+        const nextHeight = Math.floor(height) - 14
+        if (Math.abs(nextHeight - processTableHeight.value) > 2) {
+          processTableHeight.value = nextHeight
+        }
+      }
+    })
+  })
+}
+
+const attachProcessTableResizeObserver = () => {
+  processTableResizeObserver?.disconnect()
+  const el = processTableWrapRef.value
+  if (!el || typeof ResizeObserver === 'undefined') return
+  processTableResizeObserver = new ResizeObserver(() => {
+    updateProcessTableHeight()
+  })
+  processTableResizeObserver.observe(el)
+}
+
+watch(workScoreDialogVisible, (visible) => {
+  if (visible) {
+    nextTick(() => {
+      updateProcessTableHeight()
+      attachProcessTableResizeObserver()
+    })
+    window.addEventListener('resize', updateProcessTableHeight)
+  } else {
+    window.removeEventListener('resize', updateProcessTableHeight)
+    processTableResizeObserver?.disconnect()
+    processTableResizeObserver = null
+    resetWorkScoreDialogState()
+  }
+})
+
+onUnmounted(() => {
+  window.removeEventListener('resize', updateProcessTableHeight)
+  processTableResizeObserver?.disconnect()
+})
+
+const selectedEmployeeName = computed(() => {
+  const emp = employees.value.find(item => item['员工编号'] === selectedEmployee.value)
+  return emp?.['员工姓名'] || ''
+})
+
+//工艺部件数据
+const processParts = ref([]);
+
+//工艺数据
+const partProcesses = ref([]);
+
+//部件数量
+const partQuantities = ref([]);
+
+//选中的部件索引
+const selectedPartIndex = ref(-1);
+
+//报工数据
+const reportingData = ref([]);
+
+//加载状态
+const loadingProcess = ref(false);
+
+const resetWorkScoreDialogState = () => {
+  selectedEmployee.value = ''
+  batchQuantity.value = ''
+  selectedPartIndex.value = -1
+  processParts.value = []
+  partProcesses.value = []
+  partQuantities.value = []
+  reportingData.value = []
+  loadingProcess.value = false
+  workScoreConfirmVisible.value = false
+  workScoreConfirmRows.value = []
+  pendingReportData.value = []
+  workScoreSubmitting.value = false
+}
+
+watch(selectedPartIndex, () => {
+  if (workScoreDialogVisible.value) {
+    updateProcessTableHeight()
+  }
+})
+
+watch(loadingProcess, (loading) => {
+  if (!loading && workScoreDialogVisible.value) {
+    updateProcessTableHeight()
+  }
+})
+
+const openWorkScoreDialog = async () => {
+  if (!getActiveOrderNo() || orderInfoList.length === 0) {
+    warningres('请先查询订单信息');
+    return;
+  }
+  const machineNo = String(add_formData['机台号'] || '').trim()
+  if (!machineReady.value || !machineNo) {
+    return
+  }
+
+  resetWorkScoreDialogState()
+  const hasData = await loadProcessParts()
+  if (!hasData) return
+
+  workScoreDialogVisible.value = true
+  refreshProcessTableLayout()
+};
+
+const loadOrderAttachments = async (orderNo) => {
+  const seq = ++attachmentQuerySeq
+  try {
+    const jsOrderAttachments = await OrderAttachments({ order: orderNo, desc: '技术附件' })
+    const ddOrderAttachments = await OrderAttachments({ order: orderNo, desc: '订单资料附件' })
+    if (seq !== attachmentQuerySeq) return
+    const jsList = jsOrderAttachments?.data?.list || []
+    const ddList = ddOrderAttachments?.data?.list || []
+    jstableData.splice(0, jstableData.length, ...jsList)
+    ddtableData.splice(0, ddtableData.length, ...ddList)
+  } catch (error) {
+    if (seq !== attachmentQuerySeq) return
+    console.error('获取附件失败:', error)
+    jstableData.length = 0
+    ddtableData.length = 0
+  }
+};
+
+//加载工艺部件数据；有数据返回 true，无数据或失败返回 false（仅提示，不弹窗）
+const loadProcessParts = async () => {
+  loadingProcess.value = true;
+  try {
+    const response = await GetOrderProcess({
+      workorder: getActiveOrderNo(),
+      majorprocess: add_formData['工序']
+    });
+
+    if (response.code === 0) {
+      const parts = extractListFromResponse(response.data)
+      if (!parts.length) {
+        warningres('技术部未上传工序明细资料数据')
+        return false
+      }
+      processParts.value = parts
+      partQuantities.value = new Array(parts.length).fill('')
+      partProcesses.value = Array.from({ length: parts.length }, () => [])
+      reportingData.value = Array.from({ length: parts.length }, () => [])
+      await selectPart(0)
+      return true
+    }
+    warningres('获取工艺部件失败')
+    return false
+  } catch (error) {
+    console.error('获取工艺部件失败:', error);
+    warningres('网络错误，请稍后重试');
+    return false
+  } finally {
+    loadingProcess.value = false;
+  }
+};
+
+//加载部件工艺数据
+const loadPartProcesses = async (index, partCode) => {
+  const code = String(partCode || '').trim()
+  if (!code) {
+    setPartProcessData(index, [])
+    return
+  }
+  try {
+    const carParams = {
+      workorder: getActiveOrderNo(),
+      part_code: code,
+      majorprocess: add_formData['工序'],
+    }
+    // 本组完成数由后端在 GetCarProcess 中按组别返回
+    const sysId = String(add_formData['组别'] || '').trim()
+    if (sysId) carParams.sys_id = sysId
+
+    const response = await GetCarProcess(carParams)
+    
+    if (response.code === 0 && response.data) {
+      const processList = normalizeWorkScoreProcessList(response.data)
+      setPartProcessData(index, processList)
+    } else {
+      setPartProcessData(index, [])
+    }
+  } catch (error) {
+    console.error('获取部件工艺失败:', error);
+    setPartProcessData(index, [])
+  } finally {
+    if (index === selectedPartIndex.value) {
+      refreshProcessTableLayout()
+    }
+  }
+};
+
+//获取报工数据
+const getReportingData = (partIndex, processIndex) => {
+  if (!reportingData.value[partIndex]) {
+    reportingData.value[partIndex] = [];
+  }
+  if (!reportingData.value[partIndex][processIndex]) {
+    reportingData.value[partIndex][processIndex] = createEmptyReportingItem()
+  }
+  return reportingData.value[partIndex][processIndex];
+};
+
+/** 同一工序行内已选人员（排除当前正在编辑的格） */
+const isStaffDuplicateInProcessRow = (partIndex, processIndex, staffNo, staffName, excludeStaffIndex = null) => {
+  const item = getReportingData(partIndex, processIndex)
+  const n = String(staffNo || '').trim()
+  const nm = String(staffName || '').trim()
+  const checkOne = (no, name, idx) => {
+    if (excludeStaffIndex !== null && idx === excludeStaffIndex) return false
+    const o = String(no || '').trim()
+    const on = String(name || '').trim()
+    if (n && o && n === o) return true
+    if (nm && on && nm === on) return true
+    return false
+  }
+  if (item.staffList?.length) {
+    return item.staffList.some((s, idx) => checkOne(s.staff_no, s.staff_name, idx))
+  }
+  return checkOne(item.staff_no, item.staff_name, null)
+}
+
+const assignStaffToReportingRow = (partIndex, processIndex, employee, staffIndex = null) => {
+  if (!employee) return false
+  const no = employee.员工编号
+  const name = employee.员工姓名
+  if (isStaffDuplicateInProcessRow(partIndex, processIndex, no, name, staffIndex)) {
+    warningres([
+      `「${name}」`,
+      '已在该工序中选择',
+      '请勿重复添加',
+    ])
+    return false
+  }
+  const reportingDataItem = getReportingData(partIndex, processIndex)
+  if (staffIndex !== null && reportingDataItem.staffList) {
+    reportingDataItem.staffList[staffIndex].staff_name = name
+    reportingDataItem.staffList[staffIndex].staff_no = no
+  } else if (reportingDataItem.staffList) {
+    reportingDataItem.staffList.push({
+      staff_name: name,
+      staff_no: no,
+      number: '',
+    })
+  } else {
+    reportingDataItem.staff_name = name
+    reportingDataItem.staff_no = no
+  }
+  return true
+}
+
+// 将上方选中的员工填入当前工序格（同一工序行内不可重复）
+const fillSelectedEmployee = (row, partIndex, processIndex, staffIndex = null) => {
+  if (isReportingFillDisabled(partIndex, processIndex, staffIndex)) {
+    warningres('请先在上方选择人员')
+    return
+  }
+  const emp = employees.value.find(emp => emp['员工编号'] === selectedEmployee.value)
+  if (!emp) return
+  assignStaffToReportingRow(partIndex, processIndex, emp, staffIndex)
+}
+
+// 表格内输入完工数量时，若上方已选人员且本格人员为空，则自动填入
+const filterQtyDigits = (val) => String(val ?? '').replace(/[^\d]/g, '').slice(0, 5)
+
+const highlightProcessRow = (row) => {
+  activeProcessRow.value = row
+  processTableRef.value?.setCurrentRow?.(row)
+}
+
+const onProcessTableRowClick = (row) => {
+  highlightProcessRow(row)
+}
+
+const processTableRowClassName = ({ row }) =>
+  row === activeProcessRow.value ? 'work-score-process-row-active' : ''
+
+const onQtyInput = (partIndex, processIndex, staffIndex, val) => {
+  const digits = filterQtyDigits(val)
+  const item = getReportingData(partIndex, processIndex)
+  if (item.staffList?.length) {
+    const idx = staffIndex !== null && staffIndex !== undefined ? staffIndex : 0
+    if (item.staffList[idx]) item.staffList[idx].number = digits
+  } else {
+    item.number = digits
+  }
+  autoFillStaffOnQuantityInput(partIndex, processIndex, staffIndex)
+}
+
+/** 本工序已填完工合计是否超出未完成数 */
+const isQtyOverUnfinished = (partIndex, processIndex) => {
+  const process = partProcesses.value?.[partIndex]?.[processIndex]
+  const unfinished = Number(process?.未完成数)
+  if (!Number.isFinite(unfinished)) return false
+  const item = getReportingData(partIndex, processIndex)
+  let sum = 0
+  if (item.staffList?.length) {
+    sum = item.staffList.reduce((s, st) => s + (Number(st.number) || 0), 0)
+  } else {
+    sum = Number(item.number) || 0
+  }
+  return sum > unfinished
+}
+
+const isReportingStaffEmpty = (partIndex, processIndex, staffIndex = null) => {
+  const item = getReportingData(partIndex, processIndex)
+  if (item.staffList?.length) {
+    const idx = staffIndex !== null ? staffIndex : 0
+    const staff = item.staffList[idx]
+    return !String(staff?.staff_name || '').trim()
+  }
+  return !String(item.staff_name || '').trim()
+}
+
+const isReportingFillDisabled = (partIndex, processIndex, staffIndex = null) => {
+  return isReportingStaffEmpty(partIndex, processIndex, staffIndex) && !selectedEmployee.value
+}
+
+const clearReportingQuantity = (partIndex, processIndex, staffIndex = null) => {
+  const item = getReportingData(partIndex, processIndex)
+  if (item.staffList?.length) {
+    const idx = staffIndex !== null ? staffIndex : 0
+    if (item.staffList[idx]) {
+      item.staffList[idx].number = ''
+    }
+  } else {
+    item.number = ''
+  }
+}
+
+const autoFillStaffOnQuantityInput = (partIndex, processIndex, staffIndex = null) => {
+  const item = getReportingData(partIndex, processIndex)
+  let hasQty = false
+  let staffEmpty = false
+  let targetStaffIndex = staffIndex
+
+  if (item.staffList?.length) {
+    const idx = staffIndex !== null ? staffIndex : 0
+    const staff = item.staffList[idx]
+    if (!staff) return
+    hasQty = staff.number !== '' && staff.number != null
+    staffEmpty = !String(staff.staff_name || '').trim()
+    targetStaffIndex = idx
+  } else {
+    hasQty = item.number !== '' && item.number != null
+    staffEmpty = !String(item.staff_name || '').trim()
+    targetStaffIndex = null
+  }
+
+  if (!hasQty) return
+
+  if (staffEmpty) {
+    if (!selectedEmployee.value) {
+      warningres('请先在上方选择人员')
+      clearReportingQuantity(partIndex, processIndex, staffIndex)
+      return
+    }
+    const emp = employees.value.find(item => item['员工编号'] === selectedEmployee.value)
+    if (!emp) {
+      clearReportingQuantity(partIndex, processIndex, staffIndex)
+      return
+    }
+    assignStaffToReportingRow(partIndex, processIndex, emp, targetStaffIndex)
+  }
+}
+
+//选择部件
+const selectPart = async (index) => {
+  if (index < 0 || index >= processParts.value.length) return
+  selectedPartIndex.value = index
+  activeProcessRow.value = null
+  if (partProcesses.value[index]?.length > 0) {
+    refreshProcessTableLayout()
+    return
+  }
+  const partCode = resolvePartCode(processParts.value[index])
+  await loadPartProcesses(index, partCode)
+};
+
+// 拖拽相关函数
+let draggedEmployee = null;
+
+// 开始拖拽
+const onDragStart = (event, employee) => {
+  draggedEmployee = employee;
+  console.log('拖拽的员工:', employee);
+  event.dataTransfer.effectAllowed = 'copy';
+};
+
+// 拖拽经过
+const onDragOver = (event) => {
+  event.preventDefault();
+  event.dataTransfer.dropEffect = 'copy';
+};
+
+// 放置
+const onDrop = (event, partIndex, processIndex, staffIndex = null) => {
+  event.preventDefault();
+  if (draggedEmployee) {
+    assignStaffToReportingRow(partIndex, processIndex, draggedEmployee, staffIndex)
+    draggedEmployee = null;
+  }
+};
+
+// 把上方选中的工人和完工数量填入本行
+const fillRowPerson = (partIndex, processIndex) => {
+  if (!selectedEmployee.value) {
+    warningres('请先点下面选一个工人')
+    return
+  }
+  const emp = employees.value.find(item => item['员工编号'] === selectedEmployee.value)
+  if (!emp) return
+
+  const qty = resolveBatchQuantity()
+  if (qty === null) {
+    warningres('请先输入完工数量')
+    return
+  }
+
+  const item = getReportingData(partIndex, processIndex)
+  let staffIndex = null
+  if (item.staffList?.length) {
+    const emptyIndex = item.staffList.findIndex(staff => !String(staff.staff_name || '').trim())
+    if (emptyIndex >= 0) {
+      staffIndex = emptyIndex
+    }
+  }
+
+  if (!assignStaffToReportingRow(partIndex, processIndex, emp, staffIndex)) {
+    return
+  }
+
+  const updated = getReportingData(partIndex, processIndex)
+  if (updated.staffList?.length) {
+    if (staffIndex !== null) {
+      updated.staffList[staffIndex].number = qty
+    } else {
+      const idx = updated.staffList.findIndex(staff => staff.staff_no === emp['员工编号'])
+      if (idx >= 0) {
+        updated.staffList[idx].number = qty
+      }
+    }
+  } else {
+    updated.number = qty
+  }
+}
+
+// 添加人员
+const addPerson = (partIndex, processIndex) => {
+  const reportingDataItem = getReportingData(partIndex, processIndex);
+  if (!reportingDataItem.staffList) {
+    // 首次添加：先把当前单行数据迁入列表，再追加新行
+    reportingDataItem.staffList = [{
+      staff_name: reportingDataItem.staff_name || '',
+      staff_no: reportingDataItem.staff_no || '',
+      number: reportingDataItem.number ?? '',
+    }];
+  }
+  reportingDataItem.staffList.push({
+    staff_name: '',
+    staff_no: '',
+    number: '',
+  });
+};
+
+const resolveBatchQuantity = () => {
+  if (batchQuantity.value !== '' && batchQuantity.value != null) {
+    return batchQuantity.value
+  }
+  return null
+}
+
+const resolveStaffNoByName = (staffName) => {
+  const name = String(staffName || '').trim()
+  if (!name) return ''
+  return employees.value.find(emp => emp['员工姓名'] === name)?.['员工编号'] || ''
+}
+
+//提交工分报工
+const buildProcessReportFields = (process) => ({
+  process_code: process['工艺编号'],
+  process_name: process['工艺名称'],
+  standard_hour: process['标准工时'],
+  standard_score: process['标准工分'],
+  standard_minutes: process['标准分钟'],
+  money: process['金额'],
+  coefficient: process['系数'],
+})
+
+const buildWorkScoreReportData = () => {
+  const reportData = []
+
+  for (let i = 0; i < processParts.value.length; i++) {
+    if (reportingData.value[i] && reportingData.value[i].length > 0) {
+      const part = processParts.value[i]
+      for (let j = 0; j < reportingData.value[i].length; j++) {
+        const reportItem = reportingData.value[i][j]
+        const process = partProcesses.value[i][j]
+        if (!process) continue
+
+        if (reportItem.staffList) {
+          for (const staff of reportItem.staffList) {
+            if (staff.number) {
+              if (!String(staff.staff_name || '').trim()) {
+                warningres('请填写报工人员')
+                return null
+              }
+              const staffNo = staff.staff_no || resolveStaffNoByName(staff.staff_name)
+              if (!staffNo) {
+                warningres(`未找到报工人员「${staff.staff_name}」对应的员工编号`)
+                return null
+              }
+              reportData.push({
+                staff_no: staffNo,
+                staff_name: staff.staff_name,
+                work_order: getActiveOrderNo(),
+                majorprocess: add_formData['工序'],
+                part_code: part['部件编号'],
+                ...buildProcessReportFields(process),
+                number: staff.number,
+                machine: add_formData['机台号'],
+                sys_id: add_formData['组别'],
+                date: currentDates
+              })
+            }
+          }
+        } else if (reportItem.number) {
+          if (!String(reportItem.staff_name || '').trim()) {
+            warningres('请填写报工人员')
+            return null
+          }
+          const staffNo = reportItem.staff_no || resolveStaffNoByName(reportItem.staff_name)
+          if (!staffNo) {
+            warningres(`未找到报工人员「${reportItem.staff_name}」对应的员工编号`)
+            return null
+          }
+          reportData.push({
+            staff_no: staffNo,
+            staff_name: reportItem.staff_name,
+            work_order: getActiveOrderNo(),
+            majorprocess: add_formData['工序'],
+            part_code: part['部件编号'],
+            ...buildProcessReportFields(process),
+            number: reportItem.number,
+            machine: add_formData['机台号'],
+            sys_id: add_formData['组别'],
+            date: currentDates
+          })
+        }
+      }
+    }
+  }
+
+  if (reportData.length === 0) {
+    warningres('请选择人员后，再填写完工数量')
+    return null
+  }
+
+  return reportData
+}
+
+const recomputeWorkScoreConfirmRowSpan = (rows) => {
+  const result = []
+  let i = 0
+  while (i < rows.length) {
+    const partLabel = rows[i].部件
+    const processCode = rows[i].工序编号
+    const processName = rows[i].工序名称
+    let j = i
+    while (
+      j < rows.length &&
+      rows[j].部件 === partLabel &&
+      rows[j].工序编号 === processCode &&
+      rows[j].工序名称 === processName
+    ) {
+      j++
+    }
+    const group = rows.slice(i, j)
+    group.forEach((row, idx) => {
+      result.push({ ...row, _processRowSpan: idx === 0 ? group.length : 0 })
+    })
+    i = j
+  }
+  return result
+}
+
+/** 左侧部件展示文案：编号-名称 */
+const resolvePartLabel = (partCode) => {
+  const code = String(partCode ?? '').trim()
+  const part = (processParts.value || []).find((p) => String(p?.['部件编号'] ?? '').trim() === code)
+  if (!part) return code
+  const name = String(part['部件名称'] ?? '').trim()
+  return name ? `${code}-${name}` : code
+}
+
+/** 从当前已加载工艺行取未完成数等 */
+const findProcessProgressByCode = (processCode, processName) => {
+  const code = String(processCode ?? '').trim()
+  const name = String(processName ?? '').trim()
+  for (const list of partProcesses.value || []) {
+    for (const p of list || []) {
+      const pCode = String(p?.工艺编号 ?? '').trim()
+      const pName = String(p?.工艺名称 ?? '').trim()
+      if (code && pCode === code && (!name || pName === name)) {
+        return {
+          unfinished: Number(p?.未完成数),
+          totalComplete: Number(p?.累计完成数),
+          groupComplete: Number(p?.本组完成数),
+        }
+      }
+    }
+  }
+  return { unfinished: NaN, totalComplete: NaN, groupComplete: NaN }
+}
+
+const buildWorkScoreConfirmRows = (reportData) => {
+  // 同一部件+工序多人报工时，按合计完工数再算超出
+  const processQtySum = {}
+  for (const item of reportData) {
+    const key = `${item.part_code}||${item.process_code}||${item.process_name}`
+    processQtySum[key] = (processQtySum[key] || 0) + (Number(item.number) || 0)
+  }
+
+  const rows = reportData.map((item) => {
+    const key = `${item.part_code}||${item.process_code}||${item.process_name}`
+    const progress = findProcessProgressByCode(item.process_code, item.process_name)
+    const unfinished = progress.unfinished
+    const groupComplete = progress.groupComplete
+    const totalComplete = progress.totalComplete
+    const hasUnfinished = Number.isFinite(unfinished)
+    const hasGroupComplete = Number.isFinite(groupComplete)
+    const hasTotalComplete = Number.isFinite(totalComplete)
+    const sumQty = processQtySum[key] || 0
+    const excess = hasUnfinished ? Math.max(0, sumQty - unfinished) : 0
+    return {
+      部件: resolvePartLabel(item.part_code),
+      工序编号: item.process_code,
+      工序名称: item.process_name,
+      本组完成数: hasGroupComplete ? groupComplete : '',
+      累计完成数: hasTotalComplete ? totalComplete : '',
+      未完成数量: hasUnfinished ? unfinished : '',
+      员工姓名: item.staff_name,
+      完工数量: item.number,
+      超出数量: excess > 0 ? excess : '',
+      _isOver: excess > 0,
+    }
+  })
+  return recomputeWorkScoreConfirmRowSpan(rows)
+}
+
+const workScoreConfirmSpanMethod = ({ row, column }) => {
+  const mergeProps = ['部件', '工序编号', '工序名称', '本组完成数', '累计完成数', '未完成数量', '超出数量']
+  if (!mergeProps.includes(column.property)) {
+    return { rowspan: 1, colspan: 1 }
+  }
+  const rowspan = row._processRowSpan || 0
+  if (rowspan > 0) {
+    return { rowspan, colspan: 1 }
+  }
+  return { rowspan: 0, colspan: 0 }
+}
+
+const workScoreConfirmCellClass = ({ row, column }) => {
+  if (column.property === '超出数量' && row._isOver) return 'work-score-confirm-over-cell'
+  if (column.property === '完工数量' && row._isOver) return 'work-score-confirm-over-cell'
+  return ''
+}
+
+const submitWorkScore = () => {
+  const reportData = buildWorkScoreReportData()
+  if (!reportData) return
+  pendingReportData.value = reportData
+  workScoreConfirmRows.value = buildWorkScoreConfirmRows(reportData)
+  workScoreConfirmVisible.value = true
+}
+
+const confirmSubmitWorkScore = async () => {
+  if (!pendingReportData.value.length || workScoreSubmitting.value) return
+  workScoreSubmitting.value = true
+  try {
+    const response = await ReportingWork(pendingReportData.value)
+
+    if (response.code === 0) {
+      yellowTopTip('提交成功')
+      workScoreConfirmVisible.value = false
+      workScoreDialogVisible.value = false
+      await getGongfenHistory()
+      await refreshProcessProduction()
+    } else {
+      warningres(response.msg || '提交失败')
+    }
+  } catch (error) {
+    console.error('提交工分报工失败:', error)
+    warningres('网络错误，请稍后重试')
+  } finally {
+    workScoreSubmitting.value = false
+  }
+}
+
+// 生成头像颜色
+const getAvatarColor = (index) => {
+  const colors = [
+    '#667eea', '#764ba2', '#f093fb', '#f5576c',
+    '#4facfe', '#00f2fe', '#43e97b', '#38f9d7',
+    '#fa709a', '#ffa751', '#6a11cb', '#11998e',
+    '#eb3349', '#56ab2f', '#614385',
+  ]
+  return colors[index % colors.length]
+}
+//自动获取物理地址
+const GetAddr =  () => {
+  var xmlhttp = null;
+  var res;
+  if (window.XMLHttpRequest) {
+    xmlhttp = new XMLHttpRequest();
+  } else if (window.ActiveXObject) {
+    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
+  }
+  // 2. 设置回调函数
+  xmlhttp.onreadystatechange = function() {
+    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
+      res = eval('('+xmlhttp.response+')');
+      let result = ''
+      for (let i = 0; i < res.macAddress.length; i++) {
+        if (i % 2 === 0 && i !== 0) {
+          result += '-' // 根据实际需求修改分隔符
+        }
+        result += res.macAddress[i]
+      }
+      Machine.value = result
+      getMachineMacdata(Machine.value)
+    } else if (xmlhttp.readyState == 4) {
+      machineReady.value = false
+    }
+  }
+  xmlhttp.onerror = function() {
+    machineReady.value = false
+  }
+  // 3. 打开一个连接
+  xmlhttp.open("get", "http://127.0.0.1:8090/init")
+  //  5. 发送
+   xmlhttp.send();
+}
+// getMachineMacdata();
+GetAddr()
+// PDF预览
+const showPdf = async (row) => {
+  if (!luckyexcelPageRef.value?.open) {
+    warningres('预览组件未加载，请刷新页面重试')
+    return
+  }
+  luckyexcelPageRef.value.open(row)
+}
+
+const add_formData = reactive({
+  机台号: '',	
+  工序: '',
+  组别: '',
+  人员: '',	
+  尺码: '',
+  数量: '',
+  是否订单尾包: '',
+});
+//清空对象的属性值
+const gd_clearFormData = () => {
+  Object.keys(add_formData).forEach(key => {
+    add_formData[key] = '';
+  });
+};
+
+//进度汇总表格数据
+const add_tableData = reactive([]);
+const jdhz_tableData = reactive([]);
+const bgjdhz_tableData = reactive([]);
+const _order = ref('');
+const _UniqId = ref('');
+//尺寸列表
+const sizeDatas = reactive([])
+//技术附件
+const jstableData = reactive([])
+const ddtableData = reactive([])
+const _list = ref('');
+
+//订单信息数据
+const orderInfoList = reactive([]);
+/** 当前已加载订单编号（红框订单信息区，与搜索 input 解耦） */
+const processProductionRef = ref(null)
+const processProductionRefreshKey = ref(0)
+
+const getActiveOrderNo = () => {
+  const no = String(currentOrderNo.value || orderInfoList[0]?.['订单编号'] || '').trim()
+  return no
+}
+
+const refreshProcessProduction = async () => {
+  const orderNo = getActiveOrderNo()
+  if (!orderNo) return
+  await nextTick()
+  if (processProductionRef.value?.loadByWorkorder) {
+    await processProductionRef.value.loadByWorkorder(orderNo, add_formData['工序'])
+  } else {
+    processProductionRefreshKey.value += 1
+  }
+}
+
+/** 点击「当天报工记录 / 工序产量核查」时重新拉取最新数据（含再次点击当前 Tab） */
+const onGongfenTabClick = async (pane) => {
+  const name = pane?.paneName ?? pane?.props?.name
+  if (name === 'first') {
+    await getGongfenHistory()
+    return
+  }
+  if (name === 'processProduction') {
+    await refreshProcessProduction()
+  }
+  relayoutGongfenHistoryTable()
+}
+
+// 查询请求序号：丢弃过期响应，避免连扫串单
+let orderQuerySeq = 0
+let historyQuerySeq = 0
+let attachmentQuerySeq = 0
+
+// 查询
+/** 子订单号如 DC2605017-0800 转为订单号 DC2605017 再查询 */
+const normalizeOrderSearchInput = (val) => {
+  const s = String(val ?? '').trim()
+  if (!s) return ''
+  const idx = s.indexOf('-')
+  return idx >= 0 ? s.slice(0, idx).trim() : s
+}
+
+const add_onSubmit = async ()=>{
+  if (workScoreDialogVisible.value) {
+    warningres('请先关闭工分报工窗口后再查询其他订单，避免报错单')
+    return
+  }
+  const machineNo = String(add_formData['机台号'] || '').trim()
+  if (!machineReady.value || !machineNo || machineNo === '测试机台') {
+    machineTip()
+    return
+  }
+  const searchKey = normalizeOrderSearchInput(add_searchInfo.value)
+  if (!searchKey) {
+    warningres('请扫描订单二维码')
+    return;
+  }
+  add_searchInfo.value = searchKey
+  const seq = ++orderQuerySeq
+
+  try {
+    const response = await WorkOrderList({
+      search: searchKey,
+      page: 1,
+      limit: 10,
+    });
+    if (seq !== orderQuerySeq) return
+    const list = response.data?.data || []
+    const total = response.data?.total ?? list.length
+    if (response.code === 0 && response.data) {
+      if (total === 0 || !list.length) {
+        warningres('暂无该订单编号');
+        orderInfoList.length = 0;
+        currentOrderNo.value = '';
+      } else {
+        // 清空并更新订单信息列表
+        orderInfoList.length = 0;
+        orderInfoList.splice(0, list.length, ...list);
+        // 锁定当前订单编号（红框区域），后续业务不再依赖搜索框
+        currentOrderNo.value = String(orderInfoList[0]?.['订单编号'] || searchKey).trim();
+
+        // 获取工分报工历史记录
+        await getGongfenHistory();
+        if (seq !== orderQuerySeq) return
+
+        const searchValue = getActiveOrderNo();
+
+        // 附件加载失败不影响查询结果
+        await loadOrderAttachments(searchValue);
+        if (seq !== orderQuerySeq) return
+
+        // 查询成功后清空搜索框，便于继续扫描下一单
+        add_searchInfo.value = '';
+        _searchInput();
+      }
+    } else {
+      warningres(response.msg || '查询失败');
+      orderInfoList.length = 0;
+      currentOrderNo.value = '';
+    }
+  } catch (error) {
+    if (seq !== orderQuerySeq) return
+    console.error('查询订单失败:', error);
+    warningres('网络错误，请稍后重试');
+  }
+};
+
+// 获取工分报工历史记录
+const getGongfenHistory = async () => {
+  const seq = ++historyQuerySeq
+  try {
+    const response = await GetReportingWorkRecord({
+      date: currentDates,
+      machine: add_formData['机台号']
+    });
+    if (seq !== historyQuerySeq) return
+    if (response.code === 0 && response.data) {
+      gongfenHistoryData.value = response.data || [];
+    } else {
+      gongfenHistoryData.value = [];
+    }
+    relayoutGongfenHistoryTable()
+  } catch (error) {
+    if (seq !== historyQuerySeq) return
+    console.error('获取工分报工历史记录失败:', error);
+    gongfenHistoryData.value = [];
+    relayoutGongfenHistoryTable()
+  }
+};
+
+const deleteReportingWork = async (row) => {
+  try {
+    const escapeHtml = (val) => String(val ?? '')
+      .replace(/&/g, '&amp;')
+      .replace(/</g, '&lt;')
+      .replace(/>/g, '&gt;')
+      .replace(/"/g, '&quot;')
+    const processCode = escapeHtml(row?.process_code) || '-'
+    const processName = escapeHtml(row?.process_name) || '-'
+    const staffName = escapeHtml(row?.staff_name) || '-'
+    const number = escapeHtml(row?.number) || '-'
+    await ElMessageBox.confirm(
+      `<div class="gongfen-delete-msg">
+        <div>确定要删除这条报工记录吗？</div>
+        <div class="gongfen-delete-msg__row">工序号：<strong>${processCode}</strong></div>
+        <div class="gongfen-delete-msg__row">工序名称：<strong>${processName}</strong></div>
+        <div class="gongfen-delete-msg__row">员工姓名：<strong>${staffName}</strong></div>
+        <div class="gongfen-delete-msg__row">数量：<strong>${number}</strong></div>
+      </div>`,
+      '提示',
+      {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+        dangerouslyUseHTMLString: true,
+        customClass: 'gongfen-delete-confirm',
+      }
+    );
+    
+    const deleteId = row?.id ?? row?.ID
+    if (deleteId === undefined || deleteId === null || deleteId === '') {
+      warningres('缺少报工记录ID，无法删除')
+      return
+    }
+    const response = await DeleteReportingWork({
+      id: deleteId
+    });
+    
+    if (response.code === 0) {
+      yellowTopTip('删除成功')
+      await getGongfenHistory();
+      await refreshProcessProduction();
+    } else {
+      errorres(response.msg || '删除失败');
+    }
+  } catch (error) {
+    if (error !== 'cancel') {
+      console.error('删除报工记录失败:', error);
+      errorres('删除失败');
+    }
+  }
+};
+
+const editReportingQtyVisible = ref(false)
+const editReportingQtyLoading = ref(false)
+const editReportingQtyInputRef = ref(null)
+const editReportingQtyForm = ref({
+  id: '',
+  number: '',
+  original_number: '',
+  process_code: '',
+  process_name: '',
+  part_code: '',
+  unfinished: '',
+  standard_hour: '',
+  standard_score: '',
+  production_hour: '',
+  production_score: '',
+})
+
+const isEditReportingQtyOver = computed(() => {
+  const unfinished = Number(editReportingQtyForm.value.unfinished)
+  const original = Number(editReportingQtyForm.value.original_number) || 0
+  const qty = Number(editReportingQtyForm.value.number)
+  if (!Number.isFinite(unfinished) || !Number.isFinite(qty) || !qty) return false
+  // 未完成数已扣除本条原数量，可改上限 = 未完成数 + 原数量
+  return qty > unfinished + original
+})
+
+const focusEditReportingQtyInput = () => {
+  nextTick(() => {
+    const comp = editReportingQtyInputRef.value
+    const el = comp?.input || comp?.textarea || comp?.$el?.querySelector?.('input')
+    if (el && typeof el.focus === 'function') {
+      el.focus()
+      const len = String(el.value ?? '').length
+      try {
+        el.setSelectionRange(len, len)
+      } catch (_) { /* ignore */ }
+      return
+    }
+    comp?.focus?.()
+  })
+}
+
+const resolveUnfinishedForEditRow = async (row) => {
+  const processCode = String(row.process_code ?? row['工序编号'] ?? row['工序号'] ?? '').trim()
+  const processName = String(row.process_name ?? row['工序名称'] ?? '').trim()
+  const fromRow = Number(row.未完成数 ?? row.unfinished ?? row['未完成数量'])
+  if (Number.isFinite(fromRow)) return fromRow
+
+  const loaded = findProcessProgressByCode(processCode, processName)
+  if (Number.isFinite(loaded.unfinished)) return loaded.unfinished
+
+  const partCode = String(row.part_code ?? row['部件编号'] ?? '').trim()
+  if (!partCode || !getActiveOrderNo()) return ''
+
+  try {
+    const carParams = {
+      workorder: getActiveOrderNo(),
+      part_code: partCode,
+      majorprocess: add_formData['工序'],
+    }
+    const sysId = String(add_formData['组别'] || '').trim()
+    if (sysId) carParams.sys_id = sysId
+    const response = await GetCarProcess(carParams)
+    if (response.code !== 0 || !response.data) return ''
+    const processList = normalizeWorkScoreProcessList(response.data)
+    const hit = (processList || []).find((p) => {
+      const pCode = String(p?.['工艺编号'] ?? '').trim()
+      const pName = String(p?.['工艺名称'] ?? '').trim()
+      return processCode && pCode === processCode && (!processName || pName === processName)
+    })
+    const unfinished = Number(hit?.['未完成数'])
+    return Number.isFinite(unfinished) ? unfinished : ''
+  } catch (e) {
+    console.error('获取未完成数失败:', e)
+    return ''
+  }
+}
+
+const openEditReportingQty = async (row) => {
+  const id = row?.id ?? row?.ID
+  if (id === undefined || id === null || id === '') {
+    warningres('缺少报工记录ID，无法修改')
+    return
+  }
+  const number = filterQtyDigits(String(row.number ?? row['数量'] ?? ''))
+  editReportingQtyForm.value = {
+    id,
+    number,
+    original_number: number,
+    process_code: String(row.process_code ?? row['工序编号'] ?? row['工序号'] ?? ''),
+    process_name: String(row.process_name ?? row['工序名称'] ?? ''),
+    part_code: String(row.part_code ?? row['部件编号'] ?? ''),
+    unfinished: '',
+    standard_hour: row.standard_hour ?? row['标准工时'] ?? '',
+    standard_score: row.standard_score ?? row['标准工分'] ?? row['标准分数'] ?? '',
+    production_hour: row.production_hour ?? row['生产工时'] ?? '',
+    production_score: row.production_score ?? row['生产分数'] ?? row['生产工分'] ?? '',
+  }
+  editReportingQtyVisible.value = true
+  const unfinished = await resolveUnfinishedForEditRow(row)
+  if (editReportingQtyForm.value.id === id) {
+    editReportingQtyForm.value.unfinished = unfinished === '' ? '' : String(unfinished)
+  }
+}
+
+const submitEditReportingQty = async () => {
+  const numberStr = String(editReportingQtyForm.value.number ?? '').trim()
+  const qty = Number(numberStr)
+  if (!numberStr || Number.isNaN(qty) || qty <= 0) {
+    warningres('请输入大于 0 的数量')
+    return
+  }
+
+  const stdHour = Number(editReportingQtyForm.value.standard_hour)
+  const stdScore = Number(editReportingQtyForm.value.standard_score)
+  let production_hour = String(editReportingQtyForm.value.production_hour ?? '')
+  let production_score = String(editReportingQtyForm.value.production_score ?? '')
+  if (Number.isFinite(stdHour) && stdHour > 0) {
+    production_hour = (qty * stdHour).toFixed(2)
+  }
+  if (Number.isFinite(stdScore) && stdScore > 0) {
+    production_score = (qty * stdScore).toFixed(2)
+  }
+
+  const mod_id = userStore.userInfo?.nickName || userStore.userInfo?.userName || ''
+
+  editReportingQtyLoading.value = true
+  try {
+    const res = await UpdateReportingWork({
+      id: editReportingQtyForm.value.id,
+      number: String(qty),
+      production_hour,
+      production_score,
+      mod_id,
+    })
+    if (res?.code === 0) {
+      yellowTopTip(res.msg || '修改成功')
+      editReportingQtyVisible.value = false
+      await getGongfenHistory()
+      await refreshProcessProduction()
+    } else {
+      errorres(res?.msg || '修改失败')
+    }
+  } catch (e) {
+    console.error(e)
+    errorres(e?.response?.data?.msg || e?.message || '修改失败')
+  } finally {
+    editReportingQtyLoading.value = false
+  }
+}
+
+// 复选框选择
+const fjSelectionChange = (selection) => {
+  console.log('选中的附件:', selection);
+};
+
+  //总数量合计
+  const getSummaries = (param) => {  
+    const { columns, data } = param;  
+    const sums = {};  
+    const summableLabels = [...sizeDatas, "实裁总数"];
+    columns.forEach((column, index) => {  
+        if (index === 1) {  
+            sums[index] = '总数量合计';  
+            return;  
+        }  
+        if (summableLabels.includes(column.label)) {  
+            const values = data.map(item => Number(item[column.property]));  
+            // 检查数组中是否所有值都是 NaN  
+            if (!values.every(value => isNaN(value))) {  
+                sums[index] = values.reduce((prev, curr) => {  
+                    const value = Number(curr);  
+                    if (!isNaN(value)) {  
+                        return prev + value; 
+                    }  
+                    return prev;  
+                }, 0);  
+                // 如果需要，可以在这里添加单位  
+                // sums[index] += ' 件';  
+            } else {  
+                 sums[index] = '';  
+            }  
+        }  
+    });  
+    return sums;  
+};  
+
+
+//表格行点击（子订单编号单独保存，不写入搜索框）
+const tableRowClick = async (row)=>{
+  _order.value = row.子订单编号 || ''
+}
+
+
+
+const _searchInput = async ()=>{
+    setTimeout(() => {
+        const inputElement = document.getElementById('searchInput');
+            if (inputElement) {
+                inputElement.focus();		
+            }
+    }, 100);
+}
+
+//子订单详情页
+const cp_gdprintonClick = async () => {
+    if(!_order.value){
+        warningres('请先点击报工记录选择子订单后再查看')
+        return false;
+    }
+    SubOrderPageRef.value.open(_order.value,add_formData['工序']) 
+}
+    
+
+
+const gd_yulan = () => {
+  const order = getActiveOrderNo()
+  if(!order){
+    warningres('请先查询订单后再操作此功能')
+    return false;
+  }
+  printPageRef.value.open(order)
+}
+
+
+const _orderid = ref('')//订单子编号
+const _kh = ref('')//生产款号
+
+
+
+
+// =========== 分页 ===========
+// 分页相关的响应式变量
+const page = ref(1)
+const total = ref(0)
+const pageSize = ref(10)
+// 分页
+const handleCurrentChange = (val) => {
+  page.value = val;
+  _getStaffList();
+};
+
+// 修改页面容量 点击多少条/页
+const handleSizeChange = (val) => {
+  page.value = 10;//默认显示
+  pageSize.value = val;
+  _getStaffList();
+};
+
+
+
+// 统一提示：顶部居中、固定宽度（与扫描框一带）
+const TIP_OFFSET = 90
+const TIP_WIDTH = 520
+const TIP_CLASS = 'custom-warning-message gongfen-unified-tip'
+
+const buildTipHtml = (content, bgColor, textColor = '#000') => {
+  const lines = Array.isArray(content) ? content : [String(content || '')]
+  const linesHtml = lines.map((line) => (
+    `<div style="font-size:32px;line-height:1.35;font-weight:700;color:${textColor};word-break:break-word;white-space:normal;">${line}</div>`
+  )).join('')
+  return `<div style="background-color:${bgColor};padding:16px 24px;text-align:center;display:block;width:${TIP_WIDTH}px;box-sizing:border-box;border-radius:4px;">${linesHtml}</div>`
+}
+
+const showUnifiedTip = (content, { bg = '#f5ff2f', color = '#000', duration = 3000 } = {}) => {
+  ElMessage.closeAll()
+  ElMessage({
+    type: '',
+    dangerouslyUseHTMLString: true,
+    duration,
+    offset: TIP_OFFSET,
+    message: buildTipHtml(content, bg, color),
+    customClass: TIP_CLASS,
+  })
+}
+
+const successres = (arr) => showUnifiedTip(arr, { bg: '#80FA80' })
+const errorres = (arr) => showUnifiedTip(arr, { bg: 'red', color: '#fff' })
+const warningres = (arr) => showUnifiedTip(arr, { bg: '#f5ff2f' })
+
+/** 机台相关：同位置黄色提示 */
+const machineTip = (text) => {
+  showUnifiedTip(
+    text || '未获取到机台编号，重启电脑或重新打开系统尝试',
+    { duration: 4000 }
+  )
+}
+
+/** 提交/修改/删除成功：同位置黄色提示 */
+const yellowTopTip = (text) => {
+  showUnifiedTip(String(text || '').trim() || '操作成功')
+}
+</script>
+
+<style scoped>
+.form-container {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.form-column {
+  /*flex: 1;*/
+  margin-right: 15px; /* 调整列之间的间距 */
+}
+
+/* 左侧输入框宽度调整 */
+.form-column .el-form-item .el-input {
+  width: 150px; /* 调整左侧输入框的宽度 */
+}
+
+/* 媒体查询，根据需要调整断点 */
+@media screen and (max-width: 768px) {
+  .form-column {
+    flex: 1 0 100%; /* 在小屏幕下变成单列布局 */
+    margin-right: 0;
+  }
+}
+/*:deep(.el-table td .cell) {*/
+/*  line-height: 30px !important;*/
+/*}*/
+.JKWTree-container {
+  display: flex;
+}
+.JKWTree-tree {
+  /*width: 300px;*/
+  background-color: #fff;
+  padding: 10px;
+  margin-right: 20px;
+}
+.JKWTree-tree h3 {
+  font-size: 15px;
+  font-weight: 700;
+  margin: 10px 0;
+}
+.JKWTree-content {
+  flex: 1;
+}
+/* 图片上传 */
+.upload-box {
+  width: 200px;
+  height: 200px;
+  border: 2px dashed #e2e2e2;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  cursor: pointer;
+}
+.uploaded-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.upload-icon {
+  font-size: 40px;
+  color: #c0c4cc;
+}
+.file-input {
+  display: none;
+}
+.el-table .warning-row {
+  background: oldlace;
+}
+
+/*bom参数背景*/
+:deep(.el-table__body .background-plan-usage-low div div div) {
+  background: #80FA80 !important;
+}
+/* 选中某行时的背景色 */
+:deep(.el-table__body tr.current-row) > td {
+  background: #ff80ff !important;
+}
+/* 鼠标悬停时的背景色（工序产量核查表关闭悬停高亮） */
+:deep(.el-table__body tr:hover) > td {
+  background: #ff80ff !important;
+}
+:deep(.process-production-table-wrap .el-table__body tr:hover > td) {
+  background-color: var(--el-table-tr-bg-color, #fff) !important;
+}
+:deep(.process-production-table-wrap .el-table__body tr.el-table__row--striped:hover > td) {
+  background-color: var(--el-fill-color-lighter, #fafafa) !important;
+}
+:deep(.process-production-table-wrap .el-table__body tr.process-production-row-active > td) {
+  background-color: #ff80ff !important;
+  background: #ff80ff !important;
+}
+
+/* 员工选择区域样式 */
+.employee-grid {
+  display: grid;
+  grid-template-columns: repeat(8, 1fr);
+  gap: 15px;
+  margin-top: 10px;
+}
+
+.employee-card {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 15px;
+  border-radius: 8px;
+  background-color: #f5f7fa;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  border: 2px solid transparent;
+}
+
+.employee-card:hover {
+  transform: translateY(-3px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.employee-card.selected {
+  border-color: #667eea;
+  background-color: #e6e8ff;
+}
+
+.employee-avatar {
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  font-size: 24px;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+
+.employee-name {
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 5px;
+  text-align: center;
+}
+
+.employee-id {
+  font-size: 14px;
+  font-weight: bold;
+  color: #666;
+  text-align: center;
+}
+</style>
+<style scoped>
+:deep(.el-table td .cell) {
+  line-height: 20px !important;
+}
+:deep(.el-tabs__header){
+  margin-bottom: 0;
+}
+.search{
+  margin-left: 0px !important;
+  margin-right: 10px !important;
+}
+.bt{
+  margin-left: 2px !important;
+  padding: 3px !important;
+  font-size: 12px;
+}
+.el-tabs__header{
+  margin: 0px !important;
+}
+.gva-table-box{
+  padding: 0px !important;
+  margin-left: -10px !important;
+  min-height: 600px;
+}
+.gongfen-report-tabs {
+  padding: 0;
+}
+.gongfen-toolbar-row {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 10px;
+  margin-bottom: 20px;
+}
+.gongfen-order-search-input {
+  width: 200px;
+  flex-shrink: 0;
+}
+.gongfen-order-search-input :deep(.el-input__wrapper) {
+  height: 50px;
+}
+.gongfen-search-btn {
+  height: 50px;
+  width: 80px;
+  flex-shrink: 0;
+  margin: 0;
+}
+.gongfen-toolbar-label {
+  font-size: 30px;
+  line-height: 1;
+  white-space: nowrap;
+}
+.gongfen-toolbar-field {
+  width: 120px;
+  flex-shrink: 0;
+}
+.gongfen-toolbar-field :deep(.el-input__wrapper) {
+  height: 40px;
+}
+.gongfen-order-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-left: 20px;
+  margin-right: 24px;
+  flex-shrink: 0;
+}
+.gongfen-work-score-btn {
+  height: 64px;
+  width: 120px;
+  font-size: 18px;
+}
+.work-score-order-header {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 8px 16px;
+  background-color: #333;
+  color: white;
+}
+.work-score-order-bar {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 24px;
+}
+.work-score-order-bar p {
+  margin: 5px 0;
+  font-size: 16px;
+  font-weight: bold;
+}
+.work-score-close-btn {
+  flex-shrink: 0;
+  min-width: 80px;
+  height: 36px;
+  font-size: 15px;
+  font-weight: 600;
+}
+:deep(.work-score-dialog) {
+  padding: 0;
+  margin: 0;
+}
+:deep(.work-score-dialog .el-dialog__header) {
+  display: none;
+  padding: 0;
+  margin: 0;
+}
+:deep(.work-score-dialog .el-dialog__body) {
+  padding: 0;
+}
+.work-score-dialog-inner {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: white;
+}
+.work-score-main-body {
+  flex: 1;
+  display: flex;
+  min-height: 0;
+  overflow: hidden;
+}
+.work-score-sidebar {
+  width: 170px;
+  border-right: 1px solid #e0e0e0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  flex-shrink: 0;
+}
+.work-score-right-panel {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  overflow: hidden;
+}
+.work-score-content-header {
+  flex-shrink: 0;
+  padding: 6px 10px;
+  border-bottom: 1px solid #e0e0e0;
+  background-color: #f5f5f5;
+}
+.work-score-section-title {
+  margin: 0;
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 1.2;
+}
+.work-score-sidebar .part-list.work-score-part-list {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto !important;
+  overflow-x: hidden;
+  padding-bottom: 12px;
+  border: none;
+  border-radius: 0;
+}
+.work-score-sidebar .part-item {
+  padding: 10px 12px;
+}
+.work-score-employee-section {
+  flex-shrink: 0;
+  border-bottom: 1px solid #e0e0e0;
+  background-color: #fafafa;
+}
+.work-score-employee-section .employee-grid {
+  margin-top: 0;
+}
+.work-score-step-header {
+  flex-shrink: 0;
+  padding: 4px 12px;
+  min-height: 28px;
+  box-sizing: border-box;
+  background: #fafafa;
+}
+.work-score-step-text {
+  margin: 0;
+  font-size: 17px;
+  line-height: 1.5;
+  color: #303133;
+  white-space: nowrap;
+}
+.work-score-step-text strong {
+  color: #303133;
+  font-weight: 700;
+}
+.work-score-step-row {
+  gap: 12px;
+  flex-wrap: wrap;
+}
+.work-score-toolbar-guide {
+  width: 100%;
+}
+.work-score-batch-label {
+  flex-shrink: 0;
+  font-size: 15px;
+  font-weight: 600;
+  color: #606266;
+}
+.work-score-step-hint {
+  margin: 6px 0 0;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #909399;
+}
+.work-score-selected-name {
+  color: #2563eb;
+  font-weight: 600;
+}
+.work-score-selected-name.is-empty {
+  color: #e6a23c;
+}
+.work-score-step-hint-divider {
+  margin: 0 8px;
+  color: #dcdfe6;
+}
+.work-score-steps {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  gap: 8px;
+  width: 100%;
+}
+.work-score-step {
+  font-size: 16px;
+  font-weight: 600;
+  color: #606266;
+  white-space: nowrap;
+}
+.work-score-step.is-active {
+  color: #2563eb;
+  font-weight: 700;
+}
+.work-score-step-arrow {
+  font-size: 16px;
+  color: #909399;
+  flex-shrink: 0;
+}
+.work-score-employee-grid {
+  display: flex;
+  flex-wrap: nowrap;
+  gap: 6px;
+  padding: 4px 10px 4px;
+  min-height: 0;
+  box-sizing: border-box;
+}
+.work-score-employee-section .employee-card {
+  flex: 1 1 0;
+  min-width: 0;
+  padding: 6px 4px;
+  min-height: auto;
+  border-radius: 6px;
+  border: 2px solid transparent;
+  box-sizing: border-box;
+}
+.work-score-employee-section .employee-card:hover {
+  transform: none;
+  box-shadow: none;
+}
+.work-score-employee-section .employee-avatar {
+  width: 30px;
+  height: 30px;
+  font-size: 18px;
+  margin-bottom: 4px;
+}
+.work-score-employee-section .employee-name {
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 1.2;
+  margin-bottom: 2px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+  text-align: center;
+}
+.work-score-employee-section .employee-id {
+  font-size: 14px;
+  line-height: 1.2;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+  text-align: center;
+}
+.work-score-employee-section .employee-card.selected {
+  border-color: #10b981;
+  border-width: 2px;
+  background: #ecfdf5;
+}
+.work-score-process-area {
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  padding: 2px 10px 4px;
+}
+.work-score-process-block {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.work-score-process-toolbar {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-bottom: 2px;
+  padding-bottom: 2px;
+  background: #fff;
+  border-bottom: 1px solid #ebeef5;
+  z-index: 2;
+}
+.work-score-process-toolbar h4 {
+  margin: 0;
+  font-size: 14px;
+  flex-shrink: 0;
+}
+.work-score-process-toolbar--simple {
+  flex-shrink: 0;
+  padding: 4px 12px;
+  background: #fafafa;
+  border-bottom: 1px solid #ebeef5;
+  border-radius: 0;
+}
+.work-score-quick-row {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  gap: 12px;
+  width: 100%;
+  min-height: 40px;
+}
+.work-score-batch-qty-input {
+  width: 72px;
+  flex-shrink: 0;
+}
+.work-score-batch-qty-input :deep(.el-input__inner) {
+  height: 34px;
+  font-size: 16px;
+  font-weight: 600;
+  text-align: center;
+  color: #303133;
+}
+.work-score-batch-qty-input :deep(.el-input__inner::placeholder) {
+  font-size: 13px;
+  font-weight: 400;
+  color: #a8abb2;
+}
+.work-score-batch-qty-input :deep(input[type='number']) {
+  -moz-appearance: textfield;
+  appearance: textfield;
+}
+.work-score-batch-qty-input :deep(input[type='number']::-webkit-outer-spin-button),
+.work-score-batch-qty-input :deep(input[type='number']::-webkit-inner-spin-button) {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.work-score-submit-btn {
+  flex-shrink: 0;
+  min-width: 88px;
+  height: 32px;
+  font-size: 14px;
+  font-weight: 600;
+  padding: 0 12px;
+  margin-left: auto;
+}
+.work-score-confirm-tip {
+  margin: 0 0 12px;
+  font-size: 15px;
+  color: #606266;
+}
+:deep(.work-score-confirm-over-cell) {
+  color: #f56c6c !important;
+  font-weight: 600;
+}
+.work-score-process-table-wrap :deep(.work-score-process-table .el-input__inner) {
+  height: 30px;
+  font-size: 14px;
+}
+.work-score-process-table-wrap :deep(.work-score-qty-input .el-input__inner) {
+  height: 30px;
+  font-size: 18px;
+  font-weight: 600;
+  text-align: center;
+  color: #303133;
+}
+/* 选中行：只高亮整行粉色，输入框保持白底 */
+.work-score-process-table-wrap :deep(.el-table__body tr.work-score-process-row-active > td.el-table__cell),
+.work-score-process-table-wrap :deep(.el-table__body tr.current-row > td.el-table__cell) {
+  background-color: #ff80ff !important;
+  background: #ff80ff !important;
+}
+.work-score-process-table-wrap :deep(.work-score-qty-over .el-input__inner) {
+  color: #f56c6c !important;
+}
+.work-score-process-table-wrap :deep(.work-score-staff-input .el-input__inner) {
+  height: 30px;
+  font-size: 14px;
+  text-align: center;
+}
+.work-score-process-table-wrap :deep(.work-score-process-table .cell) {
+  font-size: 15px;
+  line-height: 1.4;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.work-score-row-actions {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+}
+.work-score-fill-row-btn,
+.work-score-add-person-btn {
+  margin: 0;
+  min-width: 52px;
+  height: 30px;
+  padding: 0 10px;
+  font-size: 13px;
+  font-weight: 600;
+  border-radius: 4px;
+}
+.work-score-add-person-btn {
+  color: #409eff;
+  border-color: #b3d8ff;
+  background: #fff;
+}
+.work-score-add-person-btn:hover:not(:disabled) {
+  color: #fff;
+  border-color: #409eff;
+  background: #409eff;
+}
+.work-score-fill-row-btn:disabled {
+  opacity: 0.45;
+}
+.work-score-staff-row {
+  margin-bottom: 2px;
+}
+.work-score-staff-row:last-child {
+  margin-bottom: 0;
+}
+.work-score-process-table-wrap :deep(.work-score-process-table td.el-table__cell) {
+  padding: 3px 0;
+}
+.work-score-process-table-wrap :deep(.work-score-process-table th.el-table__cell) {
+  padding: 8px 0;
+  font-size: 14px;
+  background: #f5f7fa;
+}
+.work-score-process-table-wrap :deep(.work-score-process-table .el-table__body-wrapper) {
+  overflow-y: auto;
+}
+.work-score-process-table-wrap :deep(.work-score-process-table .el-scrollbar__wrap) {
+  padding-bottom: 6px;
+  box-sizing: border-box;
+}
+.work-score-process-table-wrap :deep(.work-score-process-table .el-scrollbar__bar.is-vertical) {
+  width: 8px;
+  right: 2px;
+}
+.work-score-process-table-wrap {
+  flex: 1;
+  min-height: 0;
+  height: 0;
+  overflow: hidden;
+  padding-bottom: 4px;
+  box-sizing: border-box;
+}
+.work-score-process-table-wrap :deep(input[type='number']) {
+  -moz-appearance: textfield;
+  appearance: textfield;
+}
+.work-score-process-table-wrap :deep(input[type='number']::-webkit-outer-spin-button),
+.work-score-process-table-wrap :deep(input[type='number']::-webkit-inner-spin-button) {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.work-score-process-empty {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding: 50px;
+}
+.work-score-process-empty--muted {
+  color: #999;
+}
+.gongfen-col-header {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  width: 100%;
+}
+
+.gongfen-history-table :deep(.el-table__header .cell),
+.gongfen-history-table :deep(.el-table__body .cell),
+.gongfen-history-table :deep(.el-table__footer .cell) {
+  padding-left: 8px;
+  padding-right: 8px;
+  line-height: 24px;
+  box-sizing: border-box;
+}
+
+.gongfen-history-table :deep(.el-table__header th),
+.gongfen-history-table :deep(.el-table__body td),
+.gongfen-history-table :deep(.el-table__footer td) {
+  padding-top: 4px !important;
+  padding-bottom: 4px !important;
+}
+
+.gongfen-history-table :deep(.el-table__footer-wrapper td) {
+  font-weight: 600;
+  background: #fafafa;
+}
+.gy-detail-filter-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  cursor: pointer;
+  color: #909399;
+  border-radius: 2px;
+}
+.gy-detail-filter-btn:hover,
+.gy-detail-filter-btn.is-active {
+  color: var(--el-color-primary);
+  background: #ecf5ff;
+}
+.gy-detail-filter-options {
+  max-height: 220px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  margin-bottom: 4px;
+}
+.gy-detail-filter-panel :deep(.el-checkbox) {
+  display: flex;
+  margin-right: 0;
+  margin-bottom: 6px;
+}
+.gy-detail-filter-actions {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 4px;
+  padding-top: 8px;
+  border-top: 1px solid #ebeef5;
+}
+.gy-detail-filter-link {
+  color: var(--el-color-primary);
+  font-size: 12px;
+  line-height: 1;
+  cursor: pointer;
+  user-select: none;
+  padding: 4px 2px;
+}
+.gy-detail-filter-link:hover {
+  opacity: 0.85;
+}
+.mab{
+  margin-bottom: 5px;
+}
+
+/* 搜索样式 */
+::v-deep .el-input__wrapper #searchInput {  
+  font-size: 16px; 
+} 
+::v-deep .el-input__wrapper #jitaihao {  
+  font-size: 18px; 
+}  
+::v-deep .el-input__wrapper #gongxu {  
+  font-size: 18px; 
+}  
+::v-deep .el-input__wrapper #zubie {  
+  font-size: 18px; 
+}  
+::v-deep .el-input__wrapper #renyuan {  
+  font-size: 18px; 
+} 
+::v-deep .el-input__wrapper #shuliang {  
+  font-size: 18px; 
+  color: red;
+} 
+::v-deep .el-input__wrapper #chima {  
+  font-size: 18px; 
+} 
+
+/* 尺码/制单数合计样式 */
+::v-deep .el-input__wrapper  #cm1{
+    font-size: 20px; 
+}
+::v-deep .el-input__wrapper  #cm2{
+    font-size: 20px; 
+}
+::v-deep .el-input__wrapper  #cm3{
+    font-size: 20px; 
+}
+::v-deep .el-input__wrapper  #cm4{
+    font-size: 20px; 
+}
+::v-deep .el-input__wrapper  #cm5{
+    font-size: 20px; 
+}
+::v-deep .el-input__wrapper  #cm6{
+    font-size: 20px; 
+}
+::v-deep .el-input__wrapper  #cm7{
+    font-size: 20px; 
+}
+::v-deep .el-input__wrapper  #cm8{
+    font-size: 20px; 
+}
+::v-deep .el-input__wrapper  #cm9{
+    font-size: 20px; 
+}
+::v-deep .el-input__wrapper  #cm10{
+    font-size: 20px; 
+}
+::v-deep .el-input__wrapper  #cm11{
+    font-size: 20px; 
+}
+::v-deep .el-input__wrapper  #cm12{
+    font-size: 20px; 
+}
+::v-deep .el-input__wrapper  #cm13{
+    font-size: 20px; 
+}
+::v-deep .el-input__wrapper  #cm14{
+    font-size: 20px; 
+}
+::v-deep .el-input__wrapper  #cmtotal{
+    font-size: 20px; 
+}
+/* 本次实裁新增样式 */
+::v-deep .el-input__wrapper  #cmsl1{
+    font-size: 20px; 
+    color: red !important;
+}
+::v-deep .el-input__wrapper  #cmsl2{
+    font-size: 20px; 
+    color: red !important;
+}
+::v-deep .el-input__wrapper  #cmsl3{
+    font-size: 20px; 
+    color: red !important;
+}
+::v-deep .el-input__wrapper  #cmsl4{
+    font-size: 20px; 
+    color: red !important;
+}
+::v-deep .el-input__wrapper  #cmsl5{
+    font-size: 20px; 
+    color: red !important;
+}
+::v-deep .el-input__wrapper  #cmsl6{
+    font-size: 20px; 
+    color: red !important;
+}
+::v-deep .el-input__wrapper  #cmsl7{
+    font-size: 20px; 
+    color: red !important;
+}
+::v-deep .el-input__wrapper  #cmsl8{
+    font-size: 20px; 
+    color: red !important;
+}
+::v-deep .el-input__wrapper  #cmsl9{
+    font-size: 20px; 
+    color: red !important;
+}
+::v-deep .el-input__wrapper  #cmsl10{
+    font-size: 20px; 
+    color: red !important;
+}
+::v-deep .el-input__wrapper  #cmsl11{
+    font-size: 20px; 
+    color: red !important;
+}
+::v-deep .el-input__wrapper  #cmsl12{
+    font-size: 20px; 
+    color: red !important;
+}
+::v-deep .el-input__wrapper  #cmsl13{
+    font-size: 20px; 
+    color: red !important;
+}
+::v-deep .el-input__wrapper  #cmsl14{
+    font-size: 20px; 
+    color: red !important;
+}
+::v-deep .el-input__wrapper  #zdtotal{
+    font-size: 20px; 
+  color: red !important;
+}
+::v-deep .el-input__wrapper  #scs1{
+    font-size: 18px; 
+}
+::v-deep .el-input__wrapper  #scs2{
+    font-size: 18px; 
+}
+::v-deep .el-input__wrapper  #scs3{
+    font-size: 18px; 
+}
+::v-deep .el-input__wrapper  #scs4{
+    font-size: 18px; 
+}
+::v-deep .el-input__wrapper  #scs5{
+    font-size: 18px; 
+}
+::v-deep .el-input__wrapper  #scs6{
+    font-size: 18px; 
+}
+::v-deep .el-input__wrapper  #scs7{
+    font-size: 18px; 
+}
+::v-deep .el-input__wrapper  #scs8{
+    font-size: 18px; 
+}
+::v-deep .el-input__wrapper  #scs9{
+    font-size: 18px; 
+}
+::v-deep .el-input__wrapper  #scs10{
+    font-size: 18px; 
+}
+::v-deep .el-input__wrapper  #scs11{
+    font-size: 18px; 
+}
+::v-deep .el-input__wrapper  #scs12{
+    font-size: 18px; 
+}
+::v-deep .el-input__wrapper  #scs13{
+    font-size: 18px; 
+}
+::v-deep .el-input__wrapper  #scs14{
+    font-size: 18px; 
+}
+::v-deep .el-input__wrapper  #sctotal{
+    font-size: 18px; 
+}
+
+
+/* 表格复选框大小调整 */
+:deep(.el-checkbox.el-checkbox--small .el-checkbox__inner) {
+    width: 30px;
+    /* 复选框宽度 */
+    height: 20px;
+    /* 复选框高度 */
+}
+:deep(.el-checkbox.el-checkbox--small.is-checked .el-checkbox__inner::after) {
+    transform: scale(1.2) rotate(45deg);
+    /* 调整选中后的对勾大小 */
+    top: 5%;
+    /* 调整对勾位置 */
+    left: 40%;
+    /* 调整对勾位置 */
+    width: 5px;
+    /* 调整对勾宽度 */
+    height: 9px;
+    /* 调整对勾高度 */
+}
+
+/* 部件列表样式 */
+.part-list {
+  border: 1px solid #e0e0e0;
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.part-item {
+  padding: 15px;
+  border-bottom: 1px solid #f0f0f0;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.part-item:last-child {
+  border-bottom: none;
+}
+
+.part-item:hover {
+  background-color: #f5f7fa;
+}
+
+.part-item.selected {
+  background-color: #ecf5ff;
+  border-left: 4px solid #409EFF;
+}
+
+.part-info {
+  display: flex;
+  flex-direction: column;
+}
+
+.part-number {
+  font-size: 14px;
+  color: #999;
+  margin-bottom: 5px;
+}
+
+.part-name {
+  font-size: 16px;
+  font-weight: 500;
+}
+
+/* 员工网格样式 */
+.employee-grid {
+  display: grid;
+  grid-template-columns: repeat(12, 1fr);
+  gap: 8px;
+}
+
+.employee-card {
+  border: 1px solid #e0e0e0;
+  border-radius: 12px;
+  padding: 10px;
+  text-align: center;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.employee-card:hover {
+  border-color: #409EFF;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+}
+
+.employee-card.selected {
+  border-color: #67C23A;
+  background-color: #F0F9EB;
+}
+
+.employee-avatar {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto 8px;
+  font-size: 20px;
+  font-weight: bold;
+  color: white;
+}
+
+.employee-name {
+  font-size: 20px;
+  font-weight: 500;
+  margin-bottom: 3px;
+}
+
+.employee-id {
+  font-size: 16px;
+  color: #999;
+}
+
+</style>
+
+<style>
+/* 工分报工工艺表：选中/悬停整行粉色；完工人员、完工数量输入框保持白底 */
+.work-score-process-table .el-table__body tr.work-score-process-row-active > td.el-table__cell,
+.work-score-process-table .el-table__body tr.current-row > td.el-table__cell,
+.work-score-process-table .el-table__body tr:hover > td.el-table__cell {
+  background-color: #ff80ff !important;
+  background: #ff80ff !important;
+}
+.work-score-process-table .el-table__body tr.work-score-process-row-active .work-score-qty-input,
+.work-score-process-table .el-table__body tr.current-row .work-score-qty-input,
+.work-score-process-table .el-table__body tr:hover .work-score-qty-input,
+.work-score-process-table .el-table__body tr.work-score-process-row-active .work-score-staff-input,
+.work-score-process-table .el-table__body tr.current-row .work-score-staff-input,
+.work-score-process-table .el-table__body tr:hover .work-score-staff-input {
+  --el-input-bg-color: #ffffff;
+  --el-fill-color-blank: #ffffff;
+}
+.work-score-process-table .el-table__body tr.work-score-process-row-active .work-score-qty-input .el-input__wrapper,
+.work-score-process-table .el-table__body tr.current-row .work-score-qty-input .el-input__wrapper,
+.work-score-process-table .el-table__body tr:hover .work-score-qty-input .el-input__wrapper,
+.work-score-process-table .el-table__body tr.work-score-process-row-active .work-score-staff-input .el-input__wrapper,
+.work-score-process-table .el-table__body tr.current-row .work-score-staff-input .el-input__wrapper,
+.work-score-process-table .el-table__body tr:hover .work-score-staff-input .el-input__wrapper,
+.work-score-process-table .el-table__body tr.work-score-process-row-active .work-score-qty-input .el-input__wrapper.is-focus,
+.work-score-process-table .el-table__body tr.current-row .work-score-qty-input .el-input__wrapper.is-focus,
+.work-score-process-table .el-table__body tr:hover .work-score-qty-input .el-input__wrapper.is-focus,
+.work-score-process-table .el-table__body tr.work-score-process-row-active .work-score-staff-input .el-input__wrapper.is-focus,
+.work-score-process-table .el-table__body tr.current-row .work-score-staff-input .el-input__wrapper.is-focus,
+.work-score-process-table .el-table__body tr:hover .work-score-staff-input .el-input__wrapper.is-focus {
+  background-color: #ffffff !important;
+  background: #ffffff !important;
+}
+
+/* 确认报工弹窗：固定尺寸 + 内容居中放大（append-to-body 用全局样式） */
+.work-score-confirm-dialog.el-dialog,
+.work-score-confirm-dialog {
+  width: 1040px !important;
+  margin-top: 8vh !important;
+}
+.work-score-confirm-dialog .el-dialog__header {
+  padding: 12px 12px 6px;
+}
+.work-score-confirm-dialog .el-dialog__title {
+  font-size: 20px;
+  font-weight: 600;
+}
+.work-score-confirm-dialog .el-dialog__body {
+  padding: 4px 12px 4px;
+  height: 556px;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+.work-score-confirm-dialog .work-score-confirm-tip {
+  margin: 0 0 6px;
+  text-align: center;
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+  line-height: 1.3;
+}
+.work-score-confirm-dialog .work-score-confirm-table {
+  font-size: 15px;
+  width: 100% !important;
+}
+.work-score-confirm-dialog .work-score-confirm-table .el-table__inner-wrapper::before {
+  display: none;
+}
+.work-score-confirm-dialog .work-score-confirm-table .el-table__header-wrapper,
+.work-score-confirm-dialog .work-score-confirm-table .el-table__body-wrapper {
+  overflow-x: hidden !important;
+}
+.work-score-confirm-dialog .work-score-confirm-table .el-scrollbar__bar.is-horizontal {
+  display: none !important;
+}
+.work-score-confirm-dialog .work-score-confirm-table .el-table__header th {
+  color: #000 !important;
+  font-weight: 600;
+  font-size: 15px;
+  padding: 4px 0 !important;
+  height: 32px !important;
+}
+.work-score-confirm-dialog .work-score-confirm-table .el-table__header th .cell {
+  color: #000 !important;
+  font-weight: 600;
+  line-height: 22px;
+  padding: 0 6px !important;
+}
+.work-score-confirm-dialog .work-score-confirm-table .el-table__body td {
+  font-size: 15px;
+  padding: 2px 0 !important;
+  height: 32px !important;
+}
+.work-score-confirm-dialog .work-score-confirm-table .cell {
+  line-height: 22px;
+  padding: 0 6px !important;
+}
+.work-score-confirm-dialog .work-score-confirm-table .el-table__header th.is-center,
+.work-score-confirm-dialog .work-score-confirm-table .el-table__body td.is-center {
+  text-align: center !important;
+}
+.work-score-confirm-dialog .work-score-confirm-table .el-table__header th.is-center .cell,
+.work-score-confirm-dialog .work-score-confirm-table .el-table__body td.is-center .cell {
+  text-align: center !important;
+  justify-content: center;
+}
+.work-score-confirm-dialog .work-score-confirm-table .el-table__header th.is-left,
+.work-score-confirm-dialog .work-score-confirm-table .el-table__body td.is-left {
+  text-align: left !important;
+}
+.work-score-confirm-dialog .work-score-confirm-table .el-table__header th.is-left .cell,
+.work-score-confirm-dialog .work-score-confirm-table .el-table__body td.is-left .cell {
+  text-align: left !important;
+  justify-content: flex-start;
+}
+.work-score-confirm-dialog .work-score-confirm-over-cell {
+  color: #f56c6c !important;
+  font-weight: 600;
+  font-size: 17px !important;
+}
+.work-score-confirm-dialog .el-dialog__footer {
+  padding: 8px 12px 12px;
+}
+.work-score-confirm-dialog .el-dialog__footer .el-button {
+  min-width: 100px;
+  font-size: 15px;
+}
+.work-score-confirm-dialog .el-table__body tr:hover > td {
+  background-color: var(--el-table-tr-bg-color, #fff) !important;
+}
+.work-score-confirm-dialog .el-table__body tr.el-table__row--striped:hover > td {
+  background-color: var(--el-fill-color-lighter, #fafafa) !important;
+}
+
+/* 修改数量弹窗：超出未完成数时数量变红 */
+.edit-reporting-qty-dialog .edit-reporting-qty-over .el-input__inner,
+.edit-reporting-qty-dialog .edit-reporting-qty-over .el-input__wrapper input {
+  color: #f56c6c !important;
+  font-weight: 600;
+}
+
+.custom-warning-message {
+  background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+  padding: 0 !important;
+}
+
+.custom-warning-message .el-message__content {
+  padding: 0 !important;
+  line-height: 1 !important;
+}
+
+.custom-warning-message .el-message__icon {
+  display: none !important;
+}
+
+.custom-warning-message .el-message__closeBtn {
+  display: none !important;
+}
+.gongfen-unified-tip.el-message {
+  left: 50% !important;
+  transform: translateX(-50%) !important;
+  width: 520px !important;
+  min-width: 520px !important;
+  max-width: 520px !important;
+}
+
+.gy-detail-filter-popper {
+  z-index: 10050 !important;
+  pointer-events: auto;
+  padding: 8px 10px !important;
+}
+
+.gy-detail-filter-popper .gy-detail-filter-panel {
+  pointer-events: auto;
+}
+
+.gy-detail-filter-popper .gy-detail-filter-panel .el-checkbox {
+  display: flex;
+  margin-right: 0;
+  margin-bottom: 6px;
+}
+
+/* 工分报工删除确认：图标顶对齐，工序信息左对齐 */
+.gongfen-delete-confirm .el-message-box__container {
+  align-items: flex-start;
+}
+.gongfen-delete-confirm .el-message-box__status {
+  top: 2px;
+}
+.gongfen-delete-confirm .el-message-box__message {
+  padding-left: 0;
+  text-align: left;
+}
+.gongfen-delete-confirm .gongfen-delete-msg {
+  text-align: left;
+  line-height: 1.7;
+}
+.gongfen-delete-confirm .gongfen-delete-msg__row {
+  margin-top: 6px;
+}
+.gongfen-delete-confirm .gongfen-delete-msg__row strong {
+  color: #f56c6c;
+  font-weight: 600;
+}
+</style>