微信小程序扫描二维码的内容，作为参数跳转填入到下一个页面input框_wxss 扫码图放在input框中

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>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

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)

			}

      
		})
	}
})

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

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>

1
2
3
4
5
6
7

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() {

	}
})

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142