Skip to content

M
mallapp
Commit 63c7b1b3 authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 54e8a3cd
Hide whitespace changes
Inline Side-by-side
Showing with 29 additions and 25 deletions
pages/guidecar/place_order.vue
View file @ 63c7b1b3
<style>
.place_order {
height: 100%;
background: #f5f5f5;
background: #f6f6f6;
font-family: 'oswald';
padding:0 5px;
padding-bottom:50px;
}
.place_order .orderItem {
background-color: #fff;
margin-bottom: 10px;
margin-bottom: 12px;
padding: 0 15px;
border-radius: 10px;
}
.place_order .order_big {
......@@ -25,7 +29,7 @@
.place_order .orderCar {
display: flex;
justify-content: space-between;
padding: 30px 0;
padding: 10px 0;
}
.place_order .order_carImg image {
......@@ -36,7 +40,7 @@
.place_order .order_GName {
width: 100%;
height: 50px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
border-top: 1px solid rgba(0, 0, 0, 0.03);
display: flex;
align-items: center;
justify-content: space-between;
......@@ -62,7 +66,7 @@
.or_Image {
width: 10px;
height: 14px;
margin-right: 5px;
margin-top:3px;
}
.place_order .btnstyle {
......@@ -156,34 +160,38 @@
line-clamp: 2;
-webkit-box-orient: vertical;
}
.Order_placeTitle{
margin:20px 0 15px 0;
}
</style>
<template>
<view class="place_order">
<template v-if="mchs.length>0">
<view class="orderItem">
<view class="Order_placeTitle">商品信息</view>
<view class="orderCar">
<view class="order_carImg">
<image mode="aspectFit" :src="mchs[0].goods_list[0].cover_pic" />
</image>
</view>
<view style="width:48%">
<view class="order_big">{{mchs[0].goods_list[0].goods_attr.name}}</view>
<view style="width:68%;">
<view class="order_big" style="display:flex;justify-content: space-between;">
<view>{{mchs[0].goods_list[0].goods_attr.car_name}}</view>
<view class="order_big" style="font-size:15px;">¥ {{mchs[0].goods_list[0].unit_price}}</view>
</view>
<view class="order_carBg" style="margin-top:10px;">
<view style="margin-bottom:5px;">天数：{{mchs[0].goods_list[0].goods_attr.advance_day}}天</view>
<view style="margin-bottom:5px;">颜色：{{mchs[0].goods_list[0].goods_attr.carcolor_name}}</view>
<view>类型：{{mchs[0].goods_list[0].goods_attr.car_model}}/{{mchs[0].goods_list[0].goods_attr.ride_num}}座
{{mchs[0].goods_list[0].goods_attr.car_class}}</view>
{{mchs[0].goods_list[0].goods_attr.car_class}} 颜色：{{mchs[0].goods_list[0].goods_attr.carcolor_name}}</view>
</view>
</view>
<view style="text-align: right;">
<!-- <view style="text-align: right;">
<view class="order_big">¥ {{mchs[0].goods_list[0].unit_price}}</view>
<view style="color:#727272;font-size:13px;">×{{mchs[0].goods_list[0].num}}</view>
</view>
</view> -->
</view>
<view class="order_GName">
<view class="order_big order_comLeft">匹配导游</view>
<view style="display: flex;align-items: center;">
<u-avatar mode="circle" style="margin-top:9px;" :size="50" :src="mchs[0].goods_list[0].goods_attr.guide_photo"></u-avatar>
<u-avatar mode="circle" :size="50" :src="mchs[0].goods_list[0].goods_attr.guide_photo"></u-avatar>
<text class="order_big" style="margin-left:3px;">{{mchs[0].goods_list[0].goods_attr.guide_name}}</text>
</view>
</view>
......@@ -206,27 +214,22 @@
</view>
</template>
<view class="orderItem">
<view style="padding-top:20px;margin-bottom:15px;">联系人信息</view>
<view class="order_GName" style="border-top:0;">
<view class="order_big order_comLeft">联系人</view>
<view style="display: flex;align-items: center;">
<input class="uni-input" v-model="orderMsg.Consignee" placeholder="请输入联系人" style="border:none;padding-left:5px;text-align: right;" />
</view>
</view>
<view class="order_GName" style="border-top:0;border-top: 1px solid rgba(0, 0, 0, 0.05);">
<view class="order_GName" style="border-top:0;border-top: 1px solid rgba(0, 0, 0, 0.03);">
<view class="order_big order_comLeft">联系电话</view>
<view style="display: flex;align-items: center;">
<input class="uni-input" v-model="orderMsg.Mobile" placeholder="请输入联系电话" style="border:none;padding-left:5px;text-align: right;" />
</view>
</view>
<view class="order_GName" style="border-top:0;border-top: 1px solid rgba(0, 0, 0, 0.05);">
<view class="order_big order_comLeft">取车城市</view>
<view style="display: flex;align-items: center;">
四川 成都市
</view>
</view>
<view class="order_GName" @click="openmap(),isShowStart=1">
<view class="order_big order_comLeft">出发地址</view>
<view style="display: flex;align-items: center;width:56%" v-if="msg.ShoppingAddress!=''">
<view style="display: flex;max-width:56%;" v-if="msg.ShoppingAddress!=''">
<image class="or_Image" mode="aspectFit" style="width:30px;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/o_address.png"></image>
<text class="Shop_Address">{{msg.ShoppingAddress}}</text>
</view>
......@@ -236,7 +239,7 @@
</view>
<view class="order_GName" v-if="mchs[0].goods_list[0].goods_attr.car_type!=5" @click="openmap(),isShowStart=2">
<view class="order_big order_comLeft">目的地</view>
<view style="display: flex;align-items: center;width:56%" v-if="orderMsg.DestinationAddress!=''">
<view style="display: flex;max-width:56%" v-if="orderMsg.DestinationAddress!=''">
<image class="or_Image" mode="aspectFit" style="width:30px;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/o_address.png"></image>
<text>{{orderMsg.DestinationAddress}}</text>
</view>
......@@ -268,7 +271,7 @@
</view>
</view>
</view>
<view class="orderItem" style="padding-bottom:60px;">
<view class="orderItem">
<view class="order_GName" style="border-top:0;">
<view class="order_big order_comLeft">优惠券</view>
<view style="display: flex;align-items: center;">
......@@ -329,7 +332,7 @@
</view>
<view class="count-box">
<text class="label">购买数量</text>
<u-number-box v-model="msg.DetailList[0].Number" :min="1" @change="valChange"></u-number-box>
<u-number-box v-model="msg.DetailList[0].Number" :min="1" :max="mchs[0].goods_list[0].surplus_num" @change="valChange"></u-number-box>
</view>
<view class="btn-box">
<view style="flex: 1;">
......@@ -741,6 +744,7 @@
//人数
valChange(e) {
this.msg.DetailList[0].Number = e.value;
this.getData();
},
//点击确定
sureBuyNum() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment