From efb6960d9a35857d8efa7e40a6e71504b87f5035 Mon Sep 17 00:00:00 2001
From: xwt <2740516069@qq.com>
Date: 星期六, 02 八月 2025 14:51:55 +0800
Subject: [PATCH] 来料检布局修改，查看图片修改
---
pages/QC/LLJ/Add.vue | 112 ++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 73 insertions(+), 39 deletions(-)
diff --git a/pages/QC/LLJ/Add.vue b/pages/QC/LLJ/Add.vue
index 38afc4e..eb106b4 100644
--- a/pages/QC/LLJ/Add.vue
+++ b/pages/QC/LLJ/Add.vue
@@ -104,12 +104,13 @@
<view class="info-label">鐮村潖瀹為獙鏁伴噺锛�</view>
<view class="info-value highlight">{{formData.phsy}}</view>
</view>
-
-
-
-
-
+ <!-- 琛ㄥ崟涓婃柟鎿嶄綔鎸夐挳鍖� -->
+ <view class="top-action-buttons">
+ <button class="action-btn" @click="getInspectionItems" v-if="this.current">鑾峰彇妫�楠岄」鐩�</button>
+ <button class="action-btn" @click="handleEmergencyRelease" v-if="this.current">绱ф�ユ斁琛�</button>
+ <button class="action-btn" @click="handleWithdraw" v-if="this.current">鎾ゅ洖</button>
+ </view>
<!-- 妫�楠岄」鐩〃鏍� -->
<view class="inspection-table">
@@ -146,22 +147,14 @@
</table>
</view>
- <!-- 椤甸潰鍐呭鍖哄煙 -->
- <view class="content-wrapper">
- <!-- 涓哄簳閮ㄦ寜閽暀鍑虹┖闂� -->
- </view>
-
- <!-- 鍥哄畾鍦ㄥ簳閮ㄧ殑鎿嶄綔鎸夐挳鍖� -->
- <view class="fixed-action-buttons">
- <button class="action-btn" @click="handleEmergencyRelease" v-if="this.current">绱ф�ユ斁琛�</button>
- <button class="action-btn" @click="handleWithdraw" v-if="this.current">鎾ゅ洖</button>
- <button class="action-btn" @click="getInspectionItems" v-if="this.current">鑾峰彇妫�楠岄」鐩�</button>
- <button class="action-btn" @click="addDestruction" v-if="this.current">鐮村潖瀹為獙</button>
- <button class="action-btn" @click="uploadImages">涓婁紶/鏌ョ湅鍥剧墖</button>
- <button class="action-btn" @click="fetchDrawingNumber">璋冨彇PLM鍥剧焊</button>
- <button class="action-btn" @click="viewAttachmentInfo">鏌ョ湅闄勪欢淇℃伅</button>
- <button class="action-btn" @click="addDefectDescription" v-if="this.current">娣诲姞涓嶈壇鎻忚堪</button>
- <button class="action-btn primary" @click="submitInspection" v-if="this.current">妫�楠屾彁浜�</button>
+ <!-- 琛ㄥ崟涓嬫柟鎿嶄綔鎸夐挳鍖� -->
+ <view class="bottom-action-buttons">
+ <button class="action-btn small" @click="addDestruction" v-if="this.current">鐮村潖瀹為獙</button>
+ <button class="action-btn small" @click="uploadImages">涓婁紶/鏌ョ湅鍥剧墖</button>
+ <button class="action-btn small" @click="fetchDrawingNumber">璋冨彇PLM鍥剧焊</button>
+ <button class="action-btn small" @click="viewAttachmentInfo">鏌ョ湅闄勪欢淇℃伅</button>
+ <button class="action-btn small" @click="addDefectDescription" v-if="this.current">娣诲姞涓嶈壇鎻忚堪</button>
+ <button class="action-btn small primary" @click="submitInspection" v-if="this.current">妫�楠屾彁浜�</button>
</view>
<view v-if="remarksPopup" class="overlay">
<view class="popup">
@@ -1889,7 +1882,7 @@
font-family: 'Microsoft YaHei', 'Segoe UI', sans-serif;
max-width: 1000px;
margin: 0 auto;
- padding: 20px 20px 160px 20px; /* 搴曢儴澧炲姞padding涓哄浐瀹氭寜閽暀绌洪棿 */
+ padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
min-height: 100vh;
@@ -2014,22 +2007,27 @@
background-color: #f1f5f9;
}
- /* 鍥哄畾搴曢儴鎸夐挳鏍峰紡 */
- .fixed-action-buttons {
- position: fixed;
- bottom: 0;
- left: 0;
- right: 0;
- background-color: #fff;
- box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
- padding: 10px 15px 20px 15px;
- z-index: 100;
+ /* 琛ㄥ崟涓婃柟鎿嶄綔鎸夐挳鍖烘牱寮� */
+ .top-action-buttons {
display: flex;
- flex-direction: column;
- gap: 8px;
- max-height: 150px;
- overflow-y: auto;
+ justify-content: flex-end;
+ gap: 10px;
+ margin: 20px 0;
+ padding: 15px;
+ background-color: #f8f9fa;
+ border-radius: 8px;
+ border: 1px solid #e9ecef;
}
+
+ /* 琛ㄥ崟涓嬫柟鎿嶄綔鎸夐挳鍖烘牱寮� */
+.bottom-action-buttons {
+ display: flex;
+ justify-content: flex-end;
+ gap: 10px;
+ margin: 20px 0;
+ padding: 10px;
+ flex-wrap: wrap;
+}
.action-btn {
background-color: #ecf0f1;
@@ -2062,9 +2060,11 @@
background-color: #2980b9;
}
- /* 鍐呭鍖呰鍣紝涓哄簳閮ㄦ寜閽暀鍑虹┖闂� */
- .content-wrapper {
- height: 20px; /* 棰濆鐨勭┖鐧藉尯鍩� */
+ /* 灏忓昂瀵告寜閽牱寮� */
+ .action-btn.small {
+ padding: 8px 12px;
+ font-size: 12px;
+ min-height: 36px;
}
/* 鍘熸湁鎸夐挳鏍峰紡淇濇寔鍏煎 */
@@ -2506,4 +2506,38 @@
.attachment-popup-close:hover {
background: #bdbdbd;
}
+
+ /* 鍝嶅簲寮忚璁� */
+ @media (max-width: 500px) {
+
+ .info-row,
+ .info-block {
+ flex-direction: column;
+ align-items: flex-start;
+ }
+
+ .doc-links {
+ margin-left: 0;
+ margin-top: 10px;
+ }
+
+ .top-action-buttons {
+ flex-direction: column;
+ align-items: stretch;
+ }
+
+ .bottom-action-buttons {
+ flex-direction: column;
+ align-items: stretch;
+ }
+
+ .action-btn {
+ width: 100%;
+ }
+
+ .inspection-table table {
+ display: block;
+ overflow-x: auto;
+ }
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3