From f13213d0a2d44443790e648896303ed93dc1bacd Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期三, 19 十一月 2025 11:17:50 +0800
Subject: [PATCH] 调试
---
components/WorkOrderPrint.vue | 1036 +++++++++++++++++++++++++++++++--------------------------
1 files changed, 560 insertions(+), 476 deletions(-)
diff --git a/components/WorkOrderPrint.vue b/components/WorkOrderPrint.vue
index 2450541..eaaa0fd 100644
--- a/components/WorkOrderPrint.vue
+++ b/components/WorkOrderPrint.vue
@@ -238,9 +238,10 @@
printNum: 1, reportingList: [], printLoading: false, customAmount: '',
isGeneratingBarcode: false, lastGenerateTime: 0, generateRequestId: null,
nowTimeTimer: null, nowTime: '',
- userSearch: '',
+ userSearch: '',
+ refreshTimer: null, // 鏂板锛氳嚜鍔ㄥ埛鏂板畾鏃跺櫒
/* 鏂板锛氬巻鍙叉姤宸ヨ褰曟暟缁� */
- reportingHistory: []
+ reportingHistory: []
}
},
computed: {
@@ -278,10 +279,35 @@
this.getXS0101();
this.updateNowTime();
// 绉掔骇鍒锋柊锛涘涓嶉渶鍔ㄦ�佽烦绉掑彲鏀逛负 60000
- this.nowTimeTimer = setInterval(this.updateNowTime, 1000);
+ this.nowTimeTimer = setInterval(this.updateNowTime, 1000);
+
+ // 鏂板锛氭瘡鍒嗛挓鑷姩鍒锋柊鏁版嵁锛�60000姣 = 1鍒嗛挓锛�
+ this.startAutoRefresh();
},
- beforeDestroy() { if (this.nowTimeTimer) clearInterval(this.nowTimeTimer); },
- methods: {
+ beforeDestroy() {
+ if (this.nowTimeTimer) clearInterval(this.nowTimeTimer);
+ // 鏂板锛氭竻鐞嗚嚜鍔ㄥ埛鏂板畾鏃跺櫒
+ this.stopAutoRefresh();
+ },
+ methods: {
+ // 鏂板锛氬紑濮嬭嚜鍔ㄥ埛鏂�
+ startAutoRefresh() {
+ // 鍏堟竻闄ゅ彲鑳藉瓨鍦ㄧ殑鏃у畾鏃跺櫒
+ this.stopAutoRefresh();
+ // 璁剧疆鏂扮殑瀹氭椂鍣紝姣忓垎閽熸墽琛屼竴娆�
+ this.refreshTimer = setInterval(() => {
+ console.log('鑷姩鍒锋柊鏁版嵁...');
+ this.refresh();
+ }, 60000); // 60000姣 = 1鍒嗛挓
+ },
+ // 鏂板锛氬仠姝㈣嚜鍔ㄥ埛鏂�
+ stopAutoRefresh() {
+ if (this.refreshTimer) {
+ clearInterval(this.refreshTimer);
+ this.refreshTimer = null;
+ }
+ },
+
formatUser(u) {
if (!u) return '';
const segs = u.split(':');
@@ -303,13 +329,24 @@
this.isGeneratingBarcode = false; this.generateRequestId = null; this.lastGenerateTime = 0;
this.$showMessage("宸查噸缃潯鐮佺敓鎴愮姸鎬�");
},
- refresh() {
- this.$sendPostRequest({
- 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("鍚屾澶辫触"); });
- },
+ // 淇敼锛氬湪鎵嬪姩鍒锋柊鏃朵篃閲嶇疆鑷姩鍒锋柊璁℃椂鍣�
+ refresh() {
+ this.$sendPostRequest({
+ url: "http://192.168.0.94:9095/Numerical/RefreshDevBycl",
+ data: { machineNo: this.order.machineNo },
+ contentType: "application/json"
+ }).then(r => {
+ if (r.code == 200) {
+ this.fetchData(true);
+ this.$showMessage("鏁版嵁鍒锋柊鎴愬姛");
+ } else {
+ this.$showMessage("鍚屾澶辫触");
+ }
+ }).catch(error => {
+ console.error('鍒锋柊澶辫触:', error);
+ this.$showMessage("鍒锋柊澶辫触锛岃妫�鏌ョ綉缁滆繛鎺�");
+ });
+ },
onDaa003Change(v) {
let o = this.lineList[this.DAA003List.indexOf(v)];
this.orderId = o.id; this.orderNo = o.daa001;
@@ -488,548 +525,595 @@
</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;
- }
+ .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;
- }
+ .history-title {
+ background: #555;
+ }
- .highlight-row {
- background: #ffe9b3 !important;
- font-weight: bold;
- }
+ .highlight-row {
+ background: #ffe9b3 !important;
+ font-weight: bold;
+ }
- .report-table .summary-row {
- background: #f0f8ff;
- font-weight: 600;
- }
+ .report-table .summary-row {
+ background: #f0f8ff;
+ font-weight: 600;
+ }
- .report-table .no-data {
- text-align: center;
- color: #777;
- font-size: 14px;
- }
+ .report-table .no-data {
+ text-align: center;
+ color: #777;
+ font-size: 14px;
+ }
- .report-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-bottom: 8px;
- }
+ .report-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 8px;
+ }
- .header-buttons {
- display: flex;
- align-items: center;
- gap: 12px;
- }
+ .header-buttons {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ }
- .refresh-btn-header {
- background: #00A2E9;
- color: #fff;
- border: none;
- font-size: 16px;
- border-radius: 8px;
- padding: 8px 20px;
- transition: background 0.15s;
- }
+ .refresh-btn-header {
+ background: #00A2E9;
+ color: #fff;
+ border: none;
+ font-size: 16px;
+ border-radius: 8px;
+ padding: 8px 20px;
+ transition: background 0.15s;
+ }
- .refresh-btn-header:hover {
- background: #0086c0;
- }
+ .refresh-btn-header:hover {
+ background: #0086c0;
+ }
- .reset-btn-header {
- background: #ff6b6b;
- color: #fff;
- border: none;
- font-size: 14px;
- border-radius: 8px;
- padding: 8px 16px;
- transition: background 0.15s;
- }
+ .reset-btn-header {
+ background: #ff6b6b;
+ color: #fff;
+ border: none;
+ font-size: 14px;
+ border-radius: 8px;
+ padding: 8px 16px;
+ transition: background 0.15s;
+ }
- .reset-btn-header:hover {
- background: #e94d4d;
- }
+ .reset-btn-header:hover {
+ background: #e94d4d;
+ }
- .page {
- padding: 1.2vh 2vw;
- display: flex;
- flex-direction: column;
- box-sizing: border-box;
- }
+ .page {
+ padding: 1.2vh 2vw;
+ display: flex;
+ flex-direction: column;
+ box-sizing: border-box;
+ }
- .wide-layout {
- max-width: 1600px;
- margin: 0 auto;
- }
+ .wide-layout {
+ max-width: none;
+ width: 100%;
+ }
- .page.has-overlay .status-section > :not(.overlay) {
- pointer-events: none;
- }
+ .page.has-overlay .status-section > :not(.overlay) {
+ pointer-events: none;
+ }
- .page.has-overlay .status-section > .overlay {
- pointer-events: auto;
- }
+ .page.has-overlay .status-section > .overlay {
+ pointer-events: auto;
+ }
- .report-table-wrapper {
- margin-bottom: 12px;
- }
+ .report-table-wrapper {
+ width: 100%;
+ max-width: none;
+ }
- .table-scroll {
- overflow-x: auto;
- }
+ .table-scroll {
+ width: 100%;
+ overflow-x: scroll !important;
+ min-height: 40px;
+ }
- .report-title {
- font-size: 24px;
- font-weight: 600;
- text-align: center;
- margin: 0;
- }
+ .report-title {
+ font-size: 32px;
+ font-weight: 600;
+ text-align: center;
+ margin: 0;
+ }
- .report-table {
- min-width: 1080px;
- width: 100%;
- border-collapse: collapse;
- font-size: 14px;
- background: #fff;
- }
+ /* 2. 鍖哄潡鏍囬 */
+ .section-title, .history-title {
+ font-size: 26px;
+ }
- .report-table th, .report-table td {
- border: 1px solid #555;
- padding: 6px 8px;
- text-align: center;
- white-space: nowrap;
- }
+ /* 3. 琛ㄦ牸瀛椾綋 */
+ .report-table, .report-table th, .report-table td {
+ font-size: 22px;
+ }
- .status-section {
- display: flex;
- flex-direction: column;
- gap: 10px;
- }
+ /* 4. 褰撳墠鎶ュ伐浜恒�佷笉鑹暟閲忕瓑杈撳叆鍖� */
+ .current-user-section,
+ .defective-section,
+ .submit-section {
+ font-size: 30px;
+ }
- .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);
- }
+ /* 5. 杈撳叆妗嗗瓧浣� */
+ .inp, .bad-input {
+ font-size: 28px;
+ }
- .status-box {
- display: flex;
- align-items: center;
- }
+ /* 6. 鎸夐挳瀛椾綋 */
+ .details-btn,
+ .select-user-btn,
+ .refresh-btn-header,
+ .reset-btn-header {
+ font-size: 22px;
+ }
- .result-box {
- background: #f0f8ff;
- padding: 4px 12px;
- border-radius: 6px;
- border-left: 5px solid #007aff;
- }
+ .report-table {
+ width: 100%;
+ min-width: 1800px;
+ border-collapse: collapse;
+ background: #fff;
+ }
- 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);
- }
+ .report-table th, .report-table td {
+ border: 1px solid #555;
+ padding: 6px 8px;
+ text-align: center;
+ white-space: nowrap;
+ }
- .operator-box {
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 28px;
- font-weight: bold;
- color: #007aff;
- margin: 0 6px;
- }
+ .status-section {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ }
- .btn-group {
- margin-left: auto;
- display: flex;
- align-items: center;
- gap: 12px;
- }
+ .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);
+ }
- .refresh-btn-inline, .reset-btn-inline {
- transition: .15s;
- }
+ .status-box {
+ display: flex;
+ align-items: center;
+ }
- .refresh-btn-inline {
- background: #00A2E9;
- color: #fff;
- border: none;
- font-size: 18px;
- border-radius: 10px;
- padding: 8px 30px;
- }
+ .result-box {
+ background: #f0f8ff;
+ padding: 4px 12px;
+ border-radius: 6px;
+ border-left: 5px solid #007aff;
+ }
- .refresh-btn-inline:hover {
- background: #0086c0;
- }
+ 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);
+ }
- .reset-btn-inline {
- background: #ff6b6b;
- color: #fff;
- border: none;
- font-size: 16px;
- border-radius: 10px;
- padding: 8px 18px;
- }
+ .operator-box {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 28px;
+ font-weight: bold;
+ color: #007aff;
+ margin: 0 6px;
+ }
- .reset-btn-inline:hover {
- background: #e94d4d;
- }
+ .btn-group {
+ margin-left: auto;
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ }
- .flex-row {
- display: flex;
- flex-wrap: wrap;
- gap: 20px;
- align-items: stretch;
- }
+ .refresh-btn-inline, .reset-btn-inline {
+ transition: .15s;
+ }
- .flex-grow {
- flex: 1 1 540px;
- }
+ .refresh-btn-inline {
+ background: #00A2E9;
+ color: #fff;
+ font-size: 18px;
+ border-radius: 10px;
+ padding: 8px 30px;
+ border: none;
+ }
- .gap-lg {
- gap: 30px;
- }
+ .refresh-btn-inline:hover {
+ background: #0086c0;
+ }
- .defective-section {
- display: flex;
- align-items: center;
- gap: 14px;
- font-size: 18px;
- }
+ .reset-btn-inline {
+ background: #ff6b6b;
+ color: #fff;
+ font-size: 16px;
+ border-radius: 10px;
+ padding: 8px 18px;
+ border: none;
+ }
- .submit-section {
- display: flex;
- align-items: center;
- }
+ .reset-btn-inline:hover {
+ background: #e94d4d;
+ }
- .inp {
- padding: 8px;
- font-size: 16px;
- border: 1px solid #808080;
- border-radius: 8px;
- box-sizing: border-box;
- }
+ .flex-row {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 20px;
+ align-items: stretch;
+ }
- .bad-input {
- width: 320px;
- max-width: 100%;
- height: 66px;
- border: 3px solid #808080;
- font-size: 34px;
- text-align: center;
- }
+ .flex-grow {
+ flex: 1 1 540px;
+ }
- .details-btn {
- padding: 12px 34px;
- background: #00a2e9;
- color: #fff;
- font-size: 20px;
- border: none;
- cursor: pointer;
- border-radius: 12px;
- }
+ .gap-lg {
+ gap: 30px;
+ }
- .details-btn:hover {
- background: #008ac2;
- }
+ /* 涓嶈壇鏁伴噺鍖哄煙 */
+ .defective-section {
+ display: flex;
+ align-items: center;
+ gap: 14px;
+ font-size: 36px; /* 浠�32px鏀逛负36px */
+ font-weight: bold; /* 鍙�夛細鍔犵矖瀛椾綋 */
+ }
+
+ .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: 18px;
- border: 1.5px solid #f00;
- border-radius: 10px;
- padding: 14px 22px;
- background: #fff;
- gap: 14px;
- flex: 0 0 auto;
- }
+ .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: 22px;
- }
+ .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: 16px;
- }
+ /* 閫変汉鎸夐挳 - 钃濊壊涓婚 */
+ .select-user-btn {
+ background: #00a2e9; /* 涓庢彁浜ゆ寜閽浉鍚岀殑钃濊壊 */
+ color: #fff; /* 鐧借壊鏂囧瓧 */
+ border: none; /* 绉婚櫎杈规 */
+ padding: 12px 22px; /* 璋冩暣鍐呰竟璺濅笌鎻愪氦鎸夐挳鍗忚皟 */
+ border-radius: 12px; /* 涓庢彁浜ゆ寜閽浉鍚岀殑鍦嗚 */
+ font-size: 32px; /* 淇濇寔瀛椾綋澶у皬 */
+ cursor: pointer;
+ transition: background 0.15s; /* 娣诲姞杩囨浮鏁堟灉 */
+ }
- .select-user-btn:hover {
- background: #ddd;
- }
+ .select-user-btn:hover {
+ background: #008ac2;
+ }
- .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;
- }
+ .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;
- }
+ .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: 860px;
- max-width: 80vw;
- height: auto;
- min-height: 480px;
- padding: 0;
- display: flex;
- flex-direction: column;
- }
+ /* 閫変汉寮圭獥鏇村锛屽悕瀛楁洿澶э紝鍏抽棴鎸夐挳鏇村皬 */
+ .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: 12px;
- padding: 18px 32px 0 32px;
- background: #fff;
- flex-wrap: wrap;
- }
+ .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: 10px 14px;
- font-size: 16px;
- border: 1px solid #bbb;
- border-radius: 8px;
- outline: none;
- }
+ .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-input:focus {
+ border-color: #007aff;
+ box-shadow: 0 0 0 2px rgba(0,122,255,.15);
+ }
- .user-search-clear {
- padding: 10px 18px;
- background: #ff9f43;
- color: #fff;
- border: none;
- border-radius: 8px;
- font-size: 14px;
- cursor: pointer;
- }
+ .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-clear:hover {
+ background: #ff8920;
+ }
- .user-search-info {
- font-size: 14px;
- color: #555;
- }
+ .user-search-info {
+ font-size: 22px;
+ color: #555;
+ }
- .user-list-scroll {
- flex: 1 1 auto;
- overflow-y: auto;
- padding: 24px 32px 0 32px;
- }
+ .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(110px,1fr));
- gap: 12px 12px;
- }
+ .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: 4px;
- padding: 10px 8px;
- height: 75px;
- font-size: 14px;
- background: #00a2e9;
- color: #fff;
- border: none;
- border-radius: 8px;
- cursor: pointer;
- box-sizing: border-box;
- word-break: break-word;
- }
+ .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: 600;
- font-size: 14px;
- }
+ .user-list-btn .user-code {
+ font-weight: 700;
+ font-size: 36px;
+ line-height: 1.1; /* 绱у噾涓�鐐� */
+ }
- .user-list-btn .user-name {
- font-size: 13px;
- }
+ .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.selected {
+ background: #0072c9;
+ box-shadow: 0 0 0 3px rgba(255,255,255,.6) inset;
+ }
- .user-list-btn:hover {
- background: #008ed0;
- }
+ .user-list-btn:hover {
+ background: #008ed0;
+ }
- .no-user-result {
- padding: 40px 0;
- text-align: center;
- font-size: 18px;
- color: #666;
- }
+ .no-user-result {
+ padding: 40px 0;
+ text-align: center;
+ font-size: 28px;
+ color: #666;
+ }
- .user-popup-footer {
- flex-shrink: 0;
- padding: 22px 32px 32px 32px;
- background: #fff;
- text-align: center;
- }
+ .user-popup-footer {
+ flex-shrink: 0;
+ padding: 24px 64px 32px 64px;
+ background: #fff;
+ text-align: center;
+ }
- .clean-btn {
- width: 48%;
- padding: 1.6vh;
- color: #fff;
- font-size: 1.4vw;
- border: none;
- text-align: center;
- cursor: pointer;
- border-radius: .6vw;
- background: #007aff;
- }
+ .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: 60%;
- font-size: 20px;
- }
+ .clean-btn.wide-btn {
+ width: 30%;
+ font-size: 22px;
+ padding: 12px 0;
+ }
- .clean-btn:hover {
- background: #0062c9;
- }
+ .clean-btn:hover {
+ background: #0062c9;
+ }
- .reason-section {
- margin: 14px 0 18px;
- }
+ .reason-section {
+ margin: 14px 0 18px;
+ }
- .reason-buttons {
- display: grid;
- grid-template-columns: repeat(5,1fr);
- gap: 12px;
- }
+ .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 {
+ padding: 10px 6px;
+ background: #808080;
+ color: #fff;
+ font-size: 14px;
+ border: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
- .reason-btn.selected {
- background: #FFD700;
- color: #000;
- }
+ .reason-btn.selected {
+ background: #FFD700;
+ color: #000;
+ }
- .bottom-section {
- display: flex;
- justify-content: space-between;
- margin-top: 16px;
- gap: 16px;
- }
+ .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, .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;
- }
+ .save-btn:hover, .cancel-btn:hover {
+ background: #0086c0;
+ }
- .table1 {
- width: 100%;
- border-spacing: 3px;
- }
+ .table1 {
+ width: 100%;
+ border-spacing: 3px;
+ }
- @media (max-width:1400px) {
- input.highlight {
- font-size: 16px;
- }
+ @media (max-width:1400px) {
+ input.highlight {
+ font-size: 16px;
+ }
- .user-list-btn {
- height: 70px;
- font-size: 13px;
- }
+ .user-list-btn {
+ height: 70px;
+ font-size: 18px;
+ }
- .user-list-btn .user-code {
- font-size: 13px;
- }
+ .user-list-btn .user-code {
+ font-size: 18px;
+ }
- .user-list-btn .user-name {
- font-size: 12px;
- }
+ .user-list-btn .user-name {
+ font-size: 16px;
+ }
- .reason-btn {
- font-size: 12px;
- }
+ .reason-btn {
+ font-size: 12px;
+ }
- .refresh-btn-header {
- font-size: 14px;
- padding: 6px 16px;
- }
+ .refresh-btn-header {
+ font-size: 14px;
+ padding: 6px 16px;
+ }
- .reset-btn-header {
- font-size: 12px;
- padding: 6px 12px;
- }
- }
+ .reset-btn-header {
+ font-size: 12px;
+ padding: 6px 12px;
+ }
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3