fix:优化

pages/wareHouse/components/fakeRegistration.vue

@@ -12,9 +12,9 @@
             v-for="(item, index) in tableData" 
             :key="item.id || index"
             :class="{ 'selected': selectedIndex === index }"
+            @click="handleItemClick(index, item)"
             >
-            <!-- @click="handleItemClick(index, item)" -->
-            <u-swipe-action>
+            <u-swipe-action ref="swipeRef">
               <u-swipe-action-item :options="swipeOptions" @click="(e) => handleSwipeClick(item, e, index)">
                 <view class="item_header">
                   <view class="name">{{ item.name }}</view>
@@ -95,7 +95,7 @@ export default {
         {
           text: '编辑',
           style: {
-            backgroundColor: '#343a40',
+            backgroundColor: '#3c9cff',
             color: '#fff'
           }
         }
@@ -158,8 +158,8 @@ export default {
     },
     handleSwipeClick(item, e, index) {
       if(e.index == 0){//编辑
-        this.selectedIndex = index;
         setTimeout(() => {
+          this.selectedIndex = index;
           this.isAdd = false
           this.currentEditItem = item
           this.formData = {
@@ -189,6 +189,7 @@ export default {
           uni.$u.api.wareHouseFakeEdit(this.formData).then(res => {
             if (res.code == 200) {
               uni.$u.toast('编辑成功')
+              this.$refs.swipeRef[this.selectedIndex].closeOther()
               this.showEditDialog = false
               this.getWareHouseFakeList()
             }

pages/wareHouse/index.vue

@@ -69,8 +69,8 @@
 			<scroll-view class="goods-list" scroll-y @scrolltolower="handleLoadMore" enable-back-to-top>
 				<view @click.stop="clickItem(goods)" class="goods-item" v-for="(goods, goodsIndex) in goodsList"
 					:key="`goods-${goodsIndex}`">
-					<u-swipe-action>
-						<u-swipe-action-item :options="swipeOptions" @click="(e) => handleSwipeClick(e, goods)">
+					<u-swipe-action ref="swipeRef">
+						<u-swipe-action-item :options="swipeOptions" @click="(e) => handleSwipeClick(e, goods, goodsIndex)">
 							<view class="goods-info">
 								<view class="goods-img-container">
 									<image class="goods-img" :src="goods.imgUrl ? goods.imgUrl : '/static/no-img.png'"
@@ -307,12 +307,13 @@ export default {
 				this.handleToDetail(item);
 			}
 		},
-		handleSwipeClick(e, item) {
+		handleSwipeClick(e, item,goodsIndex) {
 			if (e.index == 0) {//删除
 				this.isSwipeClick = true;
 				uni.$u.api.wareHouseDelete({
 					id: item.id
 				}).then(() => {
+					this.$refs.swipeRef[goodsIndex].closeOther()
 					uni.$u.toast("删除成功");
 					this.handleSearch();
 				}).catch((err) => {

pages/wareHouse/styles/fakeRegistration.scss

@@ -1,15 +1,15 @@
-.fake_registration{
+.fake_registration {
     padding: 0 20rpx;
     min-height: 100vh;
     background-color: #f8f9fa;
     font-family: 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
-    
-    .fake_list_wrap{
+
+    .fake_list_wrap {
         margin-top: 20rpx;
         min-height: calc(100vh - 120rpx);
-        
-        .list_content{
-            .fake_item{
+
+        .list_content {
+            .fake_item {
                 background-color: #ffffff;
                 border-radius: 16rpx;
                 padding: 32rpx;
@@ -17,31 +17,29 @@
                 box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
                 transition: all 0.3s ease;
                 border: 1rpx solid #e9ecef;
-                
-                &.selected{
+
+                &.selected {
                     box-shadow: 0 12rpx 32rpx rgba(71, 130, 241, 0.2);
-                    transform: translateY(-5rpx) scale(1.02);
                     border-color: #4782f1;
                     border-width: 2rpx;
-                    z-index: 10;
                 }
-                
-                .item_header{
+
+                .item_header {
                     display: flex;
                     justify-content: space-between;
                     align-items: center;
                     margin-bottom: 24rpx;
                     padding-bottom: 20rpx;
                     border-bottom: 1rpx dashed #e9ecef;
-                    
-                    .name{
+
+                    .name {
                         font-size: 32rpx;
                         font-weight: 700;
                         color: #212529;
                         position: relative;
                         padding-left: 20rpx;
-                        
-                        &::before{
+
+                        &::before {
                             content: '';
                             position: absolute;
                             left: 0;
@@ -53,34 +51,34 @@
                             background-color: #4782f1;
                         }
                     }
-                    
-                    .phone{
+
+                    .phone {
                         font-size: 26rpx;
                         color: #6c757d;
                         padding: 6rpx 16rpx;
                         border-radius: 16rpx;
                     }
                 }
-                
-                .item_body{
-                    .info_item{
+
+                .item_body {
+                    .info_item {
                         display: flex;
                         align-items: center;
                         margin-bottom: 16rpx;
                         font-size: 26rpx;
                         line-height: 44rpx;
-                        
-                        &:last-child{
+
+                        &:last-child {
                             margin-bottom: 0;
                         }
-                        
-                        .label{
+
+                        .label {
                             color: #868e96;
                             min-width: 120rpx;
                             font-weight: 500;
                         }
-                        
-                        .value{
+
+                        .value {
                             color: #495057;
                             flex: 1;
                             word-break: break-word;
@@ -91,26 +89,26 @@
                     }
                 }
             }
-            
-            .u-loadmore{
+
+            .u-loadmore {
                 margin-top: 30rpx;
                 margin-bottom: 40rpx;
             }
         }
-        
-        .u-empty{
+
+        .u-empty {
             margin-top: 120rpx;
         }
     }
-    
+
     // 编辑弹窗样式
-    .edit_dialog{
+    .edit_dialog {
         width: 85%;
         max-width: 520rpx;
         border-radius: 16rpx;
         overflow: hidden;
-        
-        .dialog_title{
+
+        .dialog_title {
             font-size: 34rpx;
             font-weight: 700;
             color: #212529;
@@ -118,26 +116,26 @@
             padding: 36rpx 24rpx;
             border-bottom: 1rpx solid #e9ecef;
         }
-        
-        .dialog_content{
+
+        .dialog_content {
             padding: 36rpx 28rpx;
-            
-            .u-form-item{
-                
-                .u-form-item__label{
+
+            .u-form-item {
+
+                .u-form-item__label {
                     font-size: 28rpx;
                     font-weight: 600;
                     color: #495057;
                     margin-bottom: 12rpx;
                     display: block;
                 }
-                
-                .u-input{
+
+                .u-input {
                     border-radius: 8rpx;
                     border: 1rpx solid #ced4da;
                     transition: all 0.3s ease;
-                    
-                    &:focus{
+
+                    &:focus {
                         border-color: #4782f1;
                         box-shadow: 0 0 0 4rpx rgba(71, 130, 241, 0.1);
                         background-color: #ffffff;