| | |
| | | |
| | | <!-- 历史报工记录 --> |
| | | <view class="section-title history-title">历史报工记录</view> |
| | | <div class="table-scroll"> |
| | | <div class="table-scroll history-table-scroll"> |
| | | <table class="report-table"> |
| | | <thead> |
| | | <tr> |
| | |
| | | <!-- 确认提交和调机报工按钮 --> |
| | | <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> |
| | | |
| | |
| | | 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; |