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

2506 lines
66 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" v-if="isLoading">
<view v-if="in_array(info.status,'-1,0,7,8')"
class="flex benben-position-layout flex flex-wrap align-center orderDetails_flex_0"
:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
<view class='flex flex-wrap align-center justify-between flex-sub orderDetails_fd0_0'>
<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
<text class='fu-iconfont2 orderDetails_fd0_0_c0_c0' @tap.stop="handleJumpDiy" data-type="back"
data-url="1">&#xE794;</text>
</view>
<view class='flex flex-wrap align-stretch justify-center flex-sub'>
<text class='orderDetails_fd0_0_c1_c0'>订单详情</text>
</view>
<view class='flex flex-wrap align-center orderDetails_fd0_0_c2'>
</view>
</view>
</view>
<view v-if="in_array(info.status,'1,2,3,4,5,6')"
class="flex benben-position-layout flex flex-wrap align-center orderReceiving_flex_0"
:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
<view class='flex flex-wrap align-center justify-between flex-sub orderReceiving_fd0_0'>
<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
<text class='fu-iconfont2 orderReceiving_fd0_0_c0_c0' @tap.stop="handleJumpDiy" data-type="back"
data-url="1">&#xE794;</text>
</view>
<view class='flex flex-wrap align-stretch justify-center flex-sub'>
<text class='orderReceiving_fd0_0_c1_c0'>订单详情</text>
</view>
<view class='flex flex-wrap align-center orderReceiving_fd0_0_c2'>
</view>
</view>
</view>
<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
<block v-if="in_array(info.status,'1,2,3,4,5,6') && isPublish">
<map style="width: 750rpx; height: 240px;" :latitude="lat" :longitude="lng" scale="13" :markers="covers"></map>
</block>
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout orderDetails_flex_1"
v-if="in_array(info.status,'-1,0,7,8')">
<view class='flex flex-wrap align-center justify-between'>
<view class='flex flex-direction flex-wrap align-stretch'>
<text class='orderDetails_fd1_0_c0_c0'>{{info.status | filterStatus}}</text>
<!-- <text class='orderDetails_fd1_0_c0_c0_1' v-if="in_array(info.status,'7,8')">订单已完成</text> -->
<!-- <text class='orderDetails_fd1_0_c0_c0_2' v-if="id=='11'">订单已取消</text> -->
<view class='flex flex-wrap align-center orderDetails_fd1_0_c0_c1' v-if="info.status == 0">
<text class='orderDetails_fd1_0_c0_c1_c0'>剩余支付时间</text>
<benben-countdown class=' orderDetails_fd1_0_c0_c1_c1' @timeEnd="handleTimeEnd" :time-type='true'
:count-time="info.surplus_pay_time">
<template #default="{ d, h, i, s }">
<text class='orderDetails_fd1_0_c0_c1_c1_c2'>{{h}}</text>
<text class='orderDetails_fd1_0_c0_c1_c1_c3'>:</text>
<text class='orderDetails_fd1_0_c0_c1_c1_c4'>{{i}}</text>
<text class='orderDetails_fd1_0_c0_c1_c1_c5'>:</text>
<text class='orderDetails_fd1_0_c0_c1_c1_c6'>{{s}}</text>
<text class='orderDetails_fd1_0_c0_c1_c1_c7'></text>
</template>
</benben-countdown>
</view>
<!-- <view class='flex flex-wrap align-center justify-center orderDetails_fd1_0_c0_c2' v-if="in_array(info.status,'7')" @tap.stop="handleJumpDiy"
data-type="navigateTo" :data-url="`/pages/dpxq/ImmediatEevaluation/ImmediatEevaluation?sn=${sn}`">
<text class='orderDetails_fd1_0_c0_c2_c0'>评价</text>
</view> -->
<!-- <view class='flex flex-wrap align-center' v-if="id=='11'">
<text class='orderDetails_fd1_0_c0_c3_c0'>超时未支付</text>
</view> -->
</view>
<image class='orderDetails_fd1_0_c1' :src='STATIC_URL+"174.png"' v-if="info.status == 0"></image>
<image class='orderDetails_fd1_0_c1_1' :src='STATIC_URL+"107.png"' v-if="in_array(info.status,'7,8')"></image>
<image class='orderDetails_fd1_0_c1_2' :src='STATIC_URL+"110.png"' v-if="info.status == -1"></image>
</view>
</view>
<!---flex布局flex布局开始-->
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout orderDetails_flex_2">
<view class='flex flex-wrap align-center justify-between flex-sub orderDetails_fd2_0' v-if="info.status == 0">
<view class='flex flex-direction flex-wrap align-center' @tap.stop="cancelOrder">
<image class='orderDetails_fd2_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"41.png"'></image>
<text class='orderDetails_fd2_0_c0_c1'>取消订单</text>
</view>
<view class='flex flex-direction flex-wrap align-center' @tap.stop="handleContactShop">
<image class='orderDetails_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"42.png"'></image>
<text class='orderDetails_fd2_0_c1_c1'>联系商家</text>
</view>
<view class='flex flex-direction flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/dpxq/immediatePayment/immediatePayment?state=${info.pick_type}&money=${(info.payable_money - 0).toFixed(2)}&time=${info.surplus_pay_time}&sn=${info.order_sn}&score=${info.score_money - 0}&isdeduction=${(info.score_money - 0)>0 ? 1 : 2}`">
<image class='orderDetails_fd2_0_c2_c0' mode="aspectFit" :src='STATIC_URL+"43.png"'></image>
<text class='orderDetails_fd2_0_c2_c1'>立即付款</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-between flex-sub orderDetails_fd2_1'
v-if="info.status == 8 || info.status == 7">
<view class='flex flex-direction flex-wrap align-center' @tap.stop="delOrder">
<image class='orderDetails_fd2_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"109.png"'></image>
<text class='orderDetails_fd2_1_c0_c1'>删除订单</text>
</view>
<view class='flex flex-direction flex-wrap align-center' @tap.stop="handleContactShop">
<image class='orderDetails_fd2_1_c1_c0' mode="aspectFit" :src='STATIC_URL+"42.png"'></image>
<text class='orderDetails_fd2_1_c1_c1'>联系商家</text>
</view>
<view class='flex flex-direction flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/dpxq/ImmediatEevaluation/ImmediatEevaluation?sn=${sn}`">
<image class='orderDetails_fd2_1_c2_c0' mode="aspectFit" src='/static/pingjia.png'></image>
<text class='orderDetails_fd2_1_c2_c1'>去评价</text>
</view>
<view class='flex flex-direction flex-wrap align-center' @tap.stop="postBuyAgain">
<image class='orderDetails_fd2_1_c2_c0' mode="aspectFit" :src='STATIC_URL+"108.png"'></image>
<text class='orderDetails_fd2_1_c2_c1'>再来一单</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-center flex-sub orderDetails_fd2_2' v-if="info.status == -1">
<view class='flex flex-direction flex-wrap align-center' @tap.stop="delOrder">
<image class='orderDetails_fd2_2_c0_c0' mode="aspectFit" :src='STATIC_URL+"109.png"'></image>
<text class='orderDetails_fd2_2_c0_c1'>删除订单</text>
</view>
</view>
</view>
<!---flex布局flex布局结束-->
<!---flex布局flex布局开始-->
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout orderReceiving_flex_2"
v-if="in_array(info.status,'1,2,3,4,5,6')">
<view class='flex flex-direction flex-wrap align-stretch flex-sub orderReceiving_fd2_0' v-if="info.status == 1">
<view class='flex flex-wrap align-center justify-center'>
<text class='orderReceiving_fd2_0_c0_c0'>商家待接单</text>
</view>
<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_0_c1'>
<text class='orderReceiving_fd2_0_c1_c0'>等待商家接单</text>
</view>
<view class='flex flex-wrap align-center orderReceiving_fd2_0_c2'>
</view>
<view class='flex flex-wrap align-center justify-between orderReceiving_fd2_0_c3'>
<view class='flex flex-wrap align-center' @tap.stop="cancelOrder">
<image class='orderReceiving_fd2_0_c3_c0_c0' mode="aspectFit" :src='STATIC_URL+"50.png"'></image>
<text class='orderReceiving_fd2_0_c3_c0_c1'>取消订单</text>
</view>
<view class='flex flex-wrap align-center' @tap.stop="handleChatShop">
<image class='orderReceiving_fd2_0_c3_c1_c0' mode="aspectFit" :src='STATIC_URL+"47.png"'></image>
<text class='orderReceiving_fd2_0_c3_c1_c1'>联系商家</text>
</view>
</view>
</view>
<view class='flex flex-direction flex-wrap align-stretch flex-sub orderReceiving_fd2_1' v-if="info.status == 2">
<view class='flex flex-wrap align-center justify-center'>
<text class='orderReceiving_fd2_1_c0_c0'>商家已接单</text>
</view>
<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_1_c1'>
<text class='orderReceiving_fd2_1_c1_c0'>商家备货中</text>
</view>
<view class='flex flex-wrap align-center orderReceiving_fd2_1_c2'>
</view>
<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_1_c3'>
<view class='flex flex-wrap align-center' @tap.stop="handleChatShop">
<image class='orderReceiving_fd2_1_c3_c0_c0' mode="aspectFit" :src='STATIC_URL+"47.png"'></image>
<text class='orderReceiving_fd2_1_c3_c0_c1'>联系商家</text>
</view>
</view>
</view>
<view class='flex flex-direction flex-wrap align-stretch flex-sub orderReceiving_fd2_2' v-if="info.status == 3">
<view class='flex flex-wrap align-center justify-center'>
<text class='orderReceiving_fd2_2_c0_c0'>骑手待接单</text>
</view>
<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_2_c1'>
<text class='orderReceiving_fd2_2_c1_c0'>正在等待骑手接单</text>
</view>
<view class='flex flex-wrap align-center orderReceiving_fd2_2_c2'>
</view>
<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_2_c3'>
<view class='flex flex-wrap align-center' @click="handleChatShop">
<image class='orderReceiving_fd2_2_c3_c0_c0' mode="aspectFit" :src='STATIC_URL+"47.png"'></image>
<text class='orderReceiving_fd2_2_c3_c0_c1'>联系商家</text>
</view>
</view>
</view>
<view class='flex flex-direction flex-wrap align-stretch flex-sub orderReceiving_fd2_2' v-if="info.status == 4">
<view class='flex flex-wrap align-center justify-center'>
<text class='orderReceiving_fd2_2_c0_c0'>骑手已接单</text>
</view>
<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_2_c1'>
<text class='orderReceiving_fd2_2_c1_c0'>骑手正在赶往商家</text>
</view>
<view class='flex flex-wrap align-center orderReceiving_fd2_2_c2'>
</view>
<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_2_c3'>
<view class='flex flex-wrap align-center' @tap.stop="handleChatShop">
<image class='orderReceiving_fd2_2_c3_c0_c0' mode="aspectFit" :src='STATIC_URL+"47.png"'></image>
<text class='orderReceiving_fd2_2_c3_c0_c1'>联系商家</text>
</view>
</view>
</view>
<!-- <view class='flex flex-direction flex-wrap align-stretch flex-sub orderReceiving_fd2_3' v-if="info.status == 5">
<view class='flex flex-wrap align-center justify-center'>
<text class='orderReceiving_fd2_3_c0_c0'>骑手已到店</text>
</view>
<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_3_c1'>
<text class='orderReceiving_fd2_3_c1_c0'>骑手正在等待取餐</text>
</view>
<view class='flex flex-wrap align-center orderReceiving_fd2_3_c2'>
</view>
<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_3_c3'>
<view class='flex flex-wrap align-center'>
<image class='orderReceiving_fd2_3_c3_c0_c0' mode="aspectFit" :src='STATIC_URL+"47.png"'></image>
<text class='orderReceiving_fd2_3_c3_c0_c1'>联系商家</text>
</view>
</view>
</view> -->
<view class='flex flex-direction flex-wrap align-stretch flex-sub orderReceiving_fd2_4' v-if="info.status == 5">
<view class='flex flex-wrap align-center justify-center'>
<text class='orderReceiving_fd2_4_c0_c0'>骑手配送中</text>
</view>
<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_4_c1'>
<text class='orderReceiving_fd2_4_c1_c0'>骑手正在给你送餐</text>
</view>
<view class='flex flex-wrap align-center orderReceiving_fd2_4_c2'>
</view>
<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_4_c3'>
<view class='flex flex-wrap align-center' @tap.stop="handleChatShop">
<image class='orderReceiving_fd2_4_c3_c0_c0' mode="aspectFit" :src='STATIC_URL+"47.png"'></image>
<text class='orderReceiving_fd2_4_c3_c0_c1'>联系商家</text>
</view>
</view>
</view>
<view class='flex flex-direction flex-wrap align-stretch flex-sub orderReceiving_fd2_5' v-if="info.status == 6">
<view class='flex flex-wrap align-center justify-center'>
<text class='orderReceiving_fd2_5_c0_c0'>待取货</text>
</view>
<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_5_c1'>
<text class='orderReceiving_fd2_5_c1_c0'>取货码:</text>
<text class='orderReceiving_fd2_5_c1_c1'>{{info.pick_code}}</text>
</view>
<view class='flex flex-wrap align-center orderReceiving_fd2_5_c2'>
</view>
<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_5_c3'>
<view class='flex flex-wrap align-center' @tap.stop="handleChatShop">
<image class='orderReceiving_fd2_5_c3_c0_c0' mode="aspectFit" :src='STATIC_URL+"47.png"'></image>
<text class='orderReceiving_fd2_5_c3_c0_c1'>联系商家</text>
</view>
</view>
</view>
<!-- <view class='flex flex-direction flex-wrap align-stretch flex-sub orderReceiving_fd2_6'
v-if="in_array(info.status,'4,5,6,7,8')">
<view class='flex flex-wrap align-center orderReceiving_fd2_6_c0'>
<image class='orderReceiving_fd2_6_c0_c0' mode="aspectFit" :src='STATIC_URL+"106.png"'></image>
<text class='orderReceiving_fd2_6_c0_c1'>张东升</text>
</view>
<view class='flex flex-wrap align-center orderReceiving_fd2_6_c1'>
</view>
<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_6_c2'>
<view class='flex flex-wrap align-center'>
<image class='orderReceiving_fd2_6_c2_c0_c0' mode="aspectFit" :src='STATIC_URL+"48.png"'></image>
<text class='orderReceiving_fd2_6_c2_c0_c1'>致电骑手</text>
</view>
</view>
</view> -->
</view>
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout orderDetails_flex_4"
style="margin-top: 24rpx;"
v-if="(info.pick_type == 1 && in_array(info.status,'4,5,6,7,8')) || info.pick_type == 2">
<view class='flex flex-direction flex-wrap align-stretch orderDetails_fd4_0'
v-if="info.pick_type == 1 && in_array(info.status,'4,5,6,7,8')">
<view class='flex flex-wrap align-center justify-between orderDetails_fd4_0_c0'
v-if="in_array(info.status,'7,8')">
<text class='orderDetails_fd4_0_c0_c0'>骑手已送达</text>
<view class='flex flex-wrap align-center'>
<text class='orderDetails_fd4_0_c0_c1_c0'>送达时间:{{info.delivery_time}}</text>
<!-- <benben-countdown class=' orderDetails_fd4_0_c0_c1_c1' :count-time="fd4_0_c0_c1_c1">
<template #default="{ d, h, i, s }">
<text class='orderDetails_fd4_0_c0_c1_c1_c2'>{{h}}</text>
<text class='orderDetails_fd4_0_c0_c1_c1_c3'>:</text>
<text class='orderDetails_fd4_0_c0_c1_c1_c4'>{{i}}</text>
<text class='orderDetails_fd4_0_c0_c1_c1_c5'>:</text>
<text class='orderDetails_fd4_0_c0_c1_c1_c6'>{{s}}</text>
<text></text>
</template>
</benben-countdown> -->
</view>
</view>
<view class='flex flex-wrap align-center orderDetails_fd4_0_c1' v-if="in_array(info.status,'7,8')">
</view>
<view class='flex flex-wrap align-center orderDetails_fd4_0_c2'>
<image class='orderDetails_fd4_0_c2_c0' mode="aspectFill" :src='info.rider_info.head_img'></image>
<text class='orderDetails_fd4_0_c2_c1'>{{info.rider_info.name}}</text>
</view>
<view class='flex flex-wrap align-center orderDetails_fd4_0_c3'>
</view>
<view class='flex flex-wrap align-center justify-center orderDetails_fd4_0_c4' @tap.stop="handleContactRider">
<image class='orderDetails_fd4_0_c4_c0' mode="aspectFit" :src='STATIC_URL+"48.png"'></image>
<text class='orderDetails_fd4_0_c4_c1'>致电骑手</text>
</view>
</view>
<view class='flex flex-direction flex-wrap align-stretch flex-sub orderDetails_fd4_1' v-if="info.pick_type == 2">
<view class='flex flex-wrap align-center orderDetails_fd4_1_c0'>
<text class='orderDetails_fd4_1_c0_c0'>自提信息</text>
</view>
<view class='flex flex-wrap align-center orderDetails_fd4_1_c1'>
</view>
<view class='flex flex-wrap align-center justify-between orderDetails_fd4_1_c2'>
<text class='orderDetails_fd4_1_c2_c0'>自提时间</text>
<view class='flex flex-wrap align-center'>
<text class='orderDetails_fd4_1_c2_c1_c0'>{{info.pick_time}}</text>
<!-- <text class='orderDetails_fd4_1_c2_c1_c1'>10:30</text> -->
</view>
</view>
<view class='flex flex-wrap align-center justify-between orderDetails_fd4_1_c3'>
<text class='orderDetails_fd4_1_c3_c0'>自提地址</text>
<view class='orderDetails_fd4_1_c3_c1 flex align-center' @click="handleToMap"> <text
class="flex-sub">{{info.store_info.address_address}} </text>
<image style="width:44rpx; height: 44rpx; margin-left: 20rpx;" src="/static/daohang.png" mode="widthFix">
</image>
</view>
</view>
<view class='flex flex-wrap align-center justify-between orderDetails_fd4_1_c4'>
<text class='orderDetails_fd4_1_c4_c0'>自提人电话</text>
<text class='orderDetails_fd4_1_c4_c1'>{{info.pick_mobile}}</text>
</view>
</view>
</view>
<!---flex布局flex布局开始-->
<view class="flex benben-flex-layout flex-wrap align-center orderDetails_flex_3">
<view class='flex flex-direction flex-wrap align-stretch flex-sub orderDetails_fd3_0' v-if="info.pick_type == 1">
<view class='flex flex-wrap align-center orderDetails_fd3_0_c0'>
<text class='orderDetails_fd3_0_c0_c0'>配送信息</text>
</view>
<view class='flex flex-wrap align-center orderDetails_fd3_0_c1'>
</view>
<view class='flex flex-wrap align-center justify-between orderDetails_fd3_0_c2'>
<text class='orderDetails_fd3_0_c2_c0'>期望时间</text>
<text class='orderDetails_fd3_0_c2_c1'>{{info.expected_time}}</text>
</view>
<view class='flex flex-wrap align-center justify-between orderDetails_fd3_0_c2' v-if="info.status >= 1 && info.status <= 5">
<text class='orderDetails_fd3_0_c2_c0'>预计送达时间</text>
<text class='orderDetails_fd3_0_c2_c1'>{{info.estimated_time || ''}}</text>
</view>
<view class='flex flex-wrap align-center justify-between orderDetails_fd3_0_c3'>
<text class='orderDetails_fd3_0_c3_c0'>配送地址</text>
<text class='orderDetails_fd3_0_c3_c1'>{{info.address.name}}({{info.address.sex == 1 ? '先生' : '女士'}})
{{info.address.mobile}}
{{info.address.address}}</text>
</view>
</view>
</view>
<!---flex布局flex布局结束-->
<!---flex布局flex布局开始-->
<!---flex布局flex布局结束-->
<!---flex布局flex布局开始-->
<view class="flex flex-wrap align-center benben-flex-layout orderDetails_flex_5">
<view class='flex flex-direction flex-wrap align-stretch flex-sub orderDetails_fd5_0'>
<view class='flex flex-wrap align-center orderDetails_fd5_0_c0' @tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/dpxq/storeDetails/storeDetails?id=${info.store_info.aid}`">
<image class='orderDetails_fd5_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"45.png"'></image>
<text class='orderDetails_fd5_0_c0_c1'>{{info.store_info.store_name}}</text>
</view>
<view class='flex flex-wrap align-stretch orderDetails_fd5_0_c1' v-for="(item, index) in info.goods_lists"
:key="index">
<view class='flex flex-wrap align-center orderDetails_fd5_0_c1_c0'>
<image class='orderDetails_fd5_0_c1_c0_c0' mode="aspectFill" :src='item.goods_thumb'></image>
</view>
<view class='flex flex-direction flex-wrap align-stretch justify-between flex-sub'>
<view class='flex flex-wrap align-stretch justify-between'>
<view class='orderDetails_fd5_0_c1_c1_c0_c0'>{{item.goods_name}}</view>
<view class='flex flex-wrap align-center'>
<text class='orderDetails_fd5_0_c1_c1_c0_c1_c0'></text>
<text class='orderDetails_fd5_0_c1_c1_c0_c1_c1'>{{item.shop_price}}</text>
</view>
</view>
<view class='flex flex-wrap align-center' v-if="item.sku_name">
<text class='orderDetails_fd5_0_c1_c1_c1_c0'>{{item.sku_name}}</text>
</view>
<view class='flex flex-wrap align-center'>
<text class='orderDetails_fd5_0_c1_c1_c2_c0'>x</text>
<text class='orderDetails_fd5_0_c1_c1_c2_c1'>{{item.num}}</text>
</view>
</view>
</view>
<view class='flex flex-direction flex-wrap align-stretch orderDetails_fd5_0_c3'>
<view class='flex flex-wrap align-center justify-between orderDetails_fd5_0_c3_c0'>
<view class='flex flex-wrap align-center'>
<text class='orderDetails_fd5_0_c3_c0_c0_c0'>打包费</text>
<image class='orderDetails_fd5_0_c3_c0_c0_c1' :src='STATIC_URL+"46.png"'
@tap.stop="popupShow1684483109161=true"></image>
</view>
<view class='flex flex-wrap align-center'>
<text class='orderDetails_fd5_0_c3_c0_c1_c0'></text>
<text class='orderDetails_fd5_0_c3_c0_c1_c1'>{{info.pack_money || 0}}</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-between orderDetails_fd5_0_c3_c1' v-if="info.pick_type == 1">
<view class='flex flex-wrap align-center'>
<text class='orderDetails_fd5_0_c3_c1_c0_c0'>配送费</text>
<image class='orderDetails_fd5_0_c3_c1_c0_c1' :src='STATIC_URL+"46.png"'
@tap.stop="popupShow1684483396301=true"></image>
</view>
<view class='flex flex-wrap align-center'>
<text class='orderDetails_fd5_0_c3_c1_c1_c0'></text>
<text class='orderDetails_fd5_0_c3_c1_c1_c1'>{{info.freight || 0}}</text>
</view>
</view>
</view>
<view class='flex flex-wrap align-center orderDetails_fd5_0_c4'>
</view>
<view class='flex flex-wrap align-center justify-end' v-if="info.status >= 0">
<view class='flex flex-wrap align-center orderDetails_fd5_0_c5_c0'>
<text class='orderDetails_fd5_0_c5_c0_c0'>已抵扣</text>
<text class='orderDetails_fd5_0_c5_c0_c1'></text>
<text class='orderDetails_fd5_0_c5_c0_c2'>{{info.score_money}}</text>
</view>
<view class='flex flex-wrap align-center' v-if="info.status == 0">
<text class='orderDetails_fd5_0_c5_c1_c0'>应付</text>
<text class='orderDetails_fd5_0_c5_c1_c1'></text>
<text class='orderDetails_fd5_0_c5_c1_c2'>{{info.payable_money}}</text>
</view>
<view class='flex flex-wrap align-center' v-if="info.status > 0">
<text class='orderDetails_fd5_0_c5_c1_c0'>实付</text>
<text class='orderDetails_fd5_0_c5_c1_c1'></text>
<text class='orderDetails_fd5_0_c5_c1_c2'>{{info.real_money}}</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-between orderDetails_fd5_0_c6'>
<view class='flex flex-wrap align-center' @tap.stop="handleChatShop">
<image class='orderDetails_fd5_0_c6_c0_c0' mode="aspectFit" :src='STATIC_URL+"47.png"'></image>
<text class='orderDetails_fd5_0_c6_c0_c1'>联系商家</text>
</view>
<view class='flex flex-wrap align-center' @click="handleContactShop">
<image class='orderDetails_fd5_0_c6_c1_c0' mode="aspectFit" :src='STATIC_URL+"48.png"'></image>
<text class='orderDetails_fd5_0_c6_c1_c1'>致电商家</text>
</view>
</view>
</view>
</view>
<!---flex布局flex布局结束-->
<!---flex布局flex布局开始-->
<view class="flex benben-flex-layout flex-wrap align-center orderDetails_flex_6">
<view class='flex flex-direction flex-wrap align-stretch flex-sub orderDetails_fd6_0'>
<view class='flex flex-wrap align-center justify-between'>
<text class='orderDetails_fd6_0_c0_c0'>备注</text>
<view class='orderDetails_fd6_0_c0_c1'>{{info.remark || '无'}}</view>
</view>
</view>
</view>
<!---flex布局flex布局结束-->
<!---flex布局flex布局开始-->
<view class="flex benben-flex-layout flex-wrap align-center orderDetails_flex_7">
<view class='flex flex-direction flex-wrap align-stretch flex-sub orderDetails_fd7_0'>
<view class='flex flex-wrap align-center orderDetails_fd7_0_c0'>
<text class='orderDetails_fd7_0_c0_c0'>订单信息</text>
</view>
<view class='flex flex-wrap align-center orderDetails_fd7_0_c1'>
</view>
<view class='flex flex-wrap align-center justify-between orderDetails_fd7_0_c2'>
<text class='orderDetails_fd7_0_c2_c0'>订单编号</text>
<view class='flex flex-wrap align-center'>
<text class='orderDetails_fd7_0_c2_c1_c0'>{{sn}}</text>
<text class='orderDetails_fd7_0_c2_c1_c1' @tap.stop="copyText(sn)">复制</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-between orderDetails_fd7_0_c3'>
<text class='orderDetails_fd7_0_c3_c0'>下单时间</text>
<text class='orderDetails_fd7_0_c3_c1'>{{info.create_time}}</text>
</view>
<view class='flex flex-wrap align-center justify-between orderDetails_fd7_0_c4' v-if="info.pay_type">
<text class='orderDetails_fd7_0_c4_c0'>支付方式</text>
<text class='orderDetails_fd7_0_c4_c1'>{{info.pay_type}}</text>
</view>
<view class='flex flex-wrap align-center justify-between orderDetails_fd7_0_c5'
v-if="info.real_money && info.pay_type">
<text class='orderDetails_fd7_0_c5_c0'>支付金额</text>
<view class='flex flex-wrap align-center'>
<text class='orderDetails_fd7_0_c5_c1_c0'></text>
<text class='orderDetails_fd7_0_c5_c1_c1'>{{info.real_money}}</text>
</view>
</view>
</view>
</view>
<!---flex布局flex布局结束-->
<benben-popup v-model="popupShow1684483396301" :mask="true" mode='bottom'>
<!---配送费说明弹窗flex布局开始-->
<view class="flex flex-direction align-stretch benben-flex-layout orderDetails_flex_8">
<view class='flex flex-wrap align-center justify-between orderDetails_fd8_0'>
<view class='flex flex-wrap align-center orderDetails_fd8_0_c0'>
</view>
<text class='orderDetails_fd8_0_c1'>配送费说明</text>
<image class='orderDetails_fd8_0_c2' :src='STATIC_URL+"175.png"' @tap.stop="popupShow1684483396301=false">
</image>
</view>
<scroll-view scroll-y="true" class='flex flex-wrap align-center orderDetails_fd8_1'>
<text class='orderDetails_fd8_1_c0'>
<jyf-parser :html="parser2 | richTextFormat"></jyf-parser>
</text>
</scroll-view>
</view>
<!---配送费说明弹窗flex布局结束-->
</benben-popup>
<benben-popup v-model="popupShow1684482606108" :mask="true" mode='center'>
<!---取消订单flex布局开始-->
<view class="flex flex-direction flex-wrap align-center orderDetails_flex_9"
@tap.stop="popupShow1650940432200=true">
<text class='orderDetails_fd9_0'>提示</text>
<text class='orderDetails_fd9_1'>确定要取消订单吗</text>
<view class='flex flex-wrap align-center orderDetails_fd9_2'>
<button class='orderDetails_fd9_2_c0' @tap.stop="popupShow1684482606108=false">取消</button>
<button class='orderDetails_fd9_2_c1'>确定</button>
</view>
</view>
<!---取消订单flex布局结束-->
</benben-popup>
<benben-popup v-model="popupShow1684483109161" :mask="true" mode='bottom'>
<!---打包费说明弹窗flex布局开始-->
<view class="flex flex-direction align-stretch benben-flex-layout orderDetails_flex_10">
<view class='flex flex-wrap align-center justify-between orderDetails_fd10_0'>
<view class='flex flex-wrap align-center orderDetails_fd10_0_c0'>
</view>
<text class='orderDetails_fd10_0_c1'>打包费说明</text>
<image class='orderDetails_fd10_0_c2' :src='STATIC_URL+"175.png"' @tap.stop="popupShow1684483109161=false">
</image>
</view>
<scroll-view scroll-y="true" class='flex flex-wrap align-center orderDetails_fd10_1'>
<text class='orderDetails_fd10_1_c0'>
<jyf-parser :html="parser1 | richTextFormat"></jyf-parser>
</text>
</scroll-view>
</view>
<!---打包费说明弹窗flex布局结束-->
</benben-popup>
</view>
</template>
<script>
export default {
components: {},
data() {
return {
"popupShow1684483109161": false,
"popupShow1684482606108": false,
"popupShow1684483396301": false,
"fd4_0_c0_c1_c1": 360000,
"fd1_0_c0_c1_c1": 360000,
"orderNameber": "201809030004",
"id": "1",
isLoading: false,
sn: '',
info: {},
lat: 39.909,
lng: 116.39742,
parser1: '',
parser2: '',
covers: [],
timer: null
};
},
computed: {
themeColor() {
return this.$store.getters.themeColor
},
},
watch: {},
onLoad(options) {
let {
sn
} = options
if (sn !== undefined) this.sn = sn;
this.getXieyi(19);
this.getXieyi(20);
this.getLocation()
},
onUnload() {
if (this.timer) {
clearInterval(this.timer)
}
},
onReady() {
},
onShow() {
this.getPublishStatus()
// #ifdef APP-PLUS
this.getPublishStatus()
// #endif
this.getOrderDetail();
},
onHide() {
},
onResize() {
},
onPullDownRefresh() {
},
onReachBottom(e) {
},
onPageScroll(e) {
},
methods: {
getLocation() {
// #ifdef H5
this.lat = '34.738695';
this.lng = '113.64328';
// #endif
// #ifndef H5
uni.getLocation({
type: 'gcj02',
success: (res) => {
this.lat = res.latitude;
this.lng = res.longitude;
},
fail: err => {
console.log(err)
}
});
// #endif
},
handleToMap() {
console.log(this.info.store_info);
uni.openLocation({
latitude: this.info.store_info.address_lat - 0,
longitude: this.info.store_info.address_lng - 0,
name: this.info.store_info.address_address,
success: function() {
console.log('success');
},
fail: (err) => {
console.log(err);
}
});
},
getXieyi(type) {
console.log(type)
this.$api.post(global.apiUrls.getXieyi, {
aid: type
}).then(res => {
if (res.data.code == 1) {
let info = res.data.data;
if (type == 19) {
this.parser1 = info.body;
}
if (type == 20) {
this.parser2 = info.body;
}
}
})
.catch(err => {
console.log(err);
});
},
/**
* @description 删除订单
*/
delOrder() {
this.$util.showModal({
title: '提示',
content: '确认删除此订单?',
confirmColor: "#ff9300",
success: res => {
if (res.confirm) {
this.$api
.post(global.apiUrls.postDelOrder, {
order_sn: this.info.order_sn
})
.then(res => {
let data = res.data;
if (data.code == 1) {
this.$message.info('删除成功');
setTimeout(() => {
uni.navigateBack({
delta: 1
})
}, 1000)
} else {
this.$message.info(data.msg);
}
})
.catch(err => {
console.log('err: ' + JSON.stringify(err));
});
}
}
});
},
handleChatShop() {
uni.navigateTo({
url: '/pages/my/xiaoxi/chatRoom?name=' + this.info.store_info.store_name + '&id=' + this.info.store_info
.aid
})
},
handleContactShop() {
let phone = this.info.store_info.service_phone;
if (!phone) return this.$message.info('该店铺没有设置联系电话~');
this.callMobile(phone)
// uni.makePhoneCall({
// phoneNumber: phone
// })
},
handleContactRider() {
let phone = this.info.rider_info.mobile;
if (!phone) return this.$message.info('该骑手没有设置联系电话~');
this.callMobile(phone)
// uni.makePhoneCall({
// phoneNumber: phone
// })
},
postBuyAgain() {
this.$util.showModal({
title: '提示',
content: '确定要再来一单?',
confirmColor: "#ff9300",
success: res => {
if (res.confirm) {
this.$api
.post(global.apiUrls.postBuyAgain, {
order_sn: this.info.order_sn
})
.then(res => {
let data = res.data;
if (data.code == 1) {
setTimeout(() => {
uni.redirectTo({
url: `/pages/dpxq/storeDetails/storeDetails?id=${this.info.store_info.aid}`
})
}, 1000)
} else {
this.$message.info(data.msg);
}
})
.catch(err => {
console.log('err: ' + JSON.stringify(err));
});
}
}
});
},
/**
* @description 取消订单
*/
cancelOrder() {
console.log(123)
this.$util.showModal({
title: '提示',
content: '确定取消当前订单?',
confirmColor: "#ff9300",
success: res => {
if (res.confirm) {
console.log(123)
this.$api
.post(global.apiUrls.postCancelOrder, {
order_sn: this.info.order_sn
})
.then(res => {
let data = res.data;
this.$message.info(data.msg);
if (data.code == 1) {
this.getOrderDetail();
}
})
.catch(err => {
console.log('err: ' + JSON.stringify(err));
});
}
}
});
},
handleTimeEnd() {
uni.navigateBack({
delta: 1
})
},
getRiderInfo() {
this.getRider()
if (this.timer) {
clearInterval(this.timer)
}
this.timer = setInterval(()=>{
this.getRider()
}, 30000)
},
getRider() {
this.$api.post(global.apiUrls.post674d6a65730f3, {
order_sn: this.sn
}).then(res => {
if (res.data.code == 1) {
let covers = [...this.covers]
covers.push({
id: 333,
latitude: res.data.data.lat - 0,
longitude: res.data.data.lng - 0,
width: 36,
height: 36,
iconPath: '../static/rider.png'
// iconPath: 'https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/rider.png',
// callout: {
// content: this.info.store_info.store_name,
// color: '#ffffff',
// fontSize: 14,
// borderRadius: 16,
// bgColor: '#FF9D00',
// padding: 6,
// display: 'ALWAYS',
// textAlign: 'center',
// anchorY: 10
// }
})
this.covers = covers;
}
}).catch(err => {
console.log(err);
});
},
/**
* 获取订单详情
*/
getOrderDetail() {
this.$api.post(global.apiUrls.getOrderDetail, {
order_sn: this.sn
}).then(res => {
if (res.data.code == 1) {
this.isLoading = true
this.info = res.data.data;
// if (this.info.pick_type == 1) {
// this.lat = this.info.address.lat;
// this.lng = this.info.address.lng;
// } else {
// this.lat = this.info.store_info.address_lat;
// this.lng = this.info.store_info.address_lng;
// }
if (this.info.pick_type == 1) {
this.lat = this.info.address.lat;
this.lng = this.info.address.lng;
if (this.info.status == 4 || this.info.status == 5) {
this.getRiderInfo()
}
} else {
this.lat = this.info.store_info.address_lat;
this.lng = this.info.store_info.address_lng;
}
// https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/rider.png
let covers = [{
id: 999,
latitude: this.lat - 0,
longitude: this.lng,
width: 36,
height: 36,
iconPath: '../static/location.png'
},
{
id: 666,
latitude: this.info.store_info.address_lat - 0,
longitude: this.info.store_info.address_lng - 0,
width: 36,
height: 36,
iconPath: '../static/shop.png'
// iconPath: this.info.store_info.logo,
// callout: {
// content: this.info.store_info.store_name,
// color: '#ffffff',
// fontSize: 14,
// borderRadius: 16,
// bgColor: '#FF9D00',
// padding: 6,
// display: 'ALWAYS',
// textAlign: 'center',
// anchorY: 10
// }
},
];
this.covers = covers;
} else {
this.$message.info(res.data.msg)
}
})
.catch(err => {
console.log(err);
});
},
},
filters: {
// 订单状态过滤器 status每个值代表的状态
// -1 => '已取消', 0 => '待付款', 1 => '待接单', 2 => '备货中', 3 => '骑手待接单'
// 4 => '待取货', 5 => '待送达', 6 => '待到店自提', 7 => '待评价' 8=> '已完成'
filterStatus(val) {
switch (val - 0) {
case 0:
return '待付款';
case 1:
return '商家待接单';
case 2:
return '备货中';
case 3:
return '骑手待接单';
case 4:
return '待取货';
case 5:
return '待送达';
case 6:
return '待到店自提';
case 7:
return '待评价';
case 8:
return '已完成';
case -1:
return '已取消';
case -2:
return '已拒单';
default:
return '';
}
}
}
};
</script>
<style lang="scss" scoped>
.page {
width: 100vw;
overflow-x: hidden;
min-height: calc(100vh - var(--window-bottom));
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/40.png) no-repeat, rgba(246, 247, 249, 1);
background-size: 100% auto !important;
}
.orderDetails_flex_0 {
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/40.png) no-repeat, transparent;
width: 750rpx;
height: 88rpx;
overflow: hidden;
z-index: 10;
top: 0rpx;
background-size: 100% auto !important;
}
.orderDetails_fd0_0_c2 {
width: 32rpx;
height: 32rpx;
}
.orderDetails_fd0_0_c1_c0 {
font-size: 36rpx;
font-weight: 500;
color: rgba(255, 255, 255, 1);
line-height: 88rpx;
}
.orderDetails_fd0_0_c0_c0 {
font-size: 32rpx;
font-weight: 500;
color: rgba(255, 255, 255, 1);
line-height: 88rpx;
}
.orderDetails_fd0_0 {
margin: 0rpx 32rpx 0rpx 32rpx;
}
.orderDetails_flex_1 {
padding: 0rpx 24rpx 0rpx 24rpx;
}
.orderDetails_fd1_0_c1_2 {
width: 140rpx;
height: 140rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd1_0_c1_1 {
width: 140rpx;
height: 140rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd1_0_c1 {
width: 140rpx;
height: 140rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd1_0_c0_c3_c0 {
color: #FFFFFF;
font-size: 24rpx;
font-weight: 500;
line-height: 30rpx;
}
.orderDetails_fd1_0_c0_c2_c0 {
color: #FF9300;
font-size: 28rpx;
font-weight: 500;
line-height: 56rpx;
}
.orderDetails_fd1_0_c0_c2 {
background: rgba(255, 255, 255, 1);
width: 136rpx;
height: 56rpx;
border-radius: 8rpx 8rpx 8rpx 8rpx;
background-size: 100% auto !important;
margin: 16rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd1_0_c0_c1_c1_c7 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #FFFFFF;
}
.orderDetails_fd1_0_c0_c1_c1_c6 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #FFFFFF;
}
.orderDetails_fd1_0_c0_c1_c1_c5 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #FFFFFF;
}
.orderDetails_fd1_0_c0_c1_c1_c4 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #FFFFFF;
}
.orderDetails_fd1_0_c0_c1_c1_c3 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #FFFFFF;
}
.orderDetails_fd1_0_c0_c1_c1_c2 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #FFFFFF;
}
.orderDetails_fd1_0_c0_c1_c1 {
background: rgba(255, 255, 255, 0);
}
.orderDetails_fd1_0_c0_c1_c0 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #FFFFFF;
margin: 0rpx 8rpx 0rpx 0rpx;
}
.orderDetails_fd1_0_c0_c1 {
margin: 8rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd1_0_c0_c0_2 {
line-height: 45rpx;
font-size: 32rpx;
font-weight: 700;
color: #FFFFFF;
}
.orderDetails_fd1_0_c0_c0_1 {
line-height: 45rpx;
font-size: 32rpx;
font-weight: 700;
color: #FFFFFF;
}
.orderDetails_fd1_0_c0_c0 {
line-height: 45rpx;
font-size: 38rpx;
font-weight: 700;
color: #FFFFFF;
}
.orderDetails_flex_2 {
padding: 0rpx 24rpx 0rpx 24rpx;
}
.orderDetails_fd2_2_c0_c1 {
margin: 16rpx 0rpx 0rpx 0rpx;
color: rgba(253, 115, 115, 1);
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.orderDetails_fd2_2_c0_c0 {
width: 40rpx;
height: 40rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd2_2 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 40rpx 64rpx 40rpx 64rpx;
}
.orderDetails_fd2_1_c2_c1 {
margin: 16rpx 0rpx 0rpx 0rpx;
color: rgba(51, 51, 51, 1);
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.orderDetails_fd2_1_c2_c0 {
width: 40rpx;
height: 40rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd2_1_c1_c1 {
margin: 16rpx 0rpx 0rpx 0rpx;
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.orderDetails_fd2_1_c1_c0 {
width: 40rpx;
height: 40rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd2_1_c0_c1 {
margin: 16rpx 0rpx 0rpx 0rpx;
color: rgba(253, 115, 115, 1);
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.orderDetails_fd2_1_c0_c0 {
width: 40rpx;
height: 40rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd2_1 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 40rpx 64rpx 40rpx 64rpx;
}
.orderDetails_fd2_0_c2_c1 {
margin: 16rpx 0rpx 0rpx 0rpx;
color: rgba(255, 118, 0, 1);
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.orderDetails_fd2_0_c2_c0 {
width: 40rpx;
height: 40rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd2_0_c1_c1 {
margin: 16rpx 0rpx 0rpx 0rpx;
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.orderDetails_fd2_0_c1_c0 {
width: 40rpx;
height: 40rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd2_0_c0_c1 {
margin: 16rpx 0rpx 0rpx 0rpx;
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.orderDetails_fd2_0_c0_c0 {
width: 40rpx;
height: 40rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd2_0 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 40rpx 64rpx 40rpx 64rpx;
}
.orderDetails_flex_3 {
padding: 0rpx 24rpx 0rpx 24rpx;
}
.orderDetails_fd3_0_c3_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
max-width: 321rpx;
text-align: right;
}
.orderDetails_fd3_0_c3_c0 {
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd3_0_c3 {
margin: 32rpx 0rpx 0rpx 0rpx;
padding: 0rpx 24rpx 0rpx 24rpx;
}
.orderDetails_fd3_0_c2_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd3_0_c2_c0 {
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd3_0_c2 {
margin: 32rpx 0rpx 0rpx 0rpx;
padding: 0rpx 24rpx 0rpx 24rpx;
}
.orderDetails_fd3_0_c1 {
background: rgba(238, 238, 238, 1);
height: 1rpx;
background-size: 100% auto !important;
margin: 24rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd3_0_c0_c0 {
color: #333333;
font-size: 32rpx;
font-weight: 600;
line-height: 32rpx;
}
.orderDetails_fd3_0_c0 {
padding: 0rpx 24rpx 0rpx 24rpx;
}
.orderDetails_fd3_0 {
background: rgba(255, 255, 255, 1);
margin: 24rpx 0rpx 0rpx 0rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 24rpx 0rpx 24rpx 0rpx;
}
.orderDetails_flex_4 {
padding: 0rpx 24rpx 0rpx 24rpx;
}
.orderDetails_fd4_1_c4_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd4_1_c4_c0 {
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd4_1_c4 {
margin: 32rpx 0rpx 0rpx 0rpx;
padding: 0rpx 24rpx 0rpx 24rpx;
}
.orderDetails_fd4_1_c3_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
max-width: 321rpx;
text-align: right;
}
.orderDetails_fd4_1_c3_c0 {
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd4_1_c3 {
margin: 32rpx 0rpx 0rpx 0rpx;
padding: 0rpx 24rpx 0rpx 24rpx;
}
.orderDetails_fd4_1_c2_c1_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd4_1_c2_c1_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd4_1_c2_c0 {
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd4_1_c2 {
margin: 32rpx 0rpx 0rpx 0rpx;
padding: 0rpx 24rpx 0rpx 24rpx;
}
.orderDetails_fd4_1_c1 {
background: rgba(238, 238, 238, 1);
height: 1rpx;
background-size: 100% auto !important;
margin: 24rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd4_1_c0_c0 {
color: #333333;
font-size: 32rpx;
font-weight: 600;
line-height: 32rpx;
}
.orderDetails_fd4_1_c0 {
padding: 0rpx 24rpx 0rpx 24rpx;
}
.orderDetails_fd4_1 {
background: rgba(255, 255, 255, 1);
margin: 24rpx 0rpx 0rpx 0rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 24rpx 0rpx 24rpx 0rpx;
}
.orderDetails_fd4_0_c4_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.orderDetails_fd4_0_c4_c0 {
width: 40rpx;
height: 40rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 8rpx 0rpx 0rpx;
}
.orderDetails_fd4_0_c4 {
margin: 20rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd4_0_c3 {
background: rgba(238, 238, 238, 1);
height: 1rpx;
background-size: 100% auto !important;
}
.orderDetails_fd4_0_c2_c1 {
color: #333333;
font-size: 32rpx;
font-weight: 500;
line-height: 32rpx;
}
.orderDetails_fd4_0_c2_c0 {
width: 120rpx;
height: 120rpx;
border-radius: 100rpx 100rpx 100rpx 100rpx;
margin: 0rpx 16rpx 0rpx 0rpx;
}
.orderDetails_fd4_0_c2 {
padding: 32rpx 24rpx 32rpx 24rpx;
}
.orderDetails_fd4_0_c1 {
background: rgba(238, 238, 238, 1);
margin: 24rpx 0rpx 0rpx 0rpx;
height: 1rpx;
background-size: 100% auto !important;
}
.orderDetails_fd4_0_c0_c1_c1_c6 {
color: #999999;
font-size: 28rpx;
font-weight: 600;
line-height: 30rpx;
}
.orderDetails_fd4_0_c0_c1_c1_c5 {
color: #999999;
font-size: 28rpx;
font-weight: 600;
line-height: 30rpx;
}
.orderDetails_fd4_0_c0_c1_c1_c4 {
color: #999999;
font-size: 28rpx;
font-weight: 600;
line-height: 30rpx;
}
.orderDetails_fd4_0_c0_c1_c1_c3 {
color: #999999;
font-size: 28rpx;
font-weight: 600;
line-height: 30rpx;
}
.orderDetails_fd4_0_c0_c1_c1_c2 {
color: #999999;
font-size: 28rpx;
font-weight: 600;
line-height: 30rpx;
}
.orderDetails_fd4_0_c0_c1_c1 {
background: #FFFFFF;
}
.orderDetails_fd4_0_c0_c1_c0 {
color: #999999;
font-size: 28rpx;
font-weight: 600;
line-height: 30rpx;
}
.orderDetails_fd4_0_c0_c0 {
color: #333333;
font-size: 32rpx;
font-weight: 600;
line-height: 32rpx;
}
.orderDetails_fd4_0_c0 {
margin: 0rpx 24rpx 0rpx 24rpx;
}
.orderDetails_fd4_0 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 24rpx 0rpx 19rpx 0rpx;
}
.orderDetails_flex_5 {
padding: 0rpx 24rpx 0rpx 24rpx;
}
.orderDetails_fd5_0_c6_c1_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.orderDetails_fd5_0_c6_c1_c0 {
width: 48rpx;
height: 48rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 8rpx 0rpx 0rpx;
}
.orderDetails_fd5_0_c6_c0_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.orderDetails_fd5_0_c6_c0_c0 {
width: 48rpx;
height: 48rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 8rpx 0rpx 0rpx;
}
.orderDetails_fd5_0_c6 {
margin: 43rpx 0rpx 0rpx 0rpx;
padding: 0rpx 71rpx 0rpx 71rpx;
}
.orderDetails_fd5_0_c5_c1_c2 {
color: #E32121;
font-size: 32rpx;
font-weight: 700;
line-height: 32rpx;
}
.orderDetails_fd5_0_c5_c1_c1 {
color: #E32121;
font-size: 24rpx;
font-weight: 700;
line-height: 32rpx;
}
.orderDetails_fd5_0_c5_c1_c0 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.orderDetails_fd5_0_c5_c0_c2 {
color: #999999;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.orderDetails_fd5_0_c5_c0_c1 {
color: #999999;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.orderDetails_fd5_0_c5_c0_c0 {
color: #999999;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.orderDetails_fd5_0_c5_c0 {
margin: 0rpx 32rpx 0rpx 0rpx;
}
.orderDetails_fd5_0_c4 {
background: rgba(238, 238, 238, 1);
background-size: 100% auto !important;
height: 1rpx;
margin: 0rpx 0rpx 36rpx 0rpx;
}
.orderDetails_fd5_0_c3_c1_c1_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 28rpx;
}
.orderDetails_fd5_0_c3_c1_c1_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 28rpx;
}
.orderDetails_fd5_0_c3_c1_c0_c1 {
width: 24rpx;
height: 24rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 0rpx 0rpx 8rpx;
}
.orderDetails_fd5_0_c3_c1_c0_c0 {
color: #999999;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd5_0_c3_c1 {
margin: 0rpx 0rpx 32rpx 0rpx;
}
.orderDetails_fd5_0_c3_c0_c1_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 28rpx;
}
.orderDetails_fd5_0_c3_c0_c1_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 28rpx;
}
.orderDetails_fd5_0_c3_c0_c0_c1 {
width: 24rpx;
height: 24rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 0rpx 0rpx 8rpx;
}
.orderDetails_fd5_0_c3_c0_c0_c0 {
color: #999999;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd5_0_c3_c0 {
margin: 0rpx 0rpx 32rpx 0rpx;
}
.orderDetails_fd5_0_c3 {
margin: 24rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd5_0_c2_c1_c1_c1 {
color: #999999;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.orderDetails_fd5_0_c2_c1_c1_c0 {
color: #999999;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.orderDetails_fd5_0_c2_c1_c0_c1_c1 {
color: #333333;
font-size: 32rpx;
font-weight: 500;
line-height: 32rpx;
}
.orderDetails_fd5_0_c2_c1_c0_c1_c0 {
color: #333333;
font-size: 24rpx;
font-weight: 500;
line-height: 32rpx;
}
.orderDetails_fd5_0_c2_c1_c0_c0 {
color: #333333;
font-size: 32rpx;
font-weight: 500;
line-height: 32rpx;
}
.orderDetails_fd5_0_c2_c0_c0 {
width: 152rpx;
height: 152rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd5_0_c2_c0 {
margin: 0rpx 16rpx 0rpx 0rpx;
}
.orderDetails_fd5_0_c2 {
margin: 0rpx 0rpx 24rpx 0rpx;
}
.orderDetails_fd5_0_c1_c1_c2_c1 {
color: #999999;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.orderDetails_fd5_0_c1_c1_c2_c0 {
color: #999999;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.orderDetails_fd5_0_c1_c1_c1_c0 {
color: #999999;
font-size: 24rpx;
font-weight: 400;
line-height: 50rpx;
}
.orderDetails_fd5_0_c1_c1_c0_c1_c1 {
color: #333333;
font-size: 32rpx;
font-weight: 500;
line-height: 32rpx;
}
.orderDetails_fd5_0_c1_c1_c0_c1_c0 {
color: #333333;
font-size: 24rpx;
font-weight: 500;
line-height: 32rpx;
}
.orderDetails_fd5_0_c1_c1_c0_c0 {
width: 340rpx;
color: #333333;
font-size: 32rpx;
font-weight: 500;
line-height: 32rpx;
}
.orderDetails_fd5_0_c1_c0_c0 {
width: 152rpx;
height: 152rpx;
border-radius: 8rpx;
}
.orderDetails_fd5_0_c1_c0 {
margin: 0rpx 16rpx 0rpx 0rpx;
}
.orderDetails_fd5_0_c1 {
margin: 0rpx 0rpx 24rpx 0rpx;
}
.orderDetails_fd5_0_c0_c1 {
color: #333333;
font-size: 32rpx;
font-weight: 500;
line-height: 32rpx;
}
.orderDetails_fd5_0_c0_c0 {
width: 30rpx;
height: 28rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 16rpx 0rpx 0rpx;
}
.orderDetails_fd5_0_c0 {
margin: 0rpx 0rpx 40rpx 0rpx;
}
.orderDetails_fd5_0 {
background: rgba(255, 255, 255, 1);
margin: 24rpx 0rpx 0rpx 0rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 32rpx 24rpx 20rpx 24rpx;
}
.orderDetails_flex_6 {
padding: 0rpx 24rpx 0rpx 24rpx;
}
.orderDetails_fd6_0_c0_c1 {
width: 550rpx;
color: #333333;
font-size: 28rpx;
font-weight: 700;
line-height: 30rpx;
text-align: right;
}
.orderDetails_fd6_0_c0_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 600;
line-height: 30rpx;
}
.orderDetails_fd6_0 {
background: rgba(255, 255, 255, 1);
margin: 24rpx 0rpx 0rpx 0rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 24rpx 24rpx 24rpx 24rpx;
}
.orderDetails_flex_7 {
padding: 0rpx 24rpx 48rpx 24rpx;
}
.orderDetails_fd7_0_c5_c1_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd7_0_c5_c1_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd7_0_c5_c0 {
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd7_0_c5 {
margin: 32rpx 0rpx 0rpx 0rpx;
padding: 0rpx 24rpx 0rpx 24rpx;
}
.orderDetails_fd7_0_c4_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd7_0_c4_c0 {
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd7_0_c4 {
margin: 32rpx 0rpx 0rpx 0rpx;
padding: 0rpx 24rpx 0rpx 24rpx;
}
.orderDetails_fd7_0_c3_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd7_0_c3_c0 {
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd7_0_c3 {
margin: 32rpx 0rpx 0rpx 0rpx;
padding: 0rpx 24rpx 0rpx 24rpx;
}
.orderDetails_fd7_0_c2_c1_c1 {
margin: 0rpx 0rpx 0rpx 16rpx;
color: #3C9EFF;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.orderDetails_fd7_0_c2_c1_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd7_0_c2_c0 {
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderDetails_fd7_0_c2 {
margin: 32rpx 0rpx 0rpx 0rpx;
padding: 0rpx 24rpx 0rpx 24rpx;
}
.orderDetails_fd7_0_c1 {
background: rgba(238, 238, 238, 1);
height: 1rpx;
background-size: 100% auto !important;
margin: 24rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd7_0_c0_c0 {
color: #333333;
font-size: 32rpx;
font-weight: 600;
line-height: 32rpx;
}
.orderDetails_fd7_0_c0 {
padding: 0rpx 24rpx 0rpx 24rpx;
}
.orderDetails_fd7_0 {
background: rgba(255, 255, 255, 1);
margin: 24rpx 0rpx 0rpx 0rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 24rpx 0rpx 24rpx 0rpx;
}
.orderDetails_flex_8 {
background: #fff;
background-size: 100% auto !important;
border-radius: 24rpx 24rpx 0rpx 0rpx;
}
.orderDetails_fd8_1_c0 {
font-size: 28rpx;
font-weight: 400;
color: #333333;
line-height: 46rpx;
}
.orderDetails_fd8_1 {
max-height: 800rpx;
overflow: scroll;
padding: 48rpx 27rpx 72rpx 37rpx;
}
.orderDetails_fd8_0_c2 {
width: 28rpx;
height: 28rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd8_0_c1 {
font-size: 36rpx;
font-weight: 600;
color: #333333;
line-height: 50rpx;
}
.orderDetails_fd8_0_c0 {
width: 28rpx;
height: 0rpx;
}
.orderDetails_fd8_0 {
padding: 40rpx 40rpx 0rpx 40rpx;
}
.orderDetails_flex_9 {
background: #fff;
width: 540rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.orderDetails_fd9_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;
}
.orderDetails_fd9_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;
}
.orderDetails_fd9_2 {
margin: 37rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd9_1 {
line-height: 44rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
}
.orderDetails_fd9_0 {
font-size: 36rpx;
font-weight: 800;
line-height: 44rpx;
color: #333333;
margin: 40rpx 0rpx 40rpx 0rpx;
}
.orderDetails_flex_10 {
background: #fff;
background-size: 100% auto !important;
border-radius: 24rpx 24rpx 0rpx 0rpx;
}
.orderDetails_fd10_1_c0 {
font-size: 28rpx;
font-weight: 400;
color: #333333;
line-height: 46rpx;
}
.orderDetails_fd10_1 {
max-height: 800rpx;
padding: 48rpx 27rpx 72rpx 37rpx;
overflow: scroll;
}
.orderDetails_fd10_0_c2 {
width: 28rpx;
height: 28rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.orderDetails_fd10_0_c1 {
font-size: 36rpx;
font-weight: 600;
color: #333333;
line-height: 50rpx;
}
.orderDetails_fd10_0_c0 {
width: 28rpx;
height: 0rpx;
}
.orderDetails_fd10_0 {
padding: 40rpx 40rpx 0rpx 40rpx;
}
.orderReceiving_flex_2 {
padding: 15rpx 24rpx 0rpx 24rpx;
}
.orderReceiving_fd2_6_c2_c0_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.orderReceiving_fd2_6_c2_c0_c0 {
width: 48rpx;
height: 48rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 8rpx 0rpx 0rpx;
}
.orderReceiving_fd2_6_c2 {
margin: 20rpx 0rpx 0rpx 0rpx;
padding: 0rpx 71rpx 0rpx 71rpx;
}
.orderReceiving_fd2_6_c1 {
background: rgba(238, 238, 238, 1);
margin: 24rpx 0rpx 0rpx 0rpx;
height: 1rpx;
background-size: 100% auto !important;
}
.orderReceiving_fd2_6_c0_c1 {
color: #333333;
font-size: 32rpx;
font-weight: 500;
line-height: 32rpx;
}
.orderReceiving_fd2_6_c0_c0 {
width: 120rpx;
height: 120rpx;
border-radius: 100rpx 100rpx 100rpx 100rpx;
margin: 0rpx 16rpx 0rpx 0rpx;
}
.orderReceiving_fd2_6_c0 {
margin: 0rpx 24rpx 0rpx 24rpx;
}
.orderReceiving_fd2_6 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 32rpx 0rpx 20rpx 0rpx;
margin: 24rpx 0rpx 0rpx 0rpx;
}
.orderReceiving_fd2_5_c3_c0_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.orderReceiving_fd2_5_c3_c0_c0 {
width: 48rpx;
height: 48rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 8rpx 0rpx 0rpx;
}
.orderReceiving_fd2_5_c3 {
margin: 20rpx 0rpx 0rpx 0rpx;
padding: 0rpx 71rpx 0rpx 71rpx;
}
.orderReceiving_fd2_5_c2 {
background: rgba(238, 238, 238, 1);
margin: 24rpx 0rpx 0rpx 0rpx;
height: 1rpx;
background-size: 100% auto !important;
}
.orderReceiving_fd2_5_c1_c1 {
color: #FF9300;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderReceiving_fd2_5_c1_c0 {
color: #FF9300;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderReceiving_fd2_5_c1 {
margin: 16rpx 0rpx 0rpx 0rpx;
}
.orderReceiving_fd2_5_c0_c0 {
color: #333333;
font-size: 40rpx;
font-weight: 500;
line-height: 50rpx;
}
.orderReceiving_fd2_5 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 32rpx 0rpx 20rpx 0rpx;
}
.orderReceiving_fd2_4_c3_c0_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.orderReceiving_fd2_4_c3_c0_c0 {
width: 48rpx;
height: 48rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 8rpx 0rpx 0rpx;
}
.orderReceiving_fd2_4_c3 {
margin: 20rpx 0rpx 0rpx 0rpx;
padding: 0rpx 71rpx 0rpx 71rpx;
}
.orderReceiving_fd2_4_c2 {
background: rgba(238, 238, 238, 1);
margin: 24rpx 0rpx 0rpx 0rpx;
height: 1rpx;
background-size: 100% auto !important;
}
.orderReceiving_fd2_4_c1_c0 {
color: #FF9300;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderReceiving_fd2_4_c1 {
margin: 16rpx 0rpx 0rpx 0rpx;
}
.orderReceiving_fd2_4_c0_c0 {
color: #333333;
font-size: 40rpx;
font-weight: 500;
line-height: 50rpx;
}
.orderReceiving_fd2_4 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 32rpx 0rpx 20rpx 0rpx;
}
.orderReceiving_fd2_3_c3_c0_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.orderReceiving_fd2_3_c3_c0_c0 {
width: 48rpx;
height: 48rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 8rpx 0rpx 0rpx;
}
.orderReceiving_fd2_3_c3 {
margin: 20rpx 0rpx 0rpx 0rpx;
padding: 0rpx 71rpx 0rpx 71rpx;
}
.orderReceiving_fd2_3_c2 {
background: rgba(238, 238, 238, 1);
margin: 24rpx 0rpx 0rpx 0rpx;
height: 1rpx;
background-size: 100% auto !important;
}
.orderReceiving_fd2_3_c1_c0 {
color: #FF9300;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderReceiving_fd2_3_c1 {
margin: 16rpx 0rpx 0rpx 0rpx;
}
.orderReceiving_fd2_3_c0_c0 {
color: #333333;
font-size: 40rpx;
font-weight: 500;
line-height: 50rpx;
}
.orderReceiving_fd2_3 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 32rpx 0rpx 20rpx 0rpx;
}
.orderReceiving_fd2_2_c3_c0_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.orderReceiving_fd2_2_c3_c0_c0 {
width: 48rpx;
height: 48rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 8rpx 0rpx 0rpx;
}
.orderReceiving_fd2_2_c3 {
margin: 20rpx 0rpx 0rpx 0rpx;
padding: 0rpx 71rpx 0rpx 71rpx;
}
.orderReceiving_fd2_2_c2 {
background: rgba(238, 238, 238, 1);
margin: 24rpx 0rpx 0rpx 0rpx;
height: 1rpx;
background-size: 100% auto !important;
}
.orderReceiving_fd2_2_c1_c0 {
color: #FF9300;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderReceiving_fd2_2_c1 {
margin: 16rpx 0rpx 0rpx 0rpx;
}
.orderReceiving_fd2_2_c0_c0 {
color: #333333;
font-size: 40rpx;
font-weight: 500;
line-height: 50rpx;
}
.orderReceiving_fd2_2 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 32rpx 0rpx 20rpx 0rpx;
}
.orderReceiving_fd2_1_c3_c0_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.orderReceiving_fd2_1_c3_c0_c0 {
width: 48rpx;
height: 48rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 8rpx 0rpx 0rpx;
}
.orderReceiving_fd2_1_c3 {
margin: 43rpx 0rpx 0rpx 0rpx;
padding: 0rpx 71rpx 0rpx 71rpx;
}
.orderReceiving_fd2_1_c2 {
background: rgba(238, 238, 238, 1);
margin: 24rpx 0rpx 0rpx 0rpx;
height: 1rpx;
background-size: 100% auto !important;
}
.orderReceiving_fd2_1_c1_c0 {
color: #FF9300;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderReceiving_fd2_1_c1 {
margin: 16rpx 0rpx 0rpx 0rpx;
}
.orderReceiving_fd2_1_c0_c0 {
color: #333333;
font-size: 40rpx;
font-weight: 500;
line-height: 50rpx;
}
.orderReceiving_fd2_1 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 32rpx 0rpx 20rpx 0rpx;
}
.orderReceiving_fd2_0_c3_c1_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.orderReceiving_fd2_0_c3_c1_c0 {
width: 48rpx;
height: 48rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 8rpx 0rpx 0rpx;
}
.orderReceiving_fd2_0_c3_c0_c1 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.orderReceiving_fd2_0_c3_c0_c0 {
width: 48rpx;
height: 48rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 8rpx 0rpx 0rpx;
}
.orderReceiving_fd2_0_c3 {
margin: 43rpx 0rpx 0rpx 0rpx;
padding: 0rpx 71rpx 0rpx 71rpx;
}
.orderReceiving_fd2_0_c2 {
background: rgba(238, 238, 238, 1);
margin: 24rpx 0rpx 0rpx 0rpx;
height: 1rpx;
background-size: 100% auto !important;
}
.orderReceiving_fd2_0_c1_c0 {
color: #FF9300;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.orderReceiving_fd2_0_c1 {
margin: 16rpx 0rpx 0rpx 0rpx;
}
.orderReceiving_fd2_0_c0_c0 {
color: #333333;
font-size: 40rpx;
font-weight: 500;
line-height: 50rpx;
}
.orderReceiving_fd2_0 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 32rpx 0rpx 20rpx 0rpx;
}
.orderReceiving_flex_0 {
background: rgba(255, 255, 255, 1);
width: 750rpx;
height: 88rpx;
overflow: hidden;
z-index: 10;
top: 0rpx;
background-size: 100% auto !important;
}
.orderReceiving_fd0_0_c2 {
width: 32rpx;
height: 32rpx;
}
.orderReceiving_fd0_0_c1_c0 {
font-size: 36rpx;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 88rpx;
}
.orderReceiving_fd0_0_c0_c0 {
font-size: 32rpx;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 88rpx;
}
.orderReceiving_fd0_0 {
margin: 0rpx 32rpx 0rpx 32rpx;
}
</style>