Commit 56465b9943164fc07f943ed8b08580d264fc8767
1 parent
31dea37dac
Exists in
master
合并选购页
Showing
1 changed file
with
138 additions
and
1 deletions
Show diff stats
src/pages/detailStandard/detailStandard_sun.vue
| 1 | 1 | <template> |
| 2 | - <view class="container"> | |
| 2 | +<view> | |
| 3 | + <view class="container" v-if="type===2"> | |
| 3 | 4 | <view class="detail"> |
| 4 | 5 | <view class="detail1"><image v-bind:src="details.data.img_index_url"></image></view> |
| 5 | 6 | <view class="detail2"> |
| ... | ... | @@ -275,6 +276,139 @@ |
| 275 | 276 | <view class="zhanwei"></view> |
| 276 | 277 | <view class="button" @click="popSure(details.data.p_name,details.data.p_sale_price)" ><view>立即结算</view></view> |
| 277 | 278 | </view> |
| 279 | + <view class="container" v-if="type===4"> | |
| 280 | + <view class="detail"> | |
| 281 | + <view class="detail1"><image v-bind:src="details.data.img_index_url"></image></view> | |
| 282 | + <view class="detail2"> | |
| 283 | + <view class="detail2_name">{{details.data.p_name}}</view> | |
| 284 | + <view class="detail2_tui"><span>支持7天无条件退货</span><span>顺丰发货</span></view> | |
| 285 | + <view class="detail2_price"> | |
| 286 | + <span>￥{{details.data.p_sale_price*count}}</span> | |
| 287 | + <view class="counter"> | |
| 288 | + <view class="btn" disabled="this.disabled" @click="counter(false)">-</view> | |
| 289 | + <text>{{count}}</text> | |
| 290 | + <view class="btn" @click="counter(true)">+</view> | |
| 291 | + </view> | |
| 292 | + </view> | |
| 293 | + </view> | |
| 294 | + </view> | |
| 295 | + <view class="choose"> | |
| 296 | + <view class="colour"> | |
| 297 | + <view class="colour1" @click="xialachange(0)"> | |
| 298 | + <text>框架颜色</text> | |
| 299 | + <image v-bind:src="isNone[0].img"></image> | |
| 300 | + </view> | |
| 301 | + <view class="colour_exp">*{{navData.colour}}</view> | |
| 302 | + <view> | |
| 303 | + <view class="colour2" v-bind:class="{'colour2_none' : isNone[0].state}"> | |
| 304 | + <view | |
| 305 | + v-for="(items,index) in details.data.skuList" | |
| 306 | + :key="index" | |
| 307 | + @click="viewChoose(index)" | |
| 308 | + class="colour2_view" | |
| 309 | + v-bind:class="{'colour2_viewed': chooseNum == index}" | |
| 310 | + > | |
| 311 | + <image v-bind:src="items.pic" @click="colourChange(index,items.sku_name)"></image> | |
| 312 | + </view> | |
| 313 | + </view> | |
| 314 | + </view> | |
| 315 | + <hr/> | |
| 316 | + </view> | |
| 317 | + <view class="size"> | |
| 318 | + <view class="size1" @click="xialachange(1)"> | |
| 319 | + <view class="size1_1">框架尺寸</view> | |
| 320 | + <view><image v-bind:src="isNone[1].img"></image></view> | |
| 321 | + </view> | |
| 322 | + <view class="colour"> | |
| 323 | + <view class="colour_exp">*{{navData.colour}}</view> | |
| 324 | + </view> | |
| 325 | + <view class="D3_list" v-bind:class="{'colour2_none' : isNone[1].state}"> | |
| 326 | + <view> | |
| 327 | + <view><image class="D3_image" v-bind:src ="parameter[0].img"></image></view> | |
| 328 | + <view class="D3_list_jDu"> | |
| 329 | + <view class="D3_list1"> | |
| 330 | + <c-progress class="c-progress" :inner_widthProp="300"/> | |
| 331 | + <text>{{details.data.frame_width}}mm</text> | |
| 332 | + </view> | |
| 333 | + <view>{{parameter[0].standard}}</view> | |
| 334 | + </view> | |
| 335 | + </view> | |
| 336 | + <view> | |
| 337 | + <view><image class="D3_image" v-bind:src ="parameter[1].img"></image></view> | |
| 338 | + <view class="D3_list_jDu"> | |
| 339 | + <view class="D3_list1"> | |
| 340 | + <c-progress class="c-progress" :inner_widthProp="190"/> | |
| 341 | + <view>{{details.data.glass_width}}mm</view> | |
| 342 | + </view> | |
| 343 | + <view>{{parameter[1].standard}}</view> | |
| 344 | + </view> | |
| 345 | + </view> | |
| 346 | + <view> | |
| 347 | + <view><image class="D3_image" v-bind:src ="parameter[2].img"></image></view> | |
| 348 | + <view class="D3_list_jDu"> | |
| 349 | + <view class="D3_list1"> | |
| 350 | + <c-progress class="c-progress" :inner_widthProp="210"/> | |
| 351 | + <view>{{details.data.glass_height}}mm</view> | |
| 352 | + </view> | |
| 353 | + <view>{{parameter[2].standard}}</view> | |
| 354 | + </view> | |
| 355 | + </view> | |
| 356 | + <view> | |
| 357 | + <view><image class="D3_image" v-bind:src ="parameter[3].img"></image></view> | |
| 358 | + <view class="D3_list_jDu"> | |
| 359 | + | |
| 360 | + <view class="D3_list1"> | |
| 361 | + <c-progress class="c-progress" :inner_widthProp="160"/> | |
| 362 | + <view>{{details.data.nose_width}}mm</view> | |
| 363 | + </view> | |
| 364 | + <view>{{parameter[3].standard}}</view> | |
| 365 | + </view> | |
| 366 | + </view> | |
| 367 | + <view> | |
| 368 | + <view><image class="D3_image" v-bind:src ="parameter[4].img"></image></view> | |
| 369 | + <view class="D3_list_jDu"> | |
| 370 | + <view class="D3_list1"> | |
| 371 | + <c-progress class="c-progress" :inner_widthProp="260"/> | |
| 372 | + <view>{{details.data.leg_long}}mm</view> | |
| 373 | + </view> | |
| 374 | + <view>{{parameter[4].standard}}</view> | |
| 375 | + </view> | |
| 376 | + </view> | |
| 377 | + <hr/> | |
| 378 | + </view> | |
| 379 | + </view> | |
| 380 | + <view class="part"> | |
| 381 | + <view class="size1" @click="xialachange(2)"> | |
| 382 | + <view class="size1_1" >配件</view> | |
| 383 | + <view> | |
| 384 | + <span>+￥0.00</span> | |
| 385 | + <image v-bind:src="isNone[2].img"></image> | |
| 386 | + </view> | |
| 387 | + </view> | |
| 388 | + <view class="colour_exp">*0290</view> | |
| 389 | + <view class="part_som" v-bind:class="{'colour2_none' : isNone[2].state}"> | |
| 390 | + <view | |
| 391 | + v-for="(part) in part" | |
| 392 | + :key="part.key" | |
| 393 | + v-bind:class="{'size_viewed': part.is_actived}" | |
| 394 | + > | |
| 395 | + <image v-bind:src="part.img"></image> | |
| 396 | + </view> | |
| 397 | + </view> | |
| 398 | + </view> | |
| 399 | + </view> | |
| 400 | + <view class="buy"> | |
| 401 | + <view class="buy1">选了镜框，想选镜片？</view> | |
| 402 | + <view class="buy2">系统已为你保存好已选镜框，放心去选镜片吧！</view> | |
| 403 | + <view class="buy3"> | |
| 404 | + <view class="buy3_1">暂时不选</view> | |
| 405 | + <view class="buy3_2" @click="popArgs">立即去选</view> | |
| 406 | + </view> | |
| 407 | + </view> | |
| 408 | + <view class="zhanwei"></view> | |
| 409 | + <view class="button"><view @click="popSure(details.data.p_name,details.data.p_sale_price)" >立即结算</view></view> | |
| 410 | + </view> | |
| 411 | +</view> | |
| 278 | 412 | </template> |
| 279 | 413 | <script> |
| 280 | 414 | import CProgress from '../../components/UniSliper/UniSliper' |
| ... | ... | @@ -286,6 +420,7 @@ export default { |
| 286 | 420 | }, |
| 287 | 421 | data(){ |
| 288 | 422 | return{ |
| 423 | + type: 2, | |
| 289 | 424 | count: 1, |
| 290 | 425 | chooseNum : '', |
| 291 | 426 | isSplit: '' , |
| ... | ... | @@ -303,6 +438,7 @@ export default { |
| 303 | 438 | p_root_index: "4", |
| 304 | 439 | name:'', |
| 305 | 440 | price:'', |
| 441 | + type:'', | |
| 306 | 442 | split: '1.56非球面防蓝光', |
| 307 | 443 | colour: '1.56非球面防蓝光_亚黑色', |
| 308 | 444 | }, |
| ... | ... | @@ -406,6 +542,7 @@ export default { |
| 406 | 542 | popSure(name,price){ |
| 407 | 543 | this.navData.name = name; |
| 408 | 544 | this.navData.price = price; |
| 545 | + this.navData.type = this.type; | |
| 409 | 546 | var navData = JSON.stringify(this.navData); |
| 410 | 547 | uni.navigateTo({ |
| 411 | 548 | url: '../confirmOrder/confirmOrder?index='+navData, | ... | ... |