From c5a146f28935019016d0d0fa93b7e8d91a8388e8 Mon Sep 17 00:00:00 2001
From: tjx <t2856754968@163.com>
Date: 星期二, 04 十一月 2025 12:22:38 +0800
Subject: [PATCH] 1111
---
components/WorkOrder.vue | 130 +++++++++++++++++++++++++++----------------
1 files changed, 81 insertions(+), 49 deletions(-)
diff --git a/components/WorkOrder.vue b/components/WorkOrder.vue
index 842fc1e..a81b134 100644
--- a/components/WorkOrder.vue
+++ b/components/WorkOrder.vue
@@ -466,7 +466,7 @@
<style>
.top-order {
- margin-bottom: 1vh;
+ margin-bottom: 0.3vh;
}
.refresh-btn {
@@ -478,12 +478,11 @@
background-color: #00A2E9;
color: white;
border: none;
- font-size: 29px;
- border-radius: 15px;
- margin-top: 9px;
- margin-bottom: 20px;
- padding-left: 25px;
- padding-right: 25px;
+ font-size: 24px;
+ border-radius: 12px;
+ margin-top: 6px;
+ margin-bottom: 10px;
+ padding: 6px 20px;
}
.refresh-btn:hover {
@@ -493,40 +492,41 @@
.form-row {
display: flex;
justify-content: space-between;
- margin-bottom: 1.5vh;
+ margin-bottom: 0.5vh;
}
.form-item {
width: 100%;
- padding: 4px;
- margin: 10px 10px;
+ padding: 2px;
+ margin: 4px 8px;
}
.inp {
float: left;
width: 63%;
- padding: 0.5vh;
+ padding: 3px;
border: 1px solid #ccc;
border-radius: 0.5vw;
- margin-top: 0.3vh;
- font-size: 1.3vw;
+ margin-top: 0.2vh;
+ font-size: 15px;
+ height: 26px;
}
.status-block p {
- margin: 1vh 0;
- font-size: 1.5vw;
+ margin: 0.5vh 0;
+ font-size: 1.3vw;
font-weight: bold;
}
.card {
background-color: #fff;
- border-radius: 0.8vw;
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
- padding: 1.5vh;
+ border-radius: 0.6vw;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+ padding: 8px;
border: 1px solid black;
- margin-top: -1vh;
- margin-bottom: 2vh;
- font-size: 1.5vw;
+ margin-top: 0;
+ margin-bottom: 8px;
+ font-size: 1.3vw;
}
.card-header {
@@ -534,33 +534,34 @@
top: -1vh;
left: 2vw;
background-color: #ffffff;
- padding: 0.5vh 1vw;
+ padding: 0.3vh 0.8vw;
border-radius: 0.5vw;
font-weight: bold;
- font-size: 1.8vw;
+ font-size: 1.5vw;
}
.form-item label {
float: left;
- margin-top: 8px;
- font-size: 1.5vw;
+ margin-top: 4px;
+ font-size: 15px;
display: inline-block;
- margin-bottom: 0.5vh;
+ margin-bottom: 0.2vh;
color: #333;
}
.status-row label,
.check-row label {
width: 30%;
- padding-right: 1vw;
+ padding-right: 0.6vw;
text-align: right;
- font-size: 1.5vw;
+ font-size: 15px;
}
.status-row input,
.check-row input {
width: 65%;
- font-size: 1.5vw;
+ font-size: 15px;
+ height: 26px;
}
.form-row2 {
@@ -568,8 +569,8 @@
float: left;
margin-left: -65px;
flex-direction: column;
- margin-top: -13px;
- line-height: 48px;
+ margin-top: -10px;
+ line-height: 38px;
align-content: flex-start;
}
@@ -580,7 +581,7 @@
align-content: flex-start;
justify-content: flex-start;
align-items: flex-start;
- margin-bottom: 2.5vh
+ margin-bottom: 0.5vh
}
.form-row4 {
@@ -591,69 +592,100 @@
.inp1 {
width: 42%;
- height: 3.5em;
+ height: 2.8em;
font-weight: bolder;
- margin-top: -41px;
- font-size: 39px;
+ margin-top: -35px;
+ font-size: 32px;
text-align: center;
color: red;
}
.inp2 {
float: right;
- width: 220px;
- height: 220px;
+ width: 180px;
+ height: 180px;
border-radius: 100%;
text-align: center;
- margin-top: -42px;
- font-size: 96px;
+ margin-top: -35px;
+ font-size: 75px;
background-color: #476ee1fc;
color: #ffffff;
- margin-right: 172px;
+ margin-right: 140px;
}
.quality-row {
display: flex;
align-items: center;
justify-content: space-between;
- margin-bottom: 1.5vh;
+ margin-bottom: 6px;
}
.quality-row .form-item {
flex: 1;
- margin: 0 10px;
+ margin: 0 6px;
+ padding: 2px;
}
.quality-row .form-item label {
width: auto;
- min-width: 110px;
- margin-right: 8px;
+ min-width: 95px;
+ margin-right: 6px;
+ font-size: 15px;
}
.quality-row .inp {
width: 70%;
- min-width: 120px;
+ min-width: 100px;
+ font-size: 15px;
+ height: 26px;
+ padding: 3px;
}
.status-row {
display: flex;
align-items: center;
justify-content: space-between;
- margin-bottom: 1.5vh;
+ margin-bottom: 6px;
}
.status-row .form-item {
flex: 1;
- margin: 0 10px;
+ margin: 0 6px;
+ padding: 2px;
}
.status-row .form-item label {
- min-width: 220px; /* 鍙牴鎹疄闄呮儏鍐佃皟鏁村搴� */
+ min-width: 180px;
white-space: nowrap;
+ font-size: 15px;
}
.status-row .inp {
width: 70%;
- min-width: 120px;
+ min-width: 100px;
+ font-size: 15px;
+ height: 26px;
+ padding: 3px;
}
+
+ /* 閽堝1280*717灞忓箷鐨勭壒瀹氫紭鍖� */
+ @media screen and (max-width: 1280px) and (max-height: 800px) {
+ .top-order {
+ margin-bottom: 0;
+ }
+
+ .card {
+ padding: 6px;
+ margin-bottom: 6px;
+ }
+
+ .form-item {
+ margin: 2px 6px;
+ }
+
+ .quality-row,
+ .status-row {
+ margin-bottom: 4px;
+ }
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3