From 512becab5fae2af1712337c0bbc6d2ff10139b0a Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期三, 19 十一月 2025 10:45:34 +0800
Subject: [PATCH] 调试
---
components/WorkOrderPrint.vue | 1161 ++++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 772 insertions(+), 389 deletions(-)
diff --git a/components/WorkOrderPrint.vue b/components/WorkOrderPrint.vue
index f797c9b..c0e9faa 100644
--- a/components/WorkOrderPrint.vue
+++ b/components/WorkOrderPrint.vue
@@ -1,47 +1,97 @@
<template>
- <!-- 鏍瑰厓绱犲鍔犲姩鎬佺被锛屽脊绐楀嚭鐜版椂闄勫姞 has-overlay锛岀敤浜庢帶鍒跺簳灞備氦浜掍笌灞傜骇 -->
- <view class="page" :class="{'has-overlay': (isShowUserSelect || isShow || barcodeIsShow)}">
+ <view class="page wide-layout" :class="{'has-overlay': (isShowUserSelect || isShow || barcodeIsShow)}">
<view class="status-section">
- <!-- 鎶ュ伐璁板綍琛� -->
+ <!-- 鎶ュ伐璁板綍琛ㄩ儴鍒嗭紝鍦ㄦ爣棰樿娣诲姞鍒锋柊鎸夐挳 -->
<view class="report-table-wrapper">
- <view class="report-title">鎶ュ伐璁板綍琛�</view>
- <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>
- <td>{{ nowTime }}</td>
- <td>{{ staffNo || '-' }}</td>
- <td>{{ orderNo || '-' }}</td>
- <td>{{ order.daa003 || '-' }}</td>
- <td>{{ planQtyDisplay }}</td>
- <td>{{ machineNo || '-' }}</td>
- <td>{{ initialValue }}</td>
- <td>{{ productionCount }}</td>
- <td>{{ calculatedTotalProduction }}</td>
- <td>{{ calculatedDefectiveCount }}</td>
- <td>{{ sQuantity }}</td>
- </tr>
- </tbody>
- </table>
+ <view class="report-header">
+ <view class="report-title">鎶ュ伐璁板綍琛�</view>
+ <view class="header-buttons">
+ <button class="refresh-btn-header" @click="refresh">鍒锋柊</button>
+ <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>
+ <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 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>
+ </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>
+ </tr>
+ <tr v-if="!reportingHistory.length">
+ <td colspan="11" class="no-data">鏆傛棤鍘嗗彶鎶ュ伐璁板綍</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
</view>
- <!-- 缁熻琛� -->
+ <!-- 绉婚櫎浜嗗師鏉ョ殑鐘舵�佽涓殑鎸夐挳缁� -->
<view class="status-row">
- <view class="status-box">
+ <!--<view class="status-box">
<text>鏈哄彴闈㈡澘鏁帮細</text>
<input v-model="productionCount" class="highlight" disabled />
</view>
@@ -62,62 +112,72 @@
<view class="status-box result-box">
<text>宸茬敓浜ф暟锛�</text>
<input v-model="calculatedTotalProduction" class="highlight" disabled />
- </view>
- <view class="btn-group">
- <button class="refresh-btn-inline" @click="refresh">鍒锋柊</button>
- <button v-if="isGeneratingBarcode" class="reset-btn-inline" @click="resetGenerateState">閲嶇疆</button>
- </view>
+ </view>-->
</view>
- <!-- 宸茬Щ闄�: 浜у搧缂栫爜 / 浜у搧鍚嶇О / 浜у搧瑙勬牸 杈撳叆鍖哄煙 -->
- <!-- 涓嶈壇鏁伴噺 -->
- <view class="print-section" style="margin-top:10px;">
- <view class="barcode-info">
- <view class="user-select">
- <text>涓嶈壇鏁伴噺锛�</text>
- <input v-model="customAmount" class="inp bad-input"
- placeholder="璇疯緭鍏ユ暟閲�" />
- </view>
- <view class="user-select" style="margin-left:30px;">
- <button class="details-btn" @click="confirmCustomAmount">纭鎻愪氦</button>
- </view>
+ <view class="flex-row gap-lg">
+ <!-- 褰撳墠鎶ュ伐浜洪儴鍒� -->
+ <view class="current-user-section">
+ <text>褰撳墠鎶ュ伐浜猴細</text>
+ <text class="current-user-name">{{ staffDisplay || '鏈�夋嫨' }}</text>
+ <button class="select-user-btn" @click="isShowUserSelect = true">閫変汉</button>
</view>
- </view>
- <!-- 鎶ュ伐浜洪�夋嫨 -->
- <!-- 鏇挎崲鍘熸湁鎶ュ伐浜洪�夋嫨鍖哄煙 -->
- <view class="current-user-section">
- <text>褰撳墠鎶ュ伐浜猴細</text>
- <text class="current-user-name">{{ staffNo ? staffNo.split(':')[1] : '鏈�夋嫨' }}</text>
- <button class="select-user-btn" @click="isShowUserSelect = true">閫変汉</button>
+ <!-- 涓嶈壇鏁伴噺閮ㄥ垎 -->
+ <view class="defective-section">
+ <text>涓嶈壇鏁伴噺锛�</text>
+ <input v-model="customAmount" class="inp bad-input" placeholder="璇疯緭鍏ユ暟閲�" />
+ </view>
+
+ <!-- 纭鎻愪氦鎸夐挳 -->
+ <view class="submit-section">
+ <button class="details-btn" @click="confirmCustomAmount">纭鎻愪氦</button>
+ </view>
</view>
<!-- 閫変汉寮圭獥 -->
<view v-if="isShowUserSelect" class="overlay">
<view class="popup user-select-popup">
- <!-- 婊氬姩鍖哄煙锛屾寜閽秴鍑烘椂鍙粴鍔� -->
+ <!-- 鎼滅储鏍� -->
+ <view class="user-search-bar">
+ <input v-model.trim="userSearch"
+ type="text"
+ class="user-search-input"
+ placeholder="杈撳叆宸ュ彿鎴栧鍚嶆悳绱�"
+ @keydown.enter.prevent />
+ <button v-if="userSearch" class="user-search-clear" @click="userSearch=''">娓呯┖</button>
+ <view class="user-search-info">
+ 鍖归厤锛歿{ filteredUsers.length }} / {{ users.length }}
+ </view>
+ </view>
<view class="user-list-scroll">
- <view class="user-list-grid">
- <button v-for="(u, index) in users" :key="index"
- class="user-list-btn"
- @click="selectUser(u)">
- {{ u.split(':')[1] }}
- </button>
+ <template v-if="filteredUsers.length">
+ <view class="user-list-grid">
+ <button v-for="(u, index) in filteredUsers"
+ :key="index"
+ :class="['user-list-btn', {'selected': u===staffNo}]"
+ @click="selectUser(u)">
+ <span class="user-code">{{ u.split(':')[0] }}</span>
+ <span class="user-name">{{ u.split(':')[1] }}</span>
+ </button>
+ </view>
+ </template>
+ <view v-else class="no-user-result">
+ 鏈壘鍒板尮閰嶄汉鍛�
</view>
</view>
<view class="user-popup-footer">
- <button class="clean-btn" style="width: 60%;" @click="isShowUserSelect = false">鍏抽棴</button>
+ <button class="clean-btn wide-btn" @click="isShowUserSelect = false">鍏抽棴</button>
</view>
</view>
</view>
- <!-- 搴曢儴鎸夐挳 -->
- <view class="bottom-section">
+ <!-- 绂佺敤鎸夐挳锛氣�樹繚瀛樺苟鐢熸晥'銆佲�樺彇娑堚�� -->
+ <!--<view class="bottom-section">
<button class="save-btn" @click="save">淇濆瓨骞剁敓鏁�</button>
<button class="cancel-btn" @click="cancel">鍙栨秷</button>
- </view>
-
- <!-- 寮圭獥淇濈暀 -->
+ </view>-->
+ <!-- 淇濈暀鏃у脊绐� -->
<view v-if="isShow" class="overlay">
<view class="popup">
<view class="bottom-section1">
@@ -128,7 +188,9 @@
<view class="reason-buttons">
<button v-for="(u,index) in users" :key="index"
:class="{'reason-btn':true,'selected': user===u}"
- @click="toggleUser(u)" v-text="u"></button>
+ @click="toggleUser(u)">
+ {{ formatUser(u) }}
+ </button>
</view>
</view>
</view>
@@ -175,14 +237,39 @@
staffNo: '', printStr: '', printMac: '', bluetoothSocket: {}, device: '', uuid: '',
printNum: 1, reportingList: [], printLoading: false, customAmount: '',
isGeneratingBarcode: false, lastGenerateTime: 0, generateRequestId: null,
- nowTimeTimer: null, nowTime: ''
+ nowTimeTimer: null, nowTime: '',
+ userSearch: '',
+ /* 鏂板锛氬巻鍙叉姤宸ヨ褰曟暟缁� */
+ reportingHistory: []
}
},
computed: {
+ //鑹搧鏁板疄鏃惰绠�
+ realTimeDefectiveCount() {
+ // 浼樺厛鐢ㄨ緭鍏ユ鐨勫�硷紝鍚﹀垯鐢ㄦ帴鍙ｆ暟鎹�
+ const val = Number(this.customAmount);
+ if (!isNaN(val) && this.customAmount !== '') return val;
+ return this.calculatedDefectiveCount;
+ },
+ realTimeOkCount() {
+ // 鑹搧鏁� = 鎶ュ伐鏁帮紙璁＄畻锛� - 涓嶈壇鏁�
+ const total = (this.order.currentCjNum || 0) - (this.order.initCjNum || 0);
+ return total - this.realTimeDefectiveCount;
+ },
calculatedCurrentCount() { return (this.productionCount || 0) - (this.initialValue || 0); },
- calculatedTotalProduction() { return (this.kgQty || 0) + this.calculatedCurrentCount; },
+ calculatedTotalProduction() { return (this.kgQty || 0); }, // 鑻ラ渶鎭㈠鏃ч�昏緫鍙敤 (this.kgQty||0)+this.calculatedCurrentCount
calculatedDefectiveCount() { return this.calculatedTotalProduction - (this.sQuantity || 0); },
- planQtyDisplay() { return this.order.planQty || this.order.planQuantity || this.order.daa007 || this.order.daa010 || 0; }
+ planQtyDisplay() { return this.order.planQty || this.order.planQuantity || this.order.daa008 || 0; },
+ staffDisplay() {
+ if (!this.staffNo) return '';
+ const segs = this.staffNo.split(':');
+ return segs.length > 1 ? `${segs[0]} ${segs[1]}` : this.staffNo;
+ },
+ filteredUsers() {
+ if (!this.userSearch) return this.users;
+ const kw = this.userSearch.trim().toLowerCase();
+ return this.users.filter(u => u.toLowerCase().includes(kw));
+ }
},
created() {
this.initializeData();
@@ -190,40 +277,39 @@
this.init();
this.getXS0101();
this.updateNowTime();
- this.nowTimeTimer = setInterval(this.updateNowTime, 60000);
+ // 绉掔骇鍒锋柊锛涘涓嶉渶鍔ㄦ�佽烦绉掑彲鏀逛负 60000
+ this.nowTimeTimer = setInterval(this.updateNowTime, 1000);
},
beforeDestroy() { if (this.nowTimeTimer) clearInterval(this.nowTimeTimer); },
methods: {
- // 閫夋嫨浜哄憳
- selectUser(u) {
- this.staffNo = u;
- this.isShowUserSelect = false;
+ formatUser(u) {
+ if (!u) return '';
+ const segs = u.split(':');
+ return segs.length > 1 ? `${segs[0]} ${segs[1]}` : u;
},
+ selectUser(u) { this.staffNo = u; this.isShowUserSelect = false; this.userSearch = ''; },
+ /* 淇敼锛氬鍔犵 */
updateNowTime() {
const d = new Date(), p = n => n.toString().padStart(2, '0');
- this.nowTime = `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`;
+ this.nowTime = `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}:${p(d.getSeconds())}`;
},
- // 鍒濆鍖栨暟鎹�
initializeData() {
this.productionCount = this.printedCount = this.defectiveCount = 0;
this.icount = 1; this.bqty = 0; this.sQuantity = 0; this.kgQty = 0;
this.initialValue = 0; this.qqty = 0;
this.isGeneratingBarcode = false; this.lastGenerateTime = 0; this.generateRequestId = null;
},
- // 閲嶇疆鏉＄爜鐢熸垚鐘舵��
resetGenerateState() {
this.isGeneratingBarcode = false; this.generateRequestId = null; this.lastGenerateTime = 0;
this.$showMessage("宸查噸缃潯鐮佺敓鎴愮姸鎬�");
},
- // 鍒锋柊鏁版嵁
refresh() {
this.$sendPostRequest({
- url: "http://192.168.0.94:9095/Numerical/RefreshDev",
+ url: "http://192.168.0.94:9095/Numerical/RefreshDevBycl",
data: { machineNo: this.order.machineNo },
contentType: "application/json"
}).then(r => { r.code == 200 ? this.fetchData(true) : this.$showMessage("鍚屾澶辫触"); });
},
- // 宸ュ崟鍒囨崲
onDaa003Change(v) {
let o = this.lineList[this.DAA003List.indexOf(v)];
this.orderId = o.id; this.orderNo = o.daa001;
@@ -232,11 +318,11 @@
uni.setStorageSync('orderNo', this.orderNo);
this.fetchData(false);
},
- // 鎷夊彇鏁版嵁
fetchData(flag) {
if (!this.orderId && !this.orderNo) return;
this.getOrderById();
this.getWomdaaPrintById();
+ this.getReportingHistory(); // 鏂板锛氭瘡娆″埛鏂板悓姝ュ巻鍙�
if (flag) {
this.$post({ url: "/Womdaa/GetWomdaasByShow", data: { machineNo: this.machineNo } })
.then(res => {
@@ -245,36 +331,73 @@
});
}
},
- // 鏃у脊绐楅�変汉
+ /* 鏂板锛氳幏鍙栧巻鍙叉姤宸ヨ褰� */
+ /* 淇敼锛氳鑼冨巻鍙叉椂闂村埌绉� */
+ getReportingHistory() {
+ if (!this.orderNo) { this.reportingHistory = []; return; }
+ const fmtSec = v => {
+ if (!v) return '';
+ // 鍏煎鍚庣鍙兘杩斿洖鐨勪笉鍚屾牸寮�
+ const d = new Date(typeof v === 'string' ? v.replace(/-/g, '/') : v);
+ if (isNaN(d.getTime())) return v; // 鏃犳硶瑙ｆ瀽鍒欏師鏍疯繑鍥�
+ const p = n => n.toString().padStart(2, '0');
+ return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}:${p(d.getSeconds())}`;
+ };
+ this.$post({
+ url: "/Womdaa/GetByBillNoBG",
+ data: { billNo: this.orderNo, machineNo: this.machineNo || null }
+ }).then(res => {
+ const list = res?.data?.tbBillList || res?.data || [];
+ this.reportingHistory = list.map(r => {
+ // 渚濇嵁浣犳暟鎹簱瀛楁鍋氭槧灏勶紙涓嬮潰瀛楁鍚嶆寜甯歌鍛藉悕涓句緥锛岄渶瑕佹寜瀹為檯鏀癸級
+ return {
+ bgDate: r.bgDate || '', // 鎶ュ伐鏃堕棿
+ staff: (r.staffNo ? (r.staffNo + ' ' + (r.staffName || '')) : (r.staffName || '')),//鎶ュ伐浜�
+ orderNo: r.billNo,//宸ュ崟鍙�
+ machineNo: r.machineNo,//鏈哄彴鍙�
+ initialValue: r.csQty ?? 0,//鍒濆閲囬泦鏁�
+ productionCount: r.cjQty ?? 0,//鎶ュ伐鏃堕噰闆嗘暟
+ totalProduction: (r.cjQty - r.csQty) ?? 0,//鎶ュ伐鏁帮紙璁＄畻锛�
+ BfQty: r.bfQty,//涓嶈壇鏁�
+ OkQty: r.okQty//鑹搧鏁帮紙璁＄畻锛�
+ }
+ });
+ }).catch(() => { this.reportingHistory = []; });
+ },
toggleUser(u) {
if (!u) return;
this.user = this.user === u ? null : u;
this.staffNo = this.user;
},
- // 鎻愪氦涓嶈壇鏁伴噺
+ //閫夋嫨鎶ュ伐浜�
confirmCustomAmount() {
- if (!this.customAmount || isNaN(Number(this.customAmount))) {
- this.$showMessage('璇疯緭鍏ユ湁鏁堢殑鏁伴噺'); return;
- }
- let amount = Number(this.customAmount);
+ if (!this.customAmount || isNaN(Number(this.customAmount))) { this.$showMessage('璇疯緭鍏ユ湁鏁堢殑鏁伴噺'); return; }
+ if (!this.staffNo) { this.$showMessage('璇烽�夋嫨鎶ュ伐浜�'); return; }
+ const staffNo = this.staffNo.split(':')[0];
+ const amount = Number(this.customAmount);
this.$post({
url: "/MesInvItemBarcodes/AddBFToBarcodes",
- data: { orderNo: this.orderNo, orderId: this.orderId, bf: amount }
+ data: {
+ orderNo: this.orderNo,
+ orderId: this.orderId,
+ bf: amount,
+ staffNo: staffNo,
+ initCjNum: this.order.initCjNum, // 鍒濆閲囬泦鏁�
+ currentCjNum: this.order.currentCjNum // 鎶ュ伐鏃堕噰闆嗘暟
+ }
}).then(res => {
if (res.status == 1) { this.$showMessage(res.message); return; }
this.$showMessage('鎶ュ簾鏁伴噺濉啓鎴愬姛');
- this.fetchData(true);
+ this.fetchData(true); // 鑷姩鍒锋柊鍘嗗彶
this.customAmount = '';
}).catch(() => this.$showMessage('鎶ュ簾鏁伴噺濉啓澶辫触锛岃閲嶈瘯'));
},
- // 淇濆瓨
save() {
if (!this.staffNo) { this.$showMessage('璇烽�夋嫨鎶ュ伐浜�'); return; }
uni.showToast({ title: '淇濆瓨鎴愬姛', icon: 'success' });
+ this.getReportingHistory(); // 淇濆瓨鍚庝篃鍙埛鏂�
},
- // 鍙栨秷
cancel() { uni.showToast({ title: '鍙栨秷鎿嶄綔', icon: 'none' }); },
- // 鑾峰彇宸ュ崟淇℃伅
getOrderById() {
this.$post({ url: "/Womdaa/GetWomdaaById", data: { orderId: this.orderId, orderNo: this.orderNo } })
.then(res => {
@@ -284,7 +407,6 @@
this.productionCount = this.order.todayOutput || 0;
});
},
- // 鑾峰彇鎵�鏈夊憳宸�
getXS0101() {
this.$post({ url: "/MesStaff/GetAllXS0101" })
.then(res => {
@@ -292,7 +414,6 @@
this.users = this.staff.map(s => s.staffNo + ":" + s.staffName);
});
},
- // 鑾峰彇宸ュ崟鎵撳嵃淇℃伅
getWomdaaPrintById() {
this.$post({ url: "/Womdaa/GetWomdaaPrintById", data: { orderId: this.orderId } })
.then(res => {
@@ -307,11 +428,9 @@
if (this.bqty === 0) this.Completed();
}).catch(() => { });
},
- // 宸ュ崟瀹屾垚
Completed() {
this.$post({ url: "/MesOrderSta/Completed", data: { orderId: this.orderId, orderNo: this.orderNo } });
},
- // 钃濈墮鍒濆鍖�
init() {
try {
const v = this.getAndroidVersion();
@@ -357,7 +476,6 @@
}
} catch (e) { }
},
- // 鍏抽棴寮圭獥骞堕噸缃�
deleteBarcode() {
this.isShow = false;
this.isGeneratingBarcode = false;
@@ -370,325 +488,590 @@
</script>
<style scoped>
- .page {
- padding: 1.2vh 1.5vw;
- display: flex;
- flex-direction: column;
- box-sizing: border-box;
- }
+ .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;
+ }
- /* 寮圭獥鍑虹幇鏃剁鐢ㄥ簳灞傜偣鍑伙紙鍙�夛紝濡傛灉涓嶆兂绂佺敤鍙垹闄わ級 */
- .page.has-overlay .status-section {
- pointer-events: none;
- }
+ .history-title {
+ background: #555;
+ }
- .report-table-wrapper {
- margin-bottom: 8px;
- }
+ .highlight-row {
+ background: #ffe9b3 !important;
+ font-weight: bold;
+ }
- .report-title {
- font-size: 22px;
- font-weight: 600;
- text-align: center;
- margin: 0 0 6px;
- }
+ .report-table .summary-row {
+ background: #f0f8ff;
+ font-weight: 600;
+ }
- .report-table {
- width: 100%;
- border-collapse: collapse;
- font-size: 13px;
- background: #fff;
- }
+ .report-table .no-data {
+ text-align: center;
+ color: #777;
+ font-size: 14px;
+ }
- .report-table th, .report-table td {
- border: 1px solid #555;
- padding: 4px 6px;
- text-align: center;
- white-space: nowrap;
- }
+ .report-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 8px;
+ }
- .status-section {
- display: flex;
- flex-direction: column;
- }
+ .header-buttons {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ }
- .status-row {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- gap: 4px;
- background: #f9f9f9;
- padding: 8px 10px;
- border-radius: 6px;
- box-shadow: 0 1px 3px rgba(0,0,0,.05);
- margin-bottom: 6px;
- }
+ .refresh-btn-header {
+ background: #00A2E9;
+ color: #fff;
+ border: none;
+ font-size: 16px;
+ border-radius: 8px;
+ padding: 8px 20px;
+ transition: background 0.15s;
+ }
- .status-box {
- display: flex;
- align-items: center;
- }
+ .refresh-btn-header:hover {
+ background: #0086c0;
+ }
- .result-box {
- background: #f0f8ff;
- padding: 2px 10px;
- border-radius: 4px;
- border-left: 4px solid #007aff;
- }
+ .reset-btn-header {
+ background: #ff6b6b;
+ color: #fff;
+ border: none;
+ font-size: 14px;
+ border-radius: 8px;
+ padding: 8px 16px;
+ transition: background 0.15s;
+ }
- input.highlight {
- width: 7.5vw;
- min-width: 90px;
- font-weight: 600;
- border: none;
- background: #fff;
- text-align: center;
- font-size: 16px;
- padding: 4px 0;
- border-radius: 4px;
- box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
- }
+ .reset-btn-header:hover {
+ background: #e94d4d;
+ }
- .operator-box {
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 26px;
- font-weight: bold;
- color: #007aff;
- margin: 0 4px;
- }
+ .page {
+ padding: 1.2vh 2vw;
+ display: flex;
+ flex-direction: column;
+ box-sizing: border-box;
+ }
- .btn-group {
- margin-left: auto;
- display: flex;
- align-items: center;
- gap: 10px;
- }
+ .wide-layout {
+ max-width: none;
+ width: 100%;
+ }
- .refresh-btn-inline {
- background: #00A2E9;
- color: #fff;
- border: none;
- font-size: 18px;
- border-radius: 8px;
- padding: 6px 26px;
- }
+ .page.has-overlay .status-section > :not(.overlay) {
+ pointer-events: none;
+ }
- .reset-btn-inline {
- background: #ff6b6b;
- color: #fff;
- border: none;
- font-size: 16px;
- border-radius: 8px;
- padding: 6px 14px;
- }
+ .page.has-overlay .status-section > .overlay {
+ pointer-events: auto;
+ }
- .print-section {
- padding: 4px 0 10px;
- margin-bottom: 8px;
- }
+ .report-table-wrapper {
+ width: 100%;
+ max-width: none;
+ }
- .barcode-info {
- display: flex;
- align-items: flex-start;
- gap: 20px;
- }
+ .table-scroll {
+ width: 100%;
+ overflow-x: scroll !important;
+ min-height: 40px;
+ }
- .inp {
- padding: 6px;
- font-size: 14px;
- border: 1px solid #808080;
- border-radius: 6px;
- box-sizing: border-box;
- }
+ .report-title {
+ font-size: 32px;
+ font-weight: 600;
+ text-align: center;
+ margin: 0;
+ }
- .bad-input {
- width: 55%;
- height: 60px;
- border: 3px solid #808080;
- font-size: 32px;
- text-align: center;
- margin-top: 5px;
- }
+ /* 2. 鍖哄潡鏍囬 */
+ .section-title, .history-title {
+ font-size: 26px;
+ }
- .details-btn {
- padding: 10px 26px;
- background: #00a2e9;
- color: #fff;
- font-size: 18px;
- border: none;
- cursor: pointer;
- border-radius: 10px;
- }
+ /* 3. 琛ㄦ牸瀛椾綋 */
+ .report-table, .report-table th, .report-table td {
+ font-size: 22px;
+ }
- .reason-section {
- margin: 10px 0 12px;
- }
+ /* 4. 褰撳墠鎶ュ伐浜恒�佷笉鑹暟閲忕瓑杈撳叆鍖� */
+ .current-user-section,
+ .defective-section,
+ .submit-section {
+ font-size: 30px;
+ }
- .reason-buttons {
- display: grid;
- grid-template-columns: repeat(5,1fr);
- gap: 10px;
- }
+ /* 5. 杈撳叆妗嗗瓧浣� */
+ .inp, .bad-input {
+ font-size: 28px;
+ }
- .reason-btn {
- padding: 8px 4px;
- background: #808080;
- color: #fff;
- font-size: 14px;
- border: none;
- border-radius: 6px;
- cursor: pointer;
- }
+ /* 6. 鎸夐挳瀛椾綋 */
+ .details-btn,
+ .select-user-btn,
+ .refresh-btn-header,
+ .reset-btn-header {
+ font-size: 22px;
+ }
- .reason-btn.selected {
- background: #FFD700;
- color: #000;
- }
+ .report-table {
+ width: 100%;
+ min-width: 1800px;
+ border-collapse: collapse;
+ background: #fff;
+ }
- .bottom-section {
- display: flex;
- justify-content: space-between;
- margin-top: 12px;
- /* 淇濇寔杈冧綆灞傜骇锛岄伩鍏嶈鐩栧脊绐� */
- position: relative;
- z-index: 10;
- }
+ .report-table th, .report-table td {
+ border: 1px solid #555;
+ padding: 6px 8px;
+ text-align: center;
+ white-space: nowrap;
+ }
- .save-btn, .cancel-btn {
- width: 48%;
- padding: 14px 0;
- background: #00A2E9;
- color: #fff;
- font-size: 18px;
- border: none;
- border-radius: 8px;
- }
+ .status-section {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ }
- /* 鍏抽敭: 璧嬩簣寮圭獥鏇撮珮鐨勫眰绾э紝閬垮厤涓庡簳閮ㄦ寜閽噸鍙犺閬尅 */
- .overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: rgba(0,0,0,.5);
- display: flex;
- justify-content: center;
- align-items: center;
- z-index: 1000;
- }
+ .status-row {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ gap: 10px;
+ background: #f9f9f9;
+ padding: 10px 14px;
+ border-radius: 8px;
+ box-shadow: 0 1px 4px rgba(0,0,0,.06);
+ }
- .popup {
- background: #fff;
- padding: 2vh;
- border: 1px solid #ccc;
- box-shadow: 0 0 10px rgba(0,0,0,.1);
- width: 70vw;
- height: 70vh;
- font-size: 1.6vw;
- max-height: 80vh;
- overflow-y: auto;
- border-radius: 8px;
- z-index: 1001; /* 楂樹簬 overlay 鑳屾櫙灞� */
- }
+ .status-box {
+ display: flex;
+ align-items: center;
+ }
- .clean-btn {
- width: 48%;
- padding: 1.5vh;
- color: #fff;
- font-size: 1.5vw;
- border: none;
- text-align: center;
- cursor: pointer;
- border-radius: .5vw;
- background: #007aff;
- }
+ .result-box {
+ background: #f0f8ff;
+ padding: 4px 12px;
+ border-radius: 6px;
+ border-left: 5px solid #007aff;
+ }
- .table1 {
- width: 100%;
- border-spacing: 3px;
- }
+ input.highlight {
+ width: 9vw;
+ min-width: 110px;
+ font-weight: 600;
+ border: none;
+ background: #fff;
+ text-align: center;
+ font-size: 18px;
+ padding: 6px 0;
+ border-radius: 6px;
+ box-shadow: inset 0 1px 3px rgba(0,0,0,.12);
+ }
- .current-user-section {
- display: flex;
- align-items: center;
- margin: 16px 0;
- font-size: 18px;
- border: 1.5px solid #f00;
- border-radius: 8px;
- padding: 12px 18px;
- background: #fff;
- width: fit-content;
- gap: 10px;
- }
+ .operator-box {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 28px;
+ font-weight: bold;
+ color: #007aff;
+ margin: 0 6px;
+ }
- .current-user-name {
- font-weight: bold;
- font-size: 20px;
- margin: 0 10px;
- }
+ .btn-group {
+ margin-left: auto;
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ }
- .select-user-btn {
- padding: 4px 18px;
- background: #eee;
- border: 1px solid #aaa;
- border-radius: 6px;
- font-size: 16px;
- margin-left: 8px;
- }
+ .refresh-btn-inline, .reset-btn-inline {
+ transition: .15s;
+ }
- /* 閫変汉寮圭獥鏁翠綋甯冨眬锛屽唴瀹瑰尯婊氬姩锛屽簳閮ㄦ寜閽浐瀹� */
- .user-select-popup {
- width: 480px;
- max-width: 96vw;
- max-height: 80vh;
- padding: 0;
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- }
+ .refresh-btn-inline {
+ background: #00A2E9;
+ color: #fff;
+ font-size: 18px;
+ border-radius: 10px;
+ padding: 8px 30px;
+ border: none;
+ }
- .user-list-scroll {
- flex: 1 1 auto;
- overflow-y: auto;
- padding: 32px 24px 0 24px;
- }
+ .refresh-btn-inline:hover {
+ background: #0086c0;
+ }
- .user-list-grid {
- display: grid;
- grid-template-columns: repeat(3, 1fr);
- gap: 18px 18px;
- margin-bottom: 0;
- }
+ .reset-btn-inline {
+ background: #ff6b6b;
+ color: #fff;
+ font-size: 16px;
+ border-radius: 10px;
+ padding: 8px 18px;
+ border: none;
+ }
- .user-popup-footer {
- flex-shrink: 0;
- padding: 18px 24px 24px 24px;
- background: #fff;
- text-align: center;
- }
+ .reset-btn-inline:hover {
+ background: #e94d4d;
+ }
- .user-list-btn {
- padding: 18px 0;
- font-size: 20px;
- background: #00a2e9;
- color: #fff;
- border: none;
- border-radius: 8px;
- cursor: pointer;
- width: 100%;
- box-sizing: border-box;
- }
+ .flex-row {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 20px;
+ align-items: stretch;
+ }
- @media (max-width:1400px) {
- input.highlight {
- font-size: 14px;
- }
+ .flex-grow {
+ flex: 1 1 540px;
+ }
- .reason-btn {
- font-size: 12px;
- }
- }
+ .gap-lg {
+ gap: 30px;
+ }
+
+ /* 涓嶈壇鏁伴噺鍖哄煙 */
+ .defective-section {
+ display: flex;
+ align-items: center;
+ gap: 14px;
+ font-size: 32px;
+ }
+
+ .submit-section {
+ display: flex;
+ align-items: center;
+ }
+
+ .inp {
+ padding: 8px;
+ font-size: 16px;
+ border: 1px solid #808080;
+ border-radius: 8px;
+ box-sizing: border-box;
+ }
+
+ /* 涓嶈壇鏁伴噺杈撳叆妗� */
+ .bad-input {
+ width: 320px;
+ max-width: 100%;
+ height: 66px;
+ border: 3px solid #808080;
+ font-size: 42px;
+ text-align: center;
+ }
+
+ /* 纭鎻愪氦鎸夐挳*/
+ .details-btn {
+ padding: 12px 34px;
+ background: #00a2e9;
+ color: #fff;
+ font-size: 32px;
+ border: none;
+ cursor: pointer;
+ border-radius: 12px;
+ }
+
+ .details-btn:hover {
+ background: #008ac2;
+ }
+
+ .current-user-section {
+ display: flex;
+ align-items: center;
+ font-size: 32px;
+ border: 1.5px solid #f00;
+ border-radius: 10px;
+ padding: 14px 22px;
+ background: #fff;
+ gap: 14px;
+ flex: 0 0 auto;
+ }
+
+ .current-user-name {
+ font-weight: bold;
+ font-size: 32px;
+ }
+
+ .select-user-btn {
+ padding: 6px 22px;
+ background: #eee;
+ border: 1px solid #aaa;
+ border-radius: 8px;
+ font-size: 24px;
+ }
+
+ .select-user-btn:hover {
+ background: #ddd;
+ }
+
+ .overlay {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba(0,0,0,.45);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 1000;
+ }
+
+ .popup {
+ background: #fff;
+ padding: 2vh;
+ border: 1px solid #ccc;
+ box-shadow: 0 0 14px rgba(0,0,0,.12);
+ width: 72vw;
+ max-width: 1400px;
+ height: 70vh;
+ font-size: 1.4vw;
+ max-height: 80vh;
+ overflow-y: auto;
+ border-radius: 12px;
+ z-index: 1001;
+ }
+
+ /* 閫変汉寮圭獥鏇村锛屽悕瀛楁洿澶э紝鍏抽棴鎸夐挳鏇村皬 */
+ .user-select-popup {
+ width: 1600px;
+ max-width: 99vw;
+ min-width: 1000px;
+ height: auto;
+ min-height: 520px;
+ padding: 0;
+ display: flex;
+ flex-direction: column;
+ font-size: 32px;
+ }
+
+ .user-search-bar {
+ display: flex;
+ align-items: center;
+ gap: 18px;
+ padding: 24px 64px 0 64px;
+ background: #fff;
+ flex-wrap: wrap;
+ }
+
+ .user-search-input {
+ flex: 1 1 260px;
+ padding: 16px 20px;
+ font-size: 28px;
+ border: 1px solid #bbb;
+ border-radius: 8px;
+ outline: none;
+ height: 54px;
+ }
+
+ .user-search-input:focus {
+ border-color: #007aff;
+ box-shadow: 0 0 0 2px rgba(0,122,255,.15);
+ }
+
+ .user-search-clear {
+ padding: 12px 28px;
+ background: #ff9f43;
+ color: #fff;
+ border: none;
+ border-radius: 8px;
+ font-size: 24px;
+ cursor: pointer;
+ }
+
+ .user-search-clear:hover {
+ background: #ff8920;
+ }
+
+ .user-search-info {
+ font-size: 22px;
+ color: #555;
+ }
+
+ .user-list-scroll {
+ flex: 1 1 auto;
+ overflow-y: auto;
+ padding: 32px 64px 0 64px;
+ }
+
+ .user-list-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
+ gap: 22px 22px;
+ }
+
+ .user-list-btn {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ gap: 2px; /* 鍘�8px锛屽噺灏忚闂磋窛 */
+ padding: 10px 10px; /* 閫傚綋鍑忓皬涓婁笅鍐呰竟璺� */
+ height: 100px; /* 鍙�傚綋鍑忓皬楂樺害 */
+ font-size: 30px;
+ background: #00a2e9;
+ color: #fff;
+ border: none;
+ border-radius: 8px;
+ cursor: pointer;
+ box-sizing: border-box;
+ word-break: break-word;
+ }
+
+ .user-list-btn .user-code {
+ font-weight: 700;
+ font-size: 36px;
+ line-height: 1.1; /* 绱у噾涓�鐐� */
+ }
+
+ .user-list-btn .user-name {
+ font-size: 32px;
+ line-height: 1.1; /* 绱у噾涓�鐐� */
+ }
+
+ .user-list-btn.selected {
+ background: #0072c9;
+ box-shadow: 0 0 0 3px rgba(255,255,255,.6) inset;
+ }
+
+ .user-list-btn:hover {
+ background: #008ed0;
+ }
+
+ .no-user-result {
+ padding: 40px 0;
+ text-align: center;
+ font-size: 28px;
+ color: #666;
+ }
+
+ .user-popup-footer {
+ flex-shrink: 0;
+ padding: 24px 64px 32px 64px;
+ background: #fff;
+ text-align: center;
+ }
+
+ .clean-btn {
+ width: 24%;
+ padding: 10px 0;
+ color: #fff;
+ font-size: 20px;
+ border: none;
+ text-align: center;
+ cursor: pointer;
+ border-radius: 0.6vw;
+ background: #007aff;
+ }
+
+ .clean-btn.wide-btn {
+ width: 30%;
+ font-size: 22px;
+ padding: 12px 0;
+ }
+
+ .clean-btn:hover {
+ background: #0062c9;
+ }
+
+ .reason-section {
+ margin: 14px 0 18px;
+ }
+
+ .reason-buttons {
+ display: grid;
+ grid-template-columns: repeat(5,1fr);
+ gap: 12px;
+ }
+
+ .reason-btn {
+ padding: 10px 6px;
+ background: #808080;
+ color: #fff;
+ font-size: 14px;
+ border: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+
+ .reason-btn.selected {
+ background: #FFD700;
+ color: #000;
+ }
+
+ .bottom-section {
+ display: flex;
+ justify-content: space-between;
+ margin-top: 16px;
+ gap: 16px;
+ }
+
+ .save-btn, .cancel-btn {
+ flex: 1;
+ padding: 16px 0;
+ background: #00A2E9;
+ color: #fff;
+ font-size: 20px;
+ border: none;
+ border-radius: 10px;
+ }
+
+ .save-btn:hover, .cancel-btn:hover {
+ background: #0086c0;
+ }
+
+ .table1 {
+ width: 100%;
+ border-spacing: 3px;
+ }
+
+ @media (max-width:1400px) {
+ input.highlight {
+ font-size: 16px;
+ }
+
+ .user-list-btn {
+ height: 70px;
+ font-size: 18px;
+ }
+
+ .user-list-btn .user-code {
+ font-size: 18px;
+ }
+
+ .user-list-btn .user-name {
+ font-size: 16px;
+ }
+
+ .reason-btn {
+ font-size: 12px;
+ }
+
+ .refresh-btn-header {
+ font-size: 14px;
+ padding: 6px 16px;
+ }
+
+ .reset-btn-header {
+ font-size: 12px;
+ padding: 6px 12px;
+ }
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3