scan.wxml
<view class="container">
<view class='imagesize'>
<image class='img' bindtap='getScancode' src="{{back}}"></image>
</view>
<view style="display: flex;justify-content: center;">请扫描卡号</view>
<!-- <view wx:if="{{result !=''}}">
<view>扫码的内容:{{result}}</view>
</view> -->
<navigator url="/pages/card/card" hover-class="changestyle">
<view class='imagesizehand'>
<image src="{{hand}}"></image>
</view>
<view style="display: flex;justify-content: center;">手动输入卡号</view>
</navigator>
</view>
scan.js
//index.js
//获取应用实例
const app = getApp()
Page({
data: {
back: "../../images/scanning.png",
hand: "../../images/hand.png",
result: ''
},
onLoad: function() {
},
getScancode: function() {
var _this = this;
// 允许从相机和相册扫码
wx.scanCode({
success: (res) => {
var result = res.result;
_this.setData({
result: result,
})
//在回调函数里面，将获得的返回值，带到下一个界面里面去
//三秒钟之后跳转到主界面
setTimeout(function () {
wx.navigateTo({
url: '../card/card?result=' + result
})
}, 3000)
}
})
}
})
card.wxml
<form catchsubmit="confirmPublish">
<view class="search_arr">
<input maxlength="15" placeholder="请输入卡号" value="{{deviceId}}" data-name="deviceId" bindblur="setInput"></input>
</view>
<button class='btn1' bindtap="bindViewTap" form-type="submit">绑定</button>
</form>
card.js
// pages/card/card.js
Page({
/**
* 页面的初始数据
*/
data: {
id: 1,
deviceId: '',
},
//事件处理函数
bindViewTap: function() {
wx.navigateTo({
url: '../cardsuccess/cardsuccess'
})
//三秒钟之后跳转到主界面
setTimeout(function() {
wx.switchTab({
url: '../index/index'
})
}, 3000)
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
console.log(options)
// 生命周期函数--监听页面加载
this.setData({
deviceId: options.result,
})
},
confirmPublish: function() {
// if (!this.data.taskName) {
// this.setData({ errortip: true, errorMsg: '任务名不能为空' })
// setTimeout(() => {
// this.setData({ errortip: false, errorMsg: '' })
// }, 2000)
// return
// }
// const data = {}
// data.id = this.data.id
// data.deviceId = this.data.deviceId
var params = {
id: 1,
deviceId: "12345678",
}
wx.request({
url: 'http://192.xxx.4.103:8093/cs-applet/subscribe/bindingCard',
method: 'PUT',
data: params,
dataType: "json",
success: function(res) {
// console.log(res)
// if (res.data.code === "0001") {
// wx.showToast({
// title: res.data.msg,
// icon: 'none',
// duration: 2000
// })
// return;
// }
// wx.showToast({
// title: '添加成功',
// icon: 'success',
// duration: 2000
// })
// setTimeout(() => {
// wx.switchTab({
// url: "/pages/index/index?refresh=true",
// });
// }, 1000);
},
fail: function(error) {
wx.showToast({
title: error.message || '保存失败'
})
console.log(error)
}
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function() {
}
})
