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

暖阳高照

介绍

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

软件架构

微信小程序,用了 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.小程序界面

微信小程序,仓库系统,可以扫描入库查询_第1张图片

微信小程序,仓库系统,可以扫描入库查询_第2张图片

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

微信小程序,仓库系统,可以扫描入库查询_第3张图片

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

微信小程序,仓库系统,可以扫描入库查询_第4张图片
微信小程序,仓库系统,可以扫描入库查询_第5张图片

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

微信小程序,仓库系统,可以扫描入库查询_第6张图片

微信小程序,仓库系统,可以扫描入库查询_第7张图片
微信小程序,仓库系统,可以扫描入库查询_第8张图片

感谢

代码码云托管,码云

你可能感兴趣的:(小程序)