From 378fa22b7f542bb18677f867b1f1425db1d03673 Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期一, 24 十一月 2025 16:36:39 +0800
Subject: [PATCH] 减去按钮的margin-right
---
components/WorkOrder.vue | 265 ++++++++++++++++++++++++----------------------------
1 files changed, 123 insertions(+), 142 deletions(-)
diff --git a/components/WorkOrder.vue b/components/WorkOrder.vue
index 4993c51..464f181 100644
--- a/components/WorkOrder.vue
+++ b/components/WorkOrder.vue
@@ -60,89 +60,87 @@
</view>
</view>
<view class="form-row1">
- <view class="right-group">
- <view class="form-item" style="display:inline-block;">
- <label>宸ュ崟鐘舵��:</label>
- <input class="inp1" type="text" v-model="order.daa018" disabled="true" />
- <!-- 鍒锋柊鎸夐挳 -->
- <button @click="handleRefresh" class="refresh-btn">鍒锋柊</button>
- </view>
- <view class="form-item">
- <label>鏈哄彴缂栧彿:</label>
- <input class="inp2" type="text" v-model="order.machineNo" disabled="true" />
- </view>
+ <view class="form-item" style="display:inline-block;">
+ <label>宸ュ崟鐘舵��:</label>
+ <input class="inp1" type="text" v-model="order.daa018" disabled="true" />
+ <!-- 鍒锋柊鎸夐挳 -->
+ <button @click="handleRefresh" class="refresh-btn">鍒锋柊</button>
+ </view>
+ <view class="form-item">
+ <label>鏈哄彴缂栧彿:</label>
+ <input class="inp2" type="text" v-model="order.machineNo" disabled="true" />
</view>
</view>
+ </view>
- <!-- 涓儴锛氳繍琛岀姸鎬� -->
- <view class="section card">
- <view class="status-row">
- <view class="form-item">
- <label style="color: red;">鏃ュ仠鏈烘鏁�(鏃堕暱瓒�3鍒嗛挓):</label>
- <input class="inp" type="number" v-model="order.todayDowntimeCount" disabled="true" />
- </view>
- <view class="form-item">
- <label>鏃ュ仠鏈烘椂闀�(mi):</label>
- <input class="inp" type="text" :value="downtimeDuration" disabled="true" />
- </view>
- <view class="form-item">
- <label>璁惧绋煎姩鐜�:</label>
- <input class="inp" type="text" v-model="utilizationRate" disabled="true" />
- </view>
+ <!-- 涓儴锛氳繍琛岀姸鎬� -->
+ <view class="section card">
+ <view class="status-row">
+ <view class="form-item">
+ <label style="color: red;">鏃ュ仠鏈烘鏁�(鏃堕暱瓒�3鍒嗛挓):</label>
+ <input class="inp" type="number" v-model="order.todayDowntimeCount" disabled="true" />
</view>
- <view class="status-row">
- <view class="form-item">
- <label>鐢熶骇寮�濮嬫椂闂�:</label>
- <input class="inp" type="text" v-model="startTime" disabled="true" />
- </view>
- <view class="form-item">
- <label>鐢熶骇缁撴潫鏃堕棿:</label>
- <input class="inp" type="text" v-model="endTime" disabled="true" />
- </view>
- <view class="form-item">
- <label>鐢熶骇鏃堕暱(mi):</label>
- <input class="inp" type="text" v-model="productionDuration" disabled="true" />
- </view>
+ <view class="form-item">
+ <label>鏃ュ仠鏈烘椂闀�(mi):</label>
+ <input class="inp" type="text" :value="downtimeDuration" disabled="true" />
+ </view>
+ <view class="form-item">
+ <label>璁惧绋煎姩鐜�:</label>
+ <input class="inp" type="text" v-model="utilizationRate" disabled="true" />
</view>
</view>
-
- <!-- 涓嬮儴锛氬搧璐ㄦ楠� -->
- <view class="section card">
- <view class="quality-row">
- <view class="form-item">
- <label>鏈�杩戦妫�鏃堕棿:</label>
- <input class="inp" type="text" v-model="lastInitialCheck" disabled="true" />
- </view>
- <view class="form-item">
- <label>棣栨缁撹:</label>
- <input class="inp" type="text" v-model="initialConclusion" disabled="true" />
- </view>
- <view class="form-item">
- <label>棣栨浜哄憳:</label>
- <input class="inp" type="text" v-model="initialInspector" disabled="true" />
- </view>
- <view class="form-item">
- <label>棣栨娆℃暟:</label>
- <input class="inp" type="number" v-model="initialCount" disabled="true" />
- </view>
+ <view class="status-row">
+ <view class="form-item">
+ <label>鐢熶骇寮�濮嬫椂闂�:</label>
+ <input class="inp" type="text" v-model="startTime" disabled="true" />
</view>
- <view class="quality-row">
- <view class="form-item">
- <label>鏈�杩戝贰妫�鏃堕棿:</label>
- <input class="inp" type="text" v-model="lastPatrolCheck" disabled="true" />
- </view>
- <view class="form-item">
- <label>宸℃缁撹:</label>
- <input class="inp" type="text" v-model="patrolConclusion" disabled="true" />
- </view>
- <view class="form-item">
- <label>宸℃浜哄憳:</label>
- <input class="inp" type="text" v-model="patrolInspector" disabled="true" />
- </view>
- <view class="form-item">
- <label>宸℃娆℃暟:</label>
- <input class="inp" type="number" v-model="patrolCount" disabled="true" />
- </view>
+ <view class="form-item">
+ <label>鐢熶骇缁撴潫鏃堕棿:</label>
+ <input class="inp" type="text" v-model="endTime" disabled="true" />
+ </view>
+ <view class="form-item">
+ <label>鐢熶骇鏃堕暱(mi):</label>
+ <input class="inp" type="text" v-model="productionDuration" disabled="true" />
+ </view>
+ </view>
+ </view>
+
+ <!-- 涓嬮儴锛氬搧璐ㄦ楠� -->
+ <view class="section card">
+ <view class="quality-row">
+ <view class="form-item">
+ <label>鏈�杩戦妫�鏃堕棿:</label>
+ <input class="inp" type="text" v-model="lastInitialCheck" disabled="true" />
+ </view>
+ <view class="form-item">
+ <label>棣栨缁撹:</label>
+ <input class="inp" type="text" v-model="initialConclusion" disabled="true" />
+ </view>
+ <view class="form-item">
+ <label>棣栨浜哄憳:</label>
+ <input class="inp" type="text" v-model="initialInspector" disabled="true" />
+ </view>
+ <view class="form-item">
+ <label>棣栨娆℃暟:</label>
+ <input class="inp" type="number" v-model="initialCount" disabled="true" />
+ </view>
+ </view>
+ <view class="quality-row">
+ <view class="form-item">
+ <label>鏈�杩戝贰妫�鏃堕棿:</label>
+ <input class="inp" type="text" v-model="lastPatrolCheck" disabled="true" />
+ </view>
+ <view class="form-item">
+ <label>宸℃缁撹:</label>
+ <input class="inp" type="text" v-model="patrolConclusion" disabled="true" />
+ </view>
+ <view class="form-item">
+ <label>宸℃浜哄憳:</label>
+ <input class="inp" type="text" v-model="patrolInspector" disabled="true" />
+ </view>
+ <view class="form-item">
+ <label>宸℃娆℃暟:</label>
+ <input class="inp" type="number" v-model="patrolCount" disabled="true" />
</view>
</view>
</view>
@@ -467,6 +465,11 @@
</script>
<style>
+ /* 鍏ㄥ眬瀛椾綋鏀惧ぇ锛屽彲鏍规嵁闇�瑕佽皟鏁存暟鍊� */
+ body, .container {
+ font-size: 22px;
+ }
+
.top-order {
margin-bottom: 0.3vh;
}
@@ -480,11 +483,11 @@
background-color: #00A2E9;
color: white;
border: none;
- font-size: 24px;
+ font-size: 28px;
border-radius: 12px;
margin-top: 6px;
margin-bottom: 10px;
- padding: 6px 20px;
+ padding: 10px 28px;
}
.refresh-btn:hover {
@@ -505,18 +508,18 @@
.inp {
float: left;
- width: 63%;
+ width: 85%;
padding: 3px;
border: 1px solid #ccc;
border-radius: 0.5vw;
margin-top: 0.2vh;
- font-size: 15px;
- height: 26px;
+ font-size: 22px;
+ height: 36px;
}
.status-block p {
margin: 0.5vh 0;
- font-size: 1.3vw;
+ font-size: 1.8vw;
font-weight: bold;
}
@@ -524,11 +527,11 @@
background-color: #fff;
border-radius: 0.6vw;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
- padding: 8px;
+ padding: 12px;
border: 1px solid black;
margin-top: 0;
- margin-bottom: 8px;
- font-size: 1.3vw;
+ margin-bottom: 12px;
+ font-size: 22px;
}
.card-header {
@@ -539,13 +542,13 @@
padding: 0.3vh 0.8vw;
border-radius: 0.5vw;
font-weight: bold;
- font-size: 1.5vw;
+ font-size: 2vw;
}
.form-item label {
float: left;
margin-top: 4px;
- font-size: 15px;
+ font-size: 22px;
display: inline-block;
margin-bottom: 0.2vh;
color: #333;
@@ -556,14 +559,14 @@
width: 30%;
padding-right: 0.6vw;
text-align: right;
- font-size: 15px;
+ font-size: 22px;
}
.status-row input,
.check-row input {
width: 65%;
- font-size: 15px;
- height: 26px;
+ font-size: 22px;
+ height: 36px;
}
.form-row2 {
@@ -597,19 +600,19 @@
height: 2.8em;
font-weight: bolder;
margin-top: -35px;
- font-size: 32px;
+ font-size: 48px;
text-align: center;
color: red;
}
.inp2 {
float: right;
- width: 180px;
- height: 180px;
+ width: 200px;
+ height: 200px;
border-radius: 100%;
text-align: center;
margin-top: -35px;
- font-size: 75px;
+ font-size: 100px;
background-color: #476ee1fc;
color: #ffffff;
margin-right: 140px;
@@ -619,35 +622,35 @@
display: flex;
align-items: center;
justify-content: space-between;
- margin-bottom: 6px;
+ margin-bottom: 8px;
}
- .quality-row .form-item {
- flex: 1;
- margin: 0 6px;
- padding: 2px;
- }
-
- .quality-row .form-item label {
- width: auto;
- min-width: 95px;
- margin-right: 6px;
- font-size: 15px;
+ .quality-row .form-item {
+ flex: 1;
+ margin: 0 6px;
+ padding: 2px;
}
- .quality-row .inp {
- width: 70%;
- min-width: 100px;
- font-size: 15px;
- height: 26px;
- padding: 3px;
- }
+ .quality-row .form-item label {
+ width: auto;
+ min-width: 95px;
+ margin-right: 6px;
+ font-size: 22px;
+ }
+
+ .quality-row .inp {
+ width: 70%;
+ min-width: 100px;
+ font-size: 22px;
+ height: 36px;
+ padding: 3px;
+ }
.status-row {
display: flex;
align-items: center;
justify-content: space-between;
- margin-bottom: 6px;
+ margin-bottom: 8px;
}
.status-row .form-item {
@@ -659,14 +662,14 @@
.status-row .form-item label {
min-width: 180px;
white-space: nowrap;
- font-size: 15px;
+ font-size: 22px;
}
.status-row .inp {
width: 70%;
min-width: 100px;
- font-size: 15px;
- height: 26px;
+ font-size: 22px;
+ height: 36px;
padding: 3px;
}
@@ -677,8 +680,8 @@
}
.card {
- padding: 6px;
- margin-bottom: 6px;
+ padding: 8px;
+ margin-bottom: 8px;
}
.form-item {
@@ -687,29 +690,7 @@
.quality-row,
.status-row {
- margin-bottom: 4px;
+ margin-bottom: 6px;
}
}
-
- /*.top-order {
- width: 65%;
- display: inline-block;
- vertical-align: top;
- }
-
- .form-row1 {
- display: flex;
- flex-direction: row;
- justify-content: flex-end;
- align-items: center;
- position: relative;*/
- /* width: 100%; // 鍘绘帀杩欒 */
- /*}
-
- .right-group {
- display: flex;
- align-items: center;
- gap: 24px;*/ /* 鎺у埗涓ゅ潡涔嬮棿鐨勯棿璺濓紝鍙牴鎹渶瑕佽皟鏁� */
- /*}*/
-
</style>
\ No newline at end of file
--
Gitblit v1.9.3