Files
2025-04-30 14:08:39 +08:00

1260 lines
32 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view class="page" :style="themeColor">
<view class="flex benben-position-layout flex flex-wrap align-center pickupOrderdetails_flex_0"
:style="{height:(114+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
<view class='flex flex-wrap align-center justify-between flex-sub pickupOrderdetails_fd0_0'>
<view class='flex flex-wrap align-center pickupOrderdetails_fd0_0_c0' @tap.stop="handleJumpDiy"
data-type="back" data-url="1">
<text class='fu-iconfont2 pickupOrderdetails_fd0_0_c0_c0'>&#xE794;</text>
</view>
<view class='flex flex-wrap align-stretch justify-center flex-sub'>
<text class='pickupOrderdetails_fd0_0_c1_c0'>订单详情</text>
</view>
<view class='flex flex-wrap align-center justify-center pickupOrderdetails_fd0_0_c2'
v-if="type_id=='2'">
<text class='fu-iconfont2 pickupOrderdetails_fd0_0_c2_c0'>&#xe648;</text>
<text class='pickupOrderdetails_fd0_0_c2_c1'>打印</text>
</view>
</view>
</view>
<view :style="{height: (114+StatusBarRpx)+'rpx'}"></view>
<!---设备flex布局开始-->
<view class="flex benben-flex-layout flex-wrap align-center pickupOrderdetails_flex_1">
<view class='flex flex-wrap align-center'>
<text class='pickupOrderdetails_fd1_0_c0' v-if="type_id=='1'">待接单</text><text
class='pickupOrderdetails_fd1_0_c0_1' v-if="type_id=='2'">待到店自提</text><text
class='pickupOrderdetails_fd1_0_c0_2' v-if="type_id=='3'">待用户评价</text>
</view>
</view>
<!---设备flex布局结束-->
<!---flex布局flex布局开始-->
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout pickupOrderdetails_flex_2">
<view class='flex flex-direction flex-wrap align-stretch flex-sub pickupOrderdetails_fd2_0'>
<view class='flex flex-wrap align-start justify-between pickupOrderdetails_fd2_0_c0'>
<view class='flex flex-direction flex-wrap align-start'>
<view class='flex flex-wrap align-end'>
<text class='pickupOrderdetails_fd2_0_c0_c0_c0_c0'>#</text>
<text class='pickupOrderdetails_fd2_0_c0_c0_c0_c1'>10</text>
</view>
<view class='flex flex-wrap align-center pickupOrderdetails_fd2_0_c0_c0_c1'>
<text class='pickupOrderdetails_fd2_0_c0_c0_c1_c0'>期望时间</text>
<text class='pickupOrderdetails_fd2_0_c0_c0_c1_c1'>立即送达</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-center pickupOrderdetails_fd2_0_c0_c1'
v-if="type_id!='1'">
<text class='pickupOrderdetails_fd2_0_c0_c1_c0'>取货码</text>
<text class='pickupOrderdetails_fd2_0_c0_c1_c1'>565896</text>
</view>
</view>
<view class='flex flex-wrap align-center pickupOrderdetails_fd2_0_c1'>
</view>
<view class='flex flex-wrap align-center justify-between pickupOrderdetails_fd2_0_c2'>
<view class='flex flex-wrap align-center'>
<text class='pickupOrderdetails_fd2_0_c2_c0_c0'>蔡菜菜先生</text>
<text class='pickupOrderdetails_fd2_0_c2_c0_c1'>(</text>
<text class='pickupOrderdetails_fd2_0_c2_c0_c2'>647***26</text>
<text class='pickupOrderdetails_fd2_0_c2_c0_c3'>)</text>
</view>
<view class='flex flex-wrap align-center'>
<image class='pickupOrderdetails_fd2_0_c2_c1_c0' mode="aspectFit" :src='STATIC_URL+"58.png"'>
</image>
</view>
</view>
</view>
</view>
<!---flex布局flex布局结束-->
<!---flex布局flex布局开始-->
<view class="flex benben-flex-layout flex-wrap align-center pickupOrderdetails_flex_3">
<view class='flex flex-wrap align-center justify-between flex-sub pickupOrderdetails_fd3_0'>
<text class='pickupOrderdetails_fd3_0_c0'>备注</text>
<text class='pickupOrderdetails_fd3_0_c1'>要甜辣的</text>
</view>
</view>
<!---flex布局flex布局结束-->
<!---flex布局flex布局开始-->
<view class="flex benben-flex-layout flex-wrap align-center pickupOrderdetails_flex_4">
<view class='flex flex-direction flex-wrap align-stretch flex-sub pickupOrderdetails_fd4_0'>
<view class='flex flex-wrap align-center pickupOrderdetails_fd4_0_c0'>
<text class='pickupOrderdetails_fd4_0_c0_c0'>3</text>
<text class='pickupOrderdetails_fd4_0_c0_c1'>件商品</text>
</view>
<view class='flex flex-wrap align-start justify-between pickupOrderdetails_fd4_0_c1'>
<view class='flex flex-wrap align-center'>
<view class='flex flex-wrap align-center'>
<image class='pickupOrderdetails_fd4_0_c1_c0_c0_c0' mode="aspectFit"
:src='STATIC_URL+"86.png"'></image>
</view>
<view class='flex flex-direction flex-wrap align-start pickupOrderdetails_fd4_0_c1_c0_c1'>
<view class='flex flex-wrap align-center'>
<text class='pickupOrderdetails_fd4_0_c1_c0_c1_c0_c0'>水煮鱼片</text>
</view>
<view class='flex flex-wrap align-center pickupOrderdetails_fd4_0_c1_c0_c1_c1'>
<text class='pickupOrderdetails_fd4_0_c1_c0_c1_c1_c0'>特辣</text>
</view>
<view class='flex flex-wrap align-center'>
<text class='pickupOrderdetails_fd4_0_c1_c0_c1_c2_c0'>x</text>
<text class='pickupOrderdetails_fd4_0_c1_c0_c1_c2_c1'>1</text>
</view>
</view>
</view>
<view class='flex flex-wrap align-center pickupOrderdetails_fd4_0_c1_c1'>
<text class='pickupOrderdetails_fd4_0_c1_c1_c0'></text>
<text class='pickupOrderdetails_fd4_0_c1_c1_c1'>20.00</text>
</view>
</view>
<view class='flex flex-wrap align-center pickupOrderdetails_fd4_0_c2'>
</view>
<view class='flex flex-direction flex-wrap align-stretch'>
<view class='flex flex-wrap align-center justify-between pickupOrderdetails_fd4_0_c3_c0'>
<view class='flex flex-wrap align-center'>
<text class='pickupOrderdetails_fd4_0_c3_c0_c0_c0'>打包费</text>
</view>
<view class='flex flex-wrap align-center'>
<text class='pickupOrderdetails_fd4_0_c3_c0_c1_c0'></text>
<text class='pickupOrderdetails_fd4_0_c3_c0_c1_c1'>3</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-between pickupOrderdetails_fd4_0_c3_c1'>
<view class='flex flex-wrap align-center'>
<text class='pickupOrderdetails_fd4_0_c3_c1_c0_c0'>配送费</text>
</view>
<view class='flex flex-wrap align-center'>
<text class='pickupOrderdetails_fd4_0_c3_c1_c1_c0'></text>
<text class='pickupOrderdetails_fd4_0_c3_c1_c1_c1'>3</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-between pickupOrderdetails_fd4_0_c3_c2'>
<view class='flex flex-wrap align-center'>
<text class='pickupOrderdetails_fd4_0_c3_c2_c0_c0'>小计</text>
</view>
<view class='flex flex-wrap align-center'>
<text class='pickupOrderdetails_fd4_0_c3_c2_c1_c0'></text>
<text class='pickupOrderdetails_fd4_0_c3_c2_c1_c1'>3</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-between pickupOrderdetails_fd4_0_c3_c3'
@tap.stop="popupShow1684313676838=true">
<view class='flex flex-wrap align-center'>
<text class='pickupOrderdetails_fd4_0_c3_c3_c0_c0'>平台服务费</text>
</view>
<view class='flex flex-wrap align-center'>
<text class='pickupOrderdetails_fd4_0_c3_c3_c1_c0'>-</text>
<text class='pickupOrderdetails_fd4_0_c3_c3_c1_c1'>¥</text>
<text class='pickupOrderdetails_fd4_0_c3_c3_c1_c2'>5.00</text>
<text class='pickupOrderdetails_fd4_0_c3_c3_c1_c3'>></text>
</view>
</view>
</view>
<view class='flex flex-wrap align-center pickupOrderdetails_fd4_0_c4'>
</view>
<view class='flex flex-direction flex-wrap align-end'>
<view class='flex flex-wrap align-center'>
<text class='pickupOrderdetails_fd4_0_c5_c0_c0'>预计收入</text>
<text class='pickupOrderdetails_fd4_0_c5_c0_c1'></text>
<text class='pickupOrderdetails_fd4_0_c5_c0_c2'>65.0</text>
</view>
<view class='flex flex-wrap align-center pickupOrderdetails_fd4_0_c5_c1'>
<text class='pickupOrderdetails_fd4_0_c5_c1_c0'>用户实际支付</text>
<text class='pickupOrderdetails_fd4_0_c5_c1_c1'></text>
<text class='pickupOrderdetails_fd4_0_c5_c1_c2'>60.0</text>
</view>
</view>
</view>
</view>
<!---flex布局flex布局结束-->
<!---订单信息flex布局开始-->
<view class="flex flex-direction align-stretch benben-flex-layout pickupOrderdetails_flex_5">
<text class='pickupOrderdetails_fd5_0'>订单信息</text>
<view class='flex flex-wrap align-center justify-between pickupOrderdetails_fd5_1'>
<text class='pickupOrderdetails_fd5_1_c0'>订单编号</text>
<view class='flex flex-wrap align-center'>
<text class='pickupOrderdetails_fd5_1_c1_c0'>2018101902315</text>
<text class='pickupOrderdetails_fd5_1_c1_c1'>复制</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-between pickupOrderdetails_fd5_2'>
<text class='pickupOrderdetails_fd5_2_c0'>下单时间</text>
<text class='pickupOrderdetails_fd5_2_c1'>2020-09-28 21:12:12</text>
</view>
<view class='flex flex-wrap align-center justify-between pickupOrderdetails_fd5_3'>
<text class='pickupOrderdetails_fd5_3_c0'>支付方式</text>
<text class='pickupOrderdetails_fd5_3_c1'>微信支付</text>
</view>
</view>
<!---订单信息flex布局结束-->
<benben-popup v-model="popupShow1684316869028" :mask="true" mode='center'>
<!---确认订单flex布局开始-->
<view class="flex flex-direction flex-wrap align-center pickupOrderdetails_flex_6"
@tap.stop="popupShow1650940432200=true">
<text class='pickupOrderdetails_fd6_0'>提示</text>
<text class='pickupOrderdetails_fd6_1'>是否确认完成订单</text>
<view class='flex flex-wrap align-center pickupOrderdetails_fd6_2'>
<button class='pickupOrderdetails_fd6_2_c0' @tap.stop="popupShow1684316869028=false">取消</button>
<button class='pickupOrderdetails_fd6_2_c1'>确定</button>
</view>
</view>
<!---确认订单flex布局结束-->
</benben-popup>
<benben-popup v-model="popupShow1684315684087" :mask="true" mode='center'>
<!---电话flex布局开始-->
<view class="flex flex-direction align-center benben-flex-layout pickupOrderdetails_flex_7">
<text class='pickupOrderdetails_fd7_0'>提示</text>
<view class='flex flex-wrap align-center pickupOrderdetails_fd7_1'>
<text class='pickupOrderdetails_fd7_1_c0'>是否拨打</text>
<text class='pickupOrderdetails_fd7_1_c1'>18565265542</text>
<text class='pickupOrderdetails_fd7_1_c2'></text>
</view>
<view class='flex flex-wrap align-center'>
<button class='pickupOrderdetails_fd7_2_c0' @tap.stop="popupShow1684315684087=false">取消</button>
<button class='pickupOrderdetails_fd7_2_c1' @tap.stop="handleJumpDiy" data-type="back"
data-url="2">立即拨打</button>
</view>
</view>
<!---电话flex布局结束-->
</benben-popup>
<benben-popup v-model="popupShow1684316039729" :mask="true" mode='center'>
<!---删除订单flex布局开始-->
<view class="flex flex-direction flex-wrap align-center pickupOrderdetails_flex_8"
@tap.stop="popupShow1650940432200=true">
<text class='pickupOrderdetails_fd8_0'>提示</text>
<text class='pickupOrderdetails_fd8_1'>确定删除当前订单</text>
<view class='flex flex-wrap align-center pickupOrderdetails_fd8_2'>
<button class='pickupOrderdetails_fd8_2_c0' @tap.stop="popupShow1684316039729=false">取消</button>
<button class='pickupOrderdetails_fd8_2_c1'>确定</button>
</view>
</view>
<!---删除订单flex布局结束-->
</benben-popup>
<benben-popup v-model="popupShow1684313676838" :mask="true" mode='bottom'>
<!---flex布局flex布局开始-->
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout pickupOrderdetails_flex_9">
<view class='flex flex-direction-row-reverse flex-wrap align-center'>
<text class='pickupOrderdetails_fd9_0_c0'>收费规则</text>
<text class='pickupOrderdetails_fd9_0_c1'>平台服务费</text>
</view>
<view class='flex flex-direction flex-wrap align-stretch pickupOrderdetails_fd9_1'>
<view class='flex flex-wrap align-center justify-between pickupOrderdetails_fd9_1_c0'>
<view class='flex flex-wrap align-center'>
<text class='pickupOrderdetails_fd9_1_c0_c0_c0'>服务费</text>
</view>
<view class='flex flex-wrap align-center'>
<text class='pickupOrderdetails_fd9_1_c0_c1_c0'></text>
<text class='pickupOrderdetails_fd9_1_c0_c1_c1'>5.0</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-between pickupOrderdetails_fd9_1_c1'>
<view class='flex flex-wrap align-center'>
<text class='pickupOrderdetails_fd9_1_c1_c0_c0'>合作商服务费</text>
</view>
<view class='flex flex-wrap align-center'>
<text class='pickupOrderdetails_fd9_1_c1_c1_c0'></text>
<text class='pickupOrderdetails_fd9_1_c1_c1_c1'>5.0</text>
</view>
</view>
</view>
<view class='flex flex-direction-row-reverse flex-wrap align-center pickupOrderdetails_fd9_2'>
<text class='pickupOrderdetails_fd9_2_c0'>5.26</text>
<text class='pickupOrderdetails_fd9_2_c1'></text>
<text class='pickupOrderdetails_fd9_2_c2'>合计</text>
</view>
<view class='flex flex-wrap align-center justify-center pickupOrderdetails_fd9_3'>
<button class='pickupOrderdetails_fd9_3_c0'>我知道了</button>
</view>
</view>
<!---flex布局flex布局结束-->
</benben-popup>
<view class="flex flex-direction align-stretch benben-position-layout flex pickupOrderdetails_flex_10"
v-if="in_array(type_id,'1,2')">
<view class='flex flex-wrap align-center pickupOrderdetails_fd10_0' v-if="type_id=='1'">
<button class='flex-sub pickupOrderdetails_fd10_0_c0'>确认接单</button>
</view>
<view class='flex flex-direction-row-reverse flex-wrap align-center pickupOrderdetails_fd10_1'
v-if="type_id=='2'">
<button class='pickupOrderdetails_fd10_1_c0' @tap.stop="popupShow1684316869028=true">确认完成</button>
<button class='pickupOrderdetails_fd10_1_c1' @tap.stop="popupShow1684316039729=true">取消订单</button>
</view>
</view>
<view :style="{height: '138rpx'}" v-if="in_array(type_id,'1,2')"></view>
</view>
</template>
<script>
export default {
components: {},
data() {
return {
"popupShow1684313676838": false,
"popupShow1684316039729": false,
"popupShow1684315684087": false,
"popupShow1684316869028": false,
"tabls_order": "1",
"order_tabls": "1",
"state_order": "1",
"type_id": "3"
};
},
computed: {
themeColor() {
return this.$store.getters.themeColor
},
},
watch: {},
onLoad(options) {
let {
type_id
} = options
if (type_id !== undefined) this.type_id = type_id
},
onUnload() {
},
onReady() {
},
onShow() {
},
onHide() {
},
onResize() {
},
onPullDownRefresh() {
},
onReachBottom(e) {
},
onPageScroll(e) {
},
methods: {
}
};
</script>
<style lang="scss" scoped>
.page {
width: 100vw;
overflow-x: hidden;
min-height: calc(100vh - var(--window-bottom));
background: url(/static/images/11.png) no-repeat, rgba(248, 248, 248, 1);
background-size: 100% auto !important;
}
.pickupOrderdetails_flex_0 {
background: url(/static/images/11.png) no-repeat, transparent;
width: 750rpx;
height: 114rpx;
overflow: hidden;
z-index: 10;
top: 0rpx;
background-size: 100% auto !important;
}
.pickupOrderdetails_fd0_0_c2_c1 {
color: #FFFFFF;
font-size: 24rpx;
font-weight: 500;
line-height: 39rpx;
margin: 0rpx 0rpx 0rpx 13rpx;
}
.pickupOrderdetails_fd0_0_c2_c0 {
font-size: 35rpx;
color: rgba(255, 255, 255, 1);
}
.pickupOrderdetails_fd0_0_c2 {
width: 110rpx;
height: 100rpx;
}
.pickupOrderdetails_fd0_0_c1_c0 {
font-size: 36rpx;
font-weight: 500;
color: rgba(255, 255, 255, 1);
line-height: 88rpx;
}
.pickupOrderdetails_fd0_0_c0_c0 {
font-size: 32rpx;
font-weight: 500;
color: rgba(255, 255, 255, 1);
line-height: 88rpx;
}
.pickupOrderdetails_fd0_0_c0 {
width: 110rpx;
height: 100rpx;
}
.pickupOrderdetails_fd0_0 {
margin: 0rpx 27rpx 0rpx 27rpx;
}
.pickupOrderdetails_flex_1 {
padding: 0rpx 32rpx 0rpx 32rpx;
}
.pickupOrderdetails_fd1_0_c0_2 {
color: #FFFFFF;
font-size: 32rpx;
font-weight: 500;
line-height: 32rpx;
}
.pickupOrderdetails_fd1_0_c0_1 {
color: #FFFFFF;
font-size: 32rpx;
font-weight: 500;
line-height: 32rpx;
}
.pickupOrderdetails_fd1_0_c0 {
color: #FFFFFF;
font-size: 32rpx;
font-weight: 500;
line-height: 32rpx;
}
.pickupOrderdetails_flex_2 {
padding: 24rpx 24rpx 0rpx 24rpx;
}
.pickupOrderdetails_fd2_0_c2_c1_c0 {
width: 48rpx;
height: 48rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.pickupOrderdetails_fd2_0_c2_c0_c3 {
color: #333333;
font-size: 32rpx;
font-weight: 500;
line-height: 32rpx;
}
.pickupOrderdetails_fd2_0_c2_c0_c2 {
color: #333333;
font-size: 32rpx;
font-weight: 500;
line-height: 32rpx;
}
.pickupOrderdetails_fd2_0_c2_c0_c1 {
color: #333333;
font-size: 32rpx;
font-weight: 500;
line-height: 32rpx;
}
.pickupOrderdetails_fd2_0_c2_c0_c0 {
color: #333333;
font-size: 32rpx;
font-weight: 500;
line-height: 32rpx;
}
.pickupOrderdetails_fd2_0_c2 {
margin: 0rpx 32rpx 0rpx 0rpx;
}
.pickupOrderdetails_fd2_0_c1 {
border-bottom: 1px dashed rgba(226, 226, 226, 1);
margin: 32rpx 32rpx 32rpx 0rpx;
height: 1rpx;
}
.pickupOrderdetails_fd2_0_c0_c1_c1 {
color: rgba(199, 115, 0, 1);
font-size: 32rpx;
font-weight: 500;
line-height: 64rpx;
}
.pickupOrderdetails_fd2_0_c0_c1_c0 {
color: #C77300;
font-size: 32rpx;
font-weight: 500;
line-height: 64rpx;
}
.pickupOrderdetails_fd2_0_c0_c1 {
background: url(/static/images/93.png) no-repeat, #eee;
width: 275rpx;
height: 64rpx;
border-radius: 50rpx 0rpx 0rpx 50rpx;
background-size: 100% auto !important;
}
.pickupOrderdetails_fd2_0_c0_c0_c1_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.pickupOrderdetails_fd2_0_c0_c0_c1_c0 {
margin: 0rpx 16rpx 0rpx 0rpx;
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.pickupOrderdetails_fd2_0_c0_c0_c1 {
margin: 16rpx 0rpx 0rpx 0rpx;
}
.pickupOrderdetails_fd2_0_c0_c0_c0_c1 {
color: #333333;
font-size: 44rpx;
font-weight: 500;
line-height: 44rpx;
}
.pickupOrderdetails_fd2_0_c0_c0_c0_c0 {
color: #333333;
font-size: 24rpx;
font-weight: 500;
line-height: 30rpx;
}
.pickupOrderdetails_fd2_0_c0 {
padding: 0rpx 0rpx 0rpx 0rpx;
}
.pickupOrderdetails_fd2_0 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 32rpx 0rpx 24rpx 32rpx;
}
.pickupOrderdetails_flex_3 {
padding: 24rpx 24rpx 0rpx 24rpx;
}
.pickupOrderdetails_fd3_0_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.pickupOrderdetails_fd3_0_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 600;
line-height: 30rpx;
}
.pickupOrderdetails_fd3_0 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 28rpx 24rpx 28rpx 24rpx;
}
.pickupOrderdetails_flex_4 {
padding: 24rpx 24rpx 0rpx 24rpx;
}
.pickupOrderdetails_fd4_0_c5_c1_c2 {
color: #333333;
font-size: 24rpx;
font-weight: 600;
line-height: 24rpx;
}
.pickupOrderdetails_fd4_0_c5_c1_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 600;
line-height: 24rpx;
}
.pickupOrderdetails_fd4_0_c5_c1_c0 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.pickupOrderdetails_fd4_0_c5_c1 {
margin: 24rpx 0rpx 0rpx 0rpx;
}
.pickupOrderdetails_fd4_0_c5_c0_c2 {
color: #ED4040;
font-size: 24rpx;
font-weight: 600;
line-height: 24rpx;
}
.pickupOrderdetails_fd4_0_c5_c0_c1 {
color: #ED4040;
font-size: 24rpx;
font-weight: 600;
line-height: 24rpx;
}
.pickupOrderdetails_fd4_0_c5_c0_c0 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.pickupOrderdetails_fd4_0_c4 {
border-bottom: 1px dashed rgba(226, 226, 226, 1);
height: 1rpx;
margin: 0rpx 0rpx 32rpx 0rpx;
}
.pickupOrderdetails_fd4_0_c3_c3_c1_c3 {
margin: 0rpx 0rpx 0rpx 16rpx;
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.pickupOrderdetails_fd4_0_c3_c3_c1_c2 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.pickupOrderdetails_fd4_0_c3_c3_c1_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.pickupOrderdetails_fd4_0_c3_c3_c1_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.pickupOrderdetails_fd4_0_c3_c3_c0_c0 {
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.pickupOrderdetails_fd4_0_c3_c3 {
margin: 0rpx 0rpx 32rpx 0rpx;
}
.pickupOrderdetails_fd4_0_c3_c2_c1_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.pickupOrderdetails_fd4_0_c3_c2_c1_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.pickupOrderdetails_fd4_0_c3_c2_c0_c0 {
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.pickupOrderdetails_fd4_0_c3_c2 {
margin: 0rpx 0rpx 32rpx 0rpx;
}
.pickupOrderdetails_fd4_0_c3_c1_c1_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.pickupOrderdetails_fd4_0_c3_c1_c1_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.pickupOrderdetails_fd4_0_c3_c1_c0_c0 {
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.pickupOrderdetails_fd4_0_c3_c1 {
margin: 0rpx 0rpx 32rpx 0rpx;
}
.pickupOrderdetails_fd4_0_c3_c0_c1_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.pickupOrderdetails_fd4_0_c3_c0_c1_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.pickupOrderdetails_fd4_0_c3_c0_c0_c0 {
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.pickupOrderdetails_fd4_0_c3_c0 {
margin: 0rpx 0rpx 32rpx 0rpx;
}
.pickupOrderdetails_fd4_0_c2 {
border-bottom: 1px dashed rgba(226, 226, 226, 1);
height: 1rpx;
margin: 0rpx 0rpx 32rpx 0rpx;
}
.pickupOrderdetails_fd4_0_c1_c1_c1 {
color: #333333;
font-size: 32rpx;
font-weight: 700;
line-height: 32rpx;
}
.pickupOrderdetails_fd4_0_c1_c1_c0 {
color: #333333;
font-size: 32rpx;
font-weight: 700;
line-height: 32rpx;
}
.pickupOrderdetails_fd4_0_c1_c1 {
margin: 10rpx 0rpx 0rpx 0rpx;
}
.pickupOrderdetails_fd4_0_c1_c0_c1_c2_c1 {
color: #999999;
font-size: 24rpx;
font-weight: 400;
line-height: 30rpx;
}
.pickupOrderdetails_fd4_0_c1_c0_c1_c2_c0 {
color: #999999;
font-size: 24rpx;
font-weight: 400;
line-height: 30rpx;
}
.pickupOrderdetails_fd4_0_c1_c0_c1_c1_c0 {
color: #0E0E0C;
font-size: 24rpx;
font-weight: 400;
line-height: 30rpx;
}
.pickupOrderdetails_fd4_0_c1_c0_c1_c1 {
margin: 9rpx 0rpx 9rpx 0rpx;
}
.pickupOrderdetails_fd4_0_c1_c0_c1_c0_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
}
.pickupOrderdetails_fd4_0_c1_c0_c1 {
margin: 0rpx 0rpx 0rpx 24rpx;
}
.pickupOrderdetails_fd4_0_c1_c0_c0_c0 {
width: 128rpx;
height: 128rpx;
border-radius: 8rpx 8rpx 8rpx 8rpx;
}
.pickupOrderdetails_fd4_0_c1 {
margin: 0rpx 0rpx 24rpx 0rpx;
}
.pickupOrderdetails_fd4_0_c0_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.pickupOrderdetails_fd4_0_c0_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.pickupOrderdetails_fd4_0_c0 {
margin: 0rpx 0rpx 22rpx 0rpx;
}
.pickupOrderdetails_fd4_0 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 28rpx 24rpx 24rpx 24rpx;
}
.pickupOrderdetails_flex_5 {
background: #fff;
margin: 24rpx 24rpx 40rpx 24rpx;
background-size: 100% auto !important;
border-radius: 24rpx 24rpx 24rpx 24rpx;
padding: 24rpx 24rpx 24rpx 24rpx;
}
.pickupOrderdetails_fd5_3_c1 {
font-size: 24rpx;
font-weight: 400;
color: #333333;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.pickupOrderdetails_fd5_3_c0 {
width: 136rpx;
font-size: 24rpx;
font-weight: 400;
color: #999999;
}
.pickupOrderdetails_fd5_3 {
padding: 24rpx 0rpx 0rpx 0rpx;
}
.pickupOrderdetails_fd5_2_c1 {
font-size: 24rpx;
font-weight: 400;
color: #333333;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.pickupOrderdetails_fd5_2_c0 {
width: 136rpx;
font-size: 24rpx;
font-weight: 400;
color: #999999;
}
.pickupOrderdetails_fd5_2 {
padding: 24rpx 0rpx 0rpx 0rpx;
}
.pickupOrderdetails_fd5_1_c1_c1 {
font-size: 24rpx;
font-weight: 400;
color: #4177DD;
margin: 0rpx 0rpx 0rpx 16rpx;
line-height: 24rpx;
}
.pickupOrderdetails_fd5_1_c1_c0 {
font-size: 24rpx;
font-weight: 400;
color: #333333;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
line-height: 24rpx;
}
.pickupOrderdetails_fd5_1_c0 {
width: 136rpx;
font-size: 24rpx;
font-weight: 400;
color: #999999;
}
.pickupOrderdetails_fd5_1 {
padding: 24rpx 0rpx 0rpx 0rpx;
}
.pickupOrderdetails_fd5_0 {
font-size: 32rpx;
font-weight: 500;
color: #333333;
}
.pickupOrderdetails_flex_6 {
background: #fff;
width: 540rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.pickupOrderdetails_fd6_2_c1 {
border-top: 1px solid #eee;
border-left: 1px solid #eee;
background: #fff;
line-height: 110rpx;
border-radius: 0rpx 0rpx 16rpx 0rpx;
font-size: 32rpx;
color: rgba(255, 147, 0, 1);
width: 270rpx;
}
.pickupOrderdetails_fd6_2_c0 {
border-top: 1px solid #eee;
background: #fff;
line-height: 110rpx;
border-radius: 0rpx 0rpx 0rpx 16rpx;
font-size: 32rpx;
color: rgba(153, 153, 153, 1);
padding: 0rpx 103rpx 0rpx 103rpx;
}
.pickupOrderdetails_fd6_2 {
margin: 37rpx 0rpx 0rpx 0rpx;
}
.pickupOrderdetails_fd6_1 {
line-height: 44rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
}
.pickupOrderdetails_fd6_0 {
font-size: 36rpx;
font-weight: 800;
line-height: 44rpx;
color: #333333;
margin: 40rpx 0rpx 40rpx 0rpx;
}
.pickupOrderdetails_flex_7 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
padding: 40rpx 24rpx 24rpx 24rpx;
width: 540rpx;
height: 269rpx;
}
.pickupOrderdetails_fd7_2_c1 {
background: rgba(255, 147, 0, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
font-size: 28rpx;
color: rgba(255, 255, 255, 1);
margin: 0rpx 0rpx 0rpx 12rpx;
width: 234rpx;
height: 72rpx;
line-height: 72rpx;
}
.pickupOrderdetails_fd7_2_c0 {
background: rgba(242, 242, 242, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
font-size: 28rpx;
color: rgba(51, 51, 51, 1);
margin: 0rpx 12rpx 0rpx 0rpx;
width: 234rpx;
height: 72rpx;
line-height: 72rpx;
}
.pickupOrderdetails_fd7_1_c2 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 44rpx;
}
.pickupOrderdetails_fd7_1_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 44rpx;
}
.pickupOrderdetails_fd7_1_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 44rpx;
}
.pickupOrderdetails_fd7_1 {
margin: 24rpx 0rpx 32rpx 0rpx;
}
.pickupOrderdetails_fd7_0 {
line-height: 44rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
}
.pickupOrderdetails_flex_8 {
background: #fff;
width: 540rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.pickupOrderdetails_fd8_2_c1 {
border-top: 1px solid #eee;
border-left: 1px solid #eee;
background: #fff;
line-height: 110rpx;
border-radius: 0rpx 0rpx 16rpx 0rpx;
font-size: 32rpx;
color: rgba(255, 147, 0, 1);
width: 270rpx;
}
.pickupOrderdetails_fd8_2_c0 {
border-top: 1px solid #eee;
background: #fff;
line-height: 110rpx;
border-radius: 0rpx 0rpx 0rpx 16rpx;
font-size: 32rpx;
color: rgba(153, 153, 153, 1);
padding: 0rpx 103rpx 0rpx 103rpx;
}
.pickupOrderdetails_fd8_2 {
margin: 37rpx 0rpx 0rpx 0rpx;
}
.pickupOrderdetails_fd8_1 {
line-height: 44rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
}
.pickupOrderdetails_fd8_0 {
font-size: 36rpx;
font-weight: 800;
line-height: 44rpx;
color: #333333;
margin: 40rpx 0rpx 40rpx 0rpx;
}
.pickupOrderdetails_flex_9 {
background: #fff;
background-size: 100% auto !important;
border-radius: 24rpx 24rpx 0rpx 0rpx;
padding: 33rpx 32rpx 0rpx 32rpx;
}
.pickupOrderdetails_fd9_3_c0 {
background: rgba(255, 147, 0, 1);
border-radius: 44rpx 44rpx 44rpx 44rpx;
font-size: 32rpx;
color: #fff;
width: 560rpx;
height: 88rpx;
line-height: 88rpx;
}
.pickupOrderdetails_fd9_3 {
margin: 41rpx 0rpx 46rpx 0rpx;
}
.pickupOrderdetails_fd9_2_c2 {
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 40rpx;
}
.pickupOrderdetails_fd9_2_c1 {
color: #ED4040;
font-size: 32rpx;
font-weight: 500;
line-height: 40rpx;
}
.pickupOrderdetails_fd9_2_c0 {
color: #ED4040;
font-size: 32rpx;
font-weight: 500;
line-height: 40rpx;
}
.pickupOrderdetails_fd9_2 {
margin: 28rpx 0rpx 0rpx 0rpx;
}
.pickupOrderdetails_fd9_1_c1_c1_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
}
.pickupOrderdetails_fd9_1_c1_c1_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
}
.pickupOrderdetails_fd9_1_c1_c0_c0 {
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 40rpx;
}
.pickupOrderdetails_fd9_1_c1 {
border-bottom: 1px solid #eee;
padding: 24rpx 24rpx 24rpx 0rpx;
}
.pickupOrderdetails_fd9_1_c0_c1_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
}
.pickupOrderdetails_fd9_1_c0_c1_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
}
.pickupOrderdetails_fd9_1_c0_c0_c0 {
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 40rpx;
}
.pickupOrderdetails_fd9_1_c0 {
border-bottom: 1px solid #eee;
padding: 24rpx 24rpx 24rpx 0rpx;
}
.pickupOrderdetails_fd9_1 {
background: rgba(238, 238, 238, 0.5);
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 0rpx 0rpx 0rpx 24rpx;
margin: 32rpx 0rpx 0rpx 0rpx;
}
.pickupOrderdetails_fd9_0_c1 {
margin: 0rpx 151rpx 0rpx 0rpx;
color: #333333;
font-size: 32rpx;
font-weight: 500;
line-height: 32rpx;
}
.pickupOrderdetails_fd9_0_c0 {
color: #59A6F4;
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
}
.pickupOrderdetails_flex_10 {
background: rgba(248, 248, 248, 1);
width: 750rpx;
height: 138rpx;
overflow: hidden;
z-index: 10;
bottom: calc(0rpx + var(--window-bottom));
background-size: 100% auto !important;
}
.pickupOrderdetails_fd10_1_c1 {
background: rgba(229, 229, 229, 1);
border-radius: 44rpx 44rpx 44rpx 44rpx;
font-size: 32rpx;
color: rgba(102, 102, 102, 1);
width: 218rpx;
height: 80rpx;
line-height: 80rpx;
margin: 0rpx 0rpx 0rpx 24rpx;
}
.pickupOrderdetails_fd10_1_c0 {
background: rgba(255, 147, 0, 1);
border-radius: 44rpx 44rpx 44rpx 44rpx;
font-size: 32rpx;
color: #fff;
width: 218rpx;
height: 80rpx;
line-height: 80rpx;
margin: 0rpx 0rpx 0rpx 24rpx;
}
.pickupOrderdetails_fd10_1 {
margin: 24rpx 24rpx 0rpx 24rpx;
}
.pickupOrderdetails_fd10_0_c0 {
background: rgba(255, 147, 0, 1);
border-radius: 44rpx 44rpx 44rpx 44rpx;
font-size: 32rpx;
color: #fff;
height: 88rpx;
line-height: 88rpx;
}
.pickupOrderdetails_fd10_0 {
margin: 24rpx 24rpx 0rpx 24rpx;
}
</style>