生产制造追溯系统-通过微信小程序实现移动端报表平台

前两篇文章主要梳理了一下在生产过程中如何更高效、更稳定的实现条码打印,有不少园子里的朋友私信我,互相讨论了一些技术方面的问题,双方都各有收获,再此感谢博客园提供的这个交流平台,让五湖四海的朋友能够汇聚在一起,互相学习、互相进步!!

生产制造追溯系统-条码打印

生产制造追溯系统-再说条码打印

 

突破,将报表延伸至移动端

最近几年手机应用的发展速度大家有目共睹,就拿移动支付来说,放在十年前根本不敢想象现如今出门完全不用带现金,一部手机足够了,甚至有的地方可以刷脸支付,忘了带手机也没关系;随着科技的飞速发展,用户的要求也随之越来越高,这篇文章要说的也是跟手机有关--移动报表平台.

 

首先我们需要搭建环境,其实很简单,按照“微信web开发者工具”即可,下载地址如下:

下载 微信web开发者工具

 

生产制造追溯系统-通过微信小程序实现移动端报表平台

 

安装好了之后如下图所示,可双击打开:

生产制造追溯系统-通过微信小程序实现移动端报表平台

 

生产制造追溯系统-通过微信小程序实现移动端报表平台

 

点击上图所示的 + 按钮,弹出如下图所示的配置对话框:

生产制造追溯系统-通过微信小程序实现移动端报表平台

 

项目名称:填写该项目的名称,没有特别要求。

目录:表示本地开发电脑上面存放该项目的地方。

APPID:这个 AppID 是需要我们登录到微信公众号平台进行申请的,这里的 APPID一定要跟公众平台上面的 ID 一致。

生产制造追溯系统-通过微信小程序实现移动端报表平台

 

配置完成之后,我们开发编写代码来实现我们需要的功能--通过小程序查询生产状态及进度,这里要区分一下每一种类型的文件表示的意思。

生产制造追溯系统-通过微信小程序实现移动端报表平台

index.wxml <!--index.wxml--> <view> <view wx:for="{{numa}}"> <view> <input bindinput="bind_lotname_Input" bindconfirm="query" placeholder="输入工单号码进行搜索" value="{{search_lotname}}" confirm-type="search" /> </view> <block> <icon type="search" bindtap="bind_icon_search" size="30" color="'orange'"/> </block> </view> <view> <view wx:for="{{json_str}}" wx:for-item="item"> <view> <view>产品名称:</view> <view>{{item["PRODUCT_NAME"]}}</view> </view> <view> <view>工单总数:</view> <view>{{item["QUANTITY"]}}</view> </view> <view> <view>生产工序:</view> <view>{{item["ROUTE_STEP"]}}</view> </view> <view> <view>产出数量:</view> <view>{{item["OUTPUT_QTY"]}}</view> </view> <view> <view>等待维修:</view> <view>{{item["WAITE_REPAIR_QTY"]}}</view> </view> <view> <view>完成进度:</view> <view>{{item["PROCESS_VALUE"]}}</view> </view> </view> </view> <!-- <button bindtap="bindButtonTap">Search</button> --> </view>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpjyyp.html