From c0c29bab83c18e7900343c43bf7e2e28dd91471c Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期一, 24 十一月 2025 14:44:41 +0800
Subject: [PATCH] 调试
---
components/WorkOrderStatus.vue | 179 ++++++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 121 insertions(+), 58 deletions(-)
diff --git a/components/WorkOrderStatus.vue b/components/WorkOrderStatus.vue
index 89610d7..fa3d7d4 100644
--- a/components/WorkOrderStatus.vue
+++ b/components/WorkOrderStatus.vue
@@ -1,11 +1,12 @@
<template>
<view class="page">
+ <!-- 鍒锋柊鎸夐挳 -->
<button @click="handleRefresh" class="refresh-btn">鍒锋柊</button>
<view>
- <h4>璇存槑:澶氬伐鍗曟ā寮忔椂寮�銆佸畬宸ユ槸缁熶竴鐨�,</br>寮�宸ユ椂闂�=棣栦欢鍚堟牸鍚庡彇閫佹鏃堕棿,</br>瀹屽伐鏃堕棿=鎶ュ伐鏁扮瓑浜庡伐鍗曟暟鐨勬椂闂�</h4>
+ <h4>璇存槑:</br>寮�宸ユ椂闂�=棣栦欢鍚堟牸鍚庡彇閫佹鏃堕棿,</br>瀹屽伐鏃堕棿=鎶ュ伐鏁扮瓑浜庡伐鍗曟暟鐨勬椂闂�</h4>
</view>
<!-- 涓婂崐閮ㄥ垎 -->
- <!-- 鍒锋柊鎸夐挳 -->
+ <!-- 寮�宸ュ畬宸� -->
<view class="top-section">
<!-- 宸﹁竟宸ュ崟鎸夐挳缁勫拰杈撳叆妗嗭紝宸﹀彸甯冨眬 -->
@@ -16,16 +17,20 @@
</view>
<view class="item">
<button class="btn-disabled">瀹屽伐</button>
- <input class="input-box" v-model="endTime" disabled="true" placeholder="鎶ュ伐鏁拌揪鍒拌鍒掓暟锛屾垨鐐瑰畬宸ュ啓鍏�" />
+ <input class="input-box" v-model="endTime" disabled="true" placeholder="鎶ュ伐鏁拌揪鍒拌鍒掓暟鍚庤嚜鍔ㄥ畬宸�" />
</view>
<view class="item">
<button @click="stateCheck(2)" class="btn-blue">鏆傚仠</button>
<input class="input-box" v-model="suspendTime" disabled="true" placeholder="鐐规殏鍋滄寜閽椂鍐欏叆" />
</view>
+ <!--<view class="item">
+ <button @click="stateCheck(2)" class="btn-blue">鍙嶆殏鍋�</button>
+ <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>
<!-- 鍙宠竟宸ュ崟鐘舵�� -->
@@ -219,19 +224,24 @@
}
/* 鍒锋柊鎸夐挳鏍峰紡 */
- .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;
- }
+ .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;
+ }
/* 涓婂崐閮ㄥ垎锛氬乏鍙冲竷灞� */
.top-section {
@@ -248,18 +258,23 @@
flex-direction: column;
}
- .item {
- display: flex;
- align-items: center;
- margin-bottom: 1.5vh;
- }
+ .item {
+ display: flex;
+ align-items: center;
+ margin-bottom: 3vh; /* 鍘�1.5vh锛屾敼涓�3vh锛屾寜閽棿璺濇洿澶� */
+ }
/* 缁熶竴鎸夐挳鍜岃緭鍏ユ鐨勯珮搴� */
- button,
- .input-box {
- height: 5vh;
- /* Adjusted for larger, consistent height */
- }
+ 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 {
width: 30%;
@@ -293,18 +308,18 @@
}
/* 鍙宠竟宸ュ崟鐘舵�侀儴鍒� */
- .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;
- }
+ .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: 2vh;
@@ -337,23 +352,71 @@
}
/* 涓嬪崐閮ㄥ垎锛氫繚瀛樺拰鍙栨秷鎸夐挳 */
- .bottom-section {
- display: flex;
- justify-content: space-between;
- margin-top: 1vh;
- height: 100%;
+ .bottom-section {
+ display: flex;
+ margin-top: 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;
+ }
+
</style>
\ No newline at end of file
--
Gitblit v1.9.3