From 720cbbe9e5fbf76968355eda83b643e4ec95f03c Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期二, 23 十二月 2025 14:41:22 +0800
Subject: [PATCH] 优化界面
---
components/WorkOrderPrint.vue | 80 ++++++++++++++++++++++++++-------------
1 files changed, 53 insertions(+), 27 deletions(-)
diff --git a/components/WorkOrderPrint.vue b/components/WorkOrderPrint.vue
index d4a81a4..7c66966 100644
--- a/components/WorkOrderPrint.vue
+++ b/components/WorkOrderPrint.vue
@@ -1,18 +1,15 @@
<template>
<view class="page wide-layout" :class="{'has-overlay': (isShowUserSelect || isShow || barcodeIsShow)}">
<view class="status-section">
- <!-- 鎶ュ伐璁板綍琛ㄩ儴鍒嗭紝鍦ㄦ爣棰樿娣诲姞鍒锋柊鎸夐挳 -->
+ <!-- 鎶ュ伐璁板綍琛ㄩ儴鍒� -->
<view class="report-table-wrapper">
- <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>
+ <view class="section-title-container">
+ <view class="section-title">褰撳墠鏁伴噰浜ч噺鎶ュ伐璁板綍</view>
+ <button class="refresh-btn-inline" @click="refresh">鍒锋柊</button>
+ </view>
<div class="table-scroll">
<table class="report-table">
<thead>
@@ -576,7 +573,7 @@
.section-title {
font-size: 20px;
font-weight: normal; /* 宸插彇娑堝姞绮� */
- margin: 18px 0 8px 0;
+ margin: 0;
color: #fff;
background: #007aff;
padding: 8px 18px;
@@ -605,10 +602,29 @@
}
.report-header {
+ display: none; /* 闅愯棌鍘熸潵鐨勬姤鍛婂ご閮� */
+ }
+
+ .section-title-container {
display: flex;
justify-content: space-between;
align-items: center;
- margin-bottom: 8px;
+ margin: 18px 0 8px 0;
+ }
+
+ .refresh-btn-inline {
+ background: #00A2E9;
+ color: #fff;
+ border: none;
+ font-size: 22px;
+ border-radius: 8px;
+ padding: 8px 20px;
+ transition: background 0.15s;
+ margin-left: auto; /* 纭繚鎸夐挳闈犲彸 */
+ }
+
+ .refresh-btn-inline:hover {
+ background: #0086c0;
}
.header-buttons {
@@ -621,7 +637,7 @@
background: #00A2E9;
color: #fff;
border: none;
- font-size: 16px;
+ font-size: 22px;
border-radius: 8px;
padding: 8px 20px;
transition: background 0.15s;
@@ -635,7 +651,7 @@
background: #ff6b6b;
color: #fff;
border: none;
- font-size: 14px;
+ font-size: 22px;
border-radius: 8px;
padding: 8px 16px;
transition: background 0.15s;
@@ -646,7 +662,7 @@
}
.page {
- padding: 1.2vh 2vw;
+ padding: 0.5vh 2vw; /* 鍑忓皯椤堕儴鍐呰竟璺濆疄鐜伴〉闈笂绉� */
display: flex;
flex-direction: column;
box-sizing: border-box;
@@ -677,7 +693,7 @@
}
.report-title {
- font-size: 32px;
+ font-size: 22px;
font-weight: 600;
text-align: center;
margin: 0;
@@ -713,12 +729,12 @@
.current-user-section,
.defective-section,
.submit-section {
- font-size: 30px;
+ font-size: 22px;
}
/* 5. 杈撳叆妗嗗瓧浣� */
.inp, .bad-input {
- font-size: 28px;
+ font-size: 22px;
}
/* 6. 鎸夐挳瀛椾綋 */
@@ -908,12 +924,17 @@
line-height: 1.1; /* 绱у噾琛岄珮 */
box-sizing: border-box;
}
-
- .details-btn span {
- font-size: 24px;
- margin-top: 0px; /* 鍘绘帀澶氫綑闂磋窛 */
- line-height: 1.1;
- }
+
+ /* 纭繚鎶ヨ瘯浜ф暟鎸夐挳鍐呯殑鏂囧瓧姝ｇ‘灞呬腑 */
+ .details-btn br {
+ display: none;
+ }
+
+ .details-btn span {
+ font-size: 24px;
+ margin-top: 0px; /* 鍘绘帀澶氫綑闂磋窛 */
+ line-height: 1.1;
+ }
.details-btn:hover {
background: #008ac2;
@@ -922,7 +943,7 @@
.current-user-section {
display: flex;
align-items: center;
- font-size: 32px;
+ font-size: 22px;
border: 1.5px solid #f00;
border-radius: 10px;
padding: 14px 22px;
@@ -933,7 +954,7 @@
.current-user-name {
font-weight: bold;
- font-size: 32px;
+ font-size: 22px;
}
/* 閫変汉鎸夐挳 - 钃濊壊涓婚 */
@@ -943,9 +964,14 @@
border: none; /* 绉婚櫎杈规 */
padding: 12px 22px; /* 璋冩暣鍐呰竟璺濅笌鎻愪氦鎸夐挳鍗忚皟 */
border-radius: 12px; /* 涓庢彁浜ゆ寜閽浉鍚岀殑鍦嗚 */
- font-size: 32px; /* 淇濇寔瀛椾綋澶у皬 */
+ font-size: 22px; /* 淇濇寔瀛椾綋澶у皬 */
cursor: pointer;
transition: background 0.15s; /* 娣诲姞杩囨浮鏁堟灉 */
+ height: 66px; /* 鍥哄畾楂樺害锛屼笌纭鎻愪氦鎸夐挳涓�鏍� */
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
.select-user-btn:hover {
--
Gitblit v1.9.3