|
|
|
@ -1,5 +1,5 @@ |
|
|
|
|
<template> |
|
|
|
|
<view> |
|
|
|
|
<template> |
|
|
|
|
<view> |
|
|
|
|
<!-- 待支付 --> |
|
|
|
|
<view class="width100 paddtop10 paddbotm10 backcorfff fotct" v-if="recinfo.orderStatus == 1"> |
|
|
|
|
<view class="height20"></view> |
|
|
|
@ -16,7 +16,7 @@ |
|
|
|
|
</view> |
|
|
|
|
<view class="width90 fcorfff font18 mart10" v-if="recinfo.payRealPrice">实付:¥{{recinfo.payRealPrice}}</view> |
|
|
|
|
<view class="width90 fcorfff font14 mart10">{{recinfo.createTime | formatDate('-')}}</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="width90 mart20" style="border-bottom: 1px dashed #7BC1F5;"></view> |
|
|
|
|
<view class="width90 mart20 alijusnostart font12"> |
|
|
|
|
<view class="paddleft5 paddtright5 border-r" style="border: 1px solid #5BB5F3;color: #5BB5F3;">本单优惠 |
|
|
|
@ -27,7 +27,7 @@ |
|
|
|
|
<view class="width94">感谢您信任嗨森逛,欢迎再次消费</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 订单信息 --> |
|
|
|
|
<view class="width90 backcorfff border-8r mart10 paddbotm15"> |
|
|
|
|
<view class="paddtop20 font22 width94 fcor333" v-if="recinfo.productType == 6">商家/订单信息</view> |
|
|
|
@ -59,7 +59,7 @@ |
|
|
|
|
<view class="width80p fotrt fcor333 text1">{{oilList.storeAddress}}</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 商品信息 --> |
|
|
|
|
<view class="width90 backcorfff border-8r mart10 paddbotm15"> |
|
|
|
|
<view class="paddtop20 font22 width94 fcor333">商品信息</view> |
|
|
|
@ -96,7 +96,7 @@ |
|
|
|
|
<view class="width50 fotrt fcor333">¥{{oilList.gasRefuelPrice}}</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 支付信息 --> |
|
|
|
|
<view class="width90 backcorfff mart10 concont"> |
|
|
|
|
<view class="paddtop20 font22 width94 fcor333">优惠信息</view> |
|
|
|
@ -120,21 +120,21 @@ |
|
|
|
|
<view class="gooddes width90 backcorfff marb20"> |
|
|
|
|
<view class="width90w height20 bordertopleft alijusnostart"> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="width90 height50 fotrt fcor777 font16 paddbotm10" v-if="!recinfo.payRealPrice"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
<view class="width90 height50 fotrt fcor777 font16 paddbotm10" v-else> |
|
|
|
|
加油实付 <text class="font24 fcor333 margle">¥{{recinfo.payRealPrice}}</text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 购买商品列表 --> |
|
|
|
|
<!-- <view class="buy-list" v-for="rec in recinfo.highChildOrderList" :key="rec.id" |
|
|
|
|
@click="toGoods(rec.goodsId,rec.goodsType)"> |
|
|
|
@ -207,7 +207,7 @@ |
|
|
|
|
油卡 |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="row" v-if="recinfo.payType"> |
|
|
|
|
<view class="left"> |
|
|
|
|
支付方式 : |
|
|
|
@ -319,6 +319,30 @@ |
|
|
|
|
{{recinfo.refusalRefundContent}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="materialData"> |
|
|
|
|
<view class="left"> |
|
|
|
|
联系人 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
{{materialData.user}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="materialData"> |
|
|
|
|
<view class="left"> |
|
|
|
|
联系电话 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
{{materialData.phone}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="materialData"> |
|
|
|
|
<view class="left"> |
|
|
|
|
联系地址 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
{{materialData.address}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="recinfo.finishTime"> |
|
|
|
|
<view class="left"> |
|
|
|
|
完成时间 : |
|
|
|
@ -409,13 +433,13 @@ |
|
|
|
|
</view> |
|
|
|
|
</view> --> |
|
|
|
|
<view class="width100 height60"></view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="footer" @click="orderComplete" v-if="preByOrderInfo && preByOrderInfo.status == 2"> |
|
|
|
|
<view class="settlement"> |
|
|
|
|
<view class="btn" style="background-color: #0083f5;color: #fff;width: 100% !important;">预约完成</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="footer" |
|
|
|
|
v-if="recinfo.orderStatus == 1 && recinfo.highChildOrderList[0].goodsType !=6 && recinfo.highChildOrderList[0].goodsType !=5 && recinfo.highChildOrderList[0].goodsType !=4"> |
|
|
|
|
<view class="settlement"> |
|
|
|
@ -430,106 +454,108 @@ |
|
|
|
|
<view class="btn" @tap="toPay" style="background-color: #0083f5;color: #fff;">去支付</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 再来一单 --> |
|
|
|
|
<view class="height50 width100"></view> |
|
|
|
|
<view class="bottomstu backcorfff width100 height50 alijusend"> |
|
|
|
|
<button open-type="contact" class="cusservice font12 fcor666">联系客服</button> |
|
|
|
|
<view class="buybtn font12 fcorfff">再来一单</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import { |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import { |
|
|
|
|
getDetailByOrderNo, |
|
|
|
|
cancel, |
|
|
|
|
getPreByOrderIdId, |
|
|
|
|
orderComplete, |
|
|
|
|
getOrderByOrderNo |
|
|
|
|
} from '../../../Utils/Api.js'; |
|
|
|
|
let app = getApp() |
|
|
|
|
export default { |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
buylist: [], //订单列表 |
|
|
|
|
goodsPrice: 0.0, //商品合计价格 |
|
|
|
|
sumPrice: 0.0, //用户付款价格 |
|
|
|
|
freight: 12.00, //运费 |
|
|
|
|
note: '', //备注 |
|
|
|
|
int: 1200, //抵扣积分 |
|
|
|
|
deduction: 0, //抵扣价格 |
|
|
|
|
recinfo: [], |
|
|
|
|
getOrderByOrderNo |
|
|
|
|
} from '../../../Utils/Api.js'; |
|
|
|
|
let app = getApp() |
|
|
|
|
export default { |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
buylist: [], //订单列表 |
|
|
|
|
goodsPrice: 0.0, //商品合计价格 |
|
|
|
|
sumPrice: 0.0, //用户付款价格 |
|
|
|
|
freight: 12.00, //运费 |
|
|
|
|
note: '', //备注 |
|
|
|
|
int: 1200, //抵扣积分 |
|
|
|
|
deduction: 0, //抵扣价格 |
|
|
|
|
recinfo: [], |
|
|
|
|
orderId: '', |
|
|
|
|
timers: null, //重复执行 |
|
|
|
|
imageUrl: app.globalData.imgUrl, |
|
|
|
|
imagewxUrl: app.globalData.imageWxImg, |
|
|
|
|
imgadres1: 'dhf.png', |
|
|
|
|
preByOrderInfo: '', |
|
|
|
|
countdownh: '', //倒计时时 |
|
|
|
|
countdownm: '', // 倒计时分 |
|
|
|
|
countdowns: '', // 倒计时秒 |
|
|
|
|
timers: null, //重复执行 |
|
|
|
|
imageUrl: app.globalData.imgUrl, |
|
|
|
|
imagewxUrl: app.globalData.imageWxImg, |
|
|
|
|
imgadres1: 'dhf.png', |
|
|
|
|
preByOrderInfo: '', |
|
|
|
|
materialData: '' //实物参数 |
|
|
|
|
preByOrderInfo: '', |
|
|
|
|
countdownh: '', //倒计时时 |
|
|
|
|
countdownm: '', // 倒计时分 |
|
|
|
|
countdowns: '', // 倒计时秒 |
|
|
|
|
timer: null, //重复执行 |
|
|
|
|
oilList: '', //油站信息 |
|
|
|
|
typeText: { |
|
|
|
|
1: '待支付', |
|
|
|
|
2: '已支付', |
|
|
|
|
3: '已完成', |
|
|
|
|
4: '已退款', |
|
|
|
|
5: '已取消', |
|
|
|
|
6: '退款中', |
|
|
|
|
7: '退款失败' |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
onShow() { |
|
|
|
|
//页面显示时,加载订单信息 |
|
|
|
|
this.getDetailByOrderNo(); |
|
|
|
|
// this.getPreByOrderIdId(); |
|
|
|
|
}, |
|
|
|
|
onHide() { |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
onUnload() { |
|
|
|
|
clearInterval(this.timers); |
|
|
|
|
}, |
|
|
|
|
onLoad(option) { |
|
|
|
|
this.orderId = option.id |
|
|
|
|
}, |
|
|
|
|
onBackPress() { |
|
|
|
|
//页面后退时候,清除订单信息 |
|
|
|
|
}, |
|
|
|
|
filters: { |
|
|
|
|
toFixed: function(x) { |
|
|
|
|
return parseFloat(x).toFixed(2); |
|
|
|
|
}, |
|
|
|
|
//过滤器 用于格式化时间 |
|
|
|
|
formatDate: function(value, spe = '/') { |
|
|
|
|
let data = new Date(value); |
|
|
|
|
let year = data.getFullYear(); |
|
|
|
|
let month = data.getMonth() + 1; |
|
|
|
|
let day = data.getDate(); |
|
|
|
|
let h = data.getHours(); |
|
|
|
|
let mm = data.getMinutes(); |
|
|
|
|
let s = data.getSeconds(); |
|
|
|
|
month = month >= 10 ? month : "0" + month; |
|
|
|
|
day = day >= 10 ? day : "0" + day; |
|
|
|
|
h = h >= 10 ? h : "0" + h; |
|
|
|
|
mm = mm >= 10 ? mm : "0" + mm; |
|
|
|
|
s = s >= 10 ? s : "0" + s; |
|
|
|
|
return `${year}${spe}${month}${spe}${day} ${h}:${mm}:${s}`; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
toGoods(e, item) { |
|
|
|
|
if (item != 2 && item != 3 && item != 4 && item != 5 && item != 6) { |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url: '../../goods/goods?id=' + e |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
oilList: '', //油站信息 |
|
|
|
|
typeText: { |
|
|
|
|
1: '待支付', |
|
|
|
|
2: '已支付', |
|
|
|
|
3: '已完成', |
|
|
|
|
4: '已退款', |
|
|
|
|
5: '已取消', |
|
|
|
|
6: '退款中', |
|
|
|
|
7: '退款失败' |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
onShow() { |
|
|
|
|
//页面显示时,加载订单信息 |
|
|
|
|
this.getDetailByOrderNo(); |
|
|
|
|
// this.getPreByOrderIdId(); |
|
|
|
|
}, |
|
|
|
|
onHide() { |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
onUnload() { |
|
|
|
|
clearInterval(this.timers); |
|
|
|
|
}, |
|
|
|
|
onLoad(option) { |
|
|
|
|
this.orderId = option.id |
|
|
|
|
}, |
|
|
|
|
onBackPress() { |
|
|
|
|
//页面后退时候,清除订单信息 |
|
|
|
|
}, |
|
|
|
|
filters: { |
|
|
|
|
toFixed: function(x) { |
|
|
|
|
return parseFloat(x).toFixed(2); |
|
|
|
|
}, |
|
|
|
|
//过滤器 用于格式化时间 |
|
|
|
|
formatDate: function(value, spe = '/') { |
|
|
|
|
let data = new Date(value); |
|
|
|
|
let year = data.getFullYear(); |
|
|
|
|
let month = data.getMonth() + 1; |
|
|
|
|
let day = data.getDate(); |
|
|
|
|
let h = data.getHours(); |
|
|
|
|
let mm = data.getMinutes(); |
|
|
|
|
let s = data.getSeconds(); |
|
|
|
|
month = month >= 10 ? month : "0" + month; |
|
|
|
|
day = day >= 10 ? day : "0" + day; |
|
|
|
|
h = h >= 10 ? h : "0" + h; |
|
|
|
|
mm = mm >= 10 ? mm : "0" + mm; |
|
|
|
|
s = s >= 10 ? s : "0" + s; |
|
|
|
|
return `${year}${spe}${month}${spe}${day} ${h}:${mm}:${s}`; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
toGoods(e, item) { |
|
|
|
|
if (item != 2 && item != 3 && item != 4 && item != 5 && item != 6) { |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url: '../../goods/goods?id=' + e |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
//查询订单详情 |
|
|
|
|
getDetailByOrderNo() { |
|
|
|
|
uni.showLoading({ |
|
|
|
@ -545,7 +571,7 @@ |
|
|
|
|
if (res.return_data.productType == 6) { |
|
|
|
|
this.getOrderByOrderNo(); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (res.return_data.orderStatus == 1) { |
|
|
|
|
this.timers = setInterval(() => { |
|
|
|
|
this.showtime() |
|
|
|
@ -563,20 +589,25 @@ |
|
|
|
|
uni.hideLoading(); |
|
|
|
|
if (res.return_code == '000000') { |
|
|
|
|
this.oilList = res.return_data; |
|
|
|
|
if (res.return_data.remarks) { |
|
|
|
|
this.materialData = JSON.parse(res.return_data.remarks); |
|
|
|
|
} |
|
|
|
|
} else { |
|
|
|
|
uni.hideLoading() |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
//查询预约商品详情 |
|
|
|
|
getPreByOrderIdId() { |
|
|
|
|
let params = { |
|
|
|
|
orderId: this.orderId, |
|
|
|
|
} |
|
|
|
|
getPreByOrderIdId(params).then(res => { |
|
|
|
|
if (res.return_code == '000000') { |
|
|
|
|
this.preByOrderInfo = res.return_data; |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
//查询预约商品详情 |
|
|
|
|
getPreByOrderIdId() { |
|
|
|
|
let params = { |
|
|
|
|
orderId: this.orderId, |
|
|
|
|
} |
|
|
|
|
getPreByOrderIdId(params).then(res => { |
|
|
|
|
if (res.return_code == '000000') { |
|
|
|
|
this.preByOrderInfo = res.return_data; |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
//倒计时 |
|
|
|
|
showtime() { |
|
|
|
|
var nowtime = new Date(), //获取当前时间 |
|
|
|
@ -599,45 +630,45 @@ |
|
|
|
|
// this.getDetailByOrderNo(); |
|
|
|
|
this.countdownh = this.countdownm = this.countdowns = "00" |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
//预约商品完成 |
|
|
|
|
orderComplete() { |
|
|
|
|
let that = this; |
|
|
|
|
uni.showModal({ |
|
|
|
|
title: '预约完成', |
|
|
|
|
content: '确定预约完成?', |
|
|
|
|
success: (res) => { |
|
|
|
|
if (res.confirm) { |
|
|
|
|
uni.showLoading({ |
|
|
|
|
title: '加载中...' |
|
|
|
|
}) |
|
|
|
|
let params = { |
|
|
|
|
preOrderId: this.preByOrderInfo.id |
|
|
|
|
} |
|
|
|
|
orderComplete(params).then(res => { |
|
|
|
|
if (res.return_code == '000000') { |
|
|
|
|
uni.hideLoading(); |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: res.return_data, |
|
|
|
|
icon: 'none', |
|
|
|
|
duration: 2000 |
|
|
|
|
}) |
|
|
|
|
this.getPreByOrderIdId(); |
|
|
|
|
} else { |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: res.return_msg, |
|
|
|
|
icon: 'none', |
|
|
|
|
duration: 2000 |
|
|
|
|
}) |
|
|
|
|
uni.hideLoading() |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
} else if (res.cancel) { |
|
|
|
|
console.log('用户点击取消'); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
//预约商品完成 |
|
|
|
|
orderComplete() { |
|
|
|
|
let that = this; |
|
|
|
|
uni.showModal({ |
|
|
|
|
title: '预约完成', |
|
|
|
|
content: '确定预约完成?', |
|
|
|
|
success: (res) => { |
|
|
|
|
if (res.confirm) { |
|
|
|
|
uni.showLoading({ |
|
|
|
|
title: '加载中...' |
|
|
|
|
}) |
|
|
|
|
let params = { |
|
|
|
|
preOrderId: this.preByOrderInfo.id |
|
|
|
|
} |
|
|
|
|
orderComplete(params).then(res => { |
|
|
|
|
if (res.return_code == '000000') { |
|
|
|
|
uni.hideLoading(); |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: res.return_data, |
|
|
|
|
icon: 'none', |
|
|
|
|
duration: 2000 |
|
|
|
|
}) |
|
|
|
|
this.getPreByOrderIdId(); |
|
|
|
|
} else { |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: res.return_msg, |
|
|
|
|
icon: 'none', |
|
|
|
|
duration: 2000 |
|
|
|
|
}) |
|
|
|
|
uni.hideLoading() |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
} else if (res.cancel) { |
|
|
|
|
console.log('用户点击取消'); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
cancel() { |
|
|
|
|
let that = this; |
|
|
|
|
uni.showModal({ |
|
|
|
@ -677,32 +708,32 @@ |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
toPay() { |
|
|
|
|
let payTypes; |
|
|
|
|
if (this.recinfo.payType == 1 || this.recinfo.payType == null) { |
|
|
|
|
payTypes = 3; |
|
|
|
|
} else if (this.recinfo.payType == 2) { |
|
|
|
|
payTypes = 1; |
|
|
|
|
} else { |
|
|
|
|
payTypes = 2; |
|
|
|
|
} |
|
|
|
|
uni.redirectTo({ |
|
|
|
|
url: "/pages/pay/payment/payment?amount=" + this.recinfo.payPrice + |
|
|
|
|
'&paytype=' + payTypes + '&orderId=' + this.recinfo.id + '&couponId=' + this.recinfo |
|
|
|
|
.highChildOrderList[0].goodsId + '&typeaout=' + this.recinfo.highChildOrderList[0].ext1 + |
|
|
|
|
'&goodsType=' + this.recinfo.highChildOrderList[0].goodsType |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
|
}, |
|
|
|
|
toPay() { |
|
|
|
|
let payTypes; |
|
|
|
|
if (this.recinfo.payType == 1 || this.recinfo.payType == null) { |
|
|
|
|
payTypes = 3; |
|
|
|
|
} else if (this.recinfo.payType == 2) { |
|
|
|
|
payTypes = 1; |
|
|
|
|
} else { |
|
|
|
|
payTypes = 2; |
|
|
|
|
} |
|
|
|
|
uni.redirectTo({ |
|
|
|
|
url: "/pages/pay/payment/payment?amount=" + this.recinfo.payPrice + |
|
|
|
|
'&paytype=' + payTypes + '&orderId=' + this.recinfo.id + '&couponId=' + this.recinfo |
|
|
|
|
.highChildOrderList[0].goodsId + '&typeaout=' + this.recinfo.highChildOrderList[0].ext1 + |
|
|
|
|
'&goodsType=' + this.recinfo.highChildOrderList[0].goodsType |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
|
page { |
|
|
|
|
background-color: #f0f0f0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.headstu { |
|
|
|
|
width: 90px; |
|
|
|
|
height: 90px; |
|
|
|
@ -715,7 +746,7 @@ |
|
|
|
|
margin-right: auto; |
|
|
|
|
border: 1px solid #0096FF; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.addr { |
|
|
|
|
width: 86%; |
|
|
|
|
padding: 20upx 3%; |
|
|
|
@ -723,50 +754,50 @@ |
|
|
|
|
box-shadow: 0upx 5upx 20upx rgba(0, 0, 0, 0.1); |
|
|
|
|
border-radius: 20upx; |
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.icon { |
|
|
|
|
width: 80upx; |
|
|
|
|
height: 80upx; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
image { |
|
|
|
|
width: 60upx; |
|
|
|
|
height: 60upx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.tel-name { |
|
|
|
|
width: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
font-size: 32upx; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.tel { |
|
|
|
|
margin-left: 40upx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.addres { |
|
|
|
|
width: 100%; |
|
|
|
|
font-size: 26upx; |
|
|
|
|
color: #999; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.buy-list { |
|
|
|
|
width: 86%; |
|
|
|
|
padding: 10upx 3%; |
|
|
|
|
margin: 30upx auto 20upx auto; |
|
|
|
|
box-shadow: 0upx 5upx 20upx rgba(0, 0, 0, 0.1); |
|
|
|
|
border-radius: 20upx; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.row { |
|
|
|
|
margin: 20rpx 0; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.goods-info { |
|
|
|
|
width: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.img { |
|
|
|
|
width: 80px; |
|
|
|
|
max-height: 80px; |
|
|
|
@ -774,13 +805,13 @@ |
|
|
|
|
overflow: hidden; |
|
|
|
|
flex-shrink: 0; |
|
|
|
|
margin-right: 10upx; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
image { |
|
|
|
|
width: 80px; |
|
|
|
|
max-height: 80px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.info { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 22vw; |
|
|
|
@ -788,7 +819,7 @@ |
|
|
|
|
display: flex; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
position: relative; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.title { |
|
|
|
|
width: 100%; |
|
|
|
|
font-size: 32upx; |
|
|
|
@ -799,7 +830,7 @@ |
|
|
|
|
overflow: hidden; |
|
|
|
|
max-height: 40px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.spec { |
|
|
|
|
font-size: 22upx; |
|
|
|
|
color: #a7a7a7; |
|
|
|
@ -810,7 +841,7 @@ |
|
|
|
|
border-radius: 20upx; |
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.zspec { |
|
|
|
|
font-size: 22upx; |
|
|
|
|
background-color: red; |
|
|
|
@ -824,7 +855,7 @@ |
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
margin-left: 10px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.price-number { |
|
|
|
|
position: absolute; |
|
|
|
|
width: 100%; |
|
|
|
@ -834,46 +865,46 @@ |
|
|
|
|
align-items: flex-end; |
|
|
|
|
font-size: 28upx; |
|
|
|
|
height: 40upx; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.price { |
|
|
|
|
color: #fe4343; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.number { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.order { |
|
|
|
|
width: 86%; |
|
|
|
|
padding: 10upx 3%; |
|
|
|
|
margin: 30upx auto 20upx auto; |
|
|
|
|
box-shadow: 0upx 5upx 20upx rgba(0, 0, 0, 0.1); |
|
|
|
|
border-radius: 20upx; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.row { |
|
|
|
|
margin: 20upx 0; |
|
|
|
|
height: 80rpx; |
|
|
|
|
line-height: 80rpx; |
|
|
|
|
border-bottom: 1px solid #f4f4f4; |
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.left { |
|
|
|
|
font-size: 28upx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.right { |
|
|
|
|
margin-left: 40upx; |
|
|
|
|
font-size: 26upx; |
|
|
|
|
color: #999; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
input { |
|
|
|
|
font-size: 26upx; |
|
|
|
|
color: #999; |
|
|
|
@ -881,12 +912,12 @@ |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.blck { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100upx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.footer { |
|
|
|
|
width: 92%; |
|
|
|
|
padding: 0 4%; |
|
|
|
@ -899,13 +930,13 @@ |
|
|
|
|
position: fixed; |
|
|
|
|
bottom: 0upx; |
|
|
|
|
z-index: 5; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.settlement { |
|
|
|
|
width: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.sum { |
|
|
|
|
color: #FE1A1A; |
|
|
|
|
width: 50%; |
|
|
|
@ -915,7 +946,7 @@ |
|
|
|
|
height: 26px; |
|
|
|
|
line-height: 26px; |
|
|
|
|
justify-content: flex-start; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.money { |
|
|
|
|
font-size: 20px; |
|
|
|
|
font-weight: 600; |
|
|
|
@ -923,7 +954,7 @@ |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.btn { |
|
|
|
|
padding: 0 20upx; |
|
|
|
|
height: 70rpx; |
|
|
|
@ -937,37 +968,37 @@ |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.detail { |
|
|
|
|
width: 86%; |
|
|
|
|
padding: 10upx 3%; |
|
|
|
|
margin: 30upx auto 20upx auto; |
|
|
|
|
box-shadow: 0upx 5upx 20upx rgba(0, 0, 0, 0.1); |
|
|
|
|
border-radius: 20upx; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.row { |
|
|
|
|
height: 60upx; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.nominal { |
|
|
|
|
font-size: 28upx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.content { |
|
|
|
|
font-size: 26upx; |
|
|
|
|
color: #0083f5; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.headsbg { |
|
|
|
|
background: linear-gradient(to bottom, #3da7e7, #e8eff4); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.stubtn { |
|
|
|
|
width: 30%; |
|
|
|
|
height: 35px; |
|
|
|
@ -976,13 +1007,13 @@ |
|
|
|
|
color: #ffffff; |
|
|
|
|
margin-left: 35%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.bottomstu { |
|
|
|
|
position: fixed; |
|
|
|
|
bottom: 0px; |
|
|
|
|
border-top: 1px solid #cecdcd; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.cusservice { |
|
|
|
|
height: 30px; |
|
|
|
|
width: 90px; |
|
|
|
@ -990,7 +1021,7 @@ |
|
|
|
|
border: 1px solid #6c6c6c; |
|
|
|
|
border-radius: 25px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.buybtn { |
|
|
|
|
height: 30px; |
|
|
|
|
width: 90px; |
|
|
|
@ -1000,23 +1031,23 @@ |
|
|
|
|
background-color: #009dff; |
|
|
|
|
border-radius: 25px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.borderleft { |
|
|
|
|
background-image: radial-gradient(10px at bottom left, #f0f0f0 10px, #ffffff); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.bordertopleft { |
|
|
|
|
background-image: radial-gradient(10px at top left, #f0f0f0 10px, #ffffff); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.concont { |
|
|
|
|
border-radius: 8px 8px 0 0; |
|
|
|
|
background-image: radial-gradient(10px at bottom right, #f0f0f0 10px, #ffffff); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.gooddes { |
|
|
|
|
border-radius: 0 0 8px 8px; |
|
|
|
|
background-image: radial-gradient(10px at top right, #f0f0f0 10px, #ffffff); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|