From ed949e7d41508674854d3000d3bb4fe8d93710da Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期一, 24 十一月 2025 15:45:11 +0800
Subject: [PATCH] 回调初版
---
components/WorkOrderStatus.vue | 212 ++++++++++++++++++++--------------------------------
1 files changed, 83 insertions(+), 129 deletions(-)
diff --git a/components/WorkOrderStatus.vue b/components/WorkOrderStatus.vue
index 01c9a2e..495646f 100644
--- a/components/WorkOrderStatus.vue
+++ b/components/WorkOrderStatus.vue
@@ -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>
<!-- 鍙宠竟宸ュ崟鐘舵�� -->
@@ -224,59 +224,47 @@
}
/* 鍒锋柊鎸夐挳鏍峰紡 */
- .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;
- }
+ .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;
- flex-direction: row;
- align-items: flex-start;
- justify-content: flex-start;
- flex-wrap: nowrap;
- margin-bottom: 4vh;
- }
+ .top-section {
+ display: flex;
+ justify-content: space-between;
+ flex-grow: 1;
+ margin-bottom: 4vh;
+ }
- .left-section {
- width: 32%;
- display: flex;
- flex-direction: column;
- }
+ /* 宸﹁竟鎸夐挳鍜岃緭鍏ユ閮ㄥ垎锛堝乏鍙冲竷灞�锛� */
+ .left-section {
+ width: 65%;
+ display: flex;
+ flex-direction: column;
+ }
- .item {
- display: flex;
- align-items: center;
- margin-bottom: 3vh;
- flex-wrap: nowrap; /* 绂佹鎹㈣ */
- }
+ .item {
+ display: flex;
+ align-items: center;
+ margin-bottom: 1.5vh;
+ }
/* 缁熶竴鎸夐挳鍜岃緭鍏ユ鐨勯珮搴� */
- 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;
- }
+ button,
+ .input-box {
+ height: 5vh;
+ /* Adjusted for larger, consistent height */
+ }
button {
width: 30%;
@@ -311,16 +299,16 @@
/* 鍙宠竟宸ュ崟鐘舵�侀儴鍒� */
.right-section {
- width: 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;
+ 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 {
@@ -329,12 +317,17 @@
/* Larger font size for titles */
}
- .status-circle {
- width: 7vw;
- height: 7vw;
- min-width: 60px;
- min-height: 60px;
- }
+ .status-circle {
+ width: 11vw;
+ /* Enlarged status circle */
+ height: 11vw;
+ background-color: #00A2E9;
+ border-radius: 50%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ }
.status-input {
color: white;
@@ -349,70 +342,31 @@
}
/* 涓嬪崐閮ㄥ垎锛氫繚瀛樺拰鍙栨秷鎸夐挳 */
- .bottom-section {
- display: flex;
- margin-top: 1vh;
- height: 100%;
- justify-content: flex-end; /* 璁╂寜閽潬鍙冲榻愶紙鍙�夛級 */
- gap: 16px; /* 鎸夐挳闂磋窛 */
+ .bottom-section {
+ display: flex;
+ justify-content: space-between;
+ margin-top: 1vh;
+ height: 100%;
}
- .save-btn,
- .cancel-btn {
- background-color: #00A2E9;
- color: white;
- border: none;
- text-align: center;
+ .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%;
+ }
- 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 {
- min-width: 120px;
- width: 100%;
- }
-
- .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; /* 鎸夐挳楂樺害鍔犲ぇ */
- margin-right: 1%; /* 涓庤緭鍏ユ闂磋窛 */
- box-sizing: border-box;
-
- width: 34% !important; /* 鎸夐挳鐣ュ涓�鐐癸紝閬垮厤杈撳叆妗嗗お绐� */
- min-width: 60px;
- }
-
- .left-section .item .input-box {
- width: 45% !important; /* 鍘�60%锛屾敼涓�45% */
- min-width: 100px;
- box-sizing: border-box;
- }
-
+ /* 璁╁彸渚у伐鍗曞彿杈撳叆妗嗗彉闀� */
+ .status-title input.status-title {
+ width: 90%; /* 鎴� 100%锛屾牴鎹疄闄呴渶姹傝皟鏁� */
+ min-width: 320px; /* 鍙�夛紝淇濊瘉鏈�灏忓搴� */
+ font-size: 2vw;
+ box-sizing: border-box;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3