From 0c8f85d16c97a8fd4ba381dce13ea9f0b051e6c1 Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期三, 03 十二月 2025 15:26:56 +0800
Subject: [PATCH] 只更新第一行 currentCjNum
---
components/WorkOrderStatus.vue | 197 ++++++++++++++++++++----------------------------
1 files changed, 83 insertions(+), 114 deletions(-)
diff --git a/components/WorkOrderStatus.vue b/components/WorkOrderStatus.vue
index 7f94b0b..6d604a9 100644
--- a/components/WorkOrderStatus.vue
+++ b/components/WorkOrderStatus.vue
@@ -3,7 +3,7 @@
<!-- 鍒锋柊鎸夐挳 -->
<button @click="handleRefresh" class="refresh-btn">鍒锋柊</button>
<view>
- <h4>璇存槑:</br>寮�宸ユ椂闂�=棣栦欢鍚堟牸鍚庡彇閫佹鏃堕棿,</br>瀹屽伐鏃堕棿=鎶ュ伐鏁扮瓑浜庡伐鍗曟暟鐨勬椂闂�</h4>
+ <h4>璇存槑:寮�宸ユ椂闂�=棣栦欢鍚堟牸鍚庡彇閫佹鏃堕棿,</br>瀹屽伐鏃堕棿=鎶ュ伐鏁扮瓑浜庡伐鍗曟暟鐨勬椂闂�</h4>
</view>
<!-- 涓婂崐閮ㄥ垎 -->
<!-- 寮�宸ュ畬宸� -->
@@ -28,9 +28,9 @@
<input class="input-box" v-model="suspendTime" disabled="true" placeholder="鐐规殏鍋滄寜閽椂鍐欏叆" />
</view>-->
<!-- <view class="item">
- <button @click="stateCheck(3)" class="btn-blue">鍙嶅畬宸�</button>
- <input class="input-box" v-model="reverseTime" disabled="true" placeholder="鐐瑰弽瀹屽伐鎸夐挳鍐欏叆" />
- </view> -->
+ <button @click="stateCheck(3)" class="btn-blue">鍙嶅畬宸�</button>
+ <input class="input-box" v-model="reverseTime" disabled="true" placeholder="鐐瑰弽瀹屽伐鎸夐挳鍐欏叆" />
+ </view> -->
</view>
<!-- 鍙宠竟宸ュ崟鐘舵�� -->
@@ -216,36 +216,35 @@
</script>
<style scoped>
- .page {
- padding: 2vh;
- display: flex;
- flex-direction: column;
- box-sizing: border-box;
- }
-
- /* 鍒锋柊鎸夐挳鏍峰紡 */
- .refresh-btn {
- position: absolute;
- top: 10px;
- right: 10px;
- background-color: #00A2E9;
- /* 钃濊壊鑳屾櫙 */
- color: white;
- padding: 10px 20px;
- height: 60px;
- border: none;
- border-radius: 5px;
- font-size: 35px;
- cursor: pointer;
+ .page {
+ padding: 1vh; /* 鍘�2vh锛岀缉灏忔暣浣撲笂涓嬮棿璺� */
+ display: flex;
+ flex-direction: column;
+ box-sizing: border-box;
}
- /* 涓婂崐閮ㄥ垎锛氬乏鍙冲竷灞� */
- .top-section {
- display: flex;
- justify-content: space-between;
- flex-grow: 1;
- margin-bottom: 4vh;
+ /* 鍒锋柊鎸夐挳鏍峰紡 */
+ .refresh-btn {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ background-color: #00A2E9;
+ /* 钃濊壊鑳屾櫙 */
+ color: white;
+ padding: 10px 20px;
+ border: none;
+ border-radius: 5px;
+ font-size: 35px;
+ cursor: pointer;
}
+
+ /* 涓婂崐閮ㄥ垎锛氬乏鍙冲竷灞� */
+ .top-section {
+ display: flex;
+ justify-content: space-between;
+ flex-grow: 1;
+ margin-bottom: 1.5vh; /* 鍘�4vh锛岀缉灏忎笂涓嬮棿闅� */
+ }
/* 宸﹁竟鎸夐挳鍜岃緭鍏ユ閮ㄥ垎锛堝乏鍙冲竷灞�锛� */
.left-section {
@@ -254,27 +253,26 @@
flex-direction: column;
}
- .item {
- display: flex;
- align-items: center;
- margin-bottom: 1.5vh;
- }
+ .item {
+ display: flex;
+ align-items: center;
+ margin-bottom: 1vh; /* 鍘�2.2vh锛岀缉灏忔瘡琛岄棿闅� */
+ height: 6vh; /* 鍙�傚綋缂╁皬楂樺害 */
+ }
/* 缁熶竴鎸夐挳鍜岃緭鍏ユ鐨勯珮搴� */
- button,
- .input-box {
- height: 5vh;
- /* Adjusted for larger, consistent height */
- }
+ button,
+ .input-box {
+ height: 6vh; /* 鎸夐挳鍜岃緭鍏ユ鏇撮珮 */
+ }
- button {
- width: 30%;
- padding: 0;
- font-size: 1.8vw;
- /* Larger font for buttons */
- margin-right: 1vw;
- line-height: 5vh;
- }
+ button {
+ width: 32%; /* 鎸夐挳鐣ュ */
+ padding: 0;
+ font-size: 2.2vw; /* 瀛椾綋鏇村ぇ */
+ margin-right: 1vw;
+ line-height: 6vh;
+ }
.btn-disabled {
background-color: #ccc;
@@ -288,35 +286,32 @@
border: none;
}
- .input-box {
- width: 70%;
- padding: 0 1vw;
- font-size: 1.5vw;
- /* Increased font size for input */
- border: 1px solid #ccc;
- box-sizing: border-box;
- /* 纭繚楂樺害涓�鑷� */
- }
-
- /* 鍙宠竟宸ュ崟鐘舵�侀儴鍒� */
- .right-section {
- width: 30%; /* 鍘熸潵鏄�30%锛岃皟澶т竴鐐� */
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- justify-content: flex-start;
- text-align: center;
- padding-top: 45px;
- flex-wrap: wrap;
- align-content: flex-start;
- margin-top: -44px;
+ .input-box {
+ width: 68%; /* 杈撳叆妗嗙暐缂╁皬锛岄厤鍚堟寜閽彉瀹� */
+ padding: 0 1vw;
+ font-size: 1.8vw; /* 瀛椾綋鏇村ぇ */
+ border: 1px solid #ccc;
+ box-sizing: border-box;
}
- .status-title {
- margin-bottom: 2vh;
- font-size: 2vw;
- /* Larger font size for titles */
+ /* 鍙宠竟宸ュ崟鐘舵�侀儴鍒� */
+ .right-section {
+ width: 30%; /* 鍘熸潵鏄�30%锛岃皟澶т竴鐐� */
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: flex-start;
+ text-align: center;
+ padding-top: 45px;
+ flex-wrap: wrap;
+ align-content: flex-start;
+ margin-top: -44px;
}
+
+ .status-title {
+ margin-bottom: 1vh; /* 鍘�2vh锛岀缉灏忔爣棰橀棿闅� */
+ font-size: 2vw;
+ }
.status-circle {
width: 11vw;
@@ -343,12 +338,12 @@
}
/* 涓嬪崐閮ㄥ垎锛氫繚瀛樺拰鍙栨秷鎸夐挳 */
- .bottom-section {
- display: flex;
- justify-content: space-between;
- margin-top: 1vh;
- height: 100%;
- }
+ .bottom-section {
+ display: flex;
+ justify-content: space-between;
+ margin-top: 0.5vh; /* 鍘�1vh锛岀缉灏忎笌涓婃柟闂撮殧 */
+ height: 100%;
+ }
.save-btn,
.cancel-btn {
@@ -363,37 +358,11 @@
height: 100%;
}
- /* 璁╁彸渚у伐鍗曞彿杈撳叆妗嗗彉闀� */
- .status-title input.status-title {
- width: 110%; /* 鎴� 100%锛屾牴鎹疄闄呴渶姹傝皟鏁� */
- min-width: 320px; /* 鍙�夛紝淇濊瘉鏈�灏忓搴� */
- font-size: 2vw;
- box-sizing: border-box;
- }
-
- .button,
- .input-box {
- font-size: 2.2vw !important; /* 瀛椾綋鏇村ぇ */
- height: 6vh !important; /* 楂樺害鐣ュ */
- }
-
- .input-box {
- border: 2.5px solid #999 !important; /* 杈规鏇寸矖鏇存槑鏄� */
- border-radius: 6px !important; /* 鍦嗚鐣ュぇ */
- padding: 0 1.5vw !important;
- }
-
- button {
- border: 2.5px solid #999 !important; /* 鎸夐挳杈规鍔犵矖 */
- border-radius: 6px !important;
- }
-
- .left-section .item button {
- border-width: 1px !important; /* 杈规鏇寸矖 */
- border-style: solid !important;
- border-color: #999 !important; /* 淇濇寔鍘熸湁鑹茶皟 */
- font-size: 2.6vw !important; /* 瀛椾綋鏇村ぇ */
- font-weight: bold;
- }
-
+ /* 璁╁彸渚у伐鍗曞彿杈撳叆妗嗗彉闀� */
+ .status-title input.status-title {
+ width: 120%; /* 鎴� 100%锛屾牴鎹疄闄呴渶姹傝皟鏁� */
+ min-width: 320px; /* 鍙�夛紝淇濊瘉鏈�灏忓搴� */
+ font-size: 2vw;
+ box-sizing: border-box;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3