扫描盘点

assets/css/scanInventory/index.scss

+.scanInventory {
+    padding: 24rpx 24rpx;
+    .scanInven-form-item {
+        padding: 24rpx;
+        background: #ffffff;
+        border-radius: 4rpx;
+        .box {
+            height: 80rpx;
+            border-bottom: 1px solid #e6edf0;
+            .label {
+                font-size: 24rpx;
+                color: #6e767a;
+                margin-right: 60rpx;
+            }
+            .input-wrap {
+                width: calc(100% - 110rpx);
+                .tab-panel {
+                    &:last-child {
+                        margin-right: 0;
+                    }
+                }
+            }
+            .tab {
+                .tab-panel {
+                    width: 147rpx;
+                    height: 48rpx;
+                    background: #9ca8ad;
+                    border-radius: 4rpx;
+                    font-size: 24rpx;
+                    color: #ffffff;
+                    margin-right: 24rpx;
+                    &.curr {
+                        background: #197adb;
+                    }
+                }
+            }
+            .uni-list-cell-db {
+                width: calc(100% - 160rpx);
+                position: relative;
+                .icon-sanjiaoxing1 {
+                    position: absolute;
+                    right: 0;
+                    top: 15rpx;
+                    font-size: 17rpx;
+                    color: #9ca8ad;
+                }
+            }
+            .uni-input {
+                font-size: 24rpx;
+                color: #404547;
+                font-weight: bold;
+            }
+            &.operate {
+                justify-content: flex-end;
+                text {
+                    font-size: 26rpx;
+                    color: #197adb;
+                    margin-right: 10rpx;
+                    &:last-child {
+                        margin-right: 0;
+                    }
+                }
+            }
+        }
+    }
+}

pages.json

@@ -139,6 +139,11 @@
         "style": {
             "navigationBarTitleText": "扫描管理"
         }
+    }, {
+        "path": "pages/scanInventory/index",
+        "style": {
+            "navigationBarTitleText": "扫描盘点"
+        }
     }],
     "globalStyle": {
         "navigationBarTextStyle": "black",
@@ -165,4 +170,4 @@
             }
         ]
     }
-}
+}
\ No newline at end of file

pages/home/index.vue

@@ -133,6 +133,11 @@ export default {
                     name: '报关收货签到',
                     iconfont: 'icon-chakanbeizhu',
                     tips: ''
+                },
+                {
+                    name: '扫描盘点',
+                    iconfont: 'icon-chakanbeizhu',
+                    tips: ''
                 }
             ]
         };
@@ -238,6 +243,10 @@ export default {
                 uni.navigateTo({
                     url: '/pages/declaration/index'
                 });
+            } else if (item.name == '扫描盘点') {
+                uni.navigateTo({
+                    url: '/pages/scanInventory/index'
+                });
             } else {
                 uni.showModal({
                     title: '提示',

pages/scanInventory/index.vue

+<template>
+    <view class="scanInventory">
+        <view class="scanInven-form-item">
+            <view class="box row verCenter operate">
+                <text>关箱保存</text>
+                <text>箱列表</text>
+            </view>
+            <view class="box row verCenter">
+                <view class="label">箱号</view>
+                <input type="number" placeholder-style="font-size:24rpx;color:#404547;" class="uni-input" placeholder="请输入箱号" />
+            </view>
+            <view class="box row verCenter">
+                <view class="label">扫描</view>
+                <view class="uni-list-cell-db">
+                    <text class="iconfont icon-sanjiaoxing1"></text>
+                    <picker @change="bindPickerChange" :value="index" :range="array">
+                        <view class="uni-input">{{ array[index] || '请选择扫描类型' }}</view>
+                    </picker>
+                </view>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+import { API } from '@/util/api.js';
+
+export default {
+    data() {
+        return {
+            index: -1,
+            array: ['扫描digikey', '扫描Mouser', '扫描Arrow', '扫描Rochester', '扫描TME', '扫描Chip1stop']
+        };
+    },
+    methods: {
+        bindPickerChange: function(e) {
+            console.log('picker发送选择改变，携带值为', e.target.value);
+            this.index = e.target.value;
+        }
+    }
+};
+</script>
+
+<style lang="scss">
+@import '../../assets/css/scanInventory/index.scss';
+</style>