收银台界面袋子可分为两行

src/pages/VerticalPage.js

@@ -367,7 +367,7 @@ class VerticalPage extends Component {
     let {contact} = this.state;
     pageSize =
       goods && goods.bags.length > 0
-        ? goods && goods.bags.length > 6
+        ? goods && goods.bags.length > 3
           ? 6
           : 7
         : pageSize;
@@ -375,7 +375,9 @@ class VerticalPage extends Component {
     if (goods && goods.bags) {
       let num = Math.ceil(goods.bags.length / 3);
       for (let i = 0; i < num; i++) {
-        bagsData.push(goods.bags.slice(i * 3, i * 3 + 3));
+        if (i < 2) {
+          bagsData.push(goods.bags.slice(i * 3, i * 3 + 3));
+        }
       }
     }
     window.pageSize = pageSize;
@@ -1025,8 +1027,8 @@ const styles = {
   firstTdStyle: {
     width: '40%',
     alignItems: 'flex-start',
-    paddingTop: width > 801 ? 18 : 16,
-    paddingBottom: width > 801 ? 18 : 16,
+    paddingTop: 18,
+    paddingBottom: 18,
     paddingLeft: 10,
     paddingRight: 10,
   },
@@ -1035,8 +1037,8 @@ const styles = {
     width: '20%',
     alignItems: 'center',
     justifyContent: 'center',
-    paddingTop: width > 801 ? 18 : 16,
-    paddingBottom: width > 801 ? 18 : 16,
+    paddingTop: width > 801 ? 18 : 18,
+    paddingBottom: width > 801 ? 18 : 18,
     paddingLeft: 10,
     paddingRight: 10,
   },