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 | 224 +++++++++++++++++++++----------------------------------
1 files changed, 85 insertions(+), 139 deletions(-)
diff --git a/components/WorkOrderStatus.vue b/components/WorkOrderStatus.vue
index fa3d7d4..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,40 +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;
- height: 60px;
- border: none;
- border-radius: 5px;
- font-size: 35px;
- cursor: pointer;
- width: 90px !important; /* 鏇寸獎 */
- height: 60px !important; /* 鏇撮珮 */
- font-size: 22px !important;
- padding: 0 !important;
- border-radius: 8px !important;
+ .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 {
@@ -261,29 +256,23 @@
.item {
display: flex;
align-items: center;
- margin-bottom: 3vh; /* 鍘�1.5vh锛屾敼涓�3vh锛屾寜閽棿璺濇洿澶� */
+ margin-bottom: 1vh; /* 鍘�2.2vh锛岀缉灏忔瘡琛岄棿闅� */
+ height: 6vh; /* 鍙�傚綋缂╁皬楂樺害 */
}
/* 缁熶竴鎸夐挳鍜岃緭鍏ユ鐨勯珮搴� */
button,
.input-box {
- width: 55% !important; /* 鍘�70%锛屾敼涓�50%锛屾洿绐� */
- height: 4vh !important; /* 鍘�6vh锛屾敼涓�4vh锛屾洿鐭� */
- font-size: 1.2vw !important; /* 瀛椾綋鏇村皬 */
- padding: 0 0.8vw !important; /* 鍐呰竟璺濈暐鍑� */
- border: 2px solid #999 !important;
- border-radius: 5px !important;
- box-sizing: border-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;
@@ -297,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;
@@ -354,69 +340,29 @@
/* 涓嬪崐閮ㄥ垎锛氫繚瀛樺拰鍙栨秷鎸夐挳 */
.bottom-section {
display: flex;
- margin-top: 1vh;
+ justify-content: space-between;
+ margin-top: 0.5vh; /* 鍘�1vh锛岀缉灏忎笌涓婃柟闂撮殧 */
height: 100%;
- justify-content: flex-end; /* 璁╂寜閽潬鍙冲榻愶紙鍙�夛級 */
- gap: 16px; /* 鎸夐挳闂磋窛 */
+ }
+
+ .save-btn,
+ .cancel-btn {
+ width: 48%;
+ padding: 1.5vh;
+ background-color: #00A2E9;
+ color: white;
+ border: none;
+ text-align: center;
+ font-size: 1.8vw;
+ /* Larger font for buttons */
+ height: 100%;
}
- .save-btn,
- .cancel-btn {
- background-color: #00A2E9;
- color: white;
- border: none;
- text-align: center;
-
- width: 90px !important; /* 鏇寸獎 */
- height: 60px !important; /* 鏇撮珮 */
- font-size: 22px !important;
- padding: 0 !important;
- border-radius: 8px !important;
- display: inline-block;
- }
-
- /* 璁╁彸渚у伐鍗曞彿杈撳叆妗嗗彉闀� */
- .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;
- height: 7vh !important; /* 鎸夐挳楂樺害鍔犲ぇ */
- width: 32% !important; /* 鍘�55%锛屾敼涓�40%锛屾寜閽洿绐� */
- min-width: 80px;
- margin-right: 2%; /* 涓庤緭鍏ユ闂磋窛 */
- box-sizing: border-box;
- }
-
- .left-section .item .input-box {
- width: 66% !important; /* 杈撳叆妗嗗搴﹁嚜閫傚簲鍓╀綑绌洪棿 */
- min-width: 120px;
- box-sizing: border-box;
- }
-
+ /* 璁╁彸渚у伐鍗曞彿杈撳叆妗嗗彉闀� */
+ .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