From 816ab1967ee766e3e3f3631c08371f2e7704408e Mon Sep 17 00:00:00 2001
From: xwt <2740516069@qq.com>
Date: 星期三, 24 九月 2025 16:48:39 +0800
Subject: [PATCH] IQC穴数，RKJ,SJ,XJ
---
pages/QC/XJ/Add.vue | 158 +++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 117 insertions(+), 41 deletions(-)
diff --git a/pages/QC/XJ/Add.vue b/pages/QC/XJ/Add.vue
index cc44bef..92453e0 100644
--- a/pages/QC/XJ/Add.vue
+++ b/pages/QC/XJ/Add.vue
@@ -1459,7 +1459,8 @@
<style scoped>
/* 鍩虹鏍峰紡 */
.container {
- padding: 10px;
+ padding: 20px;
+ padding-bottom: 120px; /* 涓哄浐瀹氭寜閽暀鍑烘洿澶氱┖闂达紝閬垮厤閬洊妫�楠岄」鐩� */
background-color: #f5f7fa;
min-height: 100vh;
}
@@ -1565,41 +1566,43 @@
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
margin: 25px 0;
}
-
+
.inspection-table table {
width: 100%;
border-collapse: collapse;
}
-
+
.inspection-table th {
- background-color: #f8f9fa;
- color: #34495e;
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+ color: white;
padding: 12px 15px;
font-weight: bold;
- text-align: left;
- border: 1px solid #ddd;
+ text-align: center;
+ border: none;
}
-
+
.inspection-table td {
padding: 12px 15px;
text-align: left;
- border: 1px solid #ddd;
+ border: none;
}
-
+
.inspection-table tr:nth-child(even) {
background-color: #f9f9f9;
}
-
+
.inspection-table tr:hover {
background-color: #f1f5f9;
+ transform: translateY(-1px);
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
/* 姘村嵃鏍峰紡 */
.watermark {
position: absolute;
- font-size: 40px;
+ font-size: 32px;
font-weight: bold;
- opacity: 1;
+ opacity: 0.3;
z-index: 1;
pointer-events: none;
transform: rotate(-15deg);
@@ -1609,15 +1612,15 @@
left: 50%;
transform: translate(-50%, -50%) rotate(-15deg);
}
-
+
.watermark.approved {
color: #2ecc71;
}
-
+
.watermark.rejected {
color: #e74c3c;
}
-
+
.watermark.pending {
color: #f39c12;
}
@@ -1655,55 +1658,106 @@
/* 鎿嶄綔鎸夐挳 */
.action-buttons {
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background-color: white;
+ border-top: 1px solid #e9ecef;
+ padding: 12px;
+ box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
+ z-index: 1000;
display: flex;
- flex-direction: column;
- gap: 10px;
- margin-bottom: 20px;
+ flex-wrap: wrap;
+ gap: 8px;
+ justify-content: center;
+ align-items: center;
}
.action-btn {
- padding: 12px 20px;
+ background-color: #ecf0f1;
+ color: #34495e;
+ padding: 12px 15px;
border: none;
border-radius: 6px;
- font-size: 14px;
- font-weight: 500;
cursor: pointer;
- transition: all 0.2s;
+ font-size: 12px;
+ font-weight: 500;
+ transition: all 0.3s ease;
+ text-align: center;
+ min-height: 44px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
-
+
+ .action-btn:hover {
+ background-color: #d5dbdb;
+ transform: translateY(-1px);
+ }
+
.action-btn.primary {
background-color: #3498db;
- color: white;
+ color: #fff;
}
-
+
+ .action-btn.primary:hover {
+ background-color: #2980b9;
+ }
+
.action-btn.secondary {
- background-color: #95a5a6;
- color: white;
+ background-color: #ecf0f1;
+ color: #34495e;
}
-
+
+ .action-btn.secondary:hover {
+ background-color: #d5dbdb;
+ }
+
.action-btn.danger {
background-color: #e74c3c;
- color: white;
+ color: #fff;
}
-
+
+ .action-btn.danger:hover {
+ background-color: #c0392b;
+ }
+
.action-btn.warning {
background-color: #f39c12;
- color: white;
+ color: #fff;
}
-
+
+ .action-btn.warning:hover {
+ background-color: #e67e22;
+ }
+
.action-btn.success {
background-color: #2ecc71;
- color: white;
+ color: #fff;
}
-
+
+ .action-btn.success:hover {
+ background-color: #27ae60;
+ }
+
.action-btn.info {
background-color: #17a2b8;
- color: white;
+ color: #fff;
+ }
+
+ .action-btn.info:hover {
+ background-color: #138496;
}
.action-btn.small {
- padding: 6px 12px;
+ padding: 10px 12px;
font-size: 12px;
+ min-height: 44px;
+ white-space: nowrap;
+ flex-shrink: 0;
+ min-width: 80px;
+ max-width: 120px;
}
/* 寮瑰嚭妗嗘牱寮� */
@@ -2324,12 +2378,36 @@
/* 鍝嶅簲寮忚璁� */
@media (max-width: 768px) {
+ .container {
+ padding-bottom: 120px; /* 涓哄浐瀹氭寜閽暀鍑虹┖闂达紝閬垮厤閬洊妫�楠岄」鐩� */
+ }
+
.info-grid {
grid-template-columns: 1fr;
}
.action-buttons {
- flex-direction: column;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+ padding: 8px;
+ gap: 6px;
+ }
+
+ .action-btn {
+ min-width: 70px;
+ max-width: 100px;
+ padding: 8px 10px;
+ font-size: 11px;
+ min-height: 40px;
+ }
+
+ .action-btn.small {
+ min-width: 70px;
+ max-width: 100px;
+ padding: 8px 10px;
+ font-size: 11px;
+ min-height: 40px;
}
/* 闄勪欢寮圭獥鍝嶅簲寮� */
@@ -2386,9 +2464,7 @@
.attachment-icon {
font-size: 20px;
}
- }
-
- @media (max-width: 480px) {
+
.attachment-popup-content {
padding: 16px;
}
--
Gitblit v1.9.3