理货

assets/css/arrivalRegister/index.scss

@@ -59,6 +59,11 @@
             &:nth-of-type(2n) {
                 margin-right: 0;
             }
+            .bor {
+                height: 1px;
+                background-color: #f0f0f2;
+                margin-bottom: 10rpx;
+            }
             .text-item {
                 margin-bottom: 8rpx;
             }
@@ -119,13 +124,12 @@
 
 ::v-deep .uni-drawer__content {
     width: 85% !important;
-    right: 0 !important;
 }
 
 .uni-drawer {
     width: 100%;
     background-color: #ffffff;
-    padding: 0 22rpx;
+    padding: 22rpx 22rpx 0 22rpx;
     .title {
         position: relative;
         .iconfont {
@@ -141,20 +145,87 @@
             font-weight: bold;
         }
     }
-    .tit {
+    .pp {
         font-size: 20rpx;
         color: #292b33;
         font-weight: bold;
         margin-bottom: 17rpx;
+        margin-top: 35rpx;
+    }
+    .field-item {
+        flex-wrap: wrap;
+        margin-top: 36rpx;
+        .item {
+            flex: 0 0 50%;
+            margin-bottom: 8rpx;
+            .label {
+                font-size: 16rpx;
+                color: #919399;
+            }
+            .text {
+                font-size: 16rpx;
+                color: #1969f9;
+                margin-left: 6rpx;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                overflow: hidden;
+                max-width: 176rpx;
+            }
+        }
     }
     .drawer-list {
         .box {
+            padding: 18rpx 18rpx 0 18rpx;
             height: 94rpx;
             background: #ffffff;
             box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
             border-radius: 10rpx;
             border: 1px solid #c6c7cc;
             margin-bottom: 15rpx;
+            .top {
+                margin-bottom: 10rpx;
+                .t1 {
+                    font-size: 17rpx;
+                    color: #1969f9;
+                    font-weight: bold;
+                }
+                .t2 {
+                    font-size: 20rpx;
+                    color: #292b33;
+                    font-weight: bold;
+                    margin-left: 8rpx;
+                }
+            }
+            .bar {
+                .tt {
+                    font-size: 16rpx;
+                    color: #919399;
+                }
+                .yy {
+                    width: 95rpx;
+                    font-size: 16rpx;
+                    color: #484b59;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    overflow: hidden;
+                }
+            }
         }
     }
+    .time {
+        margin-top: 34rpx;
+        font-size: 16rpx;
+        color: #919399;
+    }
+    .btn {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        width: 100%;
+        height: 75rpx;
+        background: #1969f9;
+        font-size: 23rpx;
+        color: #ffffff;
+    }
 }

assets/css/font.css

@@ -11,6 +11,30 @@
     -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-a-juxing3:before {
+    content: "\e793";
+}
+
+.icon-a-juxing21:before {
+    content: "\e794";
+}
+
+.icon-a-juxing4:before {
+    content: "\e795";
+}
+
+.icon-a-juxing12:before {
+    content: "\e796";
+}
+
+.icon-juxing3:before {
+    content: "\e797";
+}
+
+.icon-juxing2:before {
+    content: "\e791";
+}
+
 .icon-a-juxing11:before {
     content: "\e78e";
 }

pages.json

@@ -7,7 +7,24 @@
     }, {
         "path": "pages/arrivalRegister/index",
         "style": {
-            "navigationBarTitleText": "到货登记"
+            "navigationBarTitleText": "到货登记",
+            "app-plus": {
+                "titleNView": {
+                    "buttons": [{
+                        "index": "0",
+                        "text": "已登记",
+                        "fontSize": "20rpx",
+                        "color": "#1969F9",
+                        "float": "right",
+                        "width": "100px"
+                    }]
+                }
+            }
+        }
+    }, {
+        "path": "pages/arrivalRegister/registered",
+        "style": {
+            "navigationBarTitleText": "已登记"
         }
     }, {
         "path": "pages/tallyReceive/index",

pages/arrivalRegister/registered.vue

+<template>
+    <view class="arrivalRegister">已登记</view>
+</template>
+
+<script>
+import { API } from '@/util/api.js';
+export default {
+    data() {
+        return {
+            index: 0,
+            array: ['物流单号', '入库单号', '入仓号']
+        };
+    },
+    onNavigationBarButtonTap(e) {
+        if (e.index == 0) {
+        }
+    },
+    methods: {
+        bindPickerChange: function(e) {
+            console.log('picker发送选择改变，携带值为', e.detail.value);
+            this.index = e.detail.value;
+        },
+        showDrawer() {
+            this.$refs.showRight.open();
+        },
+        closeDrawer() {
+            this.$refs.showRight.close();
+        }
+    }
+};
+</script>
+
+<style scoped lang="scss">
+@import '@/assets/css/arrivalRegister/index.scss';
+</style>