刘文博 / gulu-vue

Download as
Browse Code »

Commit 137d6c3ecf4f422d2c71bd4192da67cc6b4fbbbe

Authored by 喻鹏
1 parent 53e23d4958
Exists in master

验光填充逻辑补充

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