| | |
| | | <button v-if="isGeneratingBarcode" class="reset-btn-header" @click="resetGenerateState">éç½®</button> |
| | | </view> |
| | | </view> |
| | | |
| | | <!-- æ°éæ»äº§é --> |
| | | <view class="section-title">æ°éæ»äº§é</view> |
| | | <div class="table-scroll"> |
| | | <table class="report-table"> |
| | | <thead> |
| | |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | <!-- å½å宿¶ç»è®¡(ä¿æåæ¥åè¡) --> |
| | | <tr class="summary-row"> |
| | | <tr class="summary-row highlight-row"> |
| | | <td>{{ nowTime }}</td> |
| | | <td>{{ staffDisplay || '-' }}</td> |
| | | <td>{{ orderNo || '-' }}</td> |
| | | <td>{{ order.daa003 || '-' }}</td> |
| | | <td>{{ planQtyDisplay }}</td> |
| | | <td>{{ machineNo || '-' }}</td> |
| | | <td>{{ order.initCjNum }}</td><!--åå§ééæ°--> |
| | | <td>{{ order.currentCjNum }}</td><!--æ¥å·¥æ¶ééæ°--> |
| | | <td>{{ order.currentCjNum - order.initCjNum }}</td><!--æ¥å·¥æ°ï¼è®¡ç®ï¼--> |
| | | <td>{{ realTimeDefectiveCount }}</td><!--ä¸è¯æ°--> |
| | | <td>{{ realTimeOkCount }}</td><!--è¯åæ°ï¼è®¡ç®ï¼--> |
| | | <td>{{ order.initCjNum }}</td> |
| | | <td>{{ order.currentCjNum }}</td> |
| | | <td>{{ order.currentCjNum - order.initCjNum }}</td> |
| | | <td>{{ realTimeDefectiveCount }}</td> |
| | | <td>{{ realTimeOkCount }}</td> |
| | | </tr> |
| | | <!-- å岿¥å·¥è®°å½è¡ --> |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | |
| | | <!-- å岿¥å·¥è®°å½ --> |
| | | <view class="section-title history-title">å岿¥å·¥è®°å½</view> |
| | | <div class="table-scroll"> |
| | | <table class="report-table"> |
| | | <thead> |
| | | <tr> |
| | | <th>æ¶é´</th> |
| | | <th>æ¥å·¥äºº</th> |
| | | <th>å·¥åå·</th> |
| | | <th>产ååç§°</th> |
| | | <th>计åç产æ°</th> |
| | | <th>æºå°å·</th> |
| | | <th>åå§ééæ°</th> |
| | | <th>æ¥å·¥æ¶ééæ°</th> |
| | | <th>æ¥å·¥æ°ï¼è®¡ç®ï¼</th> |
| | | <th>ä¸è¯æ°</th> |
| | | <th>è¯åæ°ï¼è®¡ç®ï¼</th> |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | <tr v-for="(r, idx) in reportingHistory" :key="idx"> |
| | | <td>{{ r.bgDate }}</td><!--æ¶é´--> |
| | | <td>{{ r.staff || '-' }}</td><!--æ¥å·¥äºº--> |
| | | <td>{{ r.orderNo || '-' }}</td><!--å·¥åå·--> |
| | | <td>{{ order.daa003 || '-' }}</td><!--产ååç§°--> |
| | | <td>{{ planQtyDisplay }}</td><!--计åç产æ°--> |
| | | <td>{{ r.machineNo || '-' }}</td><!--æºå°å·--> |
| | | <td>{{ r.initialValue }}</td><!--åå§ééæ°--> |
| | | <td>{{ r.productionCount }}</td><!--æ¥å·¥æ¶ééæ°--> |
| | | <td>{{ r.totalProduction }}</td><!--æ¥å·¥æ°ï¼è®¡ç®ï¼--> |
| | | <td>{{ r.BfQty }}</td><!--ä¸è¯æ°--> |
| | | <td>{{ r.OkQty }}</td><!--è¯åæ°ï¼è®¡ç®ï¼--> |
| | | <td>{{ r.bgDate }}</td> |
| | | <td>{{ r.staff || '-' }}</td> |
| | | <td>{{ r.orderNo || '-' }}</td> |
| | | <td>{{ order.daa003 || '-' }}</td> |
| | | <td>{{ planQtyDisplay }}</td> |
| | | <td>{{ r.machineNo || '-' }}</td> |
| | | <td>{{ r.initialValue }}</td> |
| | | <td>{{ r.productionCount }}</td> |
| | | <td>{{ r.totalProduction }}</td> |
| | | <td>{{ r.BfQty }}</td> |
| | | <td>{{ r.OkQty }}</td> |
| | | </tr> |
| | | <tr v-if="!reportingHistory.length"> |
| | | <td colspan="11" class="no-data">ææ å岿¥å·¥è®°å½</td> |
| | |
| | | <button v-if="userSearch" class="user-search-clear" @click="userSearch=''">æ¸
空</button> |
| | | <view class="user-search-info"> |
| | | å¹é
ï¼{{ filteredUsers.length }} / {{ users.length }} |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="user-list-scroll"> |
| | | <template v-if="filteredUsers.length"> |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | /* åæ ·å¼ä¿æï¼æ°å¢å è¡è¾
婿 ·å¼ */ |
| | | .section-title { |
| | | font-size: 20px; |
| | | font-weight: bold; |
| | | margin: 18px 0 8px 0; |
| | | color: #fff; |
| | | background: #007aff; |
| | | padding: 8px 18px; |
| | | border-radius: 8px 8px 0 0; |
| | | display: inline-block; |
| | | } |
| | | |
| | | .history-title { |
| | | background: #555; |
| | | } |
| | | |
| | | .highlight-row { |
| | | background: #ffe9b3 !important; |
| | | font-weight: bold; |
| | | } |
| | | |
| | | .report-table .summary-row { |
| | | background: #f0f8ff; |
| | | font-weight: 600; |
| | |
| | | font-size: 14px; |
| | | } |
| | | |
| | | /* æ°å¢ï¼æ é¢è¡æ ·å¼ */ |
| | | .report-header { |
| | | display: flex; |
| | | justify-content: space-between; |
| | |
| | | .reset-btn-header:hover { |
| | | background: #e94d4d; |
| | | } |
| | | |
| | | /* å
¶ä½æ ·å¼ä¿æä¸å */ |
| | | |
| | | .page { |
| | | padding: 1.2vh 2vw; |
| | |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | /* æç´¢æ¡æ ·å¼ */ |
| | | |
| | | .user-search-bar { |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | font-size: 13px; |
| | | } |
| | | |
| | | .user-list-btn .user-code { |
| | | font-size: 13px; |
| | | } |
| | | .user-list-btn .user-code { |
| | | font-size: 13px; |
| | | } |
| | | |
| | | .user-list-btn .user-name { |
| | | font-size: 12px; |
| | | } |
| | | .user-list-btn .user-name { |
| | | font-size: 12px; |
| | | } |
| | | |
| | | .reason-btn { |
| | | font-size: 12px; |