js

assets/css/goods/warehouseOperationConfirm.scss

@@ -47,13 +47,22 @@
                 margin-bottom: 23rpx;
                 border-top: 1px solid #e6edf0;
             }
-            .box {
-                width: 144rpx;
-                height: 144rpx;
-                margin-right: 24rpx;
-                image {
+            .list {
+                flex-wrap: wrap;
+                .box {
                     width: 144rpx;
                     height: 144rpx;
+                    margin-right: 24rpx;
+                    &:nth-of-type(4n) {
+                        margin-right: 0;
+                    }
+                    &:nth-child(n+5){
+                        margin-top: 24rpx; 
+                    }
+                    image {
+                        width: 144rpx;
+                        height: 144rpx;
+                    }
                 }
             }
         }
@@ -63,7 +72,7 @@
         background: #ffffff;
         border-radius: 4rpx;
         margin-bottom: 48rpx;
-        .top { 
+        .top {
             .title {
                 .arrow {
                     width: 12rpx;
@@ -79,37 +88,37 @@
                 }
             }
         }
-        .list{
-            .box{
+        .list {
+            .box {
                 height: 123rpx;
-                border-bottom: 1px solid #E6EDF0;
-                &:last-child{
+                border-bottom: 1px solid #e6edf0;
+                &:last-child {
                     border-bottom: none;
                 }
-                .w1{
+                .w1 {
                     width: 241rpx;
                 }
-                .text{
-                    .tt{
-                       .t1{
-                           font-size: 22rpx;
-                           color: #6E767A;
-                       } 
-                       .t2{
-                           font-size: 22rpx;
-                           color: #404547;
-                       } 
+                .text {
+                    .tt {
+                        .t1 {
+                            font-size: 22rpx;
+                            color: #6e767a;
+                        }
+                        .t2 {
+                            font-size: 22rpx;
+                            color: #404547;
+                        }
                     }
                 }
-                .camera{
+                .camera {
                     width: 80rpx;
                     height: 60rpx;
-                    background: #197ADB;
+                    background: #197adb;
                     border-radius: 4rpx;
                     font-size: 22rpx;
-                    color: #FFFFFF;
-                    &.disable{
-                        background: #9CA8AD;
+                    color: #ffffff;
+                    &.disable {
+                        background: #9ca8ad;
                     }
                 }
             }

pages/goods/warehouseOperation.vue

@@ -26,8 +26,8 @@
                 <text class="t2">({{ total }})</text>
             </view>
         </view>
-        <view class="list" v-if="warehouseOperation.length > 0">
-            <navigator class="box row  verCenter" url="/pages/goods/warehouseOperationConfirm" hover-class="none" v-for="(item, index) in warehouseOperation" :key="index">
+        <view class="list" v-if="total > 0">
+            <navigator class="box row  verCenter" :url="'/pages/goods/warehouseOperationConfirm?weonlt_id=' + item.weonlt_id" hover-class="none" v-for="(item, index) in warehouseOperation" :key="index">
                 <template v-if="item.arrival_status == 1">
                     <text class="status-text-no">{{ item.arrival_status_cn }}</text>
                 </template>
@@ -87,7 +87,7 @@ export default {
             textArr: ['待作业'],
             warehouseOperation: [],
             erp_order_sn: '',
-            total: 0,
+            total: 1,
             page: 1,
             limit: 10,
             is_loading: false
@@ -126,6 +126,7 @@ export default {
             this.input_status = false;
         },
         inputChange() {
+            this.total = 0;
             this.page = 1;
             this.warehouseOperation = [];
             this.getData();

util/api.js

@@ -36,7 +36,15 @@ const API = {
     /**
      *  仓内作业列表
      * */
-    warehouseOperationList: API_BASE + '/supplywechatwms/warehouseOperationList'
+    warehouseOperationList: API_BASE + '/supplywechatwms/warehouseOperationList',
+    /**
+     *  仓内作业详情
+     * */
+    warehouseOperationDetail: API_BASE + '/supplywechatwms/warehouseOperationDetail',
+    /**
+     *  执行仓内作业
+     * */
+    execWarehouseOperation: API_BASE + '/supplywechatwms/execWarehouseOperation'
 
 }