|
@@ -14,21 +14,74 @@
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="messageInfo">
|
|
<div class="messageInfo">
|
|
|
- <div class="text">订单支付成功,请联系客服确定好档期后点击下方预约按钮进行拍照时间预约</div>
|
|
|
|
|
|
|
+ <div class="bookingInfo" v-if="bookingTimeText">
|
|
|
|
|
+ <div>{{bookingTimeText}}</div>
|
|
|
|
|
+
|
|
|
|
|
+ <div>
|
|
|
|
|
+ 店铺地址:{{address}}
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <img class="daohang" @click="goLocation" src="/static/images/icon_daohang (1).png" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="text">{{text}}</div>
|
|
|
<div class="btnList">
|
|
<div class="btnList">
|
|
|
<div class="btn-item">
|
|
<div class="btn-item">
|
|
|
- <img src="/static/images/xiangqing_icon_kefu(1).png" alt="">
|
|
|
|
|
|
|
+ <img src="/static/images/xiangqing_icon_kefu.png" alt="">
|
|
|
<span>在线咨询</span>
|
|
<span>在线咨询</span>
|
|
|
|
|
+ <button open-type="contact" class="hide"> 客服</button>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <div class="btn-item">
|
|
|
|
|
- <img src="/static/images/xiangqing_icon_kefu.png" alt="">
|
|
|
|
|
|
|
+ <div class="btn-line"></div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="btn-item" @click="takePhone">
|
|
|
|
|
+ <img src="/static/images/xiangqing_icon_kefu(1).png" alt="">
|
|
|
<span>拨打电话</span>
|
|
<span>拨打电话</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <subOrder :list='userOrderDetailList' :productMoney='productMoney' @changeMessage='changeMessage'></subOrder>
|
|
|
|
|
|
|
+ <div class="orderInfo">
|
|
|
|
|
+ <subOrder :list='userOrderDetailList' type='order' :productMoney='productMoney' @changeMessage='changeMessage'></subOrder>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="payInfo">
|
|
|
|
|
+ <div class="order-item">
|
|
|
|
|
+ <div class="name">支付方式</div>
|
|
|
|
|
+ <div class="val">{{payMode}}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="line"></div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="sub">
|
|
|
|
|
+ <div class="order-item">
|
|
|
|
|
+ <div class="name">订单号</div>
|
|
|
|
|
+ <div class="val">{{orderInfo.orderCode}}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="order-item">
|
|
|
|
|
+ <div class="name">创建时间</div>
|
|
|
|
|
+ <div class="val">{{createTime}}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="order-item">
|
|
|
|
|
+ <div class="name">付款时间</div>
|
|
|
|
|
+ <div class="val">{{payTime}}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="fixedBottom">
|
|
|
|
|
+
|
|
|
|
|
+ <div class="submitBtn" v-if="hasBookBtn">
|
|
|
|
|
+ <button>{{btnText}}</button>
|
|
|
|
|
+ <picker class="picker" mode="date" :start="nowDate" @change="bindDateChange">
|
|
|
|
|
+ <view>
|
|
|
|
|
+ 当前选择: {{date}}
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </picker>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <button v-if="statusName=='待评价'" class="submit" @click="goEvaluate">立即评价</button>
|
|
|
|
|
+
|
|
|
|
|
+ </div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
@@ -36,7 +89,8 @@
|
|
|
<script>
|
|
<script>
|
|
|
import { mapState } from 'vuex';
|
|
import { mapState } from 'vuex';
|
|
|
import subOrder from '../../components/SubOrder';
|
|
import subOrder from '../../components/SubOrder';
|
|
|
-import { OrderStatus } from '../../Constants';
|
|
|
|
|
|
|
+import { OrderStatus, PayMode } from '../../Constants';
|
|
|
|
|
+import { formatTime } from '../../time';
|
|
|
export default {
|
|
export default {
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
@@ -94,10 +148,14 @@ export default {
|
|
|
img: require('../../../static/images/dingdan_icon_paizhao(1).png'),
|
|
img: require('../../../static/images/dingdan_icon_paizhao(1).png'),
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
|
|
+ address: '',
|
|
|
|
|
+ latitude: '',
|
|
|
|
|
+ longitude: '',
|
|
|
|
|
+ storeName: '',
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
computed: {
|
|
computed: {
|
|
|
- ...mapState(['userInfo']),
|
|
|
|
|
|
|
+ ...mapState(['userInfo', 'storeInfo']),
|
|
|
transFormLeft() {
|
|
transFormLeft() {
|
|
|
var left = this.statusFlag * 66;
|
|
var left = this.statusFlag * 66;
|
|
|
var allLength = this.statusList.length * 66 - 30;
|
|
var allLength = this.statusList.length * 66 - 30;
|
|
@@ -114,10 +172,159 @@ export default {
|
|
|
statusFlag() {
|
|
statusFlag() {
|
|
|
return this.orderInfo.statusFlag || 0;
|
|
return this.orderInfo.statusFlag || 0;
|
|
|
},
|
|
},
|
|
|
|
|
+ userOrderDetailList() {
|
|
|
|
|
+ return [this.orderInfo];
|
|
|
|
|
+ },
|
|
|
|
|
+ payMode() {
|
|
|
|
|
+ var mode = '';
|
|
|
|
|
+ if (PayMode.WEI_XIN == this.orderInfo.payMode) {
|
|
|
|
|
+ mode = '微信';
|
|
|
|
|
+ } else if (PayMode.COIN == this.orderInfo.payMode) {
|
|
|
|
|
+ mode = '余额';
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ return mode;
|
|
|
|
|
+ },
|
|
|
|
|
+ createTime() {
|
|
|
|
|
+ return formatTime(this.orderInfo.createTime);
|
|
|
|
|
+ },
|
|
|
|
|
+ payTime() {
|
|
|
|
|
+ return formatTime(this.orderInfo.payTime);
|
|
|
|
|
+ },
|
|
|
|
|
+ productInfo() {
|
|
|
|
|
+ return this.orderInfo.productInfo || {};
|
|
|
|
|
+ },
|
|
|
|
|
+ storeInfo() {
|
|
|
|
|
+ return this.productInfo.storeInfo || {};
|
|
|
|
|
+ },
|
|
|
|
|
+ statusName() {
|
|
|
|
|
+ var name = '';
|
|
|
|
|
+ if (this.orderInfo.statusFlag == OrderStatus.NOPAY) {
|
|
|
|
|
+ name = '待支付';
|
|
|
|
|
+ } else if (this.orderInfo.statusFlag == OrderStatus.PAYOVER) {
|
|
|
|
|
+ name = '待预约拍照';
|
|
|
|
|
+ } else if (this.orderInfo.statusFlag == OrderStatus.BOOKPHOTO) {
|
|
|
|
|
+ name = '待拍照';
|
|
|
|
|
+ } else if (this.orderInfo.statusFlag == OrderStatus.PHOTOOVER) {
|
|
|
|
|
+ name = '待预约选片';
|
|
|
|
|
+ } else if (this.orderInfo.statusFlag == OrderStatus.BOOKSELECT) {
|
|
|
|
|
+ name = '待选片';
|
|
|
|
|
+ } else if (this.orderInfo.statusFlag == OrderStatus.SELECTOVER) {
|
|
|
|
|
+ name = '待预约审片';
|
|
|
|
|
+ } else if (this.orderInfo.statusFlag == OrderStatus.BOOKCHECK) {
|
|
|
|
|
+ name = '待审片';
|
|
|
|
|
+ } else if (this.orderInfo.statusFlag == OrderStatus.CHECKOVER) {
|
|
|
|
|
+ name = '待预约取件';
|
|
|
|
|
+ } else if (this.orderInfo.statusFlag == OrderStatus.BOOKACCESS) {
|
|
|
|
|
+ name = '待取件';
|
|
|
|
|
+ } else if (this.orderInfo.statusFlag == OrderStatus.ACCESSOVER) {
|
|
|
|
|
+ name = '待评价';
|
|
|
|
|
+ } else if (this.orderInfo.statusFlag == OrderStatus.FINISH) {
|
|
|
|
|
+ name = '已完成';
|
|
|
|
|
+ } else if (this.orderInfo.statusFlag == OrderStatus.CANCEL) {
|
|
|
|
|
+ name = '取消';
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ return name;
|
|
|
|
|
+ },
|
|
|
|
|
+ hasBookBtn() {
|
|
|
|
|
+ return this.statusName.indexOf('预约') != -1;
|
|
|
|
|
+ },
|
|
|
|
|
+ text() {
|
|
|
|
|
+ if (this.statusName == '待预约拍照') {
|
|
|
|
|
+ return '订单支付成功,请联系客服确定好档期后点击下方预约按钮进行拍照时间预约';
|
|
|
|
|
+ } else if (this.statusName == '待拍照') {
|
|
|
|
|
+ return '请按照预约日期到达店铺进行拍照,若因故无法按时拍摄,请事先联系客服进行时间调整,感谢您的配合';
|
|
|
|
|
+ } else if (this.statusName == '待预约选片') {
|
|
|
|
|
+ return '照片已拍摄完毕,请预约选片日期';
|
|
|
|
|
+ } else if (this.statusName == '待选片') {
|
|
|
|
|
+ return '请按照预约日期到达店铺进行选片,感谢您的配合';
|
|
|
|
|
+ } else if (this.statusName == '待预约审片') {
|
|
|
|
|
+ return '照片选片已完成,请预约审片时间';
|
|
|
|
|
+ } else if (this.statusName == '待审片') {
|
|
|
|
|
+ return '请按照预约日期到达店铺进行审片,感谢您的配合';
|
|
|
|
|
+ } else if (this.statusName == '待预约取件') {
|
|
|
|
|
+ return '图片已全部审片完毕,请预约取件时间';
|
|
|
|
|
+ } else if (this.statusName == '待取件') {
|
|
|
|
|
+ return '请按照预约日期到达店铺进行取件,感谢您的配合';
|
|
|
|
|
+ } else if (this.statusName == '待评价') {
|
|
|
|
|
+ return '本次交易已完成,请对我们的服务进行评价';
|
|
|
|
|
+ } else if (this.statusName == '已完成') {
|
|
|
|
|
+ return '本次交易已完成,感谢您的支持';
|
|
|
|
|
+ } else if (this.statusName == '取消') {
|
|
|
|
|
+ return '本次交易已取消,感谢您的支持';
|
|
|
|
|
+ } else {
|
|
|
|
|
+ return '';
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ bookingTimeText() {
|
|
|
|
|
+ if (this.statusName == '待拍照') {
|
|
|
|
|
+ return (
|
|
|
|
|
+ '拍照时间:' +
|
|
|
|
|
+ formatTime(this.orderInfo.bookPhotoTime, 'YMD')
|
|
|
|
|
+ );
|
|
|
|
|
+ } else if (this.statusName == '待选片') {
|
|
|
|
|
+ return (
|
|
|
|
|
+ '选片时间:' +
|
|
|
|
|
+ formatTime(this.orderInfo.bookSelectTime, 'YMD')
|
|
|
|
|
+ );
|
|
|
|
|
+ } else if (this.statusName == '待审片') {
|
|
|
|
|
+ return (
|
|
|
|
|
+ '审片时间:' +
|
|
|
|
|
+ formatTime(this.orderInfo.bookCheckTime, 'YMD')
|
|
|
|
|
+ );
|
|
|
|
|
+ } else if (this.statusName == '待取件') {
|
|
|
|
|
+ return (
|
|
|
|
|
+ '取件时间:' +
|
|
|
|
|
+ formatTime(this.orderInfo.bookAccessTime, 'YMD')
|
|
|
|
|
+ );
|
|
|
|
|
+ } else {
|
|
|
|
|
+ return '';
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ btnText() {
|
|
|
|
|
+ if (this.statusName == '待预约拍照') {
|
|
|
|
|
+ return '立即预约拍照';
|
|
|
|
|
+ } else if (this.statusName == '待预约选片') {
|
|
|
|
|
+ return '立即预约选片';
|
|
|
|
|
+ } else if (this.statusName == '待预约审片') {
|
|
|
|
|
+ return '立即预约审片';
|
|
|
|
|
+ } else if (this.statusName == '待预约取件') {
|
|
|
|
|
+ return '立即预约取件';
|
|
|
|
|
+ } else {
|
|
|
|
|
+ return '';
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ nowDate() {
|
|
|
|
|
+ const date = new Date();
|
|
|
|
|
+ const year = date.getFullYear();
|
|
|
|
|
+ const month = date.getMonth() + 1;
|
|
|
|
|
+ const day = date.getDate() + 1;
|
|
|
|
|
+
|
|
|
|
|
+ return year + '-' + month + '-' + day;
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
onLoad(options) {
|
|
onLoad(options) {
|
|
|
console.log(options);
|
|
console.log(options);
|
|
|
this.orderId = options.orderId;
|
|
this.orderId = options.orderId;
|
|
|
|
|
+
|
|
|
|
|
+ this.$http
|
|
|
|
|
+ .get('/storeIntroduction/getOne', {
|
|
|
|
|
+ storeId: this.storeInfo.id || 13,
|
|
|
|
|
+ })
|
|
|
|
|
+ .then(res => {
|
|
|
|
|
+ if (res.success) {
|
|
|
|
|
+ this.address = res.data.address;
|
|
|
|
|
+ this.latitude = res.data.latitude;
|
|
|
|
|
+ this.longitude = res.data.longitude;
|
|
|
|
|
+ this.storeName = res.data.title;
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ .catch(e => {
|
|
|
|
|
+ console.log(e);
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ onShow() {
|
|
|
this.getOrder();
|
|
this.getOrder();
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
@@ -132,6 +339,87 @@ export default {
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
|
|
+ takePhone() {
|
|
|
|
|
+ console.log('打电话');
|
|
|
|
|
+ wx.makePhoneCall({
|
|
|
|
|
+ phoneNumber: this.storeInfo.telephone, //仅为示例,并非真实的电话号码
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ bindDateChange(e) {
|
|
|
|
|
+ var ref = this;
|
|
|
|
|
+ wx.showModal({
|
|
|
|
|
+ title: '已选择:' + e.mp.detail.value,
|
|
|
|
|
+ content: ' 确定要预约当前日期吗?',
|
|
|
|
|
+ confirmColor: '#00C5F2',
|
|
|
|
|
+ success(res) {
|
|
|
|
|
+ if (res.confirm) {
|
|
|
|
|
+ var data = {
|
|
|
|
|
+ id: ref.orderInfo.id,
|
|
|
|
|
+ };
|
|
|
|
|
+ if (ref.statusName == '待预约拍照') {
|
|
|
|
|
+ data.bookPhotoTime = Date.parse(
|
|
|
|
|
+ new Date(e.mp.detail.value),
|
|
|
|
|
+ );
|
|
|
|
|
+ data.statusFlag = OrderStatus.BOOKPHOTO;
|
|
|
|
|
+ } else if (ref.statusName == '待预约选片') {
|
|
|
|
|
+ data.bookSelectTime = Date.parse(
|
|
|
|
|
+ new Date(e.mp.detail.value),
|
|
|
|
|
+ );
|
|
|
|
|
+ data.statusFlag = OrderStatus.BOOKSELECT;
|
|
|
|
|
+ } else if (ref.statusName == '待预约审片') {
|
|
|
|
|
+ data.bookCheckTime = Date.parse(
|
|
|
|
|
+ new Date(e.mp.detail.value),
|
|
|
|
|
+ );
|
|
|
|
|
+ data.statusFlag = OrderStatus.BOOKCHECK;
|
|
|
|
|
+ } else if (ref.statusName == '待预约取件') {
|
|
|
|
|
+ data.bookAccessTime = Date.parse(
|
|
|
|
|
+ new Date(e.mp.detail.value),
|
|
|
|
|
+ );
|
|
|
|
|
+ data.statusFlag = OrderStatus.BOOKACCESS;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ wx.showLoading({
|
|
|
|
|
+ title: '加载中',
|
|
|
|
|
+ mask: true,
|
|
|
|
|
+ });
|
|
|
|
|
+ ref.$http
|
|
|
|
|
+ .post('/userOrderDetail/update', data)
|
|
|
|
|
+ .then(res => {
|
|
|
|
|
+ wx.hideLoading();
|
|
|
|
|
+ if (res.success) {
|
|
|
|
|
+ ref.getOrder();
|
|
|
|
|
+ wx.showToast({
|
|
|
|
|
+ title: '预约成功',
|
|
|
|
|
+ icon: 'success',
|
|
|
|
|
+ duration: 1500,
|
|
|
|
|
+ });
|
|
|
|
|
+ } else {
|
|
|
|
|
+ wx.showToast({
|
|
|
|
|
+ title: res.error,
|
|
|
|
|
+ icon: 'none',
|
|
|
|
|
+ duration: 1500,
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ } else if (res.cancel) {
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ goLocation() {
|
|
|
|
|
+ wx.openLocation({
|
|
|
|
|
+ latitude: Number(this.latitude),
|
|
|
|
|
+ longitude: Number(this.longitude),
|
|
|
|
|
+ name: this.storeName,
|
|
|
|
|
+ address: this.address,
|
|
|
|
|
+ scale: 14,
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ goEvaluate() {
|
|
|
|
|
+ wx.navigateTo({
|
|
|
|
|
+ url: '/pages/evaluate/evaluate?orderId=' + this.orderInfo.id,
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
components: {
|
|
components: {
|
|
|
subOrder,
|
|
subOrder,
|
|
@@ -144,6 +432,7 @@ export default {
|
|
|
.container {
|
|
.container {
|
|
|
min-height: 100%;
|
|
min-height: 100%;
|
|
|
background-image: linear-gradient(#00c5f2 232rpx, #f2f4f5 232rpx, #f2f4f5);
|
|
background-image: linear-gradient(#00c5f2 232rpx, #f2f4f5 232rpx, #f2f4f5);
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.top {
|
|
.top {
|
|
@@ -223,8 +512,6 @@ export default {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.messageInfo {
|
|
.messageInfo {
|
|
|
- width: 345px;
|
|
|
|
|
- height: 121px;
|
|
|
|
|
background: rgba(255, 255, 255, 1);
|
|
background: rgba(255, 255, 255, 1);
|
|
|
border-radius: 8px;
|
|
border-radius: 8px;
|
|
|
margin: 0 15px;
|
|
margin: 0 15px;
|
|
@@ -235,17 +522,19 @@ export default {
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
color: rgba(0, 0, 0, 1);
|
|
color: rgba(0, 0, 0, 1);
|
|
|
line-height: 20px;
|
|
line-height: 20px;
|
|
|
- padding: 15px;
|
|
|
|
|
|
|
+ padding: 15px 0;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.btnList {
|
|
.btnList {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
- border-top:1px solid #F2F4F5;
|
|
|
|
|
|
|
+ border-top: 1px solid #f2f4f5;
|
|
|
|
|
+ height: 50px;
|
|
|
.btn-item {
|
|
.btn-item {
|
|
|
width: 50%;
|
|
width: 50%;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
|
|
+ position: relative;
|
|
|
img {
|
|
img {
|
|
|
width: 24px;
|
|
width: 24px;
|
|
|
height: 24px;
|
|
height: 24px;
|
|
@@ -257,7 +546,127 @@ export default {
|
|
|
line-height: 18px;
|
|
line-height: 18px;
|
|
|
margin-left: 5px;
|
|
margin-left: 5px;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+ .hide {
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ top: 0;
|
|
|
|
|
+ right: 0;
|
|
|
|
|
+ bottom: 0;
|
|
|
|
|
+ opacity: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .btn-line {
|
|
|
|
|
+ width: 1px;
|
|
|
|
|
+ height: 12px;
|
|
|
|
|
+ background: rgba(242, 244, 245, 1);
|
|
|
|
|
+ align-self: center;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+.orderInfo {
|
|
|
|
|
+ margin: 15px 15px 0;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.payInfo {
|
|
|
|
|
+ background: rgba(255, 255, 255, 1);
|
|
|
|
|
+ border-radius: 8px;
|
|
|
|
|
+ margin: 10px 15px;
|
|
|
|
|
+ padding: 10px 15px;
|
|
|
|
|
+ .order-item {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ height: 30px;
|
|
|
|
|
+
|
|
|
|
|
+ div {
|
|
|
|
|
+ font-size: 13px;
|
|
|
|
|
+ color: rgba(56, 56, 56, 1);
|
|
|
|
|
+ line-height: 18px;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .line {
|
|
|
|
|
+ height: 1px;
|
|
|
|
|
+ background: rgba(242, 244, 245, 1);
|
|
|
|
|
+ margin: 10px 0;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .sub {
|
|
|
|
|
+ .order-item {
|
|
|
|
|
+ div {
|
|
|
|
|
+ color: #999999;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+.fixedBottom {
|
|
|
|
|
+ height: 56px;
|
|
|
|
|
+
|
|
|
|
|
+ .submit {
|
|
|
|
|
+ position: fixed;
|
|
|
|
|
+ bottom: 10px;
|
|
|
|
|
+ z-index: 20;
|
|
|
|
|
+ left: 15px;
|
|
|
|
|
+ width: 345px;
|
|
|
|
|
+ height: 40px;
|
|
|
|
|
+ background: rgba(0, 197, 242, 1);
|
|
|
|
|
+ border-radius: 22px;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ font-size: 15px;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
|
|
+ line-height: 40px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .submitBtn {
|
|
|
|
|
+ position: fixed;
|
|
|
|
|
+ bottom: 10px;
|
|
|
|
|
+ z-index: 20;
|
|
|
|
|
+ left: 15px;
|
|
|
|
|
+ width: 345px;
|
|
|
|
|
+ height: 40px;
|
|
|
|
|
+ button {
|
|
|
|
|
+ width: 345px;
|
|
|
|
|
+ height: 40px;
|
|
|
|
|
+ background: rgba(0, 197, 242, 1);
|
|
|
|
|
+ border-radius: 22px;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ font-size: 15px;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
|
|
+ line-height: 40px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .picker {
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ right: 0;
|
|
|
|
|
+ bottom: 0;
|
|
|
|
|
+ top: 0;
|
|
|
|
|
+ opacity: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.bookingInfo {
|
|
|
|
|
+ padding: 15px 0 0;
|
|
|
|
|
+ div {
|
|
|
|
|
+ font-size: 13px;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ color: rgba(0, 0, 0, 1);
|
|
|
|
|
+ line-height: 20px;
|
|
|
|
|
+ }
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.daohang {
|
|
|
|
|
+ width: 24px;
|
|
|
|
|
+ height: 24px;
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ right: 0;
|
|
|
|
|
+ bottom: 0;
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|