快乐的昕的电脑
2025-12-04 f78d49f38f25f20968f332882995e1cab4600709
components/WorkOrderPrint.vue
@@ -56,7 +56,7 @@
                <!-- 历史报工记录 -->
                <view class="section-title history-title">历史报工记录</view>
                <div class="table-scroll">
                <div class="table-scroll history-table-scroll">
                    <table class="report-table">
                        <thead>
                            <tr>
@@ -90,7 +90,7 @@
                                <td>{{ r.reportType || '-' }}</td> <!-- 新增 -->
                            </tr>
                            <tr v-if="!reportingHistory.length">
                                <td colspan="11" class="no-data">暂无历史报工记录</td>
                                <td colspan="12" class="no-data">暂无历史报工记录</td>
                            </tr>
                        </tbody>
                    </table>
@@ -140,7 +140,10 @@
                <!-- 确认提交和调机报工按钮 -->
                <view class="submit-section">
                    <button class="details-btn" @click="confirmCustomAmount">确认提交</button>
                    <button class="details-btn" @click="confirmTiaojiBaogong">调机报工</button>
                    <button class="details-btn" @click="confirmTiaojiBaogong">
                        报试产数<br>
                        <span style="font-size:24px;">(从调机开始到开工前的试产数量)</span>
                    </button>
                </view>
            </view>
@@ -710,7 +713,8 @@
            border: 1px solid #555;
            padding: 6px 8px;
            text-align: center;
            white-space: nowrap;
            white-space: normal; /*允许换行*/
            word-break: break-all; /*长单词 /数字也换行*/
        }
    .status-section {
@@ -1118,6 +1122,23 @@
        border-spacing: 3px;
    }
    .history-table-scroll {
        max-height: 420px; /* 可根据实际页面调整高度 */
        overflow-y: scroll; /* 始终显示纵向滑条 */
        overflow-x: auto;
        border: 2px solid #d00;
        background: #fff;
    }
        /* 表头固定 */
        .history-table-scroll thead tr th {
            position: sticky;
            top: 0;
            z-index: 2;
            background: #fff;
            box-shadow: 0 2px 6px rgba(0,0,0,0.04);
        }
    @media (max-width:1400px) {
        input.highlight {
            font-size: 16px;