2506 lines
66 KiB
Vue
2506 lines
66 KiB
Vue
<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"></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"></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> |