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 | 148 ++++++++++++++++++++++++++++++++++--------------- 1 files changed, 102 insertions(+), 46 deletions(-) diff --git a/pages/QC/LLJ/Add.vue b/pages/QC/LLJ/Add.vue index 52ddd2a..eb106b4 100644 --- a/pages/QC/LLJ/Add.vue +++ b/pages/QC/LLJ/Add.vue @@ -63,15 +63,19 @@ </view> <view class="dropdown-row"> <view class="info-label">涓嶈壇鍘熷洜锛�</view> - <select id="defect-reason" v-model="badreason" v-if="current"> + <select id="defect-reason" v-model="badreason" v-if="current" @change="saveRemarksGid"> <option value=""></option> <option value="澶栬涓嶈壇">澶栬涓嶈壇</option> - <option value="鍔熻兘涓嶈壇">鍔熻兘涓嶈壇</option> + <option value="灏哄涓嶈壇">灏哄涓嶈壇</option> + <option value="鍖呰涓嶈壇">鍖呰涓嶈壇</option> + <option value="鎬ц兘涓嶈壇">鎬ц兘涓嶈壇</option> + <option value="瑁呴厤涓嶈壇">瑁呴厤涓嶈壇</option> + <option value="瀹夎涓嶈壇">瀹夎涓嶈壇</option> </select> </view> <view class="dropdown-row"> <view class="info-label">鎵�灞炶溅闂达細</view> - <select id="defect-reason" v-model="WORKSHOP" v-if="current"> + <select id="defect-reason" v-model="WORKSHOP" v-if="current" @change="saveRemarksGid"> <option value=""></option> <option value="鐢熶骇涓�閮�">鐢熶骇涓�閮�</option> <option value="鐢熶骇浜岄儴">鐢熶骇浜岄儴</option> @@ -81,11 +85,12 @@ </view> <view class="dropdown-row"> <view class="info-label">璇勫鐘舵�侊細</view> - <select id="defect-reason" v-model="PSTYPE" v-if="current"> + <select id="defect-reason" v-model="PSTYPE" v-if="current" @change="saveRemarksGid"> <option value=""></option> <option value="鐗归噰/璁╂浣跨敤">鐗归噰/璁╂浣跨敤</option> <option value="鎸戦��/杩斿伐浣跨敤">鎸戦��/杩斿伐浣跨敤</option> <option value="閫�璐�">閫�璐�</option> + <option value="寰呭垽">寰呭垽</option> </select> </view> @@ -99,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"> @@ -141,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"> @@ -685,7 +683,9 @@ this.formData.PHSY = data.PHSY; console.log("鍔犺浇鐨勭揣鎬ユ斁琛岀姸鎬�:", this.formData.emergencyStatus); - + this.badreason = data.blyy; + this.PSTYPE = data.pszt; + this.WORKSHOP = data.sscj; this.$post({ url: "/LLJ/getJYItem", data: { @@ -1327,7 +1327,7 @@ this.attachments = []; this.$post({ url: "/LLJ/getAttachments", - data: { releaseNo: this.formData.releaseNo } + data: { itemNo: this.formData.itemNo } }).then(res => { this.attachmentsLoading = false; if (res.status === 0) { @@ -1856,7 +1856,22 @@ } // #endif }, - + saveRemarksGid() { + this.$post({ + url: "/LLJ/saveRemarksGid", + data: { + gid: this.formData.id, + releaseNo: this.formData.releaseNo, + BLYY: this.badreason, + SSCJ: this.WORKSHOP, + PSZT: this.PSTYPE + } + }).then(res => { + if (res.data.tbBillList > 0) { + this.$showMessage("鑷姩淇濆瓨鎴愬姛"); + } + }); + }, } } </script> @@ -1867,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; @@ -1992,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; @@ -2040,9 +2060,11 @@ background-color: #2980b9; } - /* 鍐呭鍖呰鍣紝涓哄簳閮ㄦ寜閽暀鍑虹┖闂� */ - .content-wrapper { - height: 20px; /* 棰濆鐨勭┖鐧藉尯鍩� */ + /* 灏忓昂瀵告寜閽牱寮� */ + .action-btn.small { + padding: 8px 12px; + font-size: 12px; + min-height: 36px; } /* 鍘熸湁鎸夐挳鏍峰紡淇濇寔鍏煎 */ @@ -2484,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