优化

src/pages/back/index.vue

@@ -388,12 +388,12 @@ const errorStyle = {
   // 顶部切换按钮
   .complete-btn {
     display: flex;
-    padding: 20rpx 24rpx;
+    /* padding: 20rpx 24rpx; */
     justify-content: center;
-    background: #fff;
-    border-radius: 20rpx;
-    margin-bottom: 20rpx;
-    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
+    /* background: #fff; */
+    /* border-radius: 20rpx; */
+    /* margin-bottom: 20rpx; */
+    /* box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05); */
 
     .btn {
       display: flex;
@@ -437,18 +437,18 @@ const errorStyle = {
   .search-form {
     display: flex;
     align-items: center;
-    background: #fff;
-    padding: 24rpx;
+    /* background: #fff; */
+    padding: 10rpx 24rpx;
     border-radius: 20rpx;
-    margin-bottom: 20rpx;
-    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
+    /* margin-bottom: 20rpx; */
+    /* box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05); */
 
     :deep(.uni-easyinput__content),
     :deep(.uni-date-editor) {
       background-color: #f7f8fa;
       border: 2rpx solid #e8e8e8;
       border-radius: 12rpx;
-      height: 80rpx;
+      height: 75rpx;
       transition: all 0.3s ease;
 
       &:focus-within {
@@ -550,10 +550,10 @@ const errorStyle = {
 
     // 搜索按钮
     .search {
-      height: 80rpx;
+      height: 60rpx;
       background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
       text-align: center;
-      line-height: 80rpx;
+      line-height: 60rpx;
       color: #fff;
       border-radius: 12rpx;
       font-size: 28rpx;
@@ -569,10 +569,10 @@ const errorStyle = {
 
     // 新增按钮
     .addBtn {
-      height: 80rpx;
+      height: 60rpx;
       background: linear-gradient(135deg, #19be6b 0%, #16a75c 100%);
       text-align: center;
-      line-height: 80rpx;
+      line-height: 60rpx;
       color: #fff;
       border-radius: 12rpx;
       font-size: 28rpx;
@@ -605,7 +605,7 @@ const errorStyle = {
       display: flex;
       justify-content: space-between;
       align-items: center;
-      margin-bottom: 24rpx;
+      /* margin-bottom: 24rpx; */
 
       .code {
         font-size: 32rpx;
@@ -661,7 +661,7 @@ const errorStyle = {
     }
 
     :deep(.uni-row) {
-      margin-bottom: 20rpx;
+      /* margin-bottom: 20rpx; */
 
       .uni-col-7 {
         color: #8c8c8c;
@@ -672,7 +672,7 @@ const errorStyle = {
       .cont {
         display: flex;
         justify-content: flex-end;
-        line-height: 1.8;
+        /* line-height: 1.8; */
         color: #262626;
         font-size: 28rpx;
         font-weight: 500;

src/pages/repair/repairManage/details.vue

@@ -13,6 +13,9 @@
             <uni-col :span="4">
                 <view class="search qualified" @click="onQualified">合格</view>
             </uni-col>
+            <uni-col :span="4">
+                <view class="search reject" @click="handleReject">驳回</view>
+            </uni-col>
         </uni-row>
 
         <view class="checkbox-group">
@@ -220,6 +223,29 @@ const onRepairItem = (item) => {
     } 
     
 }
+// 驳回
+const handleReject = () => {
+    // 未选择 提示
+    if (!detailsList.value.some(item => item.isChecked)) {
+        uni.showToast({
+            title: '请选择要驳回的数据',
+            icon: 'none',
+        })
+        return
+    }
+    // 提示
+    uni.showModal({
+        title: '提示',
+        content: '确定驳回吗？',
+        success: function (res) {
+            if (res.confirm) {
+                // 获取选中数据
+                const checkedRows = detailsList.value.filter(item => item.isChecked)
+                console.log('🚀 ~ handleReject ~ checkedRows:', checkedRows)
+            }
+        }
+    })
+}
 onShow(() => {
     getRepairDetailsData()
 })
@@ -289,6 +315,12 @@ onUnmounted(() => {
                 background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);
                 box-shadow: 0 6rpx 20rpx rgba(46, 204, 113, 0.2);
             }
+
+            // 驳回
+            &.reject { 
+                background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
+                box-shadow: 0 6rpx 20rpx rgba(231, 76, 60, 0.2);
+            }
         }
     }