Adam / gulu-vue

Browse Code »

Commit 0df2ead740c2c5c18dd1fe9405e3f3241100278f

Authored by BigBoss 2020-06-10 21:48:42 +0800

1 parent a658edc461

Exists in master

确认订单传参修改&新增眼镜数据的录入功能

Showing 4 changed files with 137 additions and 109 deletions Show diff stats

src/components/BottomSheet/BottomSheet.vue

Diff comments View file @0df2ead

1	<template>	1	<template>
2	<view class="BottomSheetContent">	2	<view class="BottomSheetContent">
3	<view class="sheet" :class="{sheetShow:isShowBottom,sheeHide:!isShowBottom}" @touchmove.stop.prevent="moveHandle" @click="closeSheet()">	3	<view class="sheet" :class="{sheetShow:isShowBottom,sheeHide:!isShowBottom}" @touchmove.stop.prevent="moveHandle" @click="closeSheet()">
4	<scroll-view scroll-y="true" class="sheetView" :class="{sheetView_active:isShowBottom}" @click.stop="stopEvent()" >	4	<scroll-view scroll-y="true" class="sheetView" :class="{sheetView_active:isShowBottom}" @click.stop="stopEvent()" >
5	<view class="BottomSheetContent">	5	<view class="BottomSheetContent">
6	<view class="goodInfo">	6	<view class="goodInfo">
7	<view class="imageWrap">	7	<view class="imageWrap">
8	<image	8	<image
9	:src="skuItem.pic"	9	:src="skuItem.pic"
10	mode="aspectFill"	10	mode="aspectFill"
11	style="width: 188rpx;height: 168rpx;"	11	style="width: 188rpx;height: 168rpx;"
12		12
13	></image>	13	></image>
14		14
15	</view>	15	</view>
16	<view class="infoRight">	16	<view class="infoRight">
17	<text class="goodName">{{goodInfo.p_name}}</text>	17	<text class="goodName">{{goodInfo.p_name}}</text>
18	<text class="remarks">支持7天无理由退货顺丰发货</text>	18	<text class="remarks">支持7天无理由退货顺丰发货</text>
19	<view class="priceBox">	19	<view class="priceBox">
20	<view class="price">￥{{skuItem.real_price \|\| '暂无'}}</view>	20	<view class="price">￥{{skuItem.real_price \|\| '暂无'}}</view>
21	<text>(限购{{maxCount}}副)</text>	21	<text>(限购{{maxCount}}副)</text>
22	<view class="counter">	22	<view class="counter">
23	<view	23	<view
24	class="btn"	24	class="btn"
25	disabled="this.addDisabled"	25	disabled="this.addDisabled"
26	type="default"	26	type="default"
27	@click="counter(false)"	27	@click="counter(false)"
28	>-</view>	28	>-</view>
29	<text>{{count}}</text>	29	<text>{{count}}</text>
30	<view	30	<view
31	class="btn"	31	class="btn"
32	disabled="this.desDisabled"	32	disabled="this.desDisabled"
33	type="default"	33	type="default"
34	@click="counter(true)"	34	@click="counter(true)"
35	>+</view>	35	>+</view>
36	</view>	36	</view>
37	</view>	37	</view>
38	</view>	38	</view>
39	</view>	39	</view>
40	<view class="peopleChoose">	40	<view class="peopleChoose">
41	<view class="title">选择使用人</view>	41	<view class="title">选择使用人</view>
42	<view class="loveList">	42	<view class="loveList">
43	<view class="peopleName" v-for="(item,index) in loveList" :key='index' :class="{ active2: loveCurrent === index }"	43	<view class="peopleName" v-for="(item,index) in loveList" :key='index' :class="{ active2: loveCurrent === index }"
44	@click="onClickLoveItem(index,item.name)">	44	@click="onClickLoveItem(index,item.name)">
45	{{item.name}}	45	{{item.name}}
46	</view>	46	</view>
47	</view>	47	</view>
48	</view>	48	</view>
49	<view class="goods-data" v-if="isCart !== 3">	49	<view class="goods-data" v-if="isCart !== 3">
50	<view class="opCollapse">	50	<view class="opCollapse">
51	<view class="body">	51	<view class="body">
52	<template v-if="opIsOpen">	52	<template v-if="opIsOpen">
53	<view class="goods-form">	53	<view class="goods-form">
54	<view class="p1">	54	<view class="p1">
55	<image class="image2" src="../../static/img/myOpticsData/dataWrite.png" mode="aspectFit"></image>	55	<image class="image2" src="../../static/img/myOpticsData/dataWrite.png" mode="aspectFit"></image>
56	填写验光数据	56	填写验光数据
57	</view>	57	</view>
58	<text class="p2">没有验光数据？请到线下眼镜店验光哦～</text>	58	<text class="p2">没有验光数据？请到线下眼镜店验光哦～</text>
59	<view class="picker">	59	<view class="picker">
60	<view class="picker-choice">	60	<view class="picker-choice">
61	<view class="choice-left">	61	<view class="choice-left">
62	<text class="pd">验光单取名:</text>	62	<text class="pd">验光单取名:</text>
63	</view>	63	</view>
64	<input type="text" @blur="handleInput" class="input"	64	<input type="text" @blur="handleInput" class="input"
65	placeholder="请输入名称" maxlength="20" :value="name" />	65	placeholder="请输入名称" maxlength="20" :value="name" />
66	</view>	66	</view>
67	</view>	67	</view>
68	<view class="picker" >	68	<view class="picker" >
69	<view class="picker-choice">	69	<view class="picker-choice">
70	<view class="choice-left">	70	<view class="choice-left">
71	<text class="p11">{{pickerInfoList[0].nameC}}</text>	71	<text class="p11">{{pickerInfoList[0].nameC}}</text>
72	<text class="p12">{{pickerInfoList[0].nameE}}</text>	72	<text class="p12">{{pickerInfoList[0].nameE}}</text>
73	</view>	73	</view>
74	<text class="p13">左   (OD)</text>	74	<text class="p13">左   (OD)</text>
75	<!-- <text class="p14">{{pickerInfoList[0].nameArray1[pickerInfoList[0].nameIndex1]}}</text> -->	75	<!-- <text class="p14">{{pickerInfoList[0].nameArray1[pickerInfoList[0].nameIndex1]}}</text> -->
76	<picker @change="bindPickerChange01" :value="pickerInfoList[0].nameIndex1" :range="pickerInfoList[0].nameArray1">	76	<picker @change="bindPickerChange01" :value="pickerInfoList[0].nameIndex1" :range="pickerInfoList[0].nameArray1">
77	<view class="p14">	77	<view class="p14">
78	{{pickerInfoList[0].nameArray1[pickerInfoList[0].nameIndex1]}}	78	{{pickerInfoList[0].nameArray1[pickerInfoList[0].nameIndex1]}}
79	<image src="../../static/detail-tabicon.png" ></image>	79	<image src="../../static/detail-tabicon.png" ></image>
80	</view>	80	</view>
81	<!-- <image src="../../static/detail-tabicon.png" ></image> -->	81	<!-- <image src="../../static/detail-tabicon.png" ></image> -->
82	</picker>	82	</picker>
83	<text class="p13">右   (OS)</text>	83	<text class="p13">右   (OS)</text>
84	<!-- <text class="p14">{{pickerInfoList[0].nameArray2[pickerInfoList[0].nameIndex2]}}</text> -->	84	<!-- <text class="p14">{{pickerInfoList[0].nameArray2[pickerInfoList[0].nameIndex2]}}</text> -->
85	<picker @change="bindPickerChange02" :value="pickerInfoList[0].nameIndex2" :range="pickerInfoList[0].nameArray2">	85	<picker @change="bindPickerChange02" :value="pickerInfoList[0].nameIndex2" :range="pickerInfoList[0].nameArray2">
86	<view class="p14">	86	<view class="p14">
87	{{pickerInfoList[0].nameArray2[pickerInfoList[0].nameIndex2]}}	87	{{pickerInfoList[0].nameArray2[pickerInfoList[0].nameIndex2]}}
88	<image src="../../static/detail-tabicon.png" ></image>	88	<image src="../../static/detail-tabicon.png" ></image>
89	</view>	89	</view>
90	<!-- <image src="../../static/detail-tabicon.png" ></image> -->	90	<!-- <image src="../../static/detail-tabicon.png" ></image> -->
91	</picker>	91	</picker>
92	</view>	92	</view>
93	</view>	93	</view>
94	<view class="picker" >	94	<view class="picker" >
95	<view class="picker-choice">	95	<view class="picker-choice">
96	<view class="choice-left">	96	<view class="choice-left">
97	<text class="p11">{{pickerInfoList[1].nameC}}</text>	97	<text class="p11">{{pickerInfoList[1].nameC}}</text>
98	<text class="p12">{{pickerInfoList[1].nameE}}</text>	98	<text class="p12">{{pickerInfoList[1].nameE}}</text>
99	</view>	99	</view>
100	<text class="p13">左   (OD)</text>	100	<text class="p13">左   (OD)</text>
101	<!-- <text class="p14">{{pickerInfoList[1].nameArray1[pickerInfoList[1].nameIndex1]}}</text> -->	101	<!-- <text class="p14">{{pickerInfoList[1].nameArray1[pickerInfoList[1].nameIndex1]}}</text> -->
102	<picker @change="bindPickerChange11" :value="pickerInfoList[1].nameIndex1" :range="pickerInfoList[1].nameArray1">	102	<picker @change="bindPickerChange11" :value="pickerInfoList[1].nameIndex1" :range="pickerInfoList[1].nameArray1">
103	<view class="p14">	103	<view class="p14">
104	{{pickerInfoList[1].nameArray1[pickerInfoList[1].nameIndex1]}}	104	{{pickerInfoList[1].nameArray1[pickerInfoList[1].nameIndex1]}}
105	<image src="../../static/detail-tabicon.png" ></image>	105	<image src="../../static/detail-tabicon.png" ></image>
106	</view>	106	</view>
107	<!-- <image src="../../static/detail-tabicon.png" ></image> -->	107	<!-- <image src="../../static/detail-tabicon.png" ></image> -->
108	</picker>	108	</picker>
109	<text class="p13">右   (OS)</text>	109	<text class="p13">右   (OS)</text>
110	<!-- <text class="p14">{{pickerInfoList[1].nameArray2[pickerInfoList[1].nameIndex2]}}</text> -->	110	<!-- <text class="p14">{{pickerInfoList[1].nameArray2[pickerInfoList[1].nameIndex2]}}</text> -->
111	<picker @change="bindPickerChange12" :value="pickerInfoList[1].nameIndex2" :range="pickerInfoList[1].nameArray2">	111	<picker @change="bindPickerChange12" :value="pickerInfoList[1].nameIndex2" :range="pickerInfoList[1].nameArray2">
112	<view class="p14">	112	<view class="p14">
113	{{pickerInfoList[1].nameArray2[pickerInfoList[1].nameIndex2]}}	113	{{pickerInfoList[1].nameArray2[pickerInfoList[1].nameIndex2]}}
114	<image src="../../static/detail-tabicon.png" ></image>	114	<image src="../../static/detail-tabicon.png" ></image>
115	</view>	115	</view>
116	<!-- <image src="../../static/detail-tabicon.png" ></image> -->	116	<!-- <image src="../../static/detail-tabicon.png" ></image> -->
117	</picker>	117	</picker>
118	</view>	118	</view>
119	</view>	119	</view>
120	<view class="picker" >	120	<view class="picker" >
121	<view class="picker-choice">	121	<view class="picker-choice">
122	<view class="choice-left">	122	<view class="choice-left">
123	<text class="p11">{{pickerInfoList[2].nameC}}</text>	123	<text class="p11">{{pickerInfoList[2].nameC}}</text>
124	<text class="p12">{{pickerInfoList[2].nameE}}</text>	124	<text class="p12">{{pickerInfoList[2].nameE}}</text>
125	</view>	125	</view>
126	<text class="p13">左   (OD)</text>	126	<text class="p13">左   (OD)</text>
127	<picker @change="bindPickerChange21" :value="pickerInfoList[2].nameIndex1" :range="pickerInfoList[2].nameArray1">	127	<picker @change="bindPickerChange21" :value="pickerInfoList[2].nameIndex1" :range="pickerInfoList[2].nameArray1">
128	<view class="p14">	128	<view class="p14">
129	{{pickerInfoList[2].nameArray1[pickerInfoList[2].nameIndex1]}}	129	{{pickerInfoList[2].nameArray1[pickerInfoList[2].nameIndex1]}}
130	<image src="../../static/detail-tabicon.png" ></image>	130	<image src="../../static/detail-tabicon.png" ></image>
131	</view>	131	</view>
132	</picker>	132	</picker>
133	<text class="p13">右   (OS)</text>	133	<text class="p13">右   (OS)</text>
134	<!-- <text class="p14">{{pickerInfoList[2].nameArray2[pickerInfoList[2].nameIndex2]}}</text> -->	134	<!-- <text class="p14">{{pickerInfoList[2].nameArray2[pickerInfoList[2].nameIndex2]}}</text> -->
135	<picker @change="bindPickerChange22" :value="pickerInfoList[2].nameIndex2" :range="pickerInfoList[2].nameArray2">	135	<picker @change="bindPickerChange22" :value="pickerInfoList[2].nameIndex2" :range="pickerInfoList[2].nameArray2">
136	<view class="p14">	136	<view class="p14">
137	{{pickerInfoList[2].nameArray2[pickerInfoList[2].nameIndex2]}}	137	{{pickerInfoList[2].nameArray2[pickerInfoList[2].nameIndex2]}}
138	<image src="../../static/detail-tabicon.png" ></image>	138	<image src="../../static/detail-tabicon.png" ></image>
139	</view>	139	</view>
140	<!-- <image src="../../static/detail-tabicon.png" ></image> -->	140	<!-- <image src="../../static/detail-tabicon.png" ></image> -->
141	</picker>	141	</picker>
142	</view>	142	</view>
143	</view>	143	</view>
144	<view class="picker">	144	<view class="picker">
145	<view class="picker-choice">	145	<view class="picker-choice">
146	<view class="choice-left">	146	<view class="choice-left">
147	<text class="pd">瞳距:</text>	147	<text class="pd">瞳距:</text>
148	</view>	148	</view>
149	<input type="digit" @change="handleInputPd" class="input"	149	<input type="digit" @change="handleInputPd" class="input"
150	placeholder="请输入瞳距,单位cm" maxlength="20" :value="pd" />	150	placeholder="请输入瞳距,单位cm" maxlength="20" :value="pd" />
151	</view>	151	</view>
152	</view>	152	</view>
153	<view class="picker" >	153	<view class="picker" >
154	<view class="picker-choice">	154	<view class="picker-choice">
155	<view class="choice-left">	155	<view class="choice-left">
156	<text class="p11">{{pickerInfoList[3].nameC}}</text>	156	<text class="p11">{{pickerInfoList[3].nameC}}</text>
157	</view>	157	</view>
158	<text class="p13-date">年   (Y)</text>	158	<text class="p13-date">年   (Y)</text>
159	<picker @change="bindPickerChange41" :value="pickerInfoList[3].nameIndex1" :range="pickerInfoList[3].nameArray1">	159	<picker @change="bindPickerChange41" :value="pickerInfoList[3].nameIndex1" :range="pickerInfoList[3].nameArray1">
160	<view class="p14" style="width: 30px;">	160	<view class="p14" style="width: 30px;">
161	{{pickerInfoList[3].nameArray1[pickerInfoList[3].nameIndex1]}}	161	{{pickerInfoList[3].nameArray1[pickerInfoList[3].nameIndex1]}}
162	<image src="../../static/detail-tabicon.png" ></image>	162	<image src="../../static/detail-tabicon.png" ></image>
163	</view>	163	</view>
164	</picker>	164	</picker>
165	<text class="p13-date">月   (M)</text>	165	<text class="p13-date">月   (M)</text>
166	<picker @change="bindPickerChange42" :value="pickerInfoList[3].nameIndex2" :range="pickerInfoList[3].nameArray2">	166	<picker @change="bindPickerChange42" :value="pickerInfoList[3].nameIndex2" :range="pickerInfoList[3].nameArray2">
167	<view class="p14" style="width: 30px;">	167	<view class="p14" style="width: 30px;">
168	{{pickerInfoList[3].nameArray2[pickerInfoList[3].nameIndex2]}}	168	{{pickerInfoList[3].nameArray2[pickerInfoList[3].nameIndex2]}}
169	<image src="../../static/detail-tabicon.png" ></image>	169	<image src="../../static/detail-tabicon.png" ></image>
170	</view>	170	</view>
171	</picker>	171	</picker>
172	<text class="p13-date">日   (D)</text>	172	<text class="p13-date">日   (D)</text>
173	<picker @change="bindPickerChange43" :value="pickerInfoList[3].nameIndex3" :range="pickerInfoList[3].nameArray3">	173	<picker @change="bindPickerChange43" :value="pickerInfoList[3].nameIndex3" :range="pickerInfoList[3].nameArray3">
174	<view class="p14" style="width: 30px;">	174	<view class="p14" style="width: 30px;">
175	{{pickerInfoList[3].nameArray3[pickerInfoList[3].nameIndex3]}}	175	{{pickerInfoList[3].nameArray3[pickerInfoList[3].nameIndex3]}}
176	<image src="../../static/detail-tabicon.png" ></image>	176	<image src="../../static/detail-tabicon.png" ></image>
177	</view>	177	</view>
178	</picker>	178	</picker>
179	</view>	179	</view>
180	</view>	180	</view>
181	<view class="ipts">	181	<view class="ipts">
182	<view class="inputItem">	182	<view class="inputItem">
183	<text class="text">镜片宽度</text>	183	<text class="text">镜片宽度</text>
184	<input class="input" @input="glassInfoInput($event,0)" type="text" :value="glassInfo.glassWidth" placeholder="请输入镜片宽度"/>	184	<input class="input" @input="glassInfoInput($event,0)" type="text" :value="glassInfo.glassWidth!=='0'?glassInfo.glassWidth:''" placeholder="请输入镜片宽度"/>
185	</view>	185	</view>
186	<view class="inputItem">	186	<view class="inputItem">
187	<text class="text">鼻梁宽度</text>	187	<text class="text">鼻梁宽度</text>
188	<input class="input" @input="glassInfoInput($event,1)" type="text" :value="glassInfo.norseWidth" placeholder="请输入鼻梁宽度"/>	188	<input class="input" @input="glassInfoInput($event,1)" type="text" :value="glassInfo.norseWidth!=='0'?glassInfo.norseWidth:''" placeholder="请输入鼻梁宽度"/>
189	</view>	189	</view>
190	<view class="inputItem">	190	<view class="inputItem">
191	<text class="text">镜腿长度</text>	191	<text class="text">镜腿长度</text>
192	<input class="input" @input="glassInfoInput($event,2)" type="text" :value="glassInfo.legWidth" placeholder="请输入镜腿长度"/>	192	<input class="input" @input="glassInfoInput($event,2)" type="text" :value="glassInfo.legWidth!=='0'?glassInfo.legWidth:''" placeholder="请输入镜腿长度"/>
193	</view>	193	</view>
194		194
195	</view>	195	</view>
196	<view class="confirm">	196	<!-- <view class="confirm">
197	<image class="image1" :src="confirm ? tabicon[0] : tabicon[1]" @tap="changeConfirm"></image>	197	<image class="image1" :src="confirm ? tabicon[0] : tabicon[1]" @tap="changeConfirm"></image>
198	<text>确认以上输入信息来源于我的验光数据!</text>	198	<text>确认以上输入信息来源于我的验光数据!</text>
199	</view>	199	</view> -->
200	</view>	200	</view>
201	</template>	201	</template>
202	<template v-else>	202	<template v-else>
203	<view	203	<view
204	v-for="item in pickerInfoList"	204	v-for="item in pickerInfoList"
205	:key="item.key"	205	:key="item.key"
206	class="bodyBox"	206	class="bodyBox"
207	>	207	>
208	<template v-if="item.nameC==='验光日期'">	208	<template v-if="item.nameC==='验光日期'">
209	<text class="names">{{item.nameC}}</text>	209	<text class="names">{{item.nameC}}</text>
210	<text style="margin-right: 5px;">{{item.nameArray1[item.nameIndex1]}}年</text>	210	<text style="margin-right: 5px;">{{item.nameArray1[item.nameIndex1]}}年</text>
211	<text style="margin-right: 5px;">{{item.nameArray2[item.nameIndex2]}}月</text>	211	<text style="margin-right: 5px;">{{item.nameArray2[item.nameIndex2]}}月</text>
212	<text>{{item.nameArray3[item.nameIndex2]}}日</text>	212	<text>{{item.nameArray3[item.nameIndex2]}}日</text>
213	</template>	213	</template>
214	<template v-else>	214	<template v-else>
215	<template v-if="item.nameC==='度数'">	215	<template v-if="item.nameC==='度数'">
216	<text style="display: inline;">*</text>	216	<text style="display: inline;">*</text>
217	</template>	217	</template>
218		218
219	<text class="names">{{item.nameC}}</text>	219	<text class="names">{{item.nameC}}</text>
220	<text style="margin-right: 10px;">左 {{item.nameArray1[item.nameIndex1]}}</text>	220	<text style="margin-right: 10px;">左 {{item.nameArray1[item.nameIndex1]}}</text>
221	<text>右 {{item.nameArray2[item.nameIndex2]}}</text>	221	<text>右 {{item.nameArray2[item.nameIndex2]}}</text>
222	</template>	222	</template>
223	</view>	223	</view>
224	</template>	224	</template>
225	</view>	225	</view>
226	</view>	226	</view>
227	</view>	227	</view>
228	<view class="choose">	228	<view class="choose">
229	<view	229	<view
230	class="chooseItem_1_content"	230	class="chooseItem_1_content"
231	v-for="(item,index) in attrList"	231	v-for="(item,index) in attrList"
232	:key="index"	232	:key="index"
233	>	233	>
234	<UniCollapse @change="changeShow(index)">	234	<UniCollapse @change="changeShow(index)">
235	<UniCollapseItem	235	<UniCollapseItem
236	:open="show[index]"	236	:open="show[index]"
237	:title="item.meta_name"	237	:title="item.meta_name"
238	showAnimation=false	238	showAnimation=false
239	>	239	>
240	<view class="chooseItem_1_content">	240	<view class="chooseItem_1_content">
241	<view class="itemsWrap" v-if="isCart ==3">	241	<view class="itemsWrap" v-if="isCart ==3">
242	<view	242	<view
243	class="item2"	243	class="item2"
244	v-for="(one,i) in item.attr"	244	v-for="(one,i) in item.attr"
245	:key="i"	245	:key="i"
246	:class="{ active2: current[index] === i}"	246	:class="{ active2: current[index] === i}"
247	@click="cartOnClickItem(index, i,one.aid)"	247	@click="cartOnClickItem(index, i,one.aid)"
248	>{{one.name}}</view>	248	>{{one.name}}</view>
249	</view>	249	</view>
250	<view class="itemsWrap" v-else>	250	<view class="itemsWrap" v-else>
251	<view	251	<view
252	class="item2"	252	class="item2"
253	v-for="(one,i) in item.attr"	253	v-for="(one,i) in item.attr"
254	:key="i"	254	:key="i"
255	:class="{ active2: current[index] === i }"	255	:class="{ active2: current[index] === i }"
256	@click="cartOnClickItem(index, i,one.aid)"	256	@click="cartOnClickItem(index, i,one.aid)"
257	>{{one.name}}</view>	257	>{{one.name}}</view>
258	</view>	258	</view>
259	</view>	259	</view>
260	</UniCollapseItem>	260	</UniCollapseItem>
261	</UniCollapse>	261	</UniCollapse>
262	<view	262	<view
263	class="chooseRes"	263	class="chooseRes"
264	v-show="!show[index]"	264	v-show="!show[index]"
265	>* {{attrList[index].attr[current[index]].name}}</view>	265	>* {{attrList[index].attr[current[index]].name}}</view>
266	</view>	266	</view>
267	</view>	267	</view>
268	<view	268	<view
269	class="button"	269	class="button"
270	@click.native="addCart"	270	@click.native="addCart"
271	v-if="isCart == 1"	271	v-if="isCart == 1"
272	>	272	>
273	加入购物车	273	加入购物车
274	</view>	274	</view>
275	<view	275	<view
276	class="button"	276	class="button"
277	@click="toComfirmOrder"	277	@click="toComfirmOrder"
278	v-if="isCart == 2"	278	v-if="isCart == 2"
279	>	279	>
280	立即结算	280	立即结算
281	</view>	281	</view>
282	<view	282	<view
283	class="button"	283	class="button"
284	@click="comfirmChoose"	284	@click="comfirmChoose"
285	v-if="isCart == 3"	285	v-if="isCart == 3"
286	>	286	>
287	确定	287	确定
288	</view>	288	</view>
289	</view>	289	</view>
290	</scroll-view>	290	</scroll-view>
291	</view>	291	</view>
292	</view>	292	</view>
293	</template>	293	</template>
294	<script>	294	<script>
295	import UniCollapse from '@/components/UniCollapse/UniCollapse.vue'	295	import UniCollapse from '@/components/UniCollapse/UniCollapse.vue'
296	import UniCollapseItem from '@/components/UniCollapseItem/UniCollapseItem.vue'	296	import UniCollapseItem from '@/components/UniCollapseItem/UniCollapseItem.vue'
297	import store from '@/store'	297	import store from '@/store'
298	export default {	298	export default {
299	components: {	299	components: {
300	UniCollapse,	300	UniCollapse,
301	UniCollapseItem,	301	UniCollapseItem,
302	},	302	},
303	props: {	303	props: {
304	isShowBottom : Boolean,	304	isShowBottom : Boolean,
305	pid: Number,	305	pid: Number,
306	sk_id:String,	306	sk_id:String,
307	propMpId:String,	307	propMpId:String,
308	goodInfo:Object,	308	goodInfo:Object,
309	isCart:Number,	309	isCart:Number,
310	cart_id:Number,	310	cart_id:Number,
311	index:Number	311	index:Number
312	},	312	},
313	data() {	313	data() {
314	return {	314	return {
315	loveCurrent:Number,	315	loveCurrent:Number,
316	count: 1,	316	count: 1,
317	// pid: 0,	317	// pid: 0,
318	maxCount: 20,	318	maxCount: 20,
319	dataName: '', // 验光数据人员名称	319	dataName: '', // 验光数据人员名称
320	isDataName: false, // 是否是已存在的人员数据	320	isDataName: false, // 是否是已存在的人员数据
321	dataConfirm: false, // 已确认所输入验光数据	321	dataConfirm: false, // 已确认所输入验光数据
322	opIsOpen: true,	322	opIsOpen: true,
323	addDisabled: false,	323	addDisabled: false,
324	desDisabled: false,	324	desDisabled: false,
325	current: [],	325	current: [],
326	show: [true,true],	326	show: [true,true],
327	checkedData: {},	327	checkedData: {},
328	// 度数相关数据	328	// 度数相关数据
329	pickerInfoList: [	329	pickerInfoList: [
330	{ nameC: '度数', nameE: '(SPH)', nameArray1: [''], nameIndex1: 0, nameArray2: [''], nameIndex2: 0, key: 0 },	330	{ nameC: '度数', nameE: '(SPH)', nameArray1: [''], nameIndex1: 0, nameArray2: [''], nameIndex2: 0, key: 0 },
331	{ nameC: '散光', nameE: '(CYL)', nameArray1: [''], nameIndex1: 0, nameArray2: [''], nameIndex2: 0, key: 1 },	331	{ nameC: '散光', nameE: '(CYL)', nameArray1: [''], nameIndex1: 0, nameArray2: [''], nameIndex2: 0, key: 1 },
332	{ nameC: '散光轴位', nameE: '(AXI)', nameArray1: [''], nameIndex1: 0, nameArray2: [''], nameIndex2: 0, key: 2 },	332	{ nameC: '散光轴位', nameE: '(AXI)', nameArray1: [''], nameIndex1: 0, nameArray2: [''], nameIndex2: 0, key: 2 },
333	{ nameC: '验光日期', nameE: '', nameArray1: [''], nameIndex1: 0, nameArray2: ['', 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], nameIndex2: 0, nameArray3: [''], nameIndex3: 0 },	333	{ nameC: '验光日期', nameE: '', nameArray1: [''], nameIndex1: 0, nameArray2: ['', 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], nameIndex2: 0, nameArray3: [''], nameIndex3: 0 },
334	],	334	],
335	confirm: false, // 用户是否确认	335	// confirm: false, // 用户是否确认
336	tabicon: ['/static/detail-button.png', '/static/detail-button-unselected.png'],	336	// tabicon: ['/static/detail-button.png', '/static/detail-button-unselected.png'],
337	name: '',	337	name: '',
338	oldname: '', // 用于判读用户是否改变名字	338	oldname: '', // 用于判读用户是否改变名字
339	pickerInfoChioce: {	339	pickerInfoChioce: {
340	leftSph: '',	340	leftSph: '',
341	rightSph: '',	341	rightSph: '',
342	leftCyl: '',	342	leftCyl: '',
343	rightCyl: '',	343	rightCyl: '',
344	leftAxi: '',	344	leftAxi: '',
345	rightAxi: '',	345	rightAxi: '',
346	time: {	346	time: {
347	year: 0,	347	year: 0,
348	month: 0,	348	month: 0,
349	day: 0,	349	day: 0,
350	},	350	},
351	},	351	},
352	glassInfo:{	352	glassInfo:{
353	norseWidth:Number,//鼻宽
354	glassWidth:Number,//镜片宽度	353	glassWidth:Number,//镜片宽度
		354	norseWidth:Number,//鼻宽
355	legWidth:Number//镜腿长度	355	legWidth:Number//镜腿长度
356	},	356	},
357	pd: '', // 瞳距	357	pd: '', // 瞳距
358	oldpd: '', // 用于判断用户是否改变瞳距	358	oldpd: '', // 用于判断用户是否改变瞳距
359	kinds: 1, // kinds=1，提交为新增验光，2为修改	359	kinds: 1, // kinds=1，提交为新增验光，2为修改
360	mp_id: Number,	360	mp_id: Number,
361	skuValueArray:[],	361	skuValueArray:[],
362	skId:String	362	skId:String
363	}	363	}
364	},	364	},
365	computed: {	365	computed: {
366	//进购物车选择的人的index	366	//进购物车选择的人的index
367	p_current(){	367	p_current(){
368	const getLoveItemIndex = (item) => item.mp_id == this.propMpId	368	const getLoveItemIndex = (item) => item.mp_id == this.propMpId
369	const p_current = this.$store.state.myLoveList.loveList.findIndex(getLoveItemIndex )	369	const p_current = this.$store.state.myLoveList.loveList.findIndex(getLoveItemIndex )
370	if(this.isCart == 3){	370	if(this.isCart == 3){
371	this.loveCurrent = p_current	371	this.loveCurrent = p_current
372	}	372	}
373	return p_current	373	return p_current
374	},	374	},
375	arr_current(){	375	arr_current(){
376	if(this.isCart == 3){	376	if(this.isCart == 3){
377	const skId = this.sk_id	377	const skId = this.sk_id
378	const skuValue = this.skuItem.sku_value	378	const skuValue = this.skuItem.sku_value
379	const skuValueArray = skuValue.split('_')	379	const skuValueArray = skuValue.split('_')
380	this.skuValueArray = skuValueArray	380	this.skuValueArray = skuValueArray
381	const attrList = this.$store.state.read.goodInfo.attrList	381	const attrList = this.$store.state.read.goodInfo.attrList
382	for (let i = 0;i<attrList.length;i++) {	382	for (let i = 0;i<attrList.length;i++) {
383	const getArrIndex = (item) => item.aid == skuValueArray[i]	383	const getArrIndex = (item) => item.aid == skuValueArray[i]
384	const arr_current = this.$store.state.read.goodInfo.attrList[i].attr.findIndex(getArrIndex )	384	const arr_current = this.$store.state.read.goodInfo.attrList[i].attr.findIndex(getArrIndex )
385	// console.log('arr_current',arr_current)	385	// console.log('arr_current',arr_current)
386	this.current.push(arr_current)	386	this.current.push(arr_current)
387	}	387	}
388	}else{	388	}else{
389	return null	389	return null
390	}	390	}
391	},	391	},
392	loveList() {	392	loveList() {
393	return this.$store.state.myLoveList.loveList \|\| []	393	return this.$store.state.myLoveList.loveList \|\| []
394	},	394	},
395	attrList() {	395	attrList() {
396	// console.log('attrList',this.$store.state.read.goodInfo.attrList)	396	// console.log('attrList',this.$store.state.read.goodInfo.attrList)
397	let attrList = this.$store.state.read.goodInfo.attrList	397	let attrList = this.$store.state.read.goodInfo.attrList
398	if(attrList !== undefined){	398	if(attrList !== undefined){
399	return attrList	399	return attrList
400	}else{	400	}else{
401	return []	401	return []
402	}	402	}
403	},	403	},
404	skuList() {	404	skuList() {
405	// console.log('skuList',this.$store.state.read.goodInfo.skuList)	405	// console.log('skuList',this.$store.state.read.goodInfo.skuList)
406	return this.$store.state.read.goodInfo.skuList	406	return this.$store.state.read.goodInfo.skuList
407	},	407	},
408	skuItem(){	408	skuItem(){
409	// if(this.isCart == 3){	409	// if(this.isCart == 3){
410	const skuList = this.$store.state.read.goodInfo.skuList	410	const skuList = this.$store.state.read.goodInfo.skuList
411	const skuItem = skuList.filter(item => item.sk_id === this.skId)[0]	411	const skuItem = skuList.filter(item => item.sk_id === this.skId)[0]
412	return skuItem	412	return skuItem
413	// }else{	413	// }else{
414	// const skuList = this.$store.state.read.goodInfo.skuList	414	// const skuList = this.$store.state.read.goodInfo.skuList
415	// const skuItem = skuList[0]	415	// const skuItem = skuList[0]
416	// return skuItem	416	// return skuItem
417	// }	417	// }
418	},	418	},
419	mpList() {	419	mpList() {
420		420
421	return this.$store.state.myLoveList.loveList	421	return this.$store.state.myLoveList.loveList
422	},	422	},
		423	glassInfoRight(){
		424	const glassInfoArr = Object.values(this.glassInfo)
		425	// console.log('glassInfoArr',glassInfoArr.find(item => item == '0'))
		426	return glassInfoArr.find(item => item == '0') ==undefined
		427	}
423	},	428	},
		429	// beforeDestroy() {
		430	// //获取关心的人列表
		431	// store.dispatch('myLoveList/getLoveList', {
		432	// uid: this.$store.state.user.userInfo.uid,
		433	// });
		434	// },
424	created() {	435	created() {
425	this.skuValueArray = this.skuList[0].sku_value.split("_")	436	this.skuValueArray = this.skuList[0].sku_value.split("_")
426	// console.log(this.sk_id)	437	// console.log(this.sk_id)
427	this.mp_id = this.propMpId	438	this.mp_id = this.propMpId
428	const pid = this.pid	439	const pid = this.pid
429	if(this.isCart!==3){	440	if(this.isCart!==3){
430	this.skId = this.skuList[0].sk_id	441	this.skId = this.skuList[0].sk_id
431	const current = []	442	const current = []
432	const show = []	443	const show = []
433	for (let index = 0; index < this.attrList.length; index++) {	444	for (let index = 0; index < this.attrList.length; index++) {
434	current.push(0)	445	current.push(0)
435	show.push(true)	446	show.push(true)
436	}	447	}
437	this.current = current	448	this.current = current
438	this.show = show	449	this.show = show
439	}else{	450	}else{
440	this.skId = this.sk_id	451	this.skId = this.sk_id
441	}	452	}
442
443	//获取关心的人列表	453	//获取关心的人列表
444	store.dispatch('myLoveList/getLoveList', {	454	store.dispatch('myLoveList/getLoveList', {
445	uid: this.$store.state.user.userInfo.uid,	455	uid: this.$store.state.user.userInfo.uid,
446	});	456	});
447
448
449	// 初始化SPL、CYL、AXI的值	457	// 初始化SPL、CYL、AXI的值
450	for (let j = 0; j < 3; j++) {	458	for (let j = 0; j < 3; j++) {
451	for (let i = -12; i < 6; i++) {	459	for (let i = -12; i < 6; i++) {
452	this.pickerInfoList[j].nameArray1.push(i)	460	this.pickerInfoList[j].nameArray1.push(i)
453	this.pickerInfoList[j].nameArray1.push(i + 0.5)	461	this.pickerInfoList[j].nameArray1.push(i + 0.5)
454	this.pickerInfoList[j].nameArray2.push(i)	462	this.pickerInfoList[j].nameArray2.push(i)
455	this.pickerInfoList[j].nameArray2.push(i + 0.5)	463	this.pickerInfoList[j].nameArray2.push(i + 0.5)
456	if (i >= -6) {	464	if (i >= -6) {
457	this.pickerInfoList[j].nameArray1.push(i + 0.25)	465	this.pickerInfoList[j].nameArray1.push(i + 0.25)
458	this.pickerInfoList[j].nameArray1.push(i + 0.75)	466	this.pickerInfoList[j].nameArray1.push(i + 0.75)
459	this.pickerInfoList[j].nameArray2.push(i + 0.25)	467	this.pickerInfoList[j].nameArray2.push(i + 0.25)
460	this.pickerInfoList[j].nameArray2.push(i + 0.75)	468	this.pickerInfoList[j].nameArray2.push(i + 0.75)
461	}	469	}
462	if (i === 5) {	470	if (i === 5) {
463	this.pickerInfoList[j].nameArray1.push(i + 1)	471	this.pickerInfoList[j].nameArray1.push(i + 1)
464	this.pickerInfoList[j].nameArray2.push(i + 1)	472	this.pickerInfoList[j].nameArray2.push(i + 1)
465	}	473	}
466	}	474	}
467	}	475	}
468	// 初始化日期值	476	// 初始化日期值
469	for (let i = 1; i < 32; i++) {	477	for (let i = 1; i < 32; i++) {
470	this.pickerInfoList[3].nameArray3.push(i)	478	this.pickerInfoList[3].nameArray3.push(i)
471	}	479	}
472	// 初始化年份前后五年	480	// 初始化年份前后五年
473	const myDate = new Date()	481	const myDate = new Date()
474	const nowYear = myDate.getFullYear()	482	const nowYear = myDate.getFullYear()
475	for (let i = 0; i < 5; i++) {	483	for (let i = 0; i < 5; i++) {
476	this.pickerInfoList[3].nameArray1.push(nowYear - i)	484	this.pickerInfoList[3].nameArray1.push(nowYear - i)
477	}	485	}
478	},	486	},
479	name : "bottomSheet",	487	name : "bottomSheet",
480	methods: {	488	methods: {
		489	//判断眼镜数据是否为0
481	checkGlassInfo(){	490	checkGlassInfo(){
482	const glassInfoArr = Object.values(this.glassInfo)	491	// const glassInfoArr = Object.values(this.glassInfo)
483	if(glassInfoArr.find(item => item == '0') !=='undefind'){	492	// console.log(this.glassInfoRight)
484	uni.showModal({	493	if(!this.glassInfoRight){
485	title:'请完善镜框数据~'	494	uni.showToast({
		495	title:'请完善镜框数据~',
		496	icon:'none'
486	})	497	})
487	}	498	}
488	},	499	},
489	updateMylove(){	500	updateMylove(){
490	const loveItem = this.loveList[this.loveCurrent]	501	const loveItem = this.loveList[this.loveCurrent]
491	const glassWidth = this.glassInfo.glassWidth	502	const glassWidth = this.glassInfo.glassWidth
492	const norseWidth = this.glassInfo.norseWidth	503	const norseWidth = this.glassInfo.norseWidth
493	const legWidth = this.glassInfo.legWidth	504	const legWidth = this.glassInfo.legWidth
494	console.log(loveItem.glassWidth)
495	console.log(glassWidth)
496	if(loveItem.glassWidth !== glassWidth){	505	if(loveItem.glassWidth !== glassWidth){
497	store.dispatch('myLoveList/updateMylove', {	506	store.dispatch('myLoveList/updateMylove', {
498	uid: this.$store.state.user.userInfo.uid,	507	uid: this.$store.state.user.userInfo.uid,
499	openid: this.$store.state.user.userInfo.openid,	508	openid: this.$store.state.user.userInfo.openid,
500	mp_id: this.mp_id,	509	mp_id: this.mp_id,
501	keyname: 'glassWidth',	510	keyname: 'glassWidth',
502	keyvalue: glassWidth	511	keyvalue: glassWidth
503	});	512	});
504	}	513	}
505	if(loveItem.norseWidth !== norseWidth){	514	if(loveItem.norseWidth !== norseWidth){
506	store.dispatch('myLoveList/updateMylove', {	515	store.dispatch('myLoveList/updateMylove', {
507	uid: this.$store.state.user.userInfo.uid,	516	uid: this.$store.state.user.userInfo.uid,
508	openid: this.$store.state.user.userInfo.openid,	517	openid: this.$store.state.user.userInfo.openid,
509	mp_id: this.mp_id,	518	mp_id: this.mp_id,
510	keyname: 'norseWidth',	519	keyname: 'norseWidth',
511	keyvalue: norseWidth	520	keyvalue: norseWidth
512	});	521	});
513	}	522	}
514	if(loveItem.legWidth !== legWidth){	523	if(loveItem.legWidth !== legWidth){
515	store.dispatch('myLoveList/updateMylove', {	524	store.dispatch('myLoveList/updateMylove', {
516	uid: this.$store.state.user.userInfo.uid,	525	uid: this.$store.state.user.userInfo.uid,
517	openid: this.$store.state.user.userInfo.openid,	526	openid: this.$store.state.user.userInfo.openid,
518	mp_id: this.mp_id,	527	mp_id: this.mp_id,
519	keyname: 'legWidth',	528	keyname: 'legWidth',
520	keyvalue: legWidth	529	keyvalue: legWidth
521	});	530	});
522	}	531	}
523	},	532	},
524	glassInfoInput(e,type){	533	glassInfoInput(e,type){
525	switch(type){	534	switch(type){
526	case 0:	535	case 0:
527	this.glassInfo.glassWidth = e.detail.value	536	this.glassInfo.glassWidth = e.detail.value
528	break;	537	break;
529	case 1:	538	case 1:
530	this.glassInfo.norseWidth = e.detail.value	539	this.glassInfo.norseWidth = e.detail.value
531	break;	540	break;
532	case 2:	541	case 2:
533	this.glassInfo.legWidth = e.detail.value	542	this.glassInfo.legWidth = e.detail.value
534	break;	543	break;
535	default:	544	default:
536	break;	545	break;
537	}	546	}
538	},	547	},
539	//参数点击事件==》改变对应图片	548	//参数点击事件==》改变对应图片
540	cartOnClickItem(index, i,aid) {	549	cartOnClickItem(index, i,aid) {
541	//根据aid拼接skuValue	550	//根据aid拼接skuValue
542	this.skuValueArray[index] = aid	551	this.skuValueArray[index] = aid
543	const sku_value = this.skuValueArray.join('_')	552	const sku_value = this.skuValueArray.join('_')
544	//根据sku_value获取对应的sk_id	553	//根据sku_value获取对应的sk_id
545	const itemSk_id = this.skuList.filter(item=>item.sku_value == sku_value)[0].sk_id	554	const itemSk_id = this.skuList.filter(item=>item.sku_value == sku_value)[0].sk_id
546	//修改sk_id	555	//修改sk_id
547	this.skId = itemSk_id	556	this.skId = itemSk_id
548	if (this.current[index] !== i) {	557	if (this.current[index] !== i) {
549	this.current[index] = i	558	this.current[index] = i
550	}	559	}
551	this.$forceUpdate()	560	this.$forceUpdate()
552	},	561	},
553	comfirmChoose(){	562	comfirmChoose(){
554	this.checkGlassInfo()	563	this.checkGlassInfo()
555	this.updateMylove()	564	if(this.glassInfoRight){
556	const price = this.skuList.filter(item=>item.sk_id == this.skId)[0].real_price	565	this.updateMylove()
557	this.$emit("chooseCartModi",this.mp_id,this.skId,price,this.pid,this.count,this.cart_id,this.index)//添加购物车	566	const price = this.skuList.filter(item=>item.sk_id == this.skId)[0].real_price
558	this.$emit("closeBottom")	567	this.$emit("chooseCartModi",this.mp_id,this.skId,price,this.pid,this.count,this.cart_id,this.index)//添加购物车
		568	this.$emit("closeBottom")
		569	}
559	},	570	},
560	addCart(){	571	addCart(){
561	this.checkGlassInfo()	572	this.checkGlassInfo()
562	this.updateMylove()	573	if(this.glassInfoRight){
563	const that = this	574	this.updateMylove()
564	const checkedSKUName = [that.goodInfo.attrList[0].meta_name,that.goodInfo.attrList[1].meta_name]	575	const that = this
565	const checkedSKU = []	576	const checkedSKUName = [that.goodInfo.attrList[0].meta_name,that.goodInfo.attrList[1].meta_name]
566	let j;	577	const checkedSKU = []
567	for (let i = 0;i<that.current.length;i++) {	578	let j;
568	checkedSKU.push(that.goodInfo.attrList[i].attr[that.current[i]])	579	for (let i = 0;i<that.current.length;i++) {
569	// console.log('i', i, j, i !== this.current.length - 1)	580	checkedSKU.push(that.goodInfo.attrList[i].attr[that.current[i]])
570	if (i !== this.current.length - 1) {	581	// console.log('i', i, j, i !== this.current.length - 1)
571	// 后续需修改算法：目前暂定只有两个参数选择，后续若有多个参数需要修改实现自适应	582	if (i !== this.current.length - 1) {
572	j = this.current[i] * this.attrList[1].attr.length	583	// 后续需修改算法：目前暂定只有两个参数选择，后续若有多个参数需要修改实现自适应
573	} else {	584	j = this.current[i] * this.attrList[1].attr.length
574	j += this.current[i]	585	} else {
575	}	586	j += this.current[i]
		587	}
		588	}
		589	const price = this.skuList.filter(item=>item.sk_id == this.skuList[j].sk_id)[0].real_price
		590	let sk_id = this.skuList[j].sk_id
		591	// console.log('选择的商品sk_id',sk_id,'选择的商品参数',checkedSKU)
		592	// console.log('mp_id',this.mp_id,'数量',this.count)
		593	this.$emit("addCart",this.mp_id,this.count,checkedSKU,sk_id,price)//添加购物车
		594	this.$emit("closeBottom")//关闭弹窗
576	}	595	}
577	const price = this.skuList.filter(item=>item.sk_id == this.skuList[j].sk_id)[0].real_price
578	let sk_id = this.skuList[j].sk_id
579	// console.log('选择的商品sk_id',sk_id,'选择的商品参数',checkedSKU)
580	// console.log('mp_id',this.mp_id,'数量',this.count)
581	this.$emit("addCart",this.mp_id,this.count,checkedSKU,sk_id,price)//添加购物车
582	this.$emit("closeBottom")//关闭弹窗
583	},	596	},
584	onClickLoveItem(index,name){	597	onClickLoveItem(index,name){
585	const loveList = this.loveList	598	const loveList = this.loveList
586	this.glassInfo.glassWidth = loveList[index].glassWidth	599	this.glassInfo.glassWidth = loveList[index].glassWidth
587	this.glassInfo.norseWidth = loveList[index].norseWidth	600	this.glassInfo.norseWidth = loveList[index].norseWidth
588	this.glassInfo.legWidth = loveList[index].legWidth	601	this.glassInfo.legWidth = loveList[index].legWidth
589	for (let index = 0; index < loveList.length; index++) {	602	for (let index = 0; index < loveList.length; index++) {
590	if (name === loveList[index].name && name!==this.name) {	603	if (name === loveList[index].name && name!==this.name) {
591	this.isDataName = true	604	this.isDataName = true
592	this.kinds = 2	605	this.kinds = 2
593	this.name = loveList[index].name	606	this.name = loveList[index].name
594	this.pd = loveList[index].pd	607	this.pd = loveList[index].pd
595	this.mp_id = loveList[index].mp_id	608	this.mp_id = loveList[index].mp_id
596	this.oldname = loveList[index].name	609	this.oldname = loveList[index].name
597	this.oldpd = loveList[index].pd	610	this.oldpd = loveList[index].pd
598	this.pickerInfoList[0].nameArray1.unshift(loveList[index].leftSph)	611	this.pickerInfoList[0].nameArray1.unshift(loveList[index].leftSph)
599	this.pickerInfoList[0].nameArray2.unshift(loveList[index].rightSph)	612	this.pickerInfoList[0].nameArray2.unshift(loveList[index].rightSph)
600	this.pickerInfoList[1].nameArray1.unshift(loveList[index].leftCyl)	613	this.pickerInfoList[1].nameArray1.unshift(loveList[index].leftCyl)
601	this.pickerInfoList[1].nameArray2.unshift(loveList[index].rightCyl)	614	this.pickerInfoList[1].nameArray2.unshift(loveList[index].rightCyl)
602	this.pickerInfoList[2].nameArray1.unshift(loveList[index].leftAxi)	615	this.pickerInfoList[2].nameArray1.unshift(loveList[index].leftAxi)
603	this.pickerInfoList[2].nameArray2.unshift(loveList[index].rightAxi)	616	this.pickerInfoList[2].nameArray2.unshift(loveList[index].rightAxi)
604	this.pickerInfoList[3].nameArray1.unshift(loveList[index].in_time.toString().slice(0, 4))	617	this.pickerInfoList[3].nameArray1.unshift(loveList[index].in_time.toString().slice(0, 4))
605	if (loveList[index].in_time.toString().slice(5, 6) === 0) {	618	if (loveList[index].in_time.toString().slice(5, 6) === 0) {
606	this.pickerInfoList[3].nameArray2.unshift(loveList[index].in_time.toString().slice(6, 7))	619	this.pickerInfoList[3].nameArray2.unshift(loveList[index].in_time.toString().slice(6, 7))
607	} else {	620	} else {
608	this.pickerInfoList[3].nameArray2.unshift(loveList[index].in_time.toString().slice(5, 7))	621	this.pickerInfoList[3].nameArray2.unshift(loveList[index].in_time.toString().slice(5, 7))
609	}	622	}
610	if (loveList[index].in_time.toString().slice(8, 9) === 0) {	623	if (loveList[index].in_time.toString().slice(8, 9) === 0) {
611	this.pickerInfoList[3].nameArray3.unshift(loveList[index].in_time.toString().slice(9, 10))	624	this.pickerInfoList[3].nameArray3.unshift(loveList[index].in_time.toString().slice(9, 10))
612	} else {	625	} else {
613	this.pickerInfoList[3].nameArray3.unshift(loveList[index].in_time.toString().slice(8, 10))	626	this.pickerInfoList[3].nameArray3.unshift(loveList[index].in_time.toString().slice(8, 10))
614	}	627	}
615	}	628	}
616	}	629	}
617	this.name = name;	630	this.name = name;
618	this.loveCurrent = index;	631	this.loveCurrent = index;
619	},	632	},
620	closeSheet(){	633	closeSheet(){
621	this.$emit('closeBottom');	634	this.$emit('closeBottom');
622	},	635	},
623	stopEvent(){ //@click.stop防止事件冒泡	636	stopEvent(){ //@click.stop防止事件冒泡
624		637
625	},	638	},
626	moveHandle(){ //不让页面滚动	639	moveHandle(){ //不让页面滚动
627		640
628	},	641	},
629	// picker相关功能	642	// picker相关功能
630	handleInput(e) {	643	handleInput(e) {
631	this.name = e.target.value	644	this.name = e.target.value
632	this.isDataName = false	645	this.isDataName = false
633	const mpList = this.mpList	646	const mpList = this.mpList
634	// console.log('mpList===>', mpList)	647	// console.log('mpList===>', mpList)
635	for (let index = 0; index < mpList.length; index++) {	648	for (let index = 0; index < mpList.length; index++) {
636	if (e.detail.value === mpList[index].name) {	649	if (e.detail.value === mpList[index].name) {
637	this.isDataName = true	650	this.isDataName = true
638	uni.showModal({	651	uni.showModal({
639	title: '提示',	652	title: '提示',
640	content: `是否填充已有的"${e.detail.value}"的数据`,	653	content: `是否填充已有的"${e.detail.value}"的数据`,
641	success: (res) => {	654	success: (res) => {
642	if (res.confirm) {	655	if (res.confirm) {
643	this.kinds = 2	656	this.kinds = 2
644	// console.log('args===>', index)	657	// console.log('args===>', index)
645	// const mpList=Object.assign({},this.$store.state.mympList.mpList)	658	// const mpList=Object.assign({},this.$store.state.mympList.mpList)
646	this.name = mpList[index].name	659	this.name = mpList[index].name
647	this.pd = mpList[index].pd	660	this.pd = mpList[index].pd
648	this.mp_id = mpList[index].mp_id	661	this.mp_id = mpList[index].mp_id
649	this.oldname = mpList[index].name	662	this.oldname = mpList[index].name
650	this.oldpd = mpList[index].pd	663	this.oldpd = mpList[index].pd
651	// 将kinds =2时的值传到该页面	664	// 将kinds =2时的值传到该页面
652	this.pickerInfoList[0].nameArray1.unshift(mpList[index].leftSph)	665	this.pickerInfoList[0].nameArray1.unshift(mpList[index].leftSph)
653	this.pickerInfoList[0].nameArray2.unshift(mpList[index].rightSph)	666	this.pickerInfoList[0].nameArray2.unshift(mpList[index].rightSph)
654	this.pickerInfoList[1].nameArray1.unshift(mpList[index].leftCyl)	667	this.pickerInfoList[1].nameArray1.unshift(mpList[index].leftCyl)
655	this.pickerInfoList[1].nameArray2.unshift(mpList[index].rightCyl)	668	this.pickerInfoList[1].nameArray2.unshift(mpList[index].rightCyl)
656	this.pickerInfoList[2].nameArray1.unshift(mpList[index].leftAxi)	669	this.pickerInfoList[2].nameArray1.unshift(mpList[index].leftAxi)
657	this.pickerInfoList[2].nameArray2.unshift(mpList[index].rightAxi)	670	this.pickerInfoList[2].nameArray2.unshift(mpList[index].rightAxi)
658	this.pickerInfoList[3].nameArray1.unshift(mpList[index].in_time.toString().slice(0, 4))	671	this.pickerInfoList[3].nameArray1.unshift(mpList[index].in_time.toString().slice(0, 4))
659	if (mpList[index].in_time.toString().slice(5, 6) === 0) {	672	if (mpList[index].in_time.toString().slice(5, 6) === 0) {
660	this.pickerInfoList[3].nameArray2.unshift(mpList[index].in_time.toString().slice(6, 7))	673	this.pickerInfoList[3].nameArray2.unshift(mpList[index].in_time.toString().slice(6, 7))
661	} else {	674	} else {
662	this.pickerInfoList[3].nameArray2.unshift(mpList[index].in_time.toString().slice(5, 7))	675	this.pickerInfoList[3].nameArray2.unshift(mpList[index].in_time.toString().slice(5, 7))
663	}	676	}
664	if (mpList[index].in_time.toString().slice(8, 9) === 0) {	677	if (mpList[index].in_time.toString().slice(8, 9) === 0) {
665	this.pickerInfoList[3].nameArray3.unshift(mpList[index].in_time.toString().slice(9, 10))	678	this.pickerInfoList[3].nameArray3.unshift(mpList[index].in_time.toString().slice(9, 10))
666	} else {	679	} else {
667	this.pickerInfoList[3].nameArray3.unshift(mpList[index].in_time.toString().slice(8, 10))	680	this.pickerInfoList[3].nameArray3.unshift(mpList[index].in_time.toString().slice(8, 10))
668	}	681	}
669	// this.checkedData = mpList[index]	682	// this.checkedData = mpList[index]
670	// console.log('checkedData', this.checkedData)	683	// console.log('checkedData', this.checkedData)
671	} else if (res.cancel) {	684	} else if (res.cancel) {
672	this.kinds = 2	685	this.kinds = 2
673	}	686	}
674	},	687	},
675	})	688	})
676	}	689	}
677	}	690	}
678	},	691	},
679	handleInputPd(e) {	692	handleInputPd(e) {
680	// 只能输入正浮点数或正数	693	// 只能输入正浮点数或正数
681	if (/^\d+(\.\d+)?$/.test(e.target.value)) {	694	if (/^\d+(\.\d+)?$/.test(e.target.value)) {
682	this.pd = e.target.value	695	this.pd = e.target.value
683	} else {	696	} else {
684	uni.showToast({	697	uni.showToast({
685	title: '请输入有效数据;示例:89',	698	title: '请输入有效数据;示例:89',
686	icon: 'none',	699	icon: 'none',
687	duration: 2000,	700	duration: 2000,
688	})	701	})
689	this.pd = ''	702	this.pd = ''
690	}	703	}
691	},	704	},
692	changeConfirm() {	705	// changeConfirm() {
693	this.confirm = !this.confirm	706	// this.confirm = !this.confirm
694	},	707	// },
695	bindPickerChange01: function(e) {	708	bindPickerChange01: function(e) {
696	this.pickerInfoList[0].nameIndex1 = e.target.value	709	this.pickerInfoList[0].nameIndex1 = e.target.value
697	this.pickerInfoChioce.leftSph = this.pickerInfoList[0].nameArray1[e.target.value]	710	this.pickerInfoChioce.leftSph = this.pickerInfoList[0].nameArray1[e.target.value]
698	},	711	},
699	bindPickerChange02: function(e) {	712	bindPickerChange02: function(e) {
700	this.pickerInfoList[0].nameIndex2 = e.target.value	713	this.pickerInfoList[0].nameIndex2 = e.target.value
701	this.pickerInfoChioce.rightSph = this.pickerInfoList[0].nameArray2[e.target.value]	714	this.pickerInfoChioce.rightSph = this.pickerInfoList[0].nameArray2[e.target.value]
702	},	715	},
703		716
704	bindPickerChange11: function(e) {	717	bindPickerChange11: function(e) {
705	this.pickerInfoList[1].nameIndex1 = e.target.value	718	this.pickerInfoList[1].nameIndex1 = e.target.value
706	this.pickerInfoChioce.leftCyl = this.pickerInfoList[1].nameArray1[e.target.value]	719	this.pickerInfoChioce.leftCyl = this.pickerInfoList[1].nameArray1[e.target.value]
707	},	720	},
708	bindPickerChange12: function(e) {	721	bindPickerChange12: function(e) {
709	this.pickerInfoList[1].nameIndex2 = e.target.value	722	this.pickerInfoList[1].nameIndex2 = e.target.value
710	this.pickerInfoChioce.rightCyl = this.pickerInfoList[1].nameArray2[e.target.value]	723	this.pickerInfoChioce.rightCyl = this.pickerInfoList[1].nameArray2[e.target.value]
711	},	724	},
712		725
713	bindPickerChange21: function(e) {	726	bindPickerChange21: function(e) {
714	this.pickerInfoList[2].nameIndex1 = e.target.value	727	this.pickerInfoList[2].nameIndex1 = e.target.value
715	this.pickerInfoChioce.leftAxi = this.pickerInfoList[2].nameArray1[e.target.value]	728	this.pickerInfoChioce.leftAxi = this.pickerInfoList[2].nameArray1[e.target.value]
716	},	729	},
717	bindPickerChange22: function(e) {	730	bindPickerChange22: function(e) {
718	this.pickerInfoList[2].nameIndex2 = e.target.value	731	this.pickerInfoList[2].nameIndex2 = e.target.value
719	this.pickerInfoChioce.rightAxi = this.pickerInfoList[2].nameArray2[e.target.value]	732	this.pickerInfoChioce.rightAxi = this.pickerInfoList[2].nameArray2[e.target.value]
720	},	733	},
721		734
722	bindPickerChange41: function(e) {	735	bindPickerChange41: function(e) {
723	this.pickerInfoList[3].nameIndex1 = e.target.value	736	this.pickerInfoList[3].nameIndex1 = e.target.value
724	this.pickerInfoChioce.time.year = this.pickerInfoList[3].nameArray1[e.target.value]	737	this.pickerInfoChioce.time.year = this.pickerInfoList[3].nameArray1[e.target.value]
725	},	738	},
726	bindPickerChange42: function(e) {	739	bindPickerChange42: function(e) {
727	this.pickerInfoList[3].nameIndex2 = e.target.value	740	this.pickerInfoList[3].nameIndex2 = e.target.value
728	this.pickerInfoChioce.time.month = this.pickerInfoList[3].nameArray2[e.target.value]	741	this.pickerInfoChioce.time.month = this.pickerInfoList[3].nameArray2[e.target.value]
729	},	742	},
730	bindPickerChange43: function(e) {	743	bindPickerChange43: function(e) {
731	this.pickerInfoList[3].nameIndex3 = e.target.value	744	this.pickerInfoList[3].nameIndex3 = e.target.value
732	this.pickerInfoChioce.time.day = this.pickerInfoList[3].nameArray3[e.target.value]	745	this.pickerInfoChioce.time.day = this.pickerInfoList[3].nameArray3[e.target.value]
733	},	746	},
734	changeShow(num) {	747	changeShow(num) {
735	this.show[num] = !this.show[num]	748	this.show[num] = !this.show[num]
736	this.$forceUpdate()	749	this.$forceUpdate()
737	},	750	},
738	counter(isadd) {	751	counter(isadd) {
739	if (isadd) {	752	if (isadd) {
740	this.count >= this.maxCount ? this.addDisabled = true : this.count++	753	this.count >= this.maxCount ? this.addDisabled = true : this.count++
741	} else {	754	} else {
742	this.count <= 1 ? this.desDisabled = true : this.count--	755	this.count <= 1 ? this.desDisabled = true : this.count--
743	}	756	}
744	},	757	},
745	toComfirmOrder() {	758	toComfirmOrder() {
746	this.checkGlassInfo()	759	this.checkGlassInfo()
747	this.updateMylove()	760	this.updateMylove()
748	// 先处理验光部分的逻辑，如果ok在跳转	761	// 先处理验光部分的逻辑，如果ok在跳转
749	let flag = 0	762	let flag = 0
750	if (this.name === '') {	763	if (this.name === '') {
751	uni.showToast({	764	uni.showToast({
752	title: '请输入验光单取名',	765	title: '请输入验光单取名',
753	icon: 'none',	766	icon: 'none',
754	duration: 2000,	767	duration: 2000,
755	})	768	})
756	} else {	769	} else {
757	if (this.pd === '') {	770	if (this.pd === '') {
758	uni.showToast({	771	uni.showToast({
759	title: '请输入瞳距',	772	title: '请输入瞳距',
760	icon: 'none',	773	icon: 'none',
761	duration: 2000,	774	duration: 2000,
762	})	775	})
763	} else {	776	} else {
764	if (this.kinds === 1) {	777	if (this.kinds === 1) {
765	// 添加用户验光单	778	// 添加用户验光单
766	console.log('kinds====>', this.pickerInfoChioce.leftSph)
767	console.log('kinds====>', this.pickerInfoChioce.leftSph === Number)
768	console.log('kinds====>', this.pickerInfoChioce.rightSph === Number)
769	if (this.pickerInfoChioce.rightSph === '' \|\| this.pickerInfoChioce.leftSph === '' \|\|	779	if (this.pickerInfoChioce.rightSph === '' \|\| this.pickerInfoChioce.leftSph === '' \|\|
770	this.pickerInfoChioce.leftCyl === '' \|\| this.pickerInfoChioce.rightCyl === '' \|\|	780	this.pickerInfoChioce.leftCyl === '' \|\| this.pickerInfoChioce.rightCyl === '' \|\|
771	this.pickerInfoChioce.leftAxi === '' \|\| this.pickerInfoChioce.rightAxi === ''	781	this.pickerInfoChioce.leftAxi === '' \|\| this.pickerInfoChioce.rightAxi === ''
772	) {	782	) {
773	uni.showToast({	783	uni.showToast({
774	title: '请输入您的验光数据',	784	title: '请输入您的验光数据',
775	icon: 'none',	785	icon: 'none',
776	duration: 2000,	786	duration: 2000,
777	})	787	})
778	} else {	788	} else {
779	if (this.confirm) {	789	// if (this.confirm) {
780	store.dispatch('myLoveList/addMylove', {	790	store.dispatch('myLoveList/addMylove', {
781	uid: this.$store.state.user.userInfo.uid,	791	uid: this.$store.state.user.userInfo.uid,
782	openid: this.$store.state.user.userInfo.openid,	792	openid: this.$store.state.user.userInfo.openid,
783	// mp_name: this.$store.state.user.userInfo.mp_name,	793	// mp_name: this.$store.state.user.userInfo.mp_name,
784	leftSph: this.pickerInfoChioce.leftSph,	794	leftSph: this.pickerInfoChioce.leftSph,
785	rightSph: this.pickerInfoChioce.rightSph,	795	rightSph: this.pickerInfoChioce.rightSph,
786	leftCyl: this.pickerInfoChioce.leftCyl,	796	leftCyl: this.pickerInfoChioce.leftCyl,
787	rightCyl: this.pickerInfoChioce.rightCyl,	797	rightCyl: this.pickerInfoChioce.rightCyl,
788	leftAxi: this.pickerInfoChioce.leftAxi,	798	leftAxi: this.pickerInfoChioce.leftAxi,
789	rightAxi: this.pickerInfoChioce.rightAxi,	799	rightAxi: this.pickerInfoChioce.rightAxi,
790	pd: this.pd, // 瞳距	800	pd: this.pd, // 瞳距
791	mp_name: this.name,	801	mp_name: this.name,
792	// time: this.pickerInfoChioce.time,	802	// time: this.pickerInfoChioce.time,
793	// img_url2: "http://localhost:8087/images/shop_1/1/",	803	// img_url2: "http://localhost:8087/images/shop_1/1/",
794	}).then(({ mp_id: mpId }) => {	804	}).then(({ mp_id: mpId }) => {
795	this.mp_id = mpId	805	this.mp_id = mpId
796	})	806	})
797	flag = 1	807	flag = 1
798	} else {
799	uni.showToast({
800	title: '请确认您的验光数据',
801	icon: 'none',
802	duration: 3000,
803	})
804	}
805	}	808	}
806	}	809	}
807	if (this.kinds === 2) {	810	if (this.kinds === 2) {
808	if (this.confirm) {	811	// if (this.confirm) {
809	const leftList = ['leftSph', 'leftCyl', 'leftAxi']	812	const leftList = ['leftSph', 'leftCyl', 'leftAxi']
810	const rightList = ['rightSph', 'rightCyl', 'rightAxi']	813	const rightList = ['rightSph', 'rightCyl', 'rightAxi']
811	// let flag=0;	814	// let flag=0;
812	if (this.name !== this.oldname) {	815	if (this.name !== this.oldname) {
813	store.dispatch('myLoveList/updateMylove', {	816	store.dispatch('myLoveList/updateMylove', {
814	uid: this.$store.state.user.userInfo.uid,	817	uid: this.$store.state.user.userInfo.uid,
815	openid: this.$store.state.user.userInfo.openid,	818	openid: this.$store.state.user.userInfo.openid,
816	mp_id: this.mp_id,	819	mp_id: this.mp_id,
817	keyname: 'name',	820	keyname: 'name',
818	keyvalue: this.name,	821	keyvalue: this.name,
819	})	822	})
820	flag = 1	823	flag = 1
821	}	824	}
822	if (this.pd !== this.oldpd) {	825	if (this.pd !== this.oldpd) {
823	store.dispatch('myLoveList/updateMylove', {	826	store.dispatch('myLoveList/updateMylove', {
824	uid: this.$store.state.user.userInfo.uid,	827	uid: this.$store.state.user.userInfo.uid,
825	openid: this.$store.state.user.userInfo.openid,	828	openid: this.$store.state.user.userInfo.openid,
826	mp_id: this.mp_id,	829	mp_id: this.mp_id,
827	keyname: 'pd',	830	keyname: 'pd',
828	keyvalue: this.pd,	831	keyvalue: this.pd,
829	})	832	})
830	flag = 1	833	flag = 1
831	}	834	}
832	// 先验证是否输入有无空	835	// 先验证是否输入有无空
833	let q = true	836	let q = true
834	for (let k = 0; k < 3; k++) {	837	for (let k = 0; k < 3; k++) {
835	q = q && (this.pickerInfoList[k].nameArray1[this.pickerInfoList[k].nameIndex1] !== '' &&	838	q = q && (this.pickerInfoList[k].nameArray1[this.pickerInfoList[k].nameIndex1] !== '' &&
836	this.pickerInfoList[k].nameArray2[this.pickerInfoList[k].nameIndex2] !== '')	839	this.pickerInfoList[k].nameArray2[this.pickerInfoList[k].nameIndex2] !== '')
837	}	840	}
838	if (q) {	841	if (q) {
839	for (let j = 0; j < 3; j++) {	842	for (let j = 0; j < 3; j++) {
840	if (this.pickerInfoList[j].nameIndex1 !== 0) {	843	if (this.pickerInfoList[j].nameIndex1 !== 0) {
841	store.dispatch('myLoveList/updateMylove', {	844	store.dispatch('myLoveList/updateMylove', {
842	uid: this.$store.state.user.userInfo.uid,	845	uid: this.$store.state.user.userInfo.uid,
843	openid: this.$store.state.user.userInfo.openid,	846	openid: this.$store.state.user.userInfo.openid,
844	mp_id: this.mp_id,	847	mp_id: this.mp_id,
845	keyname: leftList[j],	848	keyname: leftList[j],
846	keyvalue: this.pickerInfoList[j].nameArray1[this.pickerInfoList[j].nameIndex1],	849	keyvalue: this.pickerInfoList[j].nameArray1[this.pickerInfoList[j].nameIndex1],
847	})	850	})
848	}	851	}
849	if (this.pickerInfoList[j].nameIndex2 !== 0) {	852	if (this.pickerInfoList[j].nameIndex2 !== 0) {
850	store.dispatch('myLoveList/updateMylove', {	853	store.dispatch('myLoveList/updateMylove', {
851	uid: this.$store.state.user.userInfo.uid,	854	uid: this.$store.state.user.userInfo.uid,
852	openid: this.$store.state.user.userInfo.openid,	855	openid: this.$store.state.user.userInfo.openid,
853	mp_id: this.mp_id,	856	mp_id: this.mp_id,
854	keyname: rightList[j],	857	keyname: rightList[j],
855	keyvalue: this.pickerInfoList[j].nameArray2[this.pickerInfoList[j].nameIndex2],	858	keyvalue: this.pickerInfoList[j].nameArray2[this.pickerInfoList[j].nameIndex2],
856	})	859	})
857	}	860	}
858	flag = 1	861	flag = 1
859	}	862	}
860	} else {	863	} else {
861	flag = 0	864	flag = 0
862	uni.showToast({	865	uni.showToast({
863	title: '请输入您的验光数据',	866	title: '请输入您的验光数据',
864	icon: 'none',	867	icon: 'none',
865	duration: 2000,	868	duration: 2000,
866	})	869	})
867	}	870	}
868	if (flag !== 0) {	871
869	store.dispatch('myLoveList/getLoveList', {	872	// } else {
870	uid: this.$store.state.user.userInfo.uid,	873	// uni.showToast({
871	})	874	// title: '请确认您的验光数据',
872	}	875	// icon: 'none',
873	} else {	876	// duration: 3000,
874	uni.showToast({	877	// })
875	title: '请确认您的验光数据',	878	// }
876	icon: 'none',
877	duration: 3000,
878	})
879	}
880	}	879	}
881	}	880	}
882	}	881	}
883	if (flag !== 0) {	882	if (flag !== 0) {
884	// 如果数据验证无误，那么更新验光单的数据	883	// 如果数据验证无误，那么更新验光单的数据
885	store.dispatch('myLoveList/getLoveList', {	884	store.dispatch('myLoveList/getLoveList', {
886	uid: this.$store.state.user.userInfo.uid,	885	uid: this.$store.state.user.userInfo.uid,
887	})	886	})
888	let i = 0	887	let i = 0
889	// 判断出是哪一个sku被选中	888	// 判断出是哪一个sku被选中
890	for (let index = 0; index < this.current.length; index++) {	889	for (let index = 0; index < this.current.length; index++) {
891	// console.log('index', index, i, index !== this.current.length - 1)	890	// console.log('index', index, i, index !== this.current.length - 1)
892	if (index !== this.current.length - 1) {	891	if (index !== this.current.length - 1) {
893	// 后续需修改算法：目前暂定只有两个参数选择，后续若有多个参数需要修改实现自适应	892	// 后续需修改算法：目前暂定只有两个参数选择，后续若有多个参数需要修改实现自适应
894	i = this.current[index] * this.attrList[1].attr.length	893	i = this.current[index] * this.attrList[1].attr.length
895	} else {	894	} else {
896	i += this.current[index]	895	i += this.current[index]
897	}	896	}
898	}	897	}
899	// 判断是否其输入的人员数据是否已存在	898	// 判断是否其输入的人员数据是否已存在
900	store.dispatch('order/saveParams', {	899	store.dispatch('order/saveParams', {
901	sk_id_arr: this.skuList[i],	900	sk_id_arr: this.skuList[i],
902	current: this.current,	901	current: this.current,
903	mp_id: this.mp_id,	902	mp_id: this.mp_id,
904	attrList: this.attrList,	903	attrList: this.attrList,
905	})	904	})
906	this.$store.state.cart.buyItem = this.skuItem	905	this.$store.state.cart.buyItem = this.skuItem
907	// 跳转到确认订单页面	906	// 跳转到确认订单页面
908	uni.navigateTo({	907	uni.navigateTo({
909	url: `../confirmOrder/confirmOrder?pid=${this.pid}&count=${this.count}&name=${this.name}&isCart=false`,	908	url: `../confirmOrder/confirmOrder?pid=${this.pid}&count=${this.count}&name=${this.name}&isCart=false`,
910	})	909	})
911	}	910	}
912	},	911	},
913	}	912	}
914	}	913	}
915	</script>	914	</script>
916		915
917	<style lang="scss">	916	<style lang="scss">
918	.BottomSheetContent {	917	.BottomSheetContent {
919	min-height: 100vh;	918	min-height: 100vh;
920	background-color: #f2f2f2;	919	background-color: #f2f2f2;
921	// padding-top: 20rpx;	920	// padding-top: 20rpx;
922	.goodInfo {	921	.goodInfo {
923	width: 100%;	922	width: 100%;
924	height: 272rpx;	923	height: 272rpx;
925	border-radius: 16rpx;	924	border-radius: 16rpx;
926	background-color: #ffffff;	925	background-color: #ffffff;
927	box-sizing: border-box;	926	box-sizing: border-box;
928	padding: 36rpx;	927	padding: 36rpx;
929	display: flex;	928	display: flex;
930	flex-direction: row;	929	flex-direction: row;
931	justify-content: flex-start;	930	justify-content: flex-start;
932	position: sticky;	931	position: sticky;
933	top: 0rpx;	932	top: 0rpx;
934	left: 0rpx;	933	left: 0rpx;
935	z-index: 99999;	934	z-index: 99999;
936	.imageWrap {	935	.imageWrap {
937	height: 188rpx;	936	height: 188rpx;
938	width: 188rpx;	937	width: 188rpx;
939	margin-right: 28rpx;	938	margin-right: 28rpx;
940	image {	939	image {
941	height: 188rpx;	940	height: 188rpx;
942	width: 188rpx;	941	width: 188rpx;
943	}	942	}
944	}	943	}
945	.infoRight {	944	.infoRight {
946	display: flex;	945	display: flex;
947	flex-direction: column;	946	flex-direction: column;
948	align-items: flex-start;	947	align-items: flex-start;
949	justify-content: space-between;	948	justify-content: space-between;
950	width: 100%;	949	width: 100%;
951	.goodName {	950	.goodName {
952	font-size: 28rpx;	951	font-size: 28rpx;
953	color: #333333;	952	color: #333333;
954	}	953	}
955	.remarks {	954	.remarks {
956	font-size: 20rpx;	955	font-size: 20rpx;
957	color: #999999;	956	color: #999999;
958	}	957	}
959	.priceBox {	958	.priceBox {
960	display: flex;	959	display: flex;
961	justify-content: space-between;	960	justify-content: space-between;
962	align-items: center;	961	align-items: center;
963	width: 100%;	962	width: 100%;
964	font-size: 14px;	963	font-size: 14px;
965	color: #999999;	964	color: #999999;
966	.price {	965	.price {
967	color: #ff6b4a;	966	color: #ff6b4a;
968	font-size: 28rpx;	967	font-size: 28rpx;
969	}	968	}
970	.counter {	969	.counter {
971	display: flex;	970	display: flex;
972	flex-direction: row;	971	flex-direction: row;
973	justify-content: space-between;	972	justify-content: space-between;
974	align-items: center;	973	align-items: center;
975	font-size: 28rpx;	974	font-size: 28rpx;
976	color: #333333;	975	color: #333333;
977	width: 122rpx;	976	width: 122rpx;
978	.btn {	977	.btn {
979	display: flex;	978	display: flex;
980	justify-content: center;	979	justify-content: center;
981	line-height: 32rpx;	980	line-height: 32rpx;
982	height: 32rpx;	981	height: 32rpx;
983	width: 32rpx;	982	width: 32rpx;
984	background-color: #f2f2f2;	983	background-color: #f2f2f2;
985	color: #cfcfcf;	984	color: #cfcfcf;
986	}	985	}
987	}	986	}
988	}	987	}
989	}	988	}
990	}	989	}
991	.peopleChoose{	990	.peopleChoose{
992	width: 100%;	991	width: 100%;
993	min-height: 200rpx;	992	min-height: 200rpx;
994	border-radius: 16rpx;	993	border-radius: 16rpx;
995	background-color: #ffffff;	994	background-color: #ffffff;
996	box-sizing: border-box;	995	box-sizing: border-box;
997	padding: 36rpx;	996	padding: 36rpx;
998	margin: 10px 0;	997	margin: 10px 0;
999	display: flex;	998	display: flex;
1000	flex-direction: column;	999	flex-direction: column;
1001	justify-content: flex-start;	1000	justify-content: flex-start;
1002	align-items: center;	1001	align-items: center;
1003	.title{	1002	.title{
1004	font-size: 16px;	1003	font-size: 16px;
1005	color: #333333;	1004	color: #333333;
1006	letter-spacing: -0.3px;	1005	letter-spacing: -0.3px;
1007	text-align: justify;	1006	text-align: justify;
1008	line-height: 24px;	1007	line-height: 24px;
1009	margin: 4px 0;	1008	margin: 4px 0;
1010	}	1009	}
1011	.loveList{	1010	.loveList{
1012	display: flex;	1011	display: flex;
1013	flex-direction: row;	1012	flex-direction: row;
1014	flex-wrap: wrap;	1013	flex-wrap: wrap;
1015	justify-content: flex-start;	1014	justify-content: flex-start;
1016	align-items: center;	1015	align-items: center;
1017	padding-top: 24rpx;	1016	padding-top: 24rpx;
1018	width: 100%;	1017	width: 100%;
1019	.peopleName {	1018	.peopleName {
1020	padding: 0 30rpx;	1019	padding: 0 30rpx;
1021	height: 60rpx;	1020	height: 60rpx;
1022	margin: 0 20rpx 20rpx 0;	1021	margin: 0 20rpx 20rpx 0;
1023	transition: all 0.3s;	1022	transition: all 0.3s;
1024	background: #f2f2f2;	1023	background: #f2f2f2;
1025	border-radius: 2px;	1024	border-radius: 2px;
1026	border-radius: 2px;	1025	border-radius: 2px;
1027	line-height: 60rpx;	1026	line-height: 60rpx;
1028	text-align: center;	1027	text-align: center;
1029	color: #666666;	1028	color: #666666;
1030	font-size: 12px;	1029	font-size: 12px;
1031	}	1030	}
1032	.active2 {	1031	.active2 {
1033	background: rgba(255, 107, 74, 0.15);	1032	background: rgba(255, 107, 74, 0.15);
1034	color: #ff6b4a;	1033	color: #ff6b4a;
1035	}	1034	}
1036	}	1035	}
1037	}	1036	}
1038	.goods-data {	1037	.goods-data {
1039	width: 100%;	1038	width: 100%;
1040	box-sizing: border-box;	1039	box-sizing: border-box;
1041	padding: 37rpx 40rpx 0 40rpx;	1040	padding: 37rpx 40rpx 0 40rpx;
1042	background: #ffffff;	1041	background: #ffffff;
1043	border-radius: 12rpx;	1042	border-radius: 12rpx;
1044	.opCollapse {	1043	.opCollapse {
1045	width: 100%;	1044	width: 100%;
1046	padding-bottom: 28rpx;	1045	padding-bottom: 28rpx;
1047	margin-top: 7px;	1046	margin-top: 7px;
1048	border-bottom: 1px solid #e9e9e9;	1047	border-bottom: 1px solid #e9e9e9;
1049	.head {	1048	.head {
1050	display: flex;	1049	display: flex;
1051	justify-content: space-between;	1050	justify-content: space-between;
1052	height: 24px;	1051	height: 24px;
1053	// font-family: PingFangSC-Medium;	1052	// font-family: PingFangSC-Medium;
1054	font-size: 16px;	1053	font-size: 16px;
1055	color: #333333;	1054	color: #333333;
1056	letter-spacing: -0.3px;	1055	letter-spacing: -0.3px;
1057	text-align: justify;	1056	text-align: justify;
1058	line-height: 24px;	1057	line-height: 24px;
1059	margin-bottom: 18rpx;	1058	margin-bottom: 18rpx;
1060	.headRighted {	1059	.headRighted {
1061	width: 0;	1060	width: 0;
1062	height: 0;	1061	height: 0;
1063	border-left: 4px solid transparent;	1062	border-left: 4px solid transparent;
1064	border-right: 4px solid transparent;	1063	border-right: 4px solid transparent;
1065	border-bottom: 4px solid #cfcfcf;	1064	border-bottom: 4px solid #cfcfcf;
1066	transform: scaleY(-1);	1065	transform: scaleY(-1);
1067	margin-top: 10px;	1066	margin-top: 10px;
1068	}	1067	}
1069	.headMid {	1068	.headMid {
1070	font-size: 10px;	1069	font-size: 10px;
1071	color: #999999;	1070	color: #999999;
1072	letter-spacing: -0.19px;	1071	letter-spacing: -0.19px;
1073	margin-left: -120rpx;	1072	margin-left: -120rpx;
1074	}	1073	}
1075	.headRight {	1074	.headRight {
1076	width: 0;	1075	width: 0;
1077	height: 0;	1076	height: 0;
1078	border-left: 4px solid transparent;	1077	border-left: 4px solid transparent;
1079	border-right: 4px solid transparent;	1078	border-right: 4px solid transparent;
1080	border-bottom: 4px solid #cfcfcf;	1079	border-bottom: 4px solid #cfcfcf;
1081	margin-top: 10px;	1080	margin-top: 10px;
1082	}	1081	}
1083	}	1082	}
1084	.body {	1083	.body {
1085	font-size: 12px;	1084	font-size: 12px;
1086	color: #666666;	1085	color: #666666;
1087	letter-spacing: 0;	1086	letter-spacing: 0;
1088	.bodyBox {	1087	.bodyBox {
1089	margin-top: 15px;	1088	margin-top: 15px;
1090	.names {	1089	.names {
1091	font-size: 12px;	1090	font-size: 12px;
1092	color: #151515;	1091	color: #151515;
1093	letter-spacing: 0;	1092	letter-spacing: 0;
1094	text-align: justify;	1093	text-align: justify;
1095	line-height: 17px;	1094	line-height: 17px;
1096	margin-left: 5px;	1095	margin-left: 5px;
1097	margin-right: 10px;	1096	margin-right: 10px;
1098	}	1097	}
1099	text {	1098	text {
1100	font-size: 12px;	1099	font-size: 12px;
1101	color: #666666;	1100	color: #666666;
1102	letter-spacing: 0;	1101	letter-spacing: 0;
1103	text-align: justify;	1102	text-align: justify;
1104	}	1103	}
1105	}	1104	}
1106	}	1105	}
1107	.goods-form {	1106	.goods-form {
1108	display: flex;	1107	display: flex;
1109	flex-direction: column;	1108	flex-direction: column;
1110	align-items: center;	1109	align-items: center;
1111	justify-content: center;	1110	justify-content: center;
1112	background-color: #fff;	1111	background-color: #fff;
1113	width: 100%;	1112	width: 100%;
1114	padding: 40rpx 0;	1113	padding: 40rpx 0;
1115	.p1 {	1114	.p1 {
1116	font-size: 16px;	1115	font-size: 16px;
1117	color: #333333;	1116	color: #333333;
1118	letter-spacing: -0.3px;	1117	letter-spacing: -0.3px;
1119	text-align: justify;	1118	text-align: justify;
1120	line-height: 24px;	1119	line-height: 24px;
1121	margin: 4px 0;	1120	margin: 4px 0;
1122		1121
1123	}	1122	}
1124	.p2 {	1123	.p2 {
1125	font-size: 12px;	1124	font-size: 12px;
1126	color: #999999;	1125	color: #999999;
1127	letter-spacing: -0.23px;	1126	letter-spacing: -0.23px;
1128	margin-bottom: 32rpx;	1127	margin-bottom: 32rpx;
1129	}	1128	}
1130	.image2{	1129	.image2{
1131	width: 42rpx;	1130	width: 42rpx;
1132	height: 34rpx;	1131	height: 34rpx;
1133	margin-right: 12rpx;	1132	margin-right: 12rpx;
1134	}	1133	}
1135	.confirm {	1134	.confirm {
1136	display: flex;	1135	display: flex;
1137	align-items: center;	1136	align-items: center;
1138	font-size: 12px;	1137	font-size: 12px;
1139	color: #666666;	1138	color: #666666;
1140	letter-spacing: -0.23px;	1139	letter-spacing: -0.23px;
1141	width: 684rpx;	1140	width: 684rpx;
1142	.image1{	1141	.image1{
1143	margin-right:25rpx;	1142	margin-right:25rpx;
1144	width: 42rpx;	1143	width: 42rpx;
1145	height: 38rpx;	1144	height: 38rpx;
1146	}	1145	}
1147	}	1146	}
1148	.picker{	1147	.picker{
1149	display: flex;	1148	display: flex;
1150	flex-direction: column;	1149	flex-direction: column;
1151	justify-content: center;	1150	justify-content: center;
1152	align-items: center;	1151	align-items: center;
1153	width: 100%;	1152	width: 100%;
1154		1153
1155	.picker-choice{	1154	.picker-choice{
1156	display: flex;	1155	display: flex;
1157	width: 684rpx;	1156	width: 684rpx;
1158	align-items: center;	1157	align-items: center;
1159	margin-bottom: 40rpx;	1158	margin-bottom: 40rpx;
1160	.input{	1159	.input{
1161	border-bottom: 1px solid #CFCFCF;	1160	border-bottom: 1px solid #CFCFCF;
1162	height: 40rpx;	1161	height: 40rpx;
1163	}	1162	}
1164	.choice-left{	1163	.choice-left{
1165	width: 210rpx;	1164	width: 210rpx;
1166	.pd{	1165	.pd{
1167	font-size: 14px;	1166	font-size: 14px;
1168	color: #333333;	1167	color: #333333;
1169	letter-spacing: -0.26px;	1168	letter-spacing: -0.26px;
1170	text-align: justify;	1169	text-align: justify;
1171	line-height: 24px;	1170	line-height: 24px;
1172	margin-right: 44rpx;	1171	margin-right: 44rpx;
1173	}	1172	}
1174	.p11 {	1173	.p11 {
1175	font-size: 14px;	1174	font-size: 14px;
1176	color: #333333;	1175	color: #333333;
1177	letter-spacing: -0.26px;	1176	letter-spacing: -0.26px;
1178	text-align: justify;	1177	text-align: justify;
1179	line-height: 24px;	1178	line-height: 24px;
1180	// margin-right: 10px;	1179	// margin-right: 10px;
1181	}	1180	}
1182	.p12 {	1181	.p12 {
1183	font-size: 10px;	1182	font-size: 10px;
1184	color: #3F3F3F;	1183	color: #3F3F3F;
1185	letter-spacing: -0.19px;	1184	letter-spacing: -0.19px;
1186	text-align: justify;	1185	text-align: justify;
1187	line-height: 24px;	1186	line-height: 24px;
1188	}	1187	}
1189		1188
1190	}	1189	}
1191	.p13 {	1190	.p13 {
1192	font-size: 10px;	1191	font-size: 10px;
1193	color: #999999;	1192	color: #999999;
1194	letter-spacing: -0.19px;	1193	letter-spacing: -0.19px;
1195	margin-right: 10px;	1194	margin-right: 10px;
1196	}	1195	}
1197	.p13-date {	1196	.p13-date {
1198	font-size: 10px;	1197	font-size: 10px;
1199	color: #999999;	1198	color: #999999;
1200	letter-spacing: -0.19px;	1199	letter-spacing: -0.19px;
1201	margin-right: 5px;	1200	margin-right: 5px;
1202	}	1201	}
1203	picker{	1202	picker{
1204	width: 144rpx;	1203	width: 144rpx;
1205	height: 40rpx;	1204	height: 40rpx;
1206	display: flex;	1205	display: flex;
1207	position: relative;	1206	position: relative;
1208	.p14 {	1207	.p14 {
1209	font-size: 14px;	1208	font-size: 14px;
1210	color: #666666;	1209	color: #666666;
1211	letter-spacing: -0.26px;	1210	letter-spacing: -0.26px;
1212	text-align: center;	1211	text-align: center;
1213	width: 124rpx;	1212	width: 124rpx;
1214	border-bottom: 1px solid #CFCFCF;	1213	border-bottom: 1px solid #CFCFCF;
1215	height: 38rpx;	1214	height: 38rpx;
1216	}	1215	}
1217	image{	1216	image{
1218	width: 20rpx;	1217	width: 20rpx;
1219	height: 20rpx;	1218	height: 20rpx;
1220	position: absolute;	1219	position: absolute;
1221	right: 20rpx;	1220	right: 20rpx;
1222	top: 8rpx;	1221	top: 8rpx;
1223	}	1222	}
1224	}	1223	}
1225		1224
1226	}	1225	}
1227	}	1226	}
1228		1227
1229	.ipts{	1228	.ipts{
1230	width: 100%;	1229	width: 100%;
1231	display: flex;	1230	display: flex;
1232	flex-direction: column;	1231	flex-direction: column;
1233	justify-content: center;	1232	justify-content: center;
1234	align-items: flex-start;	1233	align-items: flex-start;
1235	// padding: 20rpx 36rpx;	1234	// padding: 20rpx 36rpx;
1236	box-sizing: border-box;	1235	box-sizing: border-box;
1237	.inputItem{	1236	.inputItem{
1238	display: flex;	1237	display: flex;
1239	flex-direction: row;	1238	flex-direction: row;
1240	justify-content: center;	1239	justify-content: center;
1241	align-items: center;	1240	align-items: center;
1242	margin-bottom: 36rpx;	1241	margin-bottom: 36rpx;
1243	.text{	1242	.text{
1244	margin-right: 100rpx;	1243	margin-right: 100rpx;
1245	}	1244	}
1246	.input{	1245	.input{
1247	border-bottom: 1px solid #CFCFCF;	1246	border-bottom: 1px solid #CFCFCF;
1248	}	1247	}
1249	}	1248	}
1250		1249
1251	}	1250	}
1252	}	1251	}
1253	}	1252	}
1254	}	1253	}
1255	.choose {	1254	.choose {
1256	width: 100%;	1255	width: 100%;
1257	background: #ffffff;	1256	background: #ffffff;
1258	border-radius: 12rpx;	1257	border-radius: 12rpx;
1259	margin-top: 20rpx;	1258	margin-top: 20rpx;
1260	padding: 40rpx 40rpx 112rpx 40rpx;	1259	padding: 40rpx 40rpx 112rpx 40rpx;
1261	box-sizing: border-box;	1260	box-sizing: border-box;
1262	.chooseItem {	1261	.chooseItem {
1263	width: 100%;	1262	width: 100%;
1264	padding-bottom: 32rpx;	1263	padding-bottom: 32rpx;
1265	border-bottom: 1px solid #e9e9e9;	1264	border-bottom: 1px solid #e9e9e9;
1266	margin-bottom: 28rpx;	1265	margin-bottom: 28rpx;
1267	}	1266	}
1268	.chooseRes {	1267	.chooseRes {
1269	font-size: 12px;	1268	font-size: 12px;
1270	color: #666666;	1269	color: #666666;
1271	}	1270	}
1272	.itemsWrap {	1271	.itemsWrap {
1273	display: flex;	1272	display: flex;
1274	flex-direction: row;	1273	flex-direction: row;
1275	flex-wrap: wrap;	1274	flex-wrap: wrap;
1276	justify-content: flex-start;	1275	justify-content: flex-start;
1277	align-items: center;	1276	align-items: center;
1278	padding-top: 24rpx;	1277	padding-top: 24rpx;
1279	.item1 {	1278	.item1 {
1280	width: 64rpx;	1279	width: 64rpx;
1281	height: 64rpx;	1280	height: 64rpx;
1282	border-radius: 32rpx;	1281	border-radius: 32rpx;
1283	margin: 0 36rpx 24rpx 0;	1282	margin: 0 36rpx 24rpx 0;
1284	transition: all 0.3s;	1283	transition: all 0.3s;
1285	border: 1px solid #ffffff;	1284	border: 1px solid #ffffff;
1286	}	1285	}
1287	.item2 {	1286	.item2 {
1288	// width: 100rpx;	1287	// width: 100rpx;
1289	padding: 0 30rpx;	1288	padding: 0 30rpx;
1290	height: 60rpx;	1289	height: 60rpx;
1291	margin: 0 20rpx 20rpx 0;	1290	margin: 0 20rpx 20rpx 0;
1292	transition: all 0.3s;	1291	transition: all 0.3s;
1293	background: #f2f2f2;	1292	background: #f2f2f2;
1294	border-radius: 2px;	1293	border-radius: 2px;
1295	border-radius: 2px;	1294	border-radius: 2px;
1296	line-height: 60rpx;	1295	line-height: 60rpx;
1297	text-align: center;	1296	text-align: center;
1298	color: #666666;	1297	color: #666666;
1299	font-size: 12px;	1298	font-size: 12px;
1300	}	1299	}
1301	.active1 {	1300	.active1 {
1302	opacity: 0.7;	1301	opacity: 0.7;
1303	border: 1px solid #ff6b4a;	1302	border: 1px solid #ff6b4a;
1304	}	1303	}
1305	.active2 {	1304	.active2 {
1306	background: rgba(255, 107, 74, 0.15);	1305	background: rgba(255, 107, 74, 0.15);
1307	color: #ff6b4a;	1306	color: #ff6b4a;
1308	}	1307	}
1309	}	1308	}
1310	}	1309	}
1311	.button {	1310	.button {
1312	width: 100%;	1311	width: 100%;
1313	height: 112rpx;	1312	height: 112rpx;
1314	background-color: #ff6b4a;	1313	background-color: #ff6b4a;
1315	font-size: 16px;	1314	font-size: 16px;
1316	color: #ffffff;	1315	color: #ffffff;
1317	line-height: 112rpx;	1316	line-height: 112rpx;
1318	text-align: center;	1317	text-align: center;
1319	position: sticky;	1318	position: sticky;
1320	bottom: 0rpx;	1319	bottom: 0rpx;
1321	left: 0rpx;	1320	left: 0rpx;
1322	z-index: 9999;	1321	z-index: 9999;
1323	}	1322	}
1324	}	1323	}
1325	/* sheet弹窗 */	1324	/* sheet弹窗 */
1326	.sheet{	1325	.sheet{
1327	width: 100%;	1326	width: 100%;
1328	height: 100%;	1327	height: 100%;
1329	position: fixed;	1328	position: fixed;
1330	top: 150%;	1329	top: 150%;
1331	left: 0upx;	1330	left: 0upx;
1332	bottom: 0upx;	1331	bottom: 0upx;
1333	right: 0upx;	1332	right: 0upx;
1334	background:rgba(0,0,0,0.3);	1333	background:rgba(0,0,0,0.3);
1335	z-index: 10000;	1334	z-index: 10000;
1336	}	1335	}
1337		1336
1338	/* 显示时候的动画默认0.5s */	1337	/* 显示时候的动画默认0.5s */

src/pages/addOpticsData/addOpticsData.vue

Diff comments View file @0df2ead

1	<template>	1	<template>
2	<view class="wrap">	2	<view class="wrap">
3	<!-- 弹窗 -->	3	<!-- 弹窗 -->
4	<uni-popup ref="popup" type="center">	4	<uni-popup ref="popup" type="center">
5	<!-- 给一个左边弹窗的样式 -->	5	<!-- 给一个左边弹窗的样式 -->
6	<view class="popUpWrap" :class="{'popUpWrap1': whichTap == 0}">	6	<view class="popUpWrap" :class="{'popUpWrap1': whichTap == 0}">
7	<!-- 关闭弹窗按钮 -->	7	<!-- 关闭弹窗按钮 -->
8	<view class="closeBtn" @click="this.$refs.popup.close()"></view>	8	<view class="closeBtn" @click="this.$refs.popup.close()"></view>
9	<!-- 左 -->	9	<!-- 左 -->
10	<image class="glassInfo" src="../../static/img/myOpticsData/glassInfo.png" v-if="whichTap == 0" mode="aspectFit"></image>	10	<image class="glassInfo" src="../../static/img/myOpticsData/glassInfo.png" v-if="whichTap == 0" mode="aspectFit"></image>
11	<!-- 右 -->	11	<!-- 右 -->
12	<image class="dataInfo" src="../../static/img/myOpticsData/dataInfo.png" v-else mode="aspectFit"></image>	12	<image class="dataInfo" src="../../static/img/myOpticsData/dataInfo.png" v-else mode="aspectFit"></image>
13	</view>	13	</view>
14	</uni-popup>	14	</uni-popup>
15	<!-- 点击弹窗部分 -->	15	<!-- 点击弹窗部分 -->
16	<view class="header">	16	<view class="header">
17	<view class="headerLeft" @click=changeTap(1)>	17	<view class="headerLeft" @click=changeTap(1)>
18	<text>如何查看验光单？</text>	18	<text>如何查看验光单？</text>
19	<image src="../../static/dataLook.png" mode="aspectFit"></image>	19	<image src="../../static/dataLook.png" mode="aspectFit"></image>
20	</view>	20	</view>
21	<view class="headerRight" @click=changeTap(0)>	21	<view class="headerRight" @click=changeTap(0)>
22	<text>如何查看眼镜框架？</text>	22	<text>如何查看眼镜框架？</text>
23	<image src="../../static/glassLook.png" mode="aspectFit"></image>	23	<image src="../../static/glassLook.png" mode="aspectFit"></image>
24	</view>	24	</view>
25	</view>	25	</view>
26	<!-- 数据展示部分 -->	26	<!-- 数据展示部分 -->
27	<view class="dataMenu">	27	<view class="dataMenu">
28	<uni-collapse accordion="true">	28	<uni-collapse accordion="true">
29	<view class="item" v-for="(loveItem,index) in loveList" :key="index" >	29	<view class="item" v-for="(loveItem,index) in loveList" :key="index" >
30	<uni-collapse-item :title='loveItem.name' :time='getRightTime(loveItem.in_time)' :iconText='getFirstName(loveItem.name)' showAnimation='true'>	30	<uni-collapse-item :title='loveItem.name' :time='getRightTime(loveItem.in_time)' :iconText='getFirstName(loveItem.name)' showAnimation='true'>
31	<view class="loveDataInfo" @click="toNewData(2,index)">	31	<view class="loveDataInfo" @click="toNewData(2,index)">
32	<view class="dataInfoItem">	32	<view class="dataInfoItem">
33	<text>度数（SPH）：</text><text>左：{{loveItem.leftSph}}</text><text>右：{{loveItem.rightSph}}</text>	33	<text>度数（SPH）：</text><text>左：{{loveItem.leftSph}}</text><text>右：{{loveItem.rightSph}}</text>
34	</view>	34	</view>
35	<view class="dataInfoItem">	35	<view class="dataInfoItem">
36	<text>散光（CYL）：</text><text>左：{{loveItem.leftCyl}}</text><text>右：{{loveItem.rightCyl}}</text>	36	<text>散光（CYL）：</text><text>左：{{loveItem.leftCyl}}</text><text>右：{{loveItem.rightCyl}}</text>
37	</view>	37	</view>
38	<view class="dataInfoItem">	38	<view class="dataInfoItem">
39	<text>轴位（AXI）：</text><text>左：{{loveItem.leftAxi}}</text><text>右：{{loveItem.rightAxi}}</text>	39	<text>轴位（AXI）：</text><text>左：{{loveItem.leftAxi}}</text><text>右：{{loveItem.rightAxi}}</text>
40	</view>	40	</view>
41	<view class="dataInfoItem">	41	<view class="dataInfoItem">
42	<text>瞳距（PD）：</text><text>{{loveItem.pd}}</text>	42	<text>瞳距（PD）：</text><text>{{loveItem.pd}}</text>
43	</view>	43	</view>
44	<view class="dataInfoItem">	44	<view class="dataInfoItem">
45	<text>镜片宽度：</text><text>{{loveItem.glassWidth!=='0'?loveItem.glassWidth:'暂无数据'}}</text>	45	<text>镜片宽度：</text><text>{{loveItem.glassWidth!=''?loveItem.glassWidth:'暂无数据'}}</text>
46	</view>	46	</view>
47	<view class="dataInfoItem">	47	<view class="dataInfoItem">
48	<text>鼻梁宽度：</text><text>{{loveItem.norseWidth!=='0'?loveItem.norseWidth:'暂无数据'}}</text>	48	<text>鼻梁宽度：</text><text>{{loveItem.norseWidth!=''?loveItem.norseWidth:'暂无数据'}}</text>
49	</view>	49	</view>
50	<view class="dataInfoItem">	50	<view class="dataInfoItem">
51	<text>镜腿长度：</text><text>{{loveItem.legWidth!=='0'?loveItem.legWidth:'暂无数据'}}</text>	51	<text>镜腿长度：</text><text>{{loveItem.legWidth!=''?loveItem.legWidth:'暂无数据'}}</text>
52	</view>	52	</view>
53	</view>	53	</view>
54	</uni-collapse-item>	54	</uni-collapse-item>
55	</view>	55	</view>
56	</uni-collapse>	56	</uni-collapse>
57	</view>	57	</view>
58	<view class="footer">	58	<view class="footer">
59	<button class="btn" type="default" @click="toNewData(1)">新建验光单</button>	59	<button class="btn" type="default" @click="toNewData(1)">新建验光单</button>
60	</view>	60	</view>
61	</view>	61	</view>
62	</template>	62	</template>
63		63
64	<script>	64	<script>
65	import UniCollapse from '@/components/UniCollapse/UniCollapse.vue'	65	import UniCollapse from '@/components/UniCollapse/UniCollapse.vue'
66	import UniCollapseItem from '@/components/UniCollapseItem/UniCollapseItem.vue'	66	import UniCollapseItem from '@/components/UniCollapseItem/UniCollapseItem.vue'
67	import UniPopup from '@/components/UniPopup/uni-popup.vue'	67	import UniPopup from '@/components/UniPopup/uni-popup.vue'
68	import store from '@/store';	68	import store from '@/store';
69	export default {	69	export default {
70	components: {UniCollapse,UniCollapseItem,UniPopup},	70	components: {UniCollapse,UniCollapseItem,UniPopup},
71	data() {	71	data() {
72	return {	72	return {
73	whichTap:0	73	whichTap:0
74	};	74	};
75	},	75	},
76	onShow() {	76	onShow() {
77	//获取关心的人列表	77	//获取关心的人列表
78	store.dispatch('myLoveList/getLoveList', {	78	store.dispatch('myLoveList/getLoveList', {
79	uid: this.$store.state.user.userInfo.uid,	79	uid: this.$store.state.user.userInfo.uid,
80	});	80	});
81	},	81	},
82	onLoad: function(option) {	82	onLoad: function(option) {
83	// //获取关心的人列表	83	// //获取关心的人列表
84	// store.dispatch('myLoveList/getLoveList', {	84	// store.dispatch('myLoveList/getLoveList', {
85	// uid: this.$store.state.user.userInfo.uid,	85	// uid: this.$store.state.user.userInfo.uid,
86	// });	86	// });
87	},	87	},
88	computed:{	88	computed:{
89	loveList() {	89	loveList() {
90	console.log(this.$store.state.myLoveList.loveList)	90	// console.log(this.$store.state.myLoveList.loveList)
91	return this.$store.state.myLoveList.loveList \|\| []	91	return this.$store.state.myLoveList.loveList \|\| []
92	},	92	},
93	},	93	},
94	methods:{	94	methods:{
95	changeTap(item){	95	changeTap(item){
96	this.whichTap = item	96	this.whichTap = item
97	this.$refs.popup.open()	97	this.$refs.popup.open()
98	},	98	},
99	//给时间搞一个nice的格式	99	//给时间搞一个的格式
100	getRightTime(time){	100	getRightTime(time){
101	//如果小于10 则返回'0'+m	101	//如果小于10 则返回'0'+m
102	// function add(m){return m<10?'0'+m:m}	102	// function add(m){return m<10?'0'+m:m}
103	//传给我的带有时分秒，想去除一下，但是完事IOS显示NaN，暂时不用吧	103	//传给我的带有时分秒，想去除一下，但是完事IOS显示NaN，暂时不用吧
104	// const oldTime = (new Date(time)).getTime()	104	// const oldTime = (new Date(time)).getTime()
105	// const year = new Date(oldTime).getFullYear()	105	// const year = new Date(oldTime).getFullYear()
106	// const month = new Date(oldTime).getMonth()+1	106	// const month = new Date(oldTime).getMonth()+1
107	// const day = new Date(oldTime).getDate()	107	// const day = new Date(oldTime).getDate()
108	// const newTime = add(year)+'-'+add(month)+'-'+add(day)	108	// const newTime = add(year)+'-'+add(month)+'-'+add(day)
109		109
110	// console.log(newTime)	110	// console.log(newTime)
111	// return newTime.replace(/-/g, '/')	111	// return newTime.replace(/-/g, '/')
112	return time	112	return time
113	},	113	},
114	getFirstName(name){	114	getFirstName(name){
115	return name.substring(0,1)	115	return name.substring(0,1)
116	},	116	},
117	toNewData(item,index){	117	toNewData(item,index){
118	// const args={	118	// const args={
119	// name:loveItem.name,	119	// name:loveItem.name,
120	// pd:loveItem.pd,	120	// pd:loveItem.pd,
121	// leftSph:loveItem.leftSph,	121	// leftSph:loveItem.leftSph,
122	// rightSph:loveItem.rightSph,	122	// rightSph:loveItem.rightSph,
123	// leftCyl:loveItem.leftCyl,	123	// leftCyl:loveItem.leftCyl,
124	// rightCyl:loveItem.rightCyl,	124	// rightCyl:loveItem.rightCyl,
125	// leftAxi:loveItem.leftAxi,	125	// leftAxi:loveItem.leftAxi,
126	// rightAxi:loveItem.rightAxi	126	// rightAxi:loveItem.rightAxi
127	// }	127	// }
128	uni.navigateTo({	128	uni.navigateTo({
129	// kinds 参数为 1 表示添加新的验光单， 2 表示更新验光单	129	// kinds 参数为 1 表示添加新的验光单， 2 表示更新验光单
130	// name 表示修改的人名儿，pd瞳距	130	// name 表示修改的人名儿，pd瞳距
131	url:'../newOpticsData/newOpticsData?kinds='+item+'&index='+index	131	url:'../newOpticsData/newOpticsData?kinds='+item+'&index='+index
132	})	132	})
133	}	133	}
134	}	134	}
135	}	135	}
136	</script>	136	</script>
137		137
138	<style lang="scss">	138	<style lang="scss">
139	.wrap{	139	.wrap{
140	min-height: 100vh;	140	min-height: 100vh;
141	width: 100%;	141	width: 100%;
142	background-color: #F2F2F2;	142	background-color: #F2F2F2;
143	.header{	143	.header{
144	height: 304rpx;	144	height: 304rpx;
145	width: 100%;	145	width: 100%;
146	background-color: #FFFFFF;	146	background-color: #FFFFFF;
147	display: flex;	147	display: flex;
148	justify-content: space-around;	148	justify-content: space-around;
149	align-items: center;	149	align-items: center;
150	view{	150	view{
151	height: 210rpx;	151	height: 210rpx;
152	width: 304rpx;	152	width: 304rpx;
153	background: #FDF7F5;	153	background: #FDF7F5;
154	border-radius: 4px;	154	border-radius: 4px;
155	border-radius: 4px;	155	border-radius: 4px;
156	display: flex;	156	display: flex;
157	flex-direction: column;	157	flex-direction: column;
158	align-items: center;	158	align-items: center;
159	justify-content: center;	159	justify-content: center;
160	text{	160	text{
161	font-size: 12px;	161	font-size: 12px;
162	color: #333333;	162	color: #333333;
163	}	163	}
164	image{	164	image{
165	height: 144rpx;	165	height: 144rpx;
166	width: 144rpx;	166	width: 144rpx;
167	}	167	}
168	}	168	}
169	}	169	}
170	.dataMenu{	170	.dataMenu{
171	margin-top: 20rpx;	171	margin-top: 20rpx;
172	box-shadow: 0 0 4px 0 rgba(133,107,107,0.10);	172	box-shadow: 0 0 4px 0 rgba(133,107,107,0.10);
173	width: 100%;	173	width: 100%;
174	background-color: #FFFFFF;	174	background-color: #FFFFFF;
175	margin-bottom: 120rpx;	175	margin-bottom: 120rpx;
176	.item{	176	.item{
177	padding: 0 40rpx;	177	padding: 0 40rpx;
178	.loveDataInfo{	178	.loveDataInfo{
179	padding: 0 44rpx 0 70rpx;	179	padding: 0 44rpx 0 70rpx;
180	display: flex;	180	display: flex;
181	justify-content: space-around;	181	justify-content: space-around;
182	flex-direction: column;	182	flex-direction: column;
183	align-items: flex-start;	183	align-items: flex-start;
184	.dataInfoItem{	184	.dataInfoItem{
185	font-size: 12px;	185	font-size: 12px;
186	color: #333333;	186	color: #333333;
187	margin-bottom: 34rpx;	187	margin-bottom: 34rpx;
188	text{	188	text{
189	font-size: 12px;	189	font-size: 12px;
190	color: #2A2A2A;	190	color: #2A2A2A;
191	margin-right: 20rpx;	191	margin-right: 20rpx;
192	}	192	}
193	}	193	}
194	}	194	}
195	}	195	}
196	}	196	}
197	.footer{	197	.footer{
198	width: 100%;	198	width: 100%;
199	position: fixed;	199	position: fixed;
200	bottom: 0;	200	bottom: 0;
201	left: 0;	201	left: 0;
202	.btn{	202	.btn{
203	width: 100%;	203	width: 100%;
204	height: 112rpx;	204	height: 112rpx;
205	line-height: 112rpx;	205	line-height: 112rpx;
206	background: #FF6B4A;	206	background: #FF6B4A;
207	font-size: 16px;	207	font-size: 16px;
208	color: #FFFFFF;	208	color: #FFFFFF;
209	}	209	}
210	}	210	}
211	}	211	}
212	.popUpWrap{	212	.popUpWrap{
213	height: 850rpx;	213	height: 850rpx;
214	width: 542rpx;	214	width: 542rpx;
215	background-color: #FFFFFF;	215	background-color: #FFFFFF;
216	border-radius: 4px;	216	border-radius: 4px;
217	border: 1px solid #979797;	217	border: 1px solid #979797;
218	.closeBtn{	218	.closeBtn{
219	height: 28rpx;	219	height: 28rpx;
220	width: 28rpx;	220	width: 28rpx;
221	// border: 1px solid red;	221	// border: 1px solid red;
222	position: absolute;	222	position: absolute;
223	top: 20rpx;	223	top: 20rpx;
224	right: 20rpx;	224	right: 20rpx;
225	}	225	}
226	.glassInfo{	226	.glassInfo{
227	height: 474rpx;	227	height: 474rpx;
228	width: 528rpx;	228	width: 528rpx;
229	}	229	}
230	.dataInfo{	230	.dataInfo{
231	height: 850rpx;	231	height: 850rpx;
232	width: 542rpx;	232	width: 542rpx;
233	}	233	}
234	}	234	}
235	.popUpWrap1{	235	.popUpWrap1{
236	height: 474rpx;	236	height: 474rpx;
237	width: 528rpx;	237	width: 528rpx;
238	border-radius: 4px;	238	border-radius: 4px;
239	border: 1px solid #979797;	239	border: 1px solid #979797;
240	}	240	}
241		241
242	</style>	242	</style>
243		243

src/pages/confirmOrder/confirmOrder.vue

Diff comments View file @0df2ead

 <template>
   <view class="wrap">
     <view></view>
     <view
       class="addAddress"
       @tap="toaddAddress"
       v-if="this.showAddress"
     >
       <view class="addIcon">
         <image
           src="../../static/add.png"
           mode="aspectFill"
         ></image>
       </view>
       <view class="addressText">{{addAddress}}</view>
       <image
         src="../../static/right.png"
         mode="aspectFill"
       ></image>
     </view>
     <view
       v-else
       @tap="toaddAddress"
       class="list order-user"
     >
       <view class="order-user-head">
         <view class="name">
           <view
             v-if="addressInfo.default === '1'"
             class="default"
           ><text>默认</text></view>{{addressInfo.name}}
         </view>
         <text class="mobile">{{addressInfo.mobile}}</text>
       </view>
       <view class="order-user-body">
         <image src="../../static/myorder-paying-location.png"></image>
         <text class="address">{{addressInfo.address}}\n{{addressInfo.add_detail}}</text>
       </view>
       <image
         class="arrow"
         src="../../static/right.png"
         mode="aspectFill"
       ></image>
     </view>
     <view class="content">
       <view class="orderInfo">
         <view class="title">
           <image
             src="../../static/store.png"
             mode="aspectFill"
             style="width: 40rpx;height: 40rpx;"
           ></image>
           <text>非常戴镜</text>
         </view>
         <view
           class="infoBox"
           v-if="isCart == 'true'"
           v-for="(item, index) in checkedCartLst"
           :key="index"
         >
           <view class="infoTop">
             <image
               :src="item.img_index_url"
               mode="aspectFill"
             ></image>
             <view class="infoRight">
               <text class="goodName">{{item.p_name}}</text>
               <text class="remarks">支持7天无理由退货 顺丰发货</text>
               <view class="priceBox">
                 <view class="price">¥{{Number(item.nowPrice) * item.num}}<text class="originCost">
                     ¥{{item.oldPrice*item.num}}
                   </text></view>
                 <view class="counter">
                   <view
                     class="btn"
                     disabled="this.disabled"
                     type="default"
                     @click="counter(false,index)"
                   >-</view>
                   <text>{{checkedCartLst[index].num}}</text>
                   <view
                     class="btn"
                     type="default"
                     @click="counter(true,index)"
                   >+</view>
                 </view>
               </view>
             </view>
           </view>
           <view class="infoBottom">
             <view class="norm">规格 <text>
                 <!-- 长度超出变省略号未做 -->
                 <block>{{item.sku_name}}<block v-if="index !== current.length -1">/</block>
                 </block>
               </text></view>
             <view class="shippingMethod">使用人 <text>
                 {{item.peopleName}}
               </text></view>
             <view class="shippingMethod">配送方式 <text>快递</text></view>
             <view class="message">买家留言
               <input
                 type="text"
                 :value="note"
                 placeholder="建议提前协商(50字以内)"
               />
             </view>
           </view>
         </view>
         <view
           class="infoBox"
           v-if="isCart !== 'true'"
         >
           <view class="infoTop">
             <image
               :src="buyItem.pic"
               mode="aspectFill"
             ></image>
             <view class="infoRight">
               <text class="goodName">{{goodInfo.p_name}}</text>
               <text class="remarks">支持7天无理由退货 顺丰发货</text>
               <view class="priceBox">
                 <view class="price">¥{{buyItem.real_price * count}}<text class="originCost">
                     ¥{{buyItem.out_price * count}}
                   </text></view>
                 <view class="counter">
                   <view
                     class="btn"
                     disabled="this.disabled"
                     type="default"
                     @click="counter(false)"
                   >-</view>
                   <text>{{count}}</text>
                   <view
                     class="btn"
                     type="default"
                     @click="counter(true)"
                   >+</view>
                 </view>
               </view>
             </view>
           </view>
           <view class="infoBottom">
             <view class="norm">规格 <text>
                 <!-- 长度超出变省略号未做 -->
                 <block
                   v-for="(item, index) in current"
                   :key="index"
                 >{{attrList[index].attr[item].name}}<block v-if="index !== current.length -1">/</block>
                 </block>
               </text></view>
             <view class="shippingMethod">使用人 <text>
                 {{name}}
               </text></view>
             <view class="shippingMethod">配送方式 <text>快递</text></view>
             <view class="message">买家留言
               <input
                 type="text"
                 :value="note"
                 placeholder="建议提前协商(50字以内)"
               />
             </view>
           </view>
         </view>
       </view>
       <view class="payWay">
         <view class="item">
           <text>支付方式</text>
           <view class="itemRight">
             <view class="rightText">
               <view class="choosePayWay">
                 <image
                   src="../../static/chat_logo.png"
                   mode="aspectFill"
                 ></image>
                 <text>微信支付</text>
               </view>
               <!-- <view class="randomSubstraction">最高随机立减￥99</view> -->
             </view>
             <!-- <image
               src="../../static/right.png"
               mode="aspectFill"
             ></image> -->
           </view>
         </view>
         <!-- <view class="item">
           <text>优惠券</text>
           <view class="itemRight">
             <view class="rightText">
               <view class="chooseOffers">
                 <text>-￥70.00</text>
               </view>
               <view class="preferentialWay">最大优惠</view>
             </view>
             <image
               src="../../static/right.png"
               mode="aspectFill"
             ></image>
           </view>
         </view> -->
         <view class="item">
           <text>运费</text>
           <view class="itemRight">
             <view class="freight">免运费</view>
           </view>
         </view>
         <view class="item">
           <text>合计</text>
           <view class="itemRight">
             <view class="total">¥{{totalPrice}}</view>
             <!-- <view class="total" v-else>¥{{Number(skuInfo.real_price) * count}}</view> -->
           </view>
         </view>
       </view>
       <!--
       <view class="checkBox">
         <checkbox-group>
           <label>
             <checkbox color="#FF6B4A" value="isAnonymous" checked="true" />匿名购买
           </label>
         </checkbox-group>
       </view> -->
     </view>
     <view class="last_zhanwei"></view>
     <view class="footer">
       <view class="footerLeft">实付金额:
         <text>¥{{totalPrice}}</text>
         <!-- <text v-else>¥{{Number(skuInfo.real_price) * count}}</text> -->
       </view>
       <view class="footerRight">
         <view
           class="paybtn"
           @tap="orderBuild"
         >立即支付</view>
       </view>
     </view>
   </view>
 </template>
 <script>
 import store from '@/store'
 import MD5Util from '../../utils/md5'
 export default {
   data() {
     return {
       name: String,
       addAddress: '添加收货地址',
       count: 1,
       pid: 0,
       disabled: false,
       freight: 0.0,
       showAddress: false,
       note: '',
       addressInfo: {
         address: '',
       },
 	  isCart: Boolean,
       // isAnonymous:
 	  checkedCartLst: [],
     }
   },
   onShow(addressId) {
   	// console.log('+-+-*-*-+-+',addressId)
     if (addressId) {
 	  store
 	    .dispatch('address/details', {
 	      add_id: addressId,
 	    })
 	    .then(({ code, data }) => {
 	      if (code === 1) {
 	        // console.log('code', code, data)
 	        this.showAddress = true
 	        this.addressInfo = data
 	      }
 	    })
     }
   },
   onLoad({ pid, addressId, isCart, count, name }) {
 	  if (isCart == 'false') {
       this.pid = pid
-      store.dispatch('read/fetch', {
+    //   store.dispatch('read/fetch', {
-		  pid,
+		  // pid,
-      })
+    //   })
 	  }
     this.count = count
     this.name = name
     this.isCart = isCart
     console.log('++++++++++++' + pid, addressId, isCart)
     this.checkedCartLst = this.$store.state.cart.checkedCartLst
     // console.log('++++++++++6666666666++',this.$store.state.cart.checkedCartLst)
     // 若已经选择地址
     if (addressId) {
       store
         .dispatch('address/details', {
           add_id: addressId,
         })
         .then(({ code, data }) => {
           if (code === 1) {
             // console.log('code', code, data)
             this.showAddress = true
             this.addressInfo = data
           }
         })
     } else {
       store.dispatch('address/default').then(({ code, data }) => {
         if (code === 1) {
           // console.log('code', code, data)
           this.showAddress = true
           this.addressInfo = data
         }
       })
     }
   },
   computed: {
 	  totalPrice() {
 		  if (this.isCart == 'true') {
 			  let total = 0
 			  this.$store.state.cart.checkedCartLst.map(item => {
 			  	total += item.nowPrice * item.num
 			  })
         return total
 		  } else {
 			  return this.buyItem.real_price * this.count
 		  }
 	  },
 	  buyItem() {
 		  return this.$store.state.cart.buyItem
 	  },
 	  // checkedCartLst(){
 		 //  console.log('checkedCartLst',this.$store.state.cart.checkedCartLst)
 		 //  return this.$store.state.cart.checkedCartLst
 	  // },
     goodInfo() {
       console.log('state', this.$store.state.read.goodInfo)
       return this.$store.state.read.goodInfo
     },
     skuInfo() {
       return this.$store.state.order.param.sk_id_arr
     },
     attrList() {
       return this.$store.state.order.param.attrList
     },
     current() {
       return this.$store.state.order.param.current
     },
   },
   methods: {
     counter(isadd, index) {
       if (isadd) {
 		  if (this.isCart == 'true') {
 			  this.checkedCartLst[index].num++
 		  } else {
           this.count++
 		  }
       } else {
 		  if (this.isCart == 'true') {
 		   this.checkedCartLst[index].num <= 1 ? (this.disabled = true) : this.checkedCartLst[index].num--
 		  } else {
 		  	this.count <= 1 ? (this.disabled = true) : this.count--
 		  }
       }
     },
     // 跳转添加地址页面
     toaddAddress() {
       uni.navigateTo({
         url: `../address/addressList?edit=${1}`,
         success: res => {},
         fail: error => {
           console.log('跳转到地址列表页面失败====>', error)
         },
         complete: () => {},
       })
     },
     // 下单
     orderBuild() {
       uni.showLoading({
         title: '支付中',
       })
 	  if (this.isCart === 'true') {
 		  const checkedGoods = []
 		  const sk_id_arr = []
 		  this.checkedCartLst.map(item => {
 			  checkedGoods.push(item.cart_id)
 			  sk_id_arr.push(item.sk_id)
 		  })
 		  store.dispatch('order/build', {
           uid: this.$store.state.user.userInfo.uid,
 		    address: JSON.stringify(this.addressInfo),
           checkedGoods: checkedGoods,
 		    sk_id_arr: sk_id_arr,
 		    totalPrice: this.totalPrice,
 		  }).then((res) => {
 		    this.pay(res)
 		  })
 	  }
 	  if (this.isCart === 'false') {
 		  const { sk_id_arr: skId, mp_id: mpId } = this.$store.state.order.param
 		  store.dispatch('order/buyNow', {
 		    pid: skId.pid,
 		    sk_id: skId.sk_id,
 		    number: this.count,
 		    mp_id: mpId,
 		    address: JSON.stringify(this.addressInfo),
 		    totalPrice: this.totalPrice,
 		    liuyan: this.note,
 		    dir: 1,
 		  }).then((res) => {
 		    this.pay(res)
 		  })
 	  }
     },
     // 支付
     pay(res) {
       console.log('pay', res)
       const { data, exKeyName: keyName } = res
       const uid = uni.getStorageSync('uid')
       const timeStamp = new Date().getTime().toString()
       const nonceStr = 'asfafasfasfasfasf'
       // 支付参数
       const fieldSet = {
         openid: this.$store.state.user.userInfo.openid,
         uid: this.$store.state.user.userInfo.uid,
         shopid: 0,
         payCate: 2020,
         payMoney: this.totalPrice,
         payWoodId: `fcdj-${uid}-${keyName}`,
         payWoodDesc: '在【非常戴镜】的微信付款凭证',
         nonceStr,
         signType: 'MD5',
         app_uid: 2020,
         timeStamp,
         keyname: keyName,
         billInfo: JSON.stringify(data),
       }
       // 请求后台支付接口
       store.dispatch('order/pay', fieldSet).then(({ data, data2, pay_id: payId }) => {
         if (data.return_code === 'SUCCESS' && data.result_code === 'SUCCESS') {
           const stringA = `appId=wx115b25aa396d27ac&nonceStr=${nonceStr}&package=prepay_id=${data.prepay_id}&signType=MD5&timeStamp=${timeStamp}`
           const stringSignTemp = stringA + '&key=NewMoney2017hatemydaddy123456789'
           // 微信支付接口
           uni.requestPayment({
             appId: data.appid,
             timeStamp,
             nonceStr,
             total_fee: this.totalPrice,
             package: `prepay_id=${data.prepay_id}`,
             signType: 'MD5',
             paySign: MD5Util.MD5(stringSignTemp).toUpperCase(),
             success: (res) => {
               // 支付成功
               uni.showModal({
                 content: '支付成功',
                 showCancel: false,
               })
               // 跳转订单详情页->状态 待收货
               uni.reLaunch({
                 url: `../myOrderPaying/myOrderPaying?payId=${payId}&status=1&isPay=1`,
               })
             },
             fail: (res) => {
               // 支付失败
               uni.showModal({
                 content: '支付失败',
                 showCancel: false,
               })
               // 跳转订单详情页->状态 待付款
               uni.reLaunch({
                 url: `../myOrderPaying/myOrderPaying?payId=${payId}&status=0&isPay=1`,
               })
             },
             complete: () => {
               uni.hideLoading()
             },
           })
         } else {
           uni.showModal({
             content: '支付失败',
             showCancel: false,
           })
           console.log('支付失败')
           uni.hideLoading()
         }
       })
     },
   },
 }
 </script>
 <style lang="scss">
 .wrap {
   height: 100vh;
   background-color: #f2f2f2;
   font-family: PingFangSC-Regular;
   letter-spacing: -0.23px;
   position: absolute;
 }
 .addAddress {
   background-color: #ffffff;
   box-sizing: border-box;
   height: 124rpx;
   width: 100%;
   display: flex;
   align-items: center;
   padding: 0 40rpx;
   .addIcon {
     background-color: #f2f2f2;
     height: 56rpx;
     width: 60rpx;
     border-radius: 4rpx;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-right: 40rpx;
   }
   image {
     height: 28rpx;
     width: 30rpx;
   }
   .addressText {
     font-size: 28rpx;
     color: #333333;
     margin-right: 364rpx;
   }
 }
 .content {
   background-color: #f2f2f2;
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 40rpx;
   box-sizing: border-box;
   .orderInfo {
     width: 670rpx;
     min-height: 488rpx;
     background-color: #ffffff;
     border-radius: 20rpx;
     box-sizing: border-box;
     padding: 0 40rpx 40rpx 40rpx;
     .title {
       display: flex;
       align-items: center;
       font-size: 28rpx;
       color: #333333;
       height: 60rpx;
       line-height: 40rpx;
       padding: 10rpx 10rpx 10rpx 0rpx;
       image {
         margin-right: 20rpx;
       }
     }
     .infoBox {
       margin-top: 42rpx;
       .infoTop {
         display: flex;
         flex-direction: row;
         image {
           height: 188rpx;
           width: 188rpx;
           margin-right: 24rpx;
         }
         .infoRight {
           width: 374rpx;
           display: flex;
           flex-direction: column;
           align-items: flex-start;
           justify-content: space-between;
           .goodName {
             font-size: 28rpx;
             color: #333333;
           }
           .remarks {
             font-size: 20rpx;
             color: #999999;
           }
           .priceBox {
             display: flex;
             justify-content: space-between;
             align-items: center;
             width: 100%;
             .price {
               color: #ff6b4a;
               font-size: 28rpx;
+			  text{
+				  margin-left: 10rpx;
+			  }
             }
             .originCost {
               text-decoration: line-through;
               color: #999999;
               font-size: 20rpx;
             }
             .counter {
               display: flex;
               flex-direction: row;
               justify-content: space-between;
               font-size: 28rpx;
               color: #333333;
               width: 122rpx;
               .btn {
                 display: flex;
                 justify-content: center;
                 line-height: 32rpx;
                 height: 32rpx;
                 width: 32rpx;
                 background-color: #f2f2f2;
                 color: #cfcfcf;
               }
             }
           }
         }
       }
       .infoBottom {
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
         font-size: 24rpx;
         color: #333333;
         text {
           color: #999999;
           margin-left: 20rpx;
         }
         .norm {
           margin-top: 28rpx;
         }
         .shippingMethod {
           margin-top: 12rpx;
         }
         .message {
           display: flex;
           flex-direction: row;
           align-items: center;
           margin-top: 18rpx;
           input {
             margin-left: 20rpx;
             width: 75%;
           }
         }
       }
     }
   }
   .payWay {
     height: 464rpx;
     width: 670rpx;
     background-color: #ffffff;
     color: #333333;
     font-size: 24rpx;
     border-radius: 20rpx;
     box-sizing: border-box;
     padding: 0 52rpx 0rpx 40rpx;
     margin-top: 20rpx;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     .item {
       display: flex;
       flex-direction: row;
       justify-content: space-between;
       align-items: center;
       width: 100%;
       height: 115rpx;
       .itemRight {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         align-items: center;
         image {
           height: 24rpx;
           width: 12rpx;
         }
         .rightText {
           margin-right: 20rpx;
           text-align: right;
           .choosePayWay {
             display: flex;
             align-items: center;
             text {
               color: #333333;
             }
             image {
               height: 36rpx;
               width: 40rpx;
               margin-right: 8px;
             }
           }
           .randomSubstraction {
             color: #ff6b4a;
           }
           .preferentialWay {
             color: #999999;
           }
         }
         .freight,
         .total {
           margin-right: 32rpx;
         }
         text {
           color: #ff6b4a;
         }
       }
     }
   }
   // .checkBox {
   //   height: 58rpx;
   //   line-height: 58rpx;
   //   width: 100%;
   //   margin-top: 36rpx;
   //   margin-left: 40rpx;
   //   font-size: 12px;
   //   color: #999999;
   // }
 }
 .footer {
   height: 112rpx;
   width: 100%;
   background-color: #fff;
   font-size: 16px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: fixed;
   bottom: 0;
   z-index: 9999;
   .footerLeft {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 50%;
     color: #333333;
     text {
       color: #ff6b4a;
     }
   }
   .footerRight {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     width: 50%;
     margin-right: 26rpx;
     .paybtn {
       display: flex;
       justify-content: center;
       align-items: center;
       background: #ff6b4a;
       border-radius: 20px;
       border-radius: 20px;
       color: #ffffff;
       width: 204rpx;
       height: 80rpx;
     }
   }
 }
 // 地址信息样式
 .order-user {
   width: 670rpx;
   height: 228rpx;
   background: #ffffff;
   border-radius: 14rpx;
   margin: 0 auto;
   margin-top: 20rpx;
   position: relative;
   .order-user-head {
     display: flex;
     height: 108rpx;
     width: 100%;
     align-items: center;
     padding-left: 126rpx;
     box-sizing: border-box;
     .name {
       display: flex;
       justify-content: space-between;
       font-size: 14px;
       color: #333333;
       letter-spacing: -0.26px;
       margin-right: 20rpx;
       .default {
         height: 40rpx;
         width: 80rpx;
         background-color: #4a90e2;
         border-radius: 13px;
         border-radius: 13px;
         text-align: center;
         margin-right: 20rpx;
         text {
           display: flex;
           justify-content: center;
           align-items: center;
           font-size: 12px;
           color: #ffffff;
           letter-spacing: -0.23px;
         }
       }
     }
     .mobile {
       font-size: 14px;
       color: #999999;
       letter-spacing: -0.26px;
     }
   }
   .order-user-body {
     display: flex;
     width: 100%;
     image {
       width: 24px;
       height: 28px;
       margin: 12rpx 32rpx 0 40rpx;
     }
     .address {
       font-weight: bold;
       font-size: 14px;
       color: #333333;
       letter-spacing: -0.26px;
     }
   }
   .arrow {
     width: 12px;
     height: 12px;
     position: absolute;
     right: 40rpx;
     bottom: 104rpx;
   }
 }
 .last_zhanwei {
   background: #f2f2f2;
   height: 60px;
 }
 </style>

src/pages/newOpticsData/newOpticsData.vue

Diff comments View file @0df2ead

 <template>
 	<view class="wrap">
 		<view class="body">
 			<template >
 				<view class="goods-form">
 					<view class="p1">
 						<image class="image2" src="../../static/img/myOpticsData/dataWrite.png" mode="aspectFit"></image>
 						填写验光数据
 					</view>
 					<text class="p2">没有验光数据？请到线下眼镜店验光哦～</text>
 					<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>
 					</view>
 					<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>
 							<!-- <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]}}
 								<image src="../../static/detail-tabicon.png" ></image>
 								</view>
 								<!-- <image src="../../static/detail-tabicon.png" ></image> -->
 							</picker>
 							<text class="p13">右&nbsp;&nbsp;&nbsp;(OS)</text>
 							<!-- <text class="p14">{{pickerInfoList[0].nameArray2[pickerInfoList[0].nameIndex2]}}</text> -->
 							<picker @change="bindPickerChange02" :value="pickerInfoList[0].nameIndex2" :range="pickerInfoList[0].nameArray2">
 								<view class="p14">
 								{{pickerInfoList[0].nameArray2[pickerInfoList[0].nameIndex2]}}
 								<image src="../../static/detail-tabicon.png" ></image>
 								</view>
 								<!-- <image src="../../static/detail-tabicon.png" ></image> -->
 							</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>
 							<!-- <text class="p14">{{pickerInfoList[1].nameArray1[pickerInfoList[1].nameIndex1]}}</text> -->
 							<picker @change="bindPickerChange11" :value="pickerInfoList[1].nameIndex1" :range="pickerInfoList[1].nameArray1">
 								<view class="p14">
 									{{pickerInfoList[1].nameArray1[pickerInfoList[1].nameIndex1]}}
 									<image src="../../static/detail-tabicon.png" ></image>
 								</view>
 								<!-- <image src="../../static/detail-tabicon.png" ></image> -->
 							</picker>
 							<text class="p13">右&nbsp;&nbsp;&nbsp;(OS)</text>
 							<!-- <text class="p14">{{pickerInfoList[1].nameArray2[pickerInfoList[1].nameIndex2]}}</text> -->
 							<picker @change="bindPickerChange12" :value="pickerInfoList[1].nameIndex2" :range="pickerInfoList[1].nameArray2">
 								<view class="p14">
 									{{pickerInfoList[1].nameArray2[pickerInfoList[1].nameIndex2]}}
 									<image src="../../static/detail-tabicon.png" ></image>
 								</view>
 								<!-- <image src="../../static/detail-tabicon.png" ></image> -->
 							</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>
 							<picker @change="bindPickerChange21" :value="pickerInfoList[2].nameIndex1" :range="pickerInfoList[2].nameArray1">
 								<view class="p14">
 									{{pickerInfoList[2].nameArray1[pickerInfoList[2].nameIndex1]}}
 									<image src="../../static/detail-tabicon.png" ></image>
 								</view>
 							</picker>
 							<text class="p13">右&nbsp;&nbsp;&nbsp;(OS)</text>
 							<!-- <text class="p14">{{pickerInfoList[2].nameArray2[pickerInfoList[2].nameIndex2]}}</text> -->
 							<picker @change="bindPickerChange22" :value="pickerInfoList[2].nameIndex2" :range="pickerInfoList[2].nameArray2">
 								<view class="p14">
 									{{pickerInfoList[2].nameArray2[pickerInfoList[2].nameIndex2]}}
 									<image src="../../static/detail-tabicon.png" ></image>
 								</view>
 								<!-- <image src="../../static/detail-tabicon.png" ></image> -->
 							</picker>
 						</view>
 					</view>
 					<view class="picker">
 						<view class="picker-choice">
 							<view class="choice-left">
 								<text class="pd">瞳距:</text>
 							</view>
 							<input type="digit" @change="handleInputPd" class="input"
 							placeholder="请输入瞳距,单位cm" maxlength="20" :value="pd" />
 						</view>
 					</view>
 					<view class="picker" >
 						<view class="picker-choice">
 							<view class="choice-left">
 								<text class="p11">{{pickerInfoList[3].nameC}}</text>
 							</view>
 							<text class="p13-date">年&nbsp;&nbsp;&nbsp;(Y)</text>
 							<picker @change="bindPickerChange41" :value="pickerInfoList[3].nameIndex1" :range="pickerInfoList[3].nameArray1">
 								<view class="p14" style="width: 30px;">
 									{{pickerInfoList[3].nameArray1[pickerInfoList[3].nameIndex1]}}
 									<image src="../../static/detail-tabicon.png" ></image>
 								</view>
 							</picker>
 							<text class="p13-date">月&nbsp;&nbsp;&nbsp;(M)</text>
 							<picker @change="bindPickerChange42" :value="pickerInfoList[3].nameIndex2" :range="pickerInfoList[3].nameArray2">
 								<view class="p14" style="width: 30px;">
 									{{pickerInfoList[3].nameArray2[pickerInfoList[3].nameIndex2]}}
 									<image src="../../static/detail-tabicon.png" ></image>
 								</view>
 							</picker>
 							<text class="p13-date">日&nbsp;&nbsp;&nbsp;(D)</text>
 							<picker @change="bindPickerChange43" :value="pickerInfoList[3].nameIndex3" :range="pickerInfoList[3].nameArray3">
 								<view class="p14" style="width: 30px;">
 									{{pickerInfoList[3].nameArray3[pickerInfoList[3].nameIndex3]}}
 									<image src="../../static/detail-tabicon.png" ></image>
 								</view>
 							</picker>
 						</view>
 					</view>
 					<view class="ipts">
 						<view class="inputItem">
 							<text class="text">镜片宽度</text>
-							<input class="input" @input="glassInfoInput($event,0)" type="text" :value="glassInfo.glassWidth" placeholder="请输入镜片宽度"/>
+							<input class="input" @input="glassInfoInput($event,0)" type="text" :value="glassInfo.glassWidth!='0'?glassInfo.glassWidth:''" placeholder="请输入镜片宽度"/>
 						</view>
 						<view class="inputItem">
 							<text class="text">鼻梁宽度</text>
-							<input class="input" @input="glassInfoInput($event,1)" type="text" :value="glassInfo.norseWidth" placeholder="请输入鼻梁宽度"/>
+							<input class="input" @input="glassInfoInput($event,1)" type="text" :value="glassInfo.norseWidth!='0'?glassInfo.norseWidth:''" placeholder="请输入鼻梁宽度"/>
 						</view>
 						<view class="inputItem">
 							<text class="text">镜腿长度</text>
-							<input class="input" @input="glassInfoInput($event,2)" type="text" :value="glassInfo.legWidth" placeholder="请输入镜腿长度"/>
+							<input class="input" @input="glassInfoInput($event,2)" type="text" :value="glassInfo.legWidth!='0'?glassInfo.legWidth:''" placeholder="请输入镜腿长度"/>
 						</view>
 					</view>
 					<view class="confirm">
 						<image class="image1" :src="confirm ? tabicon[0] : tabicon[1]" @tap="changeConfirm"></image>
 						<text>确认以上输入信息来源于我的验光数据!</text>
 					</view>
 				</view>
 				</template>
 			</view>
 		<view class="footer" @click="handleSubmit">
 			<button class="btn" type="default">提 交</button>
 		</view>
 	</view>
 </template>
 <script>
 	import store from '@/store';
 	export default {
 		data() {
 			return {
 				pickerInfoList:[
 				{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}
 				],
 				confirm: false, // 用户是否确认
 				tabicon:['/static/detail-button.png','/static/detail-button-unselected.png'],
 				name: '请输入W姓名',
 				oldname:'',// 用于判读用户是否改变名字
 				pickerInfoChioce:{
 					"leftSph": '',
 					"rightSph": '',
 					"leftCyl": '',
 					"rightCyl": '',
 					"leftAxi": '',
 					"rightAxi": '',
 					"time":{
 						"year":0,
 						"month": 0,
 						"day":0 ,
 					}
 				},
 				glassInfo:{
 					norseWidth:0,//鼻宽
 					glassWidth:0,//镜片宽度
 					legWidth:0//镜腿长度
 				},
 				pd: '',// 瞳距
 				oldpd: '',// 用于判断用户是否改变瞳距
 				kinds:Number, // kinds=1，提交为新增验光，2为修改
-				mp_id: Number
+				mp_id: Number,
+				loveItem:Object
 			};
 		},
 		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)
-				console.log('args===>',loveList[option.index].in_time.toString().slice(0,4))
+				// 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(5,6)==0)
-				console.log('args===>',loveList[option.index].in_time.toString().slice(8,10))
+				// 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
 				this.oldname=loveList[option.index].name
 				this.oldpd=loveList[option.index].pd
 				// 将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))
 				}
+				this.glassInfo.glassWidth = loveList[option.index].glassWidth
+				this.glassInfo.norseWidth = loveList[option.index].norseWidth
+				this.glassInfo.legWidth = loveList[option.index].legWidth
+				this.loveItem = loveList[option.index]
+			}
+		},
+		computed:{
+			//判断当前眼镜信息是否有0
+			glassInfoRight(){
+				const glassInfoArr = Object.values(this.glassInfo)
+				return glassInfoArr.find(item => item == '0') ==undefined
 			}
 		},
 		methods:{
 			glassInfoInput(e,type){
 				switch(type){
 					case 0:
 						this.glassInfo.glassWidth = e.detail.value
 					break;
 					case 1:
 						this.glassInfo.norseWidth = e.detail.value
 					break;
 					case 2:
 						this.glassInfo.legWidth = e.detail.value
 					break;
 					default:
 					break;
 				}
 			},
 			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: 2000,
 					})
 					this.pd = ''
 				}
 			},
+			updateMylove(){
+				const loveItem = this.loveItem
+				const glassWidth = this.glassInfo.glassWidth
+				const norseWidth = this.glassInfo.norseWidth
+				const legWidth = this.glassInfo.legWidth
+				// console.log(loveItem.glassWidth)
+				// console.log(glassWidth)
+				if(loveItem.glassWidth !== glassWidth){
+					store.dispatch('myLoveList/updateMylove', {
+						uid: this.$store.state.user.userInfo.uid,
+						openid: this.$store.state.user.userInfo.openid,
+						mp_id: this.mp_id,
+						keyname: 'glassWidth',
+						keyvalue: glassWidth
+					});
+				}
+				if(loveItem.norseWidth !== norseWidth){
+					store.dispatch('myLoveList/updateMylove', {
+						uid: this.$store.state.user.userInfo.uid,
+						openid: this.$store.state.user.userInfo.openid,
+						mp_id: this.mp_id,
+						keyname: 'norseWidth',
+						keyvalue: norseWidth
+					});
+				}
+				if(loveItem.legWidth !== legWidth){
+					store.dispatch('myLoveList/updateMylove', {
+						uid: this.$store.state.user.userInfo.uid,
+						openid: this.$store.state.user.userInfo.openid,
+						mp_id: this.mp_id,
+						keyname: 'legWidth',
+						keyvalue: legWidth
+					});
+				}
+			},
 			// 用户提交
 			handleSubmit(){
 				if(this.name==''){
 					uni.showToast({
 						title:"请输入验光单取名",
 						icon: "none",
 						duration: 2000,
 					})
 				}else{
 					if(this.pd==''){
 							uni.showToast({
 								title:"请输入瞳距",
 								icon: "none",
 								duration: 2000,
 							})
 					}else{
 						if(this.kinds==1){
 							// 添加用户验光单
-							console.log('kinds====>',this.pickerInfoChioce.leftSph)
-							console.log('kinds====>',this.pickerInfoChioce.leftSph==Number)
-							console.log('kinds====>',this.pickerInfoChioce.rightSph==Number)
 							if(this.pickerInfoChioce.rightSph==''||this.pickerInfoChioce.leftSph==''||
 							this.pickerInfoChioce.leftCyl==''||this.pickerInfoChioce.rightCyl==''||
-							this.pickerInfoChioce.leftAxi==''||this.pickerInfoChioce.rightAxi==''
+							this.pickerInfoChioce.leftAxi==''||this.pickerInfoChioce.rightAxi=='' ||!this.glassInfoRight
 							){
 								uni.showToast({
-									title:"请输入您的验光数据",
+									title:"请完善您的数据~",
 									icon: "none",
 									duration: 2000,
 								})
 							}else{
 								if(this.confirm){
 									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,
 										glassWidth:this.glassInfo.glassWidth,
 										norseWidth:this.glassInfo.norseWidth,
 										legWidth:this.glassInfo.legWidth
 										// 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
 									})
 								} else{
 									uni.showToast({
 										title:"请确认您的验光数据",
 										icon: "none",
 										duration: 3000,
 									})
 								}
 							}
 						}
 						if(this.kinds==2){
-							// console.log('kinds====>',this.kinds)
-							// console.log('pickerindex=====>',this.pickerInfoList[0].nameIndex1)
-							// console.log('this.pickerInfoChioce====>',type(this.pickerInfoChioce))
 							if(this.confirm){
 								const leftList = ["leftSph","leftCyl","leftAxi"];
 								const rightList = ["rightSph", "rightCyl", "rightAxi"];
 								let flag=0;
 								if(this.name!=this.oldname){
 									store.dispatch('myLoveList/updateMylove', {
 										uid: this.$store.state.user.userInfo.uid,
 										openid: this.$store.state.user.userInfo.openid,
 										mp_id: this.mp_id,
 										keyname: 'name',
 										keyvalue: this.name,
 									});
 									flag=1
 								}
 								if(this.pd!=this.oldpd){
 									store.dispatch('myLoveList/updateMylove', {
 										uid: this.$store.state.user.userInfo.uid,
 										openid: this.$store.state.user.userInfo.openid,
 										mp_id: this.mp_id,
 										keyname: 'pd',
 										keyvalue: this.pd,
 									});
 									flag=1
 								}
 								//  先验证是否有改动项，
 								for (let j=0; j<3; j++) {
 									if(this.pickerInfoList[j].nameIndex1!=0||this.pickerInfoList[j].nameIndex2!=0){
 										if(this.pickerInfoList[j].nameArray1[this.pickerInfoList[j].nameIndex1]!=''&&
 										this.pickerInfoList[j].nameArray2[this.pickerInfoList[j].nameIndex2]!=''){
 											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]
 												});
 											}
 											flag=1;
 										} else{
 											flag=0;
 											uni.showToast({
 												title:"请输入您的验光数据",
 												icon: "none",
 												duration: 2000,
 											})
 										}
 									}
 								}
+								this.updateMylove()
+								flag=1
 								if(flag!=0){
-									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,
 								})
 							}
 						}
 					}
 				}
 			},
 			changeConfirm() {
 			    this.confirm = !this.confirm
 			},
 			bindPickerChange01: function(e) {
 			    this.pickerInfoList[0].nameIndex1 = e.target.value
 				this.pickerInfoChioce.leftSph=this.pickerInfoList[0].nameArray1[e.target.value]
 			},
 			bindPickerChange02: function(e) {
 			    this.pickerInfoList[0].nameIndex2 = e.target.value
 				this.pickerInfoChioce.rightSph=this.pickerInfoList[0].nameArray2[e.target.value]
 			},
 			bindPickerChange11: function(e) {
 			    this.pickerInfoList[1].nameIndex1 = e.target.value
 				this.pickerInfoChioce.leftCyl=this.pickerInfoList[1].nameArray1[e.target.value]
 			},
 			bindPickerChange12: function(e) {
 			    this.pickerInfoList[1].nameIndex2 = e.target.value
 				this.pickerInfoChioce.rightCyl=this.pickerInfoList[1].nameArray2[e.target.value]
 			},
 			bindPickerChange21: function(e) {
 			    this.pickerInfoList[2].nameIndex1 = e.target.value
 				this.pickerInfoChioce.leftAxi=this.pickerInfoList[2].nameArray1[e.target.value]
 			},
 			bindPickerChange22: function(e) {
 			    this.pickerInfoList[2].nameIndex2 = e.target.value
 				 this.pickerInfoChioce.rightAxi=this.pickerInfoList[2].nameArray2[e.target.value]
 			},
 			bindPickerChange41: function(e) {
 			    this.pickerInfoList[3].nameIndex1 = e.target.value
 				this.pickerInfoChioce.time.year=this.pickerInfoList[3].nameArray1[e.target.value]
 			},
 			bindPickerChange42: function(e) {
 			    this.pickerInfoList[3].nameIndex2 = e.target.value
 				 this.pickerInfoChioce.time.month=this.pickerInfoList[3].nameArray2[e.target.value]
 			},
 			bindPickerChange43: function(e) {
 			    this.pickerInfoList[3].nameIndex3 = e.target.value
 				this.pickerInfoChioce.time.day=this.pickerInfoList[3].nameArray3[e.target.value]
 			},
 		}
 	}
 </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;
 		    }
 		    .p2 {
 		        font-size: 12px;
 		        color: #999999;
 		        letter-spacing: -0.23px;
 		        margin-bottom: 32rpx;
 		    }
 		    .image2{
 		        width: 42rpx;
 		        height: 34rpx;
 				margin-right: 12rpx;
 		    }
 		    .confirm {
 		        display: flex;
 		        align-items: center;
 		        font-size: 12px;
 		        color: #666666;
 		        letter-spacing: -0.23px;
 		        width: 684rpx;
 		        .image1{
 		            margin-right:25rpx;
 					width: 42rpx;
 					height: 38rpx;
 		        }
 		    }
 		    .picker{
 			display: flex;
 			flex-direction: column;
 			justify-content: center;
 			align-items: center;
 			width: 100%;
 			.picker-choice{
 				display: flex;
 				width: 684rpx;
 				align-items: center;
 		        margin-bottom: 40rpx;
 				.input{
 					border-bottom: 1px solid #CFCFCF;
 					height: 40rpx;
 				}
 				.choice-left{
 					width: 210rpx;
 					.pd{
 						font-size: 14px;
 						color: #333333;
 						letter-spacing: -0.26px;
 						text-align: justify;
 						line-height: 24px;
 						margin-right: 44rpx;
 					}
 					.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;
 		        }
 				picker{
 					width: 144rpx;
 					height: 40rpx;
 					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;
 					}
 				}
 			}
 		}
 		.ipts{
 			width: 100%;
 			display: flex;
 			flex-direction: column;
 			justify-content: center;
 			align-items: flex-start;
 			padding: 20rpx 36rpx;
 			box-sizing: border-box;
 			.inputItem{
 				display: flex;
 				flex-direction: row;
 				justify-content: center;
 				align-items: center;
 				margin-bottom: 36rpx;
 				.text{
 					margin-right: 100rpx;
 				}
 				.input{
 					border-bottom: 1px solid #CFCFCF;