From c47ec7b37e7f68c49b40fc4b59098e79626e66de Mon Sep 17 00:00:00 2001 From: xwt <2740516069@qq.com> Date: 星期日, 03 八月 2025 13:39:14 +0800 Subject: [PATCH] 首检巡检 --- pages/QC/LLJ/Add.vue | 176 +++++++++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 130 insertions(+), 46 deletions(-) diff --git a/pages/QC/LLJ/Add.vue b/pages/QC/LLJ/Add.vue index 52ddd2a..89c2ef6 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 20px 100px 20px; /* 搴曢儴澧炲姞鍐呰竟璺濅负鍥哄畾鎸夐挳鐣欑┖闂� */ background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); min-height: 100vh; @@ -1992,22 +2007,35 @@ 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: center; + gap: 8px; + padding: 12px; + flex-wrap: wrap; + align-items: center; + position: fixed; /* 鍥哄畾鍦ㄥ睆骞曞簳閮� */ + bottom: 0; /* 璺濈搴曢儴0px */ + left: 0; /* 璺濈宸﹁竟0px */ + right: 0; /* 璺濈鍙宠竟0px */ + background-color: #fff; /* 鑳屾櫙鑹� */ + border-top: 1px solid #e9ecef; /* 椤堕儴杈规 */ + z-index: 1000; /* 纭繚鍦ㄦ渶涓婂眰 */ + box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); /* 椤堕儴闃村奖 */ +} .action-btn { background-color: #ecf0f1; @@ -2040,9 +2068,16 @@ background-color: #2980b9; } - /* 鍐呭鍖呰鍣紝涓哄簳閮ㄦ寜閽暀鍑虹┖闂� */ - .content-wrapper { - height: 20px; /* 棰濆鐨勭┖鐧藉尯鍩� */ + /* 灏忓昂瀵告寜閽牱寮� */ + .action-btn.small { + padding: 10px 12px; + font-size: 14px; + min-height: 44px; + white-space: nowrap; + flex-shrink: 0; + min-width: 80px; + max-width: 120px; + flex: 1; } /* 鍘熸湁鎸夐挳鏍峰紡淇濇寔鍏煎 */ @@ -2484,4 +2519,53 @@ .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: row; + align-items: center; + justify-content: center; + padding: 8px; + gap: 6px; + position: fixed; /* 淇濇寔鍥哄畾鍦ㄥ睆骞曞簳閮� */ + bottom: 0; + left: 0; + right: 0; + background-color: #fff; + border-top: 1px solid #e9ecef; + z-index: 1000; + box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); + } + + .action-btn.small { + min-width: 70px; + max-width: 100px; + padding: 8px 10px; + font-size: 13px; + min-height: 40px; + } + + .inspection-table table { + display: block; + overflow-x: auto; + } + } </style> \ No newline at end of file -- Gitblit v1.9.3