微信小程序，仓库系统，可以扫描入库查询

微信小程序

介绍

仓库系统 微信小程序，需要源代码，在最下方有码云连接

软件架构

微信小程序，用了 lin-ui vant组件

安装教程

1. 下载按照一般小程序导入即可

部分代码

<view class="container">
  <view class="header">
    <image class='header-bg' src='/static/images/lan.png'></image>
    <text class='header-desc'><text class='header-name'>微信小程序 </text>仓库管理</text>
  </view>

<van-notice-bar
  color="	#FF1493"
  mode="closeable"
  left-icon="volume-o"
  text="出入库请仔细严禁，做好标签"
/>

  <view class="main">
    <navi-card
      wx:for="{{naviConfigs.baseConfig}}"
      wx:for-item="naviConfig"
      wx:key="index"
      data-idx="{{index}}"
      title="{{naviConfig.title}}"
      icon="{{naviConfig.icon}}"
      data-title="{{naviConfig.title}}"
      data-navigateMark="{{naviConfig.navigateMark}}"
      bindtap="onNaviCard"
    />
  </view>

</view>

<!--  -->
<l-tab-bar list="{{list}}" />

import naviConfigs from './navi.js';
import tabbar from '../tabbar.js';

Page({
    data: {
        naviConfigs: naviConfigs,
        list: tabbar
    },

    onNaviCard(e) {
        let {
            title,
            navigatemark
        } = e.target.dataset;
        wx.navigateTo({
            url: '/pages/' + navigatemark + '/' + navigatemark
        });
    },
    onCard() {
        // const path = e.target.dataset.path
        wx.navigateTo({
            url: '/pages/index/index'
        });
    },

    onShow: function () {
        if (typeof this.getTabBar === 'function' &&
          this.getTabBar()) {
          this.getTabBar().setData({
            selected: 1
          })
        }
      }

});

使用说明

1.小程序界面

2.入库扫描，可以扫一扫二维码，二维码内容是可以自己按照物品ID写，比如150，300，写入提交后，会回显

3.扫码查询，分手动输入id，或者扫码

4.库存查询，点进去点3仓库点硬盘，其余里面的代码都没写，hhh就写了一个，每次加载10个数据，向上拉取数据

感谢

代码码云托管，码云