Adam / gulu-vue

Blame view

src/pages/newOpticsData/newOpticsData.vue 19 KB
edit raw normal view history
863d3aa95   BigBoss   新增验光数据页面 
1
2
3
4
5
6
 
  <template>
  	<view class="wrap">
  		<view class="body">
  			<template >
  				<view class="goods-form">
  					<view class="p1">
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
7
 
  						<image class="image2" src="../../static/img/myOpticsData/dataWrite.png" mode="aspectFit"></image>
863d3aa95   BigBoss   新增验光数据页面 
8
9
10
 
  						填写验光数据
  					</view>
  					<text class="p2">没有验光数据？请到线下眼镜店验光哦～</text>
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
11
12
13
14
15
16
17
18
 
  					<view class="picker">
  						<view class="picker-choice">
  							<view class="choice-left">
  								<text class="pd">验光单取名:</text>
  							</view>
  							<input type="text" @change="handleInput" class="input"
  							placeholder="请输入名称" maxlength="20" :value="name" />
  						</view>
31dea37da   喻鹏   新增验光单和修改验光单 
19
 
  					</view>
863d3aa95   BigBoss   新增验光数据页面 
20
21
22
23
24
25
26
 
  					<view class="picker" >
  						<view class="picker-choice">
  							<view class="choice-left">
  								<text class="p11">{{pickerInfoList[0].nameC}}</text>
  								<text class="p12">{{pickerInfoList[0].nameE}}</text>
  							</view>
  							<text class="p13">左&nbsp;&nbsp;&nbsp;(OD)</text>
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
27
28
29
30
 
  							<!-- <text class="p14">{{pickerInfoList[0].nameArray1[pickerInfoList[0].nameIndex1]}}</text> -->
  							<picker  @change="bindPickerChange01" :value="pickerInfoList[0].nameIndex1" :range="pickerInfoList[0].nameArray1">
  								<view class="p14">
  								{{pickerInfoList[0].nameArray1[pickerInfoList[0].nameIndex1]}}
863d3aa95   BigBoss   新增验光数据页面 
31
 
  								<image src="../../static/detail-tabicon.png" ></image>
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
32
33
 
  								</view>
  								<!-- <image src="../../static/detail-tabicon.png" ></image> -->
863d3aa95   BigBoss   新增验光数据页面 
34
35
 
  							</picker>
  							<text class="p13">右&nbsp;&nbsp;&nbsp;(OS)</text>
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
36
 
  							<!-- <text class="p14">{{pickerInfoList[0].nameArray2[pickerInfoList[0].nameIndex2]}}</text> -->
863d3aa95   BigBoss   新增验光数据页面 
37
 
  							<picker @change="bindPickerChange02" :value="pickerInfoList[0].nameIndex2" :range="pickerInfoList[0].nameArray2">
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
38
39
 
  								<view class="p14">
  								{{pickerInfoList[0].nameArray2[pickerInfoList[0].nameIndex2]}}
863d3aa95   BigBoss   新增验光数据页面 
40
 
  								<image src="../../static/detail-tabicon.png" ></image>
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
41
42
 
  								</view>
  								<!-- <image src="../../static/detail-tabicon.png" ></image> -->
863d3aa95   BigBoss   新增验光数据页面 
43
44
45
46
47
48
49
50
51
52
 
  							</picker>
  						</view>
  					</view>
  					<view class="picker" >
  						<view class="picker-choice">
  							<view class="choice-left">
  								<text class="p11">{{pickerInfoList[1].nameC}}</text>
  								<text class="p12">{{pickerInfoList[1].nameE}}</text>
  							</view>
  							<text class="p13">左&nbsp;&nbsp;&nbsp;(OD)</text>
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
53
 
  							<!-- <text class="p14">{{pickerInfoList[1].nameArray1[pickerInfoList[1].nameIndex1]}}</text> -->
863d3aa95   BigBoss   新增验光数据页面 
54
 
  							<picker @change="bindPickerChange11" :value="pickerInfoList[1].nameIndex1" :range="pickerInfoList[1].nameArray1">
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
55
56
57
58
59
 
  								<view class="p14">
  									{{pickerInfoList[1].nameArray1[pickerInfoList[1].nameIndex1]}}
  									<image src="../../static/detail-tabicon.png" ></image>
  								</view>
  								<!-- <image src="../../static/detail-tabicon.png" ></image> -->
863d3aa95   BigBoss   新增验光数据页面 
60
61
 
  							</picker>
  							<text class="p13">右&nbsp;&nbsp;&nbsp;(OS)</text>
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
62
 
  							<!-- <text class="p14">{{pickerInfoList[1].nameArray2[pickerInfoList[1].nameIndex2]}}</text> -->
863d3aa95   BigBoss   新增验光数据页面 
63
 
  							<picker @change="bindPickerChange12" :value="pickerInfoList[1].nameIndex2" :range="pickerInfoList[1].nameArray2">
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
64
65
66
67
68
 
  								<view class="p14">
  									{{pickerInfoList[1].nameArray2[pickerInfoList[1].nameIndex2]}}
  									<image src="../../static/detail-tabicon.png" ></image>
  								</view>
  								<!-- <image src="../../static/detail-tabicon.png" ></image> -->
863d3aa95   BigBoss   新增验光数据页面 
69
70
71
72
73
74
75
76
77
78
 
  							</picker>
  						</view>
  					</view>
  					<view class="picker" >
  						<view class="picker-choice">
  							<view class="choice-left">
  								<text class="p11">{{pickerInfoList[2].nameC}}</text>
  								<text class="p12">{{pickerInfoList[2].nameE}}</text>
  							</view>
  							<text class="p13">左&nbsp;&nbsp;&nbsp;(OD)</text>
863d3aa95   BigBoss   新增验光数据页面 
79
 
  							<picker @change="bindPickerChange21" :value="pickerInfoList[2].nameIndex1" :range="pickerInfoList[2].nameArray1">
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
80
81
82
83
 
  								<view class="p14">
  									{{pickerInfoList[2].nameArray1[pickerInfoList[2].nameIndex1]}}
  									<image src="../../static/detail-tabicon.png" ></image>
  								</view>
863d3aa95   BigBoss   新增验光数据页面 
84
85
 
  							</picker>
  							<text class="p13">右&nbsp;&nbsp;&nbsp;(OS)</text>
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
86
 
  							<!-- <text class="p14">{{pickerInfoList[2].nameArray2[pickerInfoList[2].nameIndex2]}}</text> -->
863d3aa95   BigBoss   新增验光数据页面 
87
 
  							<picker @change="bindPickerChange22" :value="pickerInfoList[2].nameIndex2" :range="pickerInfoList[2].nameArray2">
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
88
89
90
91
92
 
  								<view class="p14">
  									{{pickerInfoList[2].nameArray2[pickerInfoList[2].nameIndex2]}}
  									<image src="../../static/detail-tabicon.png" ></image>
  								</view>
  								<!-- <image src="../../static/detail-tabicon.png" ></image> -->
863d3aa95   BigBoss   新增验光数据页面 
93
94
95
 
  							</picker>
  						</view>
  					</view>
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
96
 
  					<view class="picker">
863d3aa95   BigBoss   新增验光数据页面 
97
98
 
  						<view class="picker-choice">
  							<view class="choice-left">
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
99
 
  								<text class="pd">瞳距:</text>
863d3aa95   BigBoss   新增验光数据页面 
100
 
  							</view>
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
101
102
 
  							<input type="digit" @change="handleInputPd" class="input"
  							placeholder="请输入瞳距,单位cm" maxlength="20" :value="pd" />
863d3aa95   BigBoss   新增验光数据页面 
103
 
  						</view>
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
104
 
  					</view>
863d3aa95   BigBoss   新增验光数据页面 
105
106
107
 
  					<view class="picker" >
  						<view class="picker-choice">
  							<view class="choice-left">
31dea37da   喻鹏   新增验光单和修改验光单 
108
 
  								<text class="p11">{{pickerInfoList[3].nameC}}</text>
863d3aa95   BigBoss   新增验光数据页面 
109
110
 
  							</view>
  							<text class="p13-date">年&nbsp;&nbsp;&nbsp;(Y)</text>
31dea37da   喻鹏   新增验光单和修改验光单 
111
 
  							<picker @change="bindPickerChange41" :value="pickerInfoList[3].nameIndex1" :range="pickerInfoList[3].nameArray1">
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
112
113
114
115
 
  								<view class="p14" style="width: 30px;">
  									{{pickerInfoList[3].nameArray1[pickerInfoList[3].nameIndex1]}}
  									<image src="../../static/detail-tabicon.png" ></image>
  								</view>
863d3aa95   BigBoss   新增验光数据页面 
116
117
 
  							</picker>
  							<text class="p13-date">月&nbsp;&nbsp;&nbsp;(M)</text>
31dea37da   喻鹏   新增验光单和修改验光单 
118
 
  							<picker @change="bindPickerChange42" :value="pickerInfoList[3].nameIndex2" :range="pickerInfoList[3].nameArray2">
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
119
120
121
122
 
  								<view class="p14" style="width: 30px;">
  									{{pickerInfoList[3].nameArray2[pickerInfoList[3].nameIndex2]}}
  									<image src="../../static/detail-tabicon.png" ></image>
  								</view>
863d3aa95   BigBoss   新增验光数据页面 
123
124
 
  							</picker>
  							<text class="p13-date">日&nbsp;&nbsp;&nbsp;(D)</text>
31dea37da   喻鹏   新增验光单和修改验光单 
125
 
  							<picker @change="bindPickerChange43" :value="pickerInfoList[3].nameIndex3" :range="pickerInfoList[3].nameArray3">
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
126
127
128
129
 
  								<view class="p14" style="width: 30px;">
  									{{pickerInfoList[3].nameArray3[pickerInfoList[3].nameIndex3]}}
  									<image src="../../static/detail-tabicon.png" ></image>
  								</view>
863d3aa95   BigBoss   新增验光数据页面 
130
131
132
133
 
  							</picker>
  						</view>
  					</view>
  					<view class="confirm">
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
134
 
  						<image class="image1" :src="confirm ? tabicon[0] : tabicon[1]" @tap="changeConfirm"></image>
863d3aa95   BigBoss   新增验光数据页面 
135
136
137
138
139
140
141
142
 
  						<text>确认以上输入信息来源于我的验光数据!</text>
  					</view>
  				</view>
  				
  				</template>
  			</view>
31dea37da   喻鹏   新增验光单和修改验光单 
143
 
  		<view class="footer" @click="handleSubmit">
863d3aa95   BigBoss   新增验光数据页面 
144
145
146
147
 
  			<button class="btn" type="default">提 交</button>
  		</view>
  	</view>
  </template>
31dea37da   喻鹏   新增验光单和修改验光单 
148
149
150
 
  <script>
  	import store from '@/store';
863d3aa95   BigBoss   新增验光数据页面 
151
152
153
154
 
  	export default {
  		data() {
  			return {
  				pickerInfoList:[
31dea37da   喻鹏   新增验光单和修改验光单 
155
156
157
158
 
  				{nameC:"度数",nameE:"(SPH)",nameArray1:[''],nameIndex1:0,nameArray2:[''],nameIndex2:0,key:0},
  				{nameC:"散光",nameE:"(CYL)",nameArray1:[''],nameIndex1:0,nameArray2:[''],nameIndex2:0,key:1},
  				{nameC:"散光轴位",nameE:"(AXI)",nameArray1:[''],nameIndex1:0,nameArray2:[''],nameIndex2:0,key:2},
  				{nameC:"验光日期",nameE:'',nameArray1:[''],nameIndex1:0,nameArray2:['',1,2,3,4,5,6,7,8,9,10,11,12],nameIndex2:0,nameArray3:[''],nameIndex3:0}
863d3aa95   BigBoss   新增验光数据页面 
159
 
  				],
31dea37da   喻鹏   新增验光单和修改验光单 
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
 
  				confirm: false, // 用户是否确认
  				tabicon:['/static/detail-button.png','/static/detail-button-unselected.png'],
  				name: '夏小花',
  				pickerInfoChioce:{
  					"leftSph": 0,
  					"rightSph": 0,
  					"leftCyl": 0,
  					"rightCyl": 0,
  					"leftAxi": 0,
  					"rightAxi": 0,
  					"time":{
  						"year":0,
  						"month": 0,
  						"day":0 ,
  					}
863d3aa95   BigBoss   新增验光数据页面 
175
 
  				},
31dea37da   喻鹏   新增验光单和修改验光单 
176
177
178
 
  				pd: '',// 瞳距
  				kinds:Number, // kinds=1，提交为新增验光，2为修改
  				mp_id: Number
863d3aa95   BigBoss   新增验光数据页面 
179
180
 
  			};
  		},
31dea37da   喻鹏   新增验光单和修改验光单 
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
 
  		onLoad: function (option) { 
  			//option为object类型，会序列化上个页面传递的参数
  			// 初始化SPL、CYL、AXI的值
  			for (let j = 0; j < 3; j++) {
  				for(let i=-12;i<6;i++){
  					this.pickerInfoList[j].nameArray1.push(i)
  					this.pickerInfoList[j].nameArray1.push(i+0.5)
  					this.pickerInfoList[j].nameArray2.push(i)
  					this.pickerInfoList[j].nameArray2.push(i+0.5)
  					if(i>=-6){
  						this.pickerInfoList[j].nameArray1.push(i+0.25)
  						this.pickerInfoList[j].nameArray1.push(i+0.75)
  						this.pickerInfoList[j].nameArray2.push(i+0.25)
  						this.pickerInfoList[j].nameArray2.push(i+0.75)
  					}
  					if(i==5){
  						this.pickerInfoList[j].nameArray1.push(i+1)
  						this.pickerInfoList[j].nameArray2.push(i+1)
  					}
  				}
  			}
  			// 初始化日期值
  			for (let i = 1; i < 32; i++){
  				this.pickerInfoList[3].nameArray3.push(i)
  			}
  			// 初始化年份前后五年
  			let myDate = new Date();
  			let nowYear = myDate.getFullYear();
  			for(let i=0;i<5;i++){
  				this.pickerInfoList[3].nameArray1.push(nowYear-i)
  			}
  			
  			this.kinds=option.kinds
  			if(option.kinds==1){
  				this.name= '';
  				this.pd= '';
  			} else{
  				console.log('args===>',option.index)
  				const loveList=Object.assign({},this.$store.state.myLoveList.loveList)
  				console.log('args===>',loveList[option.index].in_time)
  				console.log('args===>',loveList[option.index].in_time.toString().slice(0,4))
  				console.log('args===>',loveList[option.index].in_time.toString().slice(5,6)==0)
  				console.log('args===>',loveList[option.index].in_time.toString().slice(8,10))
  				this.name=loveList[option.index].name
  				this.pd=loveList[option.index].pd
  				this.mp_id=loveList[option.index].mp_id
  				// 将kinds =2时的值传到该页面
  				this.pickerInfoList[0].nameArray1.unshift(loveList[option.index].leftSph)
  				this.pickerInfoList[0].nameArray2.unshift(loveList[option.index].rightSph)
  				this.pickerInfoList[1].nameArray1.unshift(loveList[option.index].leftCyl)
  				this.pickerInfoList[1].nameArray2.unshift(loveList[option.index].rightCyl)
  				this.pickerInfoList[2].nameArray1.unshift(loveList[option.index].leftAxi)
  				this.pickerInfoList[2].nameArray2.unshift(loveList[option.index].rightAxi)
  				
  				this.pickerInfoList[3].nameArray1.unshift(loveList[option.index].in_time.toString().slice(0,4))
  				if(loveList[option.index].in_time.toString().slice(5,6)==0){
  					this.pickerInfoList[3].nameArray2.unshift(loveList[option.index].in_time.toString().slice(6,7))
  				} else{
  					this.pickerInfoList[3].nameArray2.unshift(loveList[option.index].in_time.toString().slice(5,7))
  				}
  				if(loveList[option.index].in_time.toString().slice(8,9)==0){
  					this.pickerInfoList[3].nameArray3.unshift(loveList[option.index].in_time.toString().slice(9,10))
  				} else{
  					this.pickerInfoList[3].nameArray3.unshift(loveList[option.index].in_time.toString().slice(8,10))
  				}
  			}
  		},
863d3aa95   BigBoss   新增验光数据页面 
248
 
  		methods:{
31dea37da   喻鹏   新增验光单和修改验光单 
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
 
  			handleInput(e){
  				this.name=e.target.value
  			},
  			handleInputPd(e){
  				// 只能输入正浮点数或正数
  				if(/^\d+(\.\d+)?$/.test(e.target.value)){
  					this.pd=e.target.value
  				} else {
  					uni.showToast({
  						title:"请输入有效数据;示例:89",
  						icon: "none",
  						duration: 3000,
  					})
  					this.pd = ''
  				}
  				
  			},
  			// 用户提交
  			handleSubmit(){
  				if(this.name==''){
  					uni.showToast({
  						title:"请输入验光单取名",
  						icon: "none",
  						duration: 3000,
  					})
  				}
  				if(this.pd==''){
  					uni.showToast({
  						title:"请输入瞳距",
  						icon: "none",
  						duration: 3000,
  					})
  				}
  				if(this.confirm){
  					if(this.kinds==1){
  						// 添加用户验光单
  						console.log('kinds====>',this.kinds)
  						store.dispatch('myLoveList/addMylove', {
  							
  							uid: this.$store.state.user.userInfo.uid,
  							openid: this.$store.state.user.userInfo.openid,
  							// mp_name: this.$store.state.user.userInfo.mp_name,
  							leftSph: this.pickerInfoChioce.leftSph,
  							rightSph: this.pickerInfoChioce.rightSph,
  							leftCyl: this.pickerInfoChioce.leftCyl,
  							rightCyl: this.pickerInfoChioce.rightCyl,
  							leftAxi: this.pickerInfoChioce.leftAxi,
  							rightAxi: this.pickerInfoChioce.rightAxi,
  							pd: this.pd,// 瞳距
  							mp_name:this.name,
  							// time: this.pickerInfoChioce.time,
  							// img_url2: "http://localhost:8087/images/shop_1/1/",
  						});
  						store.dispatch('myLoveList/getLoveList', {
  							uid: this.$store.state.user.userInfo.uid,
  						}); 
  						uni.navigateBack({
  							delta:1,
  							animationDuration:2000
  						}) 
  					}
  					if(this.kinds==2){
  						// console.log('kinds====>',this.kinds)
  						// console.log('pickerindex=====>',this.pickerInfoList[0].nameIndex1)
  						// console.log('this.pickerInfoChioce====>',type(this.pickerInfoChioce))
  						const leftList = ["leftSph","leftCyl","leftAxi"];
  						const rightList = ["rightSph", "rightCyl", "rigthAxi"];
  						for (let j=0; j<3; j++) {
  							if(this.pickerInfoList[j].nameIndex1!=0){
  
  								store.dispatch('myLoveList/updateMylove', {									
  									uid: this.$store.state.user.userInfo.uid,
  									openid: this.$store.state.user.userInfo.openid,
  									mp_id: this.mp_id,
  									keyname: leftList[j],
  									keyvalue: this.pickerInfoList[j].nameArray1[this.pickerInfoList[j].nameIndex1],
  								}); 
  							}
  							if(this.pickerInfoList[j].nameIndex2 !=0) {
  								store.dispatch('myLoveList/updateMylove', {
  									uid: this.$store.state.user.userInfo.uid,
  									openid: this.$store.state.user.userInfo.openid,
  									mp_id: this.mp_id,
  									keyname: rightList[j],
  									keyvalue: this.pickerInfoList[j].nameArray2[this.pickerInfoList[j].nameIndex2]
  								}); 
  							}
  						}
  						store.dispatch('myLoveList/getLoveList', {
  							uid: this.$store.state.user.userInfo.uid,
  						}); 
  						uni.navigateBack({
  							delta:1,
  							animationDuration:2000
  						}) 
  
  					}
  	
  				} else{
  					uni.showToast({
  						title:"请确认你的验光数据",
  						icon: "none",
  						duration: 3000,
  					})
  				}
  			},
863d3aa95   BigBoss   新增验光数据页面 
355
 
  			changeConfirm() {
31dea37da   喻鹏   新增验光单和修改验光单 
356
 
  			    this.confirm = !this.confirm
863d3aa95   BigBoss   新增验光数据页面 
357
358
359
360
 
  			},
  			
  			bindPickerChange01: function(e) {
  			    this.pickerInfoList[0].nameIndex1 = e.target.value
31dea37da   喻鹏   新增验光单和修改验光单 
361
 
  				this.pickerInfoChioce.leftSph=this.pickerInfoList[0].nameArray1[e.target.value]
863d3aa95   BigBoss   新增验光数据页面 
362
363
364
 
  			},
  			bindPickerChange02: function(e) {
  			    this.pickerInfoList[0].nameIndex2 = e.target.value
31dea37da   喻鹏   新增验光单和修改验光单 
365
 
  				this.pickerInfoChioce.rightSph=this.pickerInfoList[0].nameArray2[e.target.value]
863d3aa95   BigBoss   新增验光数据页面 
366
367
368
369
 
  			},
  			
  			bindPickerChange11: function(e) {
  			    this.pickerInfoList[1].nameIndex1 = e.target.value
31dea37da   喻鹏   新增验光单和修改验光单 
370
 
  				this.pickerInfoChioce.leftCyl=this.pickerInfoList[1].nameArray1[e.target.value]
863d3aa95   BigBoss   新增验光数据页面 
371
372
373
 
  			},
  			bindPickerChange12: function(e) {
  			    this.pickerInfoList[1].nameIndex2 = e.target.value
31dea37da   喻鹏   新增验光单和修改验光单 
374
 
  				this.pickerInfoChioce.rightCyl=this.pickerInfoList[1].nameArray2[e.target.value]
863d3aa95   BigBoss   新增验光数据页面 
375
376
377
378
 
  			},
  			
  			bindPickerChange21: function(e) {
  			    this.pickerInfoList[2].nameIndex1 = e.target.value
31dea37da   喻鹏   新增验光单和修改验光单 
379
 
  				this.pickerInfoChioce.leftAxi=this.pickerInfoList[2].nameArray1[e.target.value]
863d3aa95   BigBoss   新增验光数据页面 
380
381
 
  			},
  			bindPickerChange22: function(e) {
31dea37da   喻鹏   新增验光单和修改验光单 
382
383
 
  			    this.pickerInfoList[2].nameIndex2 = e.target.value
  				 this.pickerInfoChioce.rightAxi=this.pickerInfoList[2].nameArray2[e.target.value]
863d3aa95   BigBoss   新增验光数据页面 
384
385
 
  			},
863d3aa95   BigBoss   新增验光数据页面 
386
 
  			bindPickerChange41: function(e) {
31dea37da   喻鹏   新增验光单和修改验光单 
387
388
 
  			    this.pickerInfoList[3].nameIndex1 = e.target.value 
  				this.pickerInfoChioce.time.year=this.pickerInfoList[3].nameArray1[e.target.value]
863d3aa95   BigBoss   新增验光数据页面 
389
390
 
  			},
  			bindPickerChange42: function(e) {
31dea37da   喻鹏   新增验光单和修改验光单 
391
392
 
  			    this.pickerInfoList[3].nameIndex2 = e.target.value
  				 this.pickerInfoChioce.time.month=this.pickerInfoList[3].nameArray2[e.target.value]
863d3aa95   BigBoss   新增验光数据页面 
393
394
 
  			},         
  			bindPickerChange43: function(e) {
31dea37da   喻鹏   新增验光单和修改验光单 
395
396
 
  			    this.pickerInfoList[3].nameIndex3 = e.target.value 
  				this.pickerInfoChioce.time.day=this.pickerInfoList[3].nameArray3[e.target.value]
863d3aa95   BigBoss   新增验光数据页面 
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
 
  			},
  		}
  	}
  </script>
  
  <style lang="scss">
  	.wrap{
  		min-height: 100vh;
  		background-color: #F2F2F2;
  		.body{
  			// font-family: PingFangSC-Regular;
  			font-size: 12px;
  			color: #666666;
  			letter-spacing: 0;
  			.bodyBox{
  				margin-top: 15px;
  				.names{
  					// font-family: PingFangSC-Regular;
  					font-size: 12px;
  					color: #151515;
  					letter-spacing: 0;
  					text-align: justify;
  					line-height: 17px;
  					margin-left: 5px;
  					margin-right: 10px;
  				}
  				text{
  					// font-family: PingFangSC-Regular;
  					font-size: 12px;
  					color: #666666;
  					letter-spacing: 0;
  					text-align: justify;
  				}
  			}
  		
  		}
  		.goods-form {
  			display: flex;
  			flex-direction: column;
  			align-items: center;
  			justify-content: center;
  			background-color: #fff;
  		    width: 100%;
  		    padding: 40rpx 0;
  			.p1 {
  		        font-size: 16px;
  		        color: #333333;
  		        letter-spacing: -0.3px;
  		        text-align: justify;
  		        line-height: 24px;
  		        margin: 4px 0;
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
448
863d3aa95   BigBoss   新增验光数据页面 
449
450
451
452
453
 
  		    }
  		    .p2 {
  		        font-size: 12px;
  		        color: #999999;
  		        letter-spacing: -0.23px;
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
454
 
  		        margin-bottom: 32rpx;
863d3aa95   BigBoss   新增验光数据页面 
455
 
  		    }
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
456
457
458
459
 
  		    .image2{
  		        width: 42rpx;
  		        height: 34rpx;
  				margin-right: 12rpx;
863d3aa95   BigBoss   新增验光数据页面 
460
461
462
463
464
465
466
467
 
  		    }
  		    .confirm {
  		        display: flex;
  		        align-items: center;
  		        font-size: 12px;
  		        color: #666666;
  		        letter-spacing: -0.23px;
  		        width: 684rpx;
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
468
 
  		        .image1{
863d3aa95   BigBoss   新增验光数据页面 
469
 
  		            margin-right:25rpx;
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
470
471
 
  					width: 42rpx;
  					height: 38rpx;
863d3aa95   BigBoss   新增验光数据页面 
472
473
474
475
476
477
478
479
 
  		        }
  		    }
  		    .picker{
  			display: flex;
  			flex-direction: column;
  			justify-content: center;
  			align-items: center;
  			width: 100%;
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
480
863d3aa95   BigBoss   新增验光数据页面 
481
482
483
484
485
 
  			.picker-choice{
  				display: flex;
  				width: 684rpx;
  				align-items: center;
  		        margin-bottom: 40rpx;
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
486
487
488
489
 
  				.input{
  					border-bottom: 1px solid #CFCFCF;
  					height: 40rpx;
  				}
863d3aa95   BigBoss   新增验光数据页面 
490
491
 
  				.choice-left{
  					width: 210rpx;
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
492
493
494
495
496
497
498
499
 
  					.pd{
  						font-size: 14px;
  						color: #333333;
  						letter-spacing: -0.26px;
  						text-align: justify;
  						line-height: 24px;
  						margin-right: 44rpx;
  					}
863d3aa95   BigBoss   新增验光数据页面 
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
 
  					.p11 {
  						font-size: 14px;
  						color: #333333;
  						letter-spacing: -0.26px;
  						text-align: justify;
  						line-height: 24px;
  						// margin-right: 10px;
  					}
  					.p12 {
  						font-size: 10px;
  						color: #3F3F3F;
  						letter-spacing: -0.19px;
  						text-align: justify;
  						line-height: 24px;
  					}
  		            
  		            
  				}
  				.p13 {
  					font-size: 10px;
  					color: #999999;
  					letter-spacing: -0.19px;
  					margin-right: 10px;
  				}
  		        .p13-date {
  		            font-size: 10px;
  					color: #999999;
  					letter-spacing: -0.19px;
  					margin-right: 5px;
  		        }
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
530
531
 
  				picker{
  					width: 144rpx;
31dea37da   喻鹏   新增验光单和修改验光单 
532
 
  					height: 40rpx;
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
 
  					display: flex;
  					position: relative;
  					.p14 {
  						font-size: 14px;
  						color: #666666;
  						letter-spacing: -0.26px;
  						text-align: center;
  						width: 124rpx;
  						border-bottom: 1px solid #CFCFCF;
  						height: 38rpx;
  					}
  					image{
  						width: 20rpx;
  						height: 20rpx;
  						position: absolute;
  						right: 20rpx;
  						top: 8rpx;
  					}
863d3aa95   BigBoss   新增验光数据页面 
551
 
  				}
66638e4bb   喻鹏   购物车样式和新增验光单样式修改 
552
863d3aa95   BigBoss   新增验光数据页面 
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
 
  		        
  			}
  		}
  		}
  		
  		.footer{
  			width: 100%;
  			position: fixed;
  			bottom: 0;
  			left: 0;
  			.btn{
  				width: 100%;
  				height: 112rpx;
  				line-height: 112rpx;
  				background: #FF6B4A;
  				font-size: 16px;
  				color: #FFFFFF;
  			}
  		}
  	}
  </style>