滑动展开

resources/views/store/checkingReceive/show.blade.php

@@ -132,7 +132,7 @@
         <!-- phone <544 -->
         <div class="d-xl-none">
             <div v-for="(storeCheckingReceiveItem,i) in storeCheckingReceiveItems" class="mt-1 border border-1 rounded"
-                 @click="openAll(storeCheckingReceiveItem.id)">
+                @click="openAll(storeCheckingReceiveItem.id)">
                 <div class="row">
                     <div class="col-6">
                         <label class="text-muted">序号：</label>@{{ i+1 }}
@@ -172,7 +172,7 @@
                         <label class="text-muted">ASN差异：</label><small class="text-danger font-weight-bold">@{{ storeCheckingReceiveItem.asn_amount }}</small>
                     </div>
                 </div>
-                <div v-if="signOpenId == storeCheckingReceiveItem.id">
+                <div :id="'detail_'+storeCheckingReceiveItem.id" class="up">
                     <div class="row">
                         <div class="col-6">
                             <label class="text-muted">导入数：</label>@{{ storeCheckingReceiveItem.imported_amount }}
@@ -251,10 +251,11 @@
             lastScannedBarcode : '',
             asn : '',
             is_show : {!! $is_show !!},
-            signOpenId : "",
             disabledItemId : "",
+            upId:"",
         },
         mounted(){
+            $(".up").slideUp();
             $('#container').removeClass('d-none');
             $(".tooltipTarget").tooltip({'trigger':'hover'});
             let column = [
@@ -285,8 +286,11 @@
         methods:{
             //显示该条全部信息
             openAll(id){
-                if (this.signOpenId === id ) this.signOpenId = "";
-                else this.signOpenId = id;
+                if (this.upId == id) {$("#detail_"+id).slideUp(); this.upId = ''}
+                else {
+                    this.upId = id;
+                    $("#detail_"+id).slideDown();
+                }
             },
             //获取焦点，取消全局监听
             showInput(id){