1774 lines
47 KiB
Vue
1774 lines
47 KiB
Vue
<template>
|
||
<view class="page" :style="themeColor">
|
||
<view class="flex benben-position-layout flex flex-wrap align-center orderDetails_flex_0"
|
||
:style="{height:(114+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 orderDetails_fd0_0_c0' @tap.stop="handleJumpDiy"
|
||
data-type="back" data-url="1">
|
||
<text class='fu-iconfont2 orderDetails_fd0_0_c0_c0'></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 justify-center orderDetails_fd0_0_c2'
|
||
v-if="in_array(type_id,'2,3,4')" @tap="printTap">
|
||
<text class='fu-iconfont2 orderDetails_fd0_0_c2_c0'></text>
|
||
<text class='orderDetails_fd0_0_c2_c1'>打印</text>
|
||
</view>
|
||
|
||
<view v-else class="flex flex-wrap align-center justify-center orderDetails_fd0_0_c2">
|
||
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
<view :style="{height: (114+StatusBarRpx)+'rpx'}"></view>
|
||
<!---设备flex布局开始-->
|
||
<view class="flex benben-flex-layout flex-wrap align-center orderDetails_flex_1">
|
||
<view class='flex flex-wrap align-center'>
|
||
<!-- // 状态;-1:取消;0:待付款;1:待接单;2:备货中;3:待骑手接单;4:待取货;5:待送达;6:待到店自提 7 待评价 8已完成' -->
|
||
<text class='orderDetails_fd1_0_c0_6' v-if="details.status==-1">已取消</text>
|
||
<text class='orderDetails_fd1_0_c0_6' v-if="details.status==0">待付款</text>
|
||
<text class='orderDetails_fd1_0_c0' v-if="details.status==1">待接单</text>
|
||
|
||
<text class='orderDetails_fd1_0_c0_1' v-if="details.status==2">备货中</text>
|
||
<text class='orderDetails_fd1_0_c0_2' v-if="details.status==3">骑手待接单</text>
|
||
<text class='orderDetails_fd1_0_c0_2' v-if="details.status==4">待骑手取货</text>
|
||
<text class='orderDetails_fd1_0_c0_3' v-if="details.status==5">待送达</text>
|
||
<text class='orderDetails_fd1_0_c0_4' v-if="details.status==6">待到店自提</text>
|
||
|
||
<text class='orderDetails_fd1_0_c0_4' v-if="details.status==7">待用户评价</text>
|
||
<!-- <text class='orderDetails_fd1_0_c0_5' v-if="(details.status==3 && details.is_super==1) && details.is_pick==0">配送中</text> -->
|
||
<text class='orderDetails_fd1_0_c0_6' v-if="details.status==8">已完成</text>
|
||
|
||
</view>
|
||
</view>
|
||
|
||
<!---设备flex布局结束-->
|
||
<!---flex布局flex布局开始-->
|
||
<view class="flex benben-flex-layout flex-wrap align-center orderDetails_flex_2" v-if="order_rider && details.pick_type==1 && details.status>3">
|
||
<view class='flex flex-direction flex-wrap align-stretch flex-sub orderDetails_fd2_0'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='orderDetails_fd2_0_c0_c0'>骑手信息</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-between orderDetails_fd2_0_c1'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<image class='orderDetails_fd2_0_c1_c0_c0' mode="aspectFill" :src='rider_details.head_img'></image>
|
||
<text class='orderDetails_fd2_0_c1_c0_c1'>{{rider_details.name}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center' @tap="phone(rider_details.mobile,'popupShow1684315684087')">
|
||
<image class='orderDetails_fd2_0_c1_c1_c0' mode="aspectFit" :src='STATIC_URL+"58.png"'></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!---flex布局flex布局结束-->
|
||
<!---flex布局flex布局开始-->
|
||
<view v-if="details.pick_type==1" class="flex flex-direction flex-wrap align-stretch benben-flex-layout orderDetails_flex_3">
|
||
<view class='flex flex-direction flex-wrap align-stretch flex-sub orderDetails_fd3_0'>
|
||
<view class='flex flex-wrap align-center justify-between orderDetails_fd3_0_c0'>
|
||
<view class='flex flex-direction flex-wrap align-start'>
|
||
<view class='flex flex-wrap align-end'>
|
||
<text class='orderDetails_fd3_0_c0_c0_c0_c0'>#</text>
|
||
<text class='orderDetails_fd3_0_c0_c0_c0_c1'>{{details.store_code }}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center orderDetails_fd3_0_c0_c0_c1'>
|
||
<text class='orderDetails_fd3_0_c0_c0_c1_c0'>期望时间</text>
|
||
<text class='orderDetails_fd3_0_c0_c0_c1_c1'>{{details.expected_time}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center orderDetails_fd3_0_c0_c0_c1' v-if="details.status >= 1 && details.status <= 5">
|
||
<text class='orderDetails_fd3_0_c0_c0_c1_c0'>预计送达时间</text>
|
||
<text class='orderDetails_fd3_0_c0_c0_c1_c1'>{{details.estimated_time || ''}}</text>
|
||
</view>
|
||
</view>
|
||
</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'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<image class='orderDetails_fd3_0_c2_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"59.png"'>
|
||
</image>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-start orderDetails_fd3_0_c2_c0_c1'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='orderDetails_fd3_0_c2_c0_c1_c0_c0'>{{order_info.name}}{{order_info.sex==1?'先生':'女士'}}</text>
|
||
<text class='orderDetails_fd3_0_c2_c0_c1_c0_c1'>（</text>
|
||
<text class='orderDetails_fd3_0_c2_c0_c1_c0_c2'>{{order_info.mobile.substr(0, 3)}}****{{order_info.mobile.substr(7)}}</text>
|
||
<text class='orderDetails_fd3_0_c2_c0_c1_c0_c3'>）</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center orderDetails_fd3_0_c2_c0_c1_c1'>
|
||
<text class='orderDetails_fd3_0_c2_c0_c1_c1_c0'>{{order_info.province}}{{order_info.city}}{{order_info.district}}{{order_info.address}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center orderDetails_fd3_0_c3'>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-between orderDetails_fd3_0_c4'>
|
||
<view class='flex flex-wrap align-center' @tap="messageTap">
|
||
<image class='orderDetails_fd3_0_c4_c0_c0' mode="aspectFit" :src='STATIC_URL+"84.png"'></image>
|
||
<text class='orderDetails_fd3_0_c4_c0_c1'>联系用户</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center' @tap="phone(order_info.mobile,'popupShow1684315684087')">
|
||
<image class='orderDetails_fd3_0_c4_c1_c0' mode="aspectFit" :src='STATIC_URL+"85.png"'></image>
|
||
<text class='orderDetails_fd3_0_c4_c1_c1'>致电用户</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view v-if="details.pick_type==2" class="flex flex-direction flex-wrap align-stretch benben-flex-layout pickupOrderdetails_flex_2">
|
||
<view class='flex flex-direction flex-wrap align-stretch flex-sub pickupOrderdetails_fd2_0'>
|
||
<view class='flex flex-wrap align-start justify-between pickupOrderdetails_fd2_0_c0'>
|
||
<view class='flex flex-direction flex-wrap align-start'>
|
||
<view class='flex flex-wrap align-end'>
|
||
<text class='pickupOrderdetails_fd2_0_c0_c0_c0_c0'>#</text>
|
||
<text class='pickupOrderdetails_fd2_0_c0_c0_c0_c1'>{{details.store_code}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center pickupOrderdetails_fd2_0_c0_c0_c1'>
|
||
<text class='pickupOrderdetails_fd2_0_c0_c0_c1_c0'>到店时间</text>
|
||
<text class='pickupOrderdetails_fd2_0_c0_c0_c1_c1'>{{details.pick_time?details.pick_time:details.expect_time}}</text>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-center pickupOrderdetails_fd2_0_c0_c1'
|
||
v-if="type_id!='1'">
|
||
<text class='pickupOrderdetails_fd2_0_c0_c1_c0'>取货码：</text>
|
||
<text class='pickupOrderdetails_fd2_0_c0_c1_c1'>{{details.pick_code}}</text>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center pickupOrderdetails_fd2_0_c1'>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-between pickupOrderdetails_fd2_0_c2'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='pickupOrderdetails_fd2_0_c2_c0_c0'>{{user_info}}</text>
|
||
<text class='pickupOrderdetails_fd2_0_c2_c0_c1'>(</text>
|
||
<text class='pickupOrderdetails_fd2_0_c2_c0_c2'>{{details.pick_mobile.substr(0, 3) + "****" + details.pick_mobile.substr(7)}}</text>
|
||
<text class='pickupOrderdetails_fd2_0_c2_c0_c3'>)</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center' @tap="phone(details.pick_mobile,'popupShow1684315684087')">
|
||
<image class='pickupOrderdetails_fd2_0_c2_c1_c0' mode="aspectFit" :src='STATIC_URL+"58.png"'>
|
||
</image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!---flex布局flex布局结束-->
|
||
<!---flex布局flex布局开始-->
|
||
<view class="flex benben-flex-layout flex-wrap align-center orderDetails_flex_4">
|
||
<view class='flex flex-wrap align-center justify-between flex-sub orderDetails_fd4_0'>
|
||
<text class='orderDetails_fd4_0_c0'>备注</text>
|
||
<view class='orderDetails_fd4_0_c1'>{{details.remark?details.remark:'无'}}</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!---flex布局flex布局结束-->
|
||
<!---flex布局flex布局开始-->
|
||
<view class="flex benben-flex-layout flex-wrap align-center 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'>
|
||
<text class='orderDetails_fd5_0_c0_c0'>{{details.goods_num}}</text>
|
||
<text class='orderDetails_fd5_0_c0_c1'>件商品</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-start justify-between orderDetails_fd5_0_c1' v-for="(item,index) in details.goods_lists" :key="index">
|
||
<view class='flex flex-wrap align-center'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<image class='orderDetails_fd5_0_c1_c0_c0_c0' mode="aspectFill" :src='item.goods_thumb'>
|
||
</image>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-start orderDetails_fd5_0_c1_c0_c1'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='orderDetails_fd5_0_c1_c0_c1_c0_c0'>{{item.goods_name}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center orderDetails_fd5_0_c1_c0_c1_c1'>
|
||
<text class='orderDetails_fd5_0_c1_c0_c1_c1_c0'>{{item.sku_name}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='orderDetails_fd5_0_c1_c0_c1_c2_c0'>x</text>
|
||
<text class='orderDetails_fd5_0_c1_c0_c1_c2_c1'>{{item.num}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center orderDetails_fd5_0_c1_c1'>
|
||
<text class='orderDetails_fd5_0_c1_c1_c0'>￥</text>
|
||
<text class='orderDetails_fd5_0_c1_c1_c1'>{{item.shop_price}}</text>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center orderDetails_fd5_0_c2'>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-stretch'>
|
||
<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>
|
||
</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'>{{details.pack_money}}</text>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-between orderDetails_fd5_0_c3_c1' v-if="details.pick_type==1">
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='orderDetails_fd5_0_c3_c1_c0_c0'>配送费</text>
|
||
</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'>{{details.freight?details.freight:0}}</text>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-between orderDetails_fd5_0_c3_c2'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='orderDetails_fd5_0_c3_c2_c0_c0'>小计</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='orderDetails_fd5_0_c3_c2_c1_c0'>￥</text>
|
||
<text class='orderDetails_fd5_0_c3_c2_c1_c1'>{{details.goods_money}}</text>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-between orderDetails_fd5_0_c3_c3'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='orderDetails_fd5_0_c3_c3_c0_c0'>代理收费</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='orderDetails_fd5_0_c3_c3_c1_c0'>-</text>
|
||
<text class='orderDetails_fd5_0_c3_c3_c1_c1'>¥</text>
|
||
<text class='orderDetails_fd5_0_c3_c3_c1_c2'>{{details.agent_profit}}</text>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-between orderDetails_fd5_0_c3_c3'
|
||
@tap.stop="popupShow1684313676838=true">
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='orderDetails_fd5_0_c3_c3_c0_c0'>平台服务费</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='orderDetails_fd5_0_c3_c3_c1_c0'>-</text>
|
||
<text class='orderDetails_fd5_0_c3_c3_c1_c1'>¥</text>
|
||
<text class='orderDetails_fd5_0_c3_c3_c1_c2'>{{details.plat_profit}}</text>
|
||
<text class='orderDetails_fd5_0_c3_c3_c1_c3'>></text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center orderDetails_fd5_0_c4'>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-end'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<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'>{{details.store_profit}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center orderDetails_fd5_0_c5_c1'>
|
||
<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'>{{details.real_money}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!---flex布局flex布局结束-->
|
||
<!---订单信息flex布局开始-->
|
||
<view class="flex flex-direction align-stretch benben-flex-layout orderDetails_flex_6">
|
||
<text class='orderDetails_fd6_0'>订单信息</text>
|
||
<view class='flex flex-wrap align-center justify-between orderDetails_fd6_1'>
|
||
<text class='orderDetails_fd6_1_c0'>订单编号</text>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='orderDetails_fd6_1_c1_c0'>{{details.order_sn}}</text>
|
||
<text class='orderDetails_fd6_1_c1_c1' @click="copy(details.order_sn)">复制</text>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-between orderDetails_fd6_2'>
|
||
<text class='orderDetails_fd6_2_c0'>下单时间</text>
|
||
<text class='orderDetails_fd6_2_c1'>{{details.create_time}}</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-between orderDetails_fd6_3'>
|
||
<text class='orderDetails_fd6_3_c0'>支付方式</text>
|
||
<text class='orderDetails_fd6_3_c1'>{{details.pay_type}}</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!---订单信息flex布局结束-->
|
||
<benben-popup v-model="popupShow1684315684087" :mask="true" mode='center'>
|
||
<!---电话flex布局开始-->
|
||
<view class="flex flex-direction align-center benben-flex-layout orderDetails_flex_7">
|
||
<text class='orderDetails_fd7_0'>提示</text>
|
||
<view class='flex flex-wrap align-center orderDetails_fd7_1'>
|
||
<text class='orderDetails_fd7_1_c0'>是否拨打</text>
|
||
<text class='orderDetails_fd7_1_c1'>{{callPhone}}</text>
|
||
<text class='orderDetails_fd7_1_c2'>？</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<button class='orderDetails_fd7_2_c0' @tap.stop="popupShow1684315684087=false">取消</button>
|
||
<button class='orderDetails_fd7_2_c1' @tap.stop="callTap" data-type="back"
|
||
data-url="2">立即拨打</button>
|
||
</view>
|
||
</view>
|
||
|
||
<!---电话flex布局结束-->
|
||
|
||
</benben-popup>
|
||
<benben-popup v-model="popupShow1684316039729" :mask="true" mode='center'>
|
||
<!---删除订单flex布局开始-->
|
||
<view class="flex flex-direction flex-wrap align-center orderDetails_flex_8"
|
||
@tap.stop="popupShow1650940432200=true">
|
||
<text class='orderDetails_fd8_0'>提示</text>
|
||
<text class='orderDetails_fd8_1'>确定删除当前订单？</text>
|
||
<view class='flex flex-wrap align-center orderDetails_fd8_2'>
|
||
<button class='orderDetails_fd8_2_c0' @tap.stop="popupShow1684316039729=false">取消</button>
|
||
<button class='orderDetails_fd8_2_c1'>确定</button>
|
||
</view>
|
||
</view>
|
||
|
||
<!---删除订单flex布局结束-->
|
||
|
||
</benben-popup>
|
||
<benben-popup v-model="popupShow1684313676838" :mask="true" mode='bottom'>
|
||
<!---flex布局flex布局开始-->
|
||
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout orderDetails_flex_9">
|
||
<view class='flex flex-direction-row-reverse flex-wrap align-center'>
|
||
<text class='orderDetails_fd9_0_c0' @tap.stop="handleJumpDiy"
|
||
data-type="navigateTo" :data-url="`/pages/dl/registrationAgreemen/registrationAgreemen?type=15`">收费规则</text>
|
||
<text class='orderDetails_fd9_0_c1'>平台服务费</text>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-stretch orderDetails_fd9_1'>
|
||
<view class='flex flex-wrap align-center justify-between orderDetails_fd9_1_c0'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='orderDetails_fd9_1_c0_c0_c0'>服务费：</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='orderDetails_fd9_1_c0_c1_c0'>￥</text>
|
||
<text class='orderDetails_fd9_1_c0_c1_c1'>{{details.plat_profit}}</text>
|
||
</view>
|
||
</view>
|
||
<!-- <view class='flex flex-wrap align-center justify-between orderDetails_fd9_1_c1'>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='orderDetails_fd9_1_c1_c0_c0'>合作商服务费：</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='orderDetails_fd9_1_c1_c1_c0'>￥</text>
|
||
<text class='orderDetails_fd9_1_c1_c1_c1'>{{profit.partner}}</text>
|
||
</view>
|
||
</view> -->
|
||
</view>
|
||
<view class='flex flex-direction-row-reverse flex-wrap align-center orderDetails_fd9_2'>
|
||
<text class='orderDetails_fd9_2_c0'>{{details.plat_profit}}</text>
|
||
<text class='orderDetails_fd9_2_c1'>￥</text>
|
||
<text class='orderDetails_fd9_2_c2'>合计：</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center justify-center orderDetails_fd9_3'>
|
||
<button class='orderDetails_fd9_3_c0' @tap="popupShow1684313676838 = false">我知道了</button>
|
||
</view>
|
||
</view>
|
||
|
||
<!---flex布局flex布局结束-->
|
||
|
||
</benben-popup>
|
||
<view class="flex flex-direction align-stretch benben-position-layout flex orderDetails_flex_10" v-if="in_array(type_id,'1,2,3,6')">
|
||
<!-- <view class='flex flex-wrap align-center orderDetails_fd10_0' v-if="type_id=='1'">
|
||
<button class='flex-sub orderDetails_fd10_0_c0'>确认接单</button>
|
||
</view> -->
|
||
<view class='flex flex-direction-row-reverse flex-wrap align-center orderDetails_fd10_1' v-if="type_id==1">
|
||
<button class='orderDetails_fd10_1_c0' @tap="updateOrder">确认接单</button>
|
||
<button class='orderDetails_fd10_1_c1' @tap="cancelOrder">取消订单</button>
|
||
</view>
|
||
|
||
<view class='flex flex-direction-row-reverse flex-wrap align-center orderDetails_fd10_1' v-if="type_id=='2'">
|
||
<button class='orderDetails_fd10_1_c0' @tap="stockUpCompleted">开始备货</button>
|
||
<button class='orderDetails_fd10_1_c1' @tap="cancelOrder">取消订单</button>
|
||
</view>
|
||
|
||
<view class='flex flex-direction-row-reverse flex-wrap align-center orderDetails_fd10_1' v-if="type_id=='6'">
|
||
<button class='orderDetails_fd10_1_c0' @tap="selfTap">确认完成</button>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="flex flex-direction align-stretch benben-position-layout flex orderDetails_flex_10" v-if="in_array(type_id,'-1,8')">
|
||
<!-- <view class='flex flex-wrap align-center orderDetails_fd10_0' v-if="type_id=='1'">
|
||
<button class='flex-sub orderDetails_fd10_0_c0'>确认接单</button>
|
||
</view> -->
|
||
<view class='flex flex-direction-row-reverse flex-wrap align-center orderDetails_fd10_1'>
|
||
<button class='orderDetails_fd10_1_c1' @tap="Delete">删除订单</button>
|
||
</view>
|
||
</view>
|
||
|
||
<view :style="{height: '138rpx'}" v-if="in_array(type_id,'1,2,3')"></view>
|
||
|
||
|
||
</view>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
components: {},
|
||
|
||
|
||
data() {
|
||
return {
|
||
"popupShow1684313676838": false,
|
||
"popupShow1684316039729": false,
|
||
"popupShow1684315684087": false,
|
||
"type_id": "",
|
||
details: {}, //订单信息
|
||
rider_details: {}, //骑手信息
|
||
user_info: '', //自提订单用户信息
|
||
order_info: {},
|
||
orderNo: '', //订单编号
|
||
goodsList: [], //商品列表
|
||
index_: '', //订单列表下标
|
||
order_rider: true, //是否显示骑手信息
|
||
is_way: true, //自提订单false 外卖订单true
|
||
order_sn: '', //订单编号
|
||
index_: '', //订单列表的下标，用于修改状态使用
|
||
refund_info: '',
|
||
shop_refund_log: [], //是否发起退款
|
||
profit: '',
|
||
callPhone:""
|
||
};
|
||
},
|
||
computed: {
|
||
themeColor() {
|
||
return this.$store.getters.themeColor
|
||
},
|
||
|
||
},
|
||
watch: {},
|
||
onLoad(options) {
|
||
this.order_sn = options.order_sn;
|
||
this.index_ = options.index;
|
||
},
|
||
onShow() {
|
||
this.orderDetails()
|
||
},
|
||
methods: {
|
||
//订单详情
|
||
orderDetails() {
|
||
uni.showLoading({})
|
||
this.$api.post(global.apiUrls.orderDetails, {
|
||
order_sn: this.order_sn
|
||
}).then(res => {
|
||
console.log(res)
|
||
uni.hideLoading()
|
||
if (res.data.code == 1) {
|
||
let data = res.data.data;
|
||
this.details = res.data.data;
|
||
this.type_id = data.status
|
||
// if (res.data.data.refund_info.length == 0) {
|
||
// this.refund_info = '';
|
||
// } else {
|
||
// this.refund_info = res.data.data.refund_info;
|
||
// }
|
||
this.shop_refund_log = res.data.data.shop_refund_log;
|
||
// this.profit = res.data.data.profit;
|
||
console.log(this.shop_refund_log)
|
||
|
||
// if (this.profit.store_profit_plat) {
|
||
// this.profit.he_profit_partner = parseFloat(this.profit.store_profit_plat) + parseFloat(
|
||
// this.profit.store_profit_partner)
|
||
// }
|
||
|
||
this.rider_details = res.data.data.rider_info;
|
||
this.order_info = res.data.data.address;
|
||
if (data.pick_type == 1) {
|
||
this.order_rider = data.rider_info.name ? true : false
|
||
} else {
|
||
this.order_rider = false;
|
||
this.user_info = res.data.data.user_nickname;
|
||
}
|
||
this.is_way = data.is_pick == 2 ? true : false
|
||
}
|
||
})
|
||
},
|
||
printTap(){
|
||
this.$api.post(global.apiUrls.Get649ba7b664ecd,{
|
||
order_sn:this.order_sn
|
||
}).then(res=>{
|
||
this.$message.info(res.data.msg)
|
||
if(res.data.code==1){
|
||
|
||
}
|
||
})
|
||
},
|
||
|
||
//取消订单
|
||
cancelOrder(){
|
||
let that=this
|
||
uni.showModal({
|
||
title: "温馨提示",
|
||
content: '确定取消订单？',
|
||
cancelText:"取消",
|
||
confirmText:"确定",
|
||
confirmColor:"#FF9300",
|
||
success(res) {
|
||
if (res.confirm) {
|
||
that.$api.post(global.apiUrls.cancelOrder,{
|
||
order_sn:that.order_sn
|
||
}).then(res=>{
|
||
that.$message.info(res.data.msg)
|
||
if(res.data.code==1){
|
||
that.orderDetails()
|
||
}
|
||
})
|
||
}
|
||
}
|
||
});
|
||
},
|
||
//接单
|
||
updateOrder(){
|
||
let that=this
|
||
uni.showModal({
|
||
title: '温馨提示',
|
||
content: '您确定要接这笔订单吗？',
|
||
cancelText: '取消',
|
||
confirmText: '确定',
|
||
confirmColor:"#FF9300",
|
||
success(res) {
|
||
if (res.confirm) {
|
||
that.$api.post(global.apiUrls.Get648aeed87f7e3,{
|
||
order_sn:that.order_sn
|
||
}).then(res=>{
|
||
console.log(res)
|
||
that.$message.info(res.data.msg)
|
||
if(res.data.code==1){
|
||
uni.$emit('UPDATEORDER',that.index_)
|
||
setTimeout(function(){
|
||
that.orderDetails()
|
||
},300)
|
||
}
|
||
})
|
||
// that.$refs.time.show()
|
||
}
|
||
}
|
||
});
|
||
},
|
||
//商家确认备货
|
||
stockUpCompleted(){
|
||
let that=this
|
||
uni.showModal({
|
||
title: '温馨提示',
|
||
content: '您确定要备货完成吗？',
|
||
cancelText: '取消',
|
||
confirmText:'确定',
|
||
confirmColor:"#FF9300",
|
||
success(res) {
|
||
if (res.confirm) {
|
||
that.$api.post(global.apiUrls.sureTakeGoods,{
|
||
order_sn:that.order_sn
|
||
}).then(res=>{
|
||
console.log(res)
|
||
that.$message.info(res.data.msg)
|
||
if(res.data.code==1){
|
||
uni.$emit('UPDATEORDERWAY',that.index_)
|
||
setTimeout(function(){
|
||
that.orderDetails()
|
||
},300)
|
||
}
|
||
})
|
||
}
|
||
}
|
||
});
|
||
},
|
||
|
||
Delete(item, index) {
|
||
let that = this
|
||
console.log(global.apiUrls.delOrder)
|
||
uni.showModal({
|
||
title: '温馨提示',
|
||
content: "您确定要删除这笔订单吗？",
|
||
cancelText: "取消",
|
||
confirmText: "确定",
|
||
confirmColor:"#FF9300",
|
||
success(res) {
|
||
if (res.confirm) {
|
||
that.$api.post(global.apiUrls.delOrder, {
|
||
order_sn:that.order_sn
|
||
}).then(res => {
|
||
console.log(res)
|
||
that.$message.info(res.data.msg)
|
||
if (res.data.code == 1) {
|
||
uni.$emit('DELORDER',that.index_)
|
||
setTimeout(function(){
|
||
uni.navigateBack()
|
||
},300)
|
||
}
|
||
})
|
||
}
|
||
}
|
||
});
|
||
},
|
||
|
||
|
||
|
||
//自提订单确认完成
|
||
selfTap(){
|
||
let that=this
|
||
uni.showModal({
|
||
title: '温馨提示',
|
||
content: '是否确认完成订单？',
|
||
cancelText: '取消',
|
||
confirmText:'确定',
|
||
confirmColor:"#FF9300",
|
||
success(res) {
|
||
if (res.confirm) {
|
||
that.$api.post(global.apiUrls.confirmDelivery,{
|
||
order_sn:that.order_sn,
|
||
pick_code:that.details.pick_code
|
||
}).then(res=>{
|
||
console.log(res)
|
||
that.$message.info(res.data.msg)
|
||
if(res.data.code==1){
|
||
setTimeout(function(){
|
||
that.orderDetails()
|
||
},300)
|
||
}
|
||
})
|
||
}
|
||
}
|
||
});
|
||
},
|
||
|
||
//拨打电话
|
||
phone(phone,type){
|
||
console.log(phone)
|
||
this.callPhone = phone
|
||
this[type] = true
|
||
},
|
||
callTap(){
|
||
let that = this
|
||
this.callMobile(this.callPhone)
|
||
this.popupShow1684315684087 = false
|
||
// uni.makePhoneCall({
|
||
// phoneNumber:that.callPhone,
|
||
// success() {
|
||
// that.popupShow1684315684087 = false
|
||
// }
|
||
// })
|
||
},
|
||
//复制
|
||
copy(order){
|
||
uni.setClipboardData({
|
||
data: order,
|
||
success: function () {
|
||
console.log('success');
|
||
}
|
||
});
|
||
},
|
||
messageTap(){
|
||
uni.navigateTo({
|
||
url:'/pages/xx/xiaoxi/chatRoom?name=' + this.details.user_nickname + '&id=' + this.details.user_id
|
||
})
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
<style lang="scss" scoped>
|
||
.page {
|
||
width: 100vw;
|
||
overflow-x: hidden;
|
||
padding-bottom: 100rpx;
|
||
min-height: calc(100vh - var(--window-bottom));
|
||
background: url(/static/images/11.png) no-repeat, rgba(248, 248, 248, 1);
|
||
background-size: 100% auto !important;
|
||
}
|
||
.pickupOrderdetails_flex_2 {
|
||
padding: 24rpx 24rpx 0rpx 24rpx;
|
||
}
|
||
.pickupOrderdetails_fd2_0_c2_c1_c0 {
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.pickupOrderdetails_fd2_0_c2_c0_c3 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.pickupOrderdetails_fd2_0_c2_c0_c2 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.pickupOrderdetails_fd2_0_c2_c0_c1 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.pickupOrderdetails_fd2_0_c2_c0_c0 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.pickupOrderdetails_fd2_0_c2 {
|
||
margin: 0rpx 32rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.pickupOrderdetails_fd2_0_c1 {
|
||
border-bottom: 1px dashed rgba(226, 226, 226, 1);
|
||
margin: 32rpx 32rpx 32rpx 0rpx;
|
||
height: 1rpx;
|
||
}
|
||
|
||
.pickupOrderdetails_fd2_0_c0_c1_c1 {
|
||
color: rgba(199, 115, 0, 1);
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 64rpx;
|
||
}
|
||
|
||
.pickupOrderdetails_fd2_0_c0_c1_c0 {
|
||
color: #C77300;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 64rpx;
|
||
}
|
||
|
||
.pickupOrderdetails_fd2_0_c0_c1 {
|
||
background: url(/static/images/93.png) no-repeat, #eee;
|
||
width: 275rpx;
|
||
height: 64rpx;
|
||
border-radius: 50rpx 0rpx 0rpx 50rpx;
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.pickupOrderdetails_fd2_0_c0_c0_c1_c1 {
|
||
color: #333333;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.pickupOrderdetails_fd2_0_c0_c0_c1_c0 {
|
||
margin: 0rpx 16rpx 0rpx 0rpx;
|
||
color: #333333;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.pickupOrderdetails_fd2_0_c0_c0_c1 {
|
||
margin: 16rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.pickupOrderdetails_fd2_0_c0_c0_c0_c1 {
|
||
color: #333333;
|
||
font-size: 44rpx;
|
||
font-weight: 500;
|
||
line-height: 44rpx;
|
||
}
|
||
|
||
.pickupOrderdetails_fd2_0_c0_c0_c0_c0 {
|
||
color: #333333;
|
||
font-size: 24rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.pickupOrderdetails_fd2_0_c0 {
|
||
padding: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.pickupOrderdetails_fd2_0 {
|
||
background: rgba(255, 255, 255, 1);
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
background-size: 100% auto !important;
|
||
padding: 32rpx 0rpx 24rpx 32rpx;
|
||
}
|
||
.orderDetails_flex_0 {
|
||
background: url(/static/images/11.png) no-repeat, transparent;
|
||
width: 750rpx;
|
||
height: 114rpx;
|
||
overflow: hidden;
|
||
z-index: 10;
|
||
top: 0rpx;
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.orderDetails_fd0_0_c2_c1 {
|
||
color: #FFFFFF;
|
||
font-size: 24rpx;
|
||
font-weight: 500;
|
||
line-height: 39rpx;
|
||
margin: 0rpx 0rpx 0rpx 13rpx;
|
||
}
|
||
|
||
.orderDetails_fd0_0_c2_c0 {
|
||
font-size: 35rpx;
|
||
color: rgba(255, 255, 255, 1);
|
||
}
|
||
|
||
.orderDetails_fd0_0_c2 {
|
||
width: 110rpx;
|
||
height: 100rpx;
|
||
}
|
||
|
||
.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_c0 {
|
||
width: 110rpx;
|
||
height: 100rpx;
|
||
}
|
||
|
||
.orderDetails_fd0_0 {
|
||
margin: 0rpx 27rpx 0rpx 27rpx;
|
||
}
|
||
|
||
.orderDetails_flex_1 {
|
||
padding: 0rpx 32rpx 0rpx 32rpx;
|
||
}
|
||
|
||
.orderDetails_fd1_0_c0_6 {
|
||
color: #FFFFFF;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.orderDetails_fd1_0_c0_5 {
|
||
color: #FFFFFF;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.orderDetails_fd1_0_c0_4 {
|
||
color: #FFFFFF;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.orderDetails_fd1_0_c0_3 {
|
||
color: #FFFFFF;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.orderDetails_fd1_0_c0_2 {
|
||
color: #FFFFFF;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.orderDetails_fd1_0_c0_1 {
|
||
color: #FFFFFF;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.orderDetails_fd1_0_c0 {
|
||
color: #FFFFFF;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.orderDetails_flex_2 {
|
||
padding: 31rpx 24rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd2_0_c1_c1_c0 {
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd2_0_c1_c0_c1 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.orderDetails_fd2_0_c1_c0_c0 {
|
||
width: 88rpx;
|
||
height: 88rpx;
|
||
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
||
margin: 0rpx 16rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd2_0_c1 {
|
||
margin: 24rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd2_0_c0_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd2_0 {
|
||
background: rgba(255, 255, 255, 1);
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
background-size: 100% auto !important;
|
||
margin: 32rpx 0rpx 0rpx 0rpx;
|
||
padding: 24rpx 24rpx 24rpx 24rpx;
|
||
}
|
||
|
||
.orderDetails_flex_3 {
|
||
padding: 24rpx 24rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c4_c1_c1 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c4_c1_c0 {
|
||
width: 40rpx;
|
||
height: 40rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
margin: 0rpx 8rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c4_c0_c1 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c4_c0_c0 {
|
||
width: 40rpx;
|
||
height: 40rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
margin: 0rpx 8rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c4 {
|
||
padding: 0rpx 64rpx 0rpx 64rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c3 {
|
||
border-bottom: 1px dashed rgba(226, 226, 226, 1);
|
||
margin: 24rpx 0rpx 24rpx 0rpx;
|
||
height: 1rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c2_c0_c1_c1_c2 {
|
||
color: #999999;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c2_c0_c1_c1_c1 {
|
||
color: #999999;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c2_c0_c1_c1_c0 {
|
||
color: #999999;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c2_c0_c1_c1 {
|
||
margin: 16rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c2_c0_c1_c0_c3 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c2_c0_c1_c0_c2 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c2_c0_c1_c0_c1 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c2_c0_c1_c0_c0 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c2_c0_c1 {
|
||
margin: 0rpx 0rpx 0rpx 20rpx;
|
||
width: 550rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c2_c0_c0_c0 {
|
||
width: 60rpx;
|
||
height: 60rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c2 {
|
||
margin: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c1 {
|
||
border-bottom: 1px dashed rgba(226, 226, 226, 1);
|
||
margin: 32rpx 0rpx 32rpx 0rpx;
|
||
height: 1rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c0_c0_c1_c1 {
|
||
color: #333333;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c0_c0_c1_c0 {
|
||
margin: 0rpx 16rpx 0rpx 0rpx;
|
||
color: #333333;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c0_c0_c1 {
|
||
margin: 16rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c0_c0_c0_c1 {
|
||
color: #333333;
|
||
font-size: 44rpx;
|
||
font-weight: 500;
|
||
line-height: 44rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c0_c0_c0_c0 {
|
||
color: #333333;
|
||
font-size: 24rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0_c0 {
|
||
padding: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd3_0 {
|
||
background: rgba(255, 255, 255, 1);
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
background-size: 100% auto !important;
|
||
padding: 32rpx 32rpx 24rpx 32rpx;
|
||
}
|
||
|
||
.orderDetails_flex_4 {
|
||
padding: 24rpx 24rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd4_0_c1 {
|
||
width: 550rpx;
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 30rpx;
|
||
text-align: right;
|
||
word-break:break-all;
|
||
overflow-wrap: break-word;
|
||
word-wrap: break-word;
|
||
}
|
||
|
||
.orderDetails_fd4_0_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 600;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd4_0 {
|
||
background: rgba(255, 255, 255, 1);
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
background-size: 100% auto !important;
|
||
padding: 28rpx 24rpx 28rpx 24rpx;
|
||
}
|
||
|
||
.orderDetails_flex_5 {
|
||
padding: 24rpx 24rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c5_c1_c2 {
|
||
color: #333333;
|
||
font-size: 24rpx;
|
||
font-weight: 600;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c5_c1_c1 {
|
||
color: #333333;
|
||
font-size: 24rpx;
|
||
font-weight: 600;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c5_c1_c0 {
|
||
color: #333333;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c5_c1 {
|
||
margin: 24rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c5_c0_c2 {
|
||
color: #ED4040;
|
||
font-size: 24rpx;
|
||
font-weight: 600;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c5_c0_c1 {
|
||
color: #ED4040;
|
||
font-size: 24rpx;
|
||
font-weight: 600;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c5_c0_c0 {
|
||
color: #333333;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c4 {
|
||
border-bottom: 1px dashed rgba(226, 226, 226, 1);
|
||
height: 1rpx;
|
||
margin: 0rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c3_c3_c1_c3 {
|
||
margin: 0rpx 0rpx 0rpx 16rpx;
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c3_c3_c1_c2 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c3_c3_c1_c1 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c3_c3_c1_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c3_c3_c0_c0 {
|
||
color: #666666;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c3_c3 {
|
||
margin: 0rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c3_c2_c1_c1 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c3_c2_c1_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c3_c2_c0_c0 {
|
||
color: #666666;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c3_c2 {
|
||
margin: 0rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c3_c1_c1_c1 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c3_c1_c1_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c3_c1_c0_c0 {
|
||
color: #666666;
|
||
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: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c3_c0_c1_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c3_c0_c0_c0 {
|
||
color: #666666;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c3_c0 {
|
||
margin: 0rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c2 {
|
||
border-bottom: 1px dashed rgba(226, 226, 226, 1);
|
||
height: 1rpx;
|
||
margin: 0rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c1_c1_c1 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 700;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c1_c1_c0 {
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 700;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c1_c1 {
|
||
margin: 10rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c1_c0_c1_c2_c1 {
|
||
color: #999999;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c1_c0_c1_c2_c0 {
|
||
color: #999999;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c1_c0_c1_c1_c0 {
|
||
color: #0E0E0C;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c1_c0_c1_c1 {
|
||
margin: 9rpx 0rpx 9rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c1_c0_c1_c0_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 40rpx;
|
||
-webkit-line-clamp: 2;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c1_c0_c1 {
|
||
margin: 0rpx 0rpx 0rpx 24rpx;
|
||
width: 400rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c1_c0_c0_c0 {
|
||
width: 128rpx;
|
||
height: 128rpx;
|
||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c1 {
|
||
margin: 0rpx 0rpx 24rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c0_c1 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c0_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 30rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0_c0 {
|
||
margin: 0rpx 0rpx 22rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd5_0 {
|
||
background: rgba(255, 255, 255, 1);
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
background-size: 100% auto !important;
|
||
padding: 28rpx 24rpx 24rpx 24rpx;
|
||
}
|
||
|
||
.orderDetails_flex_6 {
|
||
background: #fff;
|
||
margin: 24rpx 24rpx 40rpx 24rpx;
|
||
background-size: 100% auto !important;
|
||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||
padding: 24rpx 24rpx 24rpx 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd6_3_c1 {
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
color: #333333;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
|
||
.orderDetails_fd6_3_c0 {
|
||
width: 136rpx;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
color: #999999;
|
||
}
|
||
|
||
.orderDetails_fd6_3 {
|
||
padding: 24rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd6_2_c1 {
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
color: #333333;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
|
||
.orderDetails_fd6_2_c0 {
|
||
width: 136rpx;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
color: #999999;
|
||
}
|
||
|
||
.orderDetails_fd6_2 {
|
||
padding: 24rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd6_1_c1_c1 {
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
color: #4177DD;
|
||
margin: 0rpx 0rpx 0rpx 16rpx;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd6_1_c1_c0 {
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
color: #333333;
|
||
-webkit-line-clamp: 1;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
line-height: 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd6_1_c0 {
|
||
width: 136rpx;
|
||
font-size: 24rpx;
|
||
font-weight: 400;
|
||
color: #999999;
|
||
}
|
||
|
||
.orderDetails_fd6_1 {
|
||
padding: 24rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd6_0 {
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
color: #333333;
|
||
}
|
||
|
||
.orderDetails_flex_7 {
|
||
background: rgba(255, 255, 255, 1);
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
padding: 40rpx 24rpx 24rpx 24rpx;
|
||
width: 540rpx;
|
||
height: 269rpx;
|
||
}
|
||
|
||
.orderDetails_fd7_2_c1 {
|
||
background: rgba(255, 147, 0, 1);
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
font-size: 28rpx;
|
||
color: rgba(255, 255, 255, 1);
|
||
margin: 0rpx 0rpx 0rpx 12rpx;
|
||
width: 234rpx;
|
||
height: 72rpx;
|
||
line-height: 72rpx;
|
||
}
|
||
|
||
.orderDetails_fd7_2_c0 {
|
||
background: rgba(242, 242, 242, 1);
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
font-size: 28rpx;
|
||
color: rgba(51, 51, 51, 1);
|
||
margin: 0rpx 12rpx 0rpx 0rpx;
|
||
width: 234rpx;
|
||
height: 72rpx;
|
||
line-height: 72rpx;
|
||
}
|
||
|
||
.orderDetails_fd7_1_c2 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 44rpx;
|
||
}
|
||
|
||
.orderDetails_fd7_1_c1 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 44rpx;
|
||
}
|
||
|
||
.orderDetails_fd7_1_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 44rpx;
|
||
}
|
||
|
||
.orderDetails_fd7_1 {
|
||
margin: 24rpx 0rpx 32rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd7_0 {
|
||
line-height: 44rpx;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
color: #333333;
|
||
}
|
||
|
||
.orderDetails_flex_8 {
|
||
background: #fff;
|
||
width: 540rpx;
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
}
|
||
|
||
.orderDetails_fd8_2_c1 {
|
||
border-top: 1px solid #eee;
|
||
border-left: 1px solid #eee;
|
||
background: #fff;
|
||
line-height: 110rpx;
|
||
border-radius: 0rpx 0rpx 16rpx 0rpx;
|
||
font-size: 32rpx;
|
||
color: rgba(255, 147, 0, 1);
|
||
width: 270rpx;
|
||
}
|
||
|
||
.orderDetails_fd8_2_c0 {
|
||
border-top: 1px solid #eee;
|
||
background: #fff;
|
||
line-height: 110rpx;
|
||
border-radius: 0rpx 0rpx 0rpx 16rpx;
|
||
font-size: 32rpx;
|
||
color: rgba(153, 153, 153, 1);
|
||
padding: 0rpx 103rpx 0rpx 103rpx;
|
||
}
|
||
|
||
.orderDetails_fd8_2 {
|
||
margin: 37rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd8_1 {
|
||
line-height: 44rpx;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
color: #333333;
|
||
}
|
||
|
||
.orderDetails_fd8_0 {
|
||
font-size: 36rpx;
|
||
font-weight: 800;
|
||
line-height: 44rpx;
|
||
color: #333333;
|
||
margin: 40rpx 0rpx 40rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_flex_9 {
|
||
background: #fff;
|
||
background-size: 100% auto !important;
|
||
border-radius: 24rpx 24rpx 0rpx 0rpx;
|
||
padding: 33rpx 32rpx 0rpx 32rpx;
|
||
}
|
||
|
||
.orderDetails_fd9_3_c0 {
|
||
background: rgba(255, 147, 0, 1);
|
||
border-radius: 44rpx 44rpx 44rpx 44rpx;
|
||
font-size: 32rpx;
|
||
color: #fff;
|
||
width: 560rpx;
|
||
height: 88rpx;
|
||
line-height: 88rpx;
|
||
}
|
||
|
||
.orderDetails_fd9_3 {
|
||
margin: 41rpx 0rpx 46rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd9_2_c2 {
|
||
color: #666666;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.orderDetails_fd9_2_c1 {
|
||
color: #ED4040;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.orderDetails_fd9_2_c0 {
|
||
color: #ED4040;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.orderDetails_fd9_2 {
|
||
margin: 28rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd9_1_c1_c1_c1 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.orderDetails_fd9_1_c1_c1_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.orderDetails_fd9_1_c1_c0_c0 {
|
||
color: #666666;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.orderDetails_fd9_1_c1 {
|
||
border-bottom: 1px solid #eee;
|
||
padding: 24rpx 24rpx 24rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd9_1_c0_c1_c1 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.orderDetails_fd9_1_c0_c1_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.orderDetails_fd9_1_c0_c0_c0 {
|
||
color: #666666;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.orderDetails_fd9_1_c0 {
|
||
border-bottom: 1px solid #eee;
|
||
padding: 24rpx 24rpx 24rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd9_1 {
|
||
background: rgba(238, 238, 238, 0.5);
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
background-size: 100% auto !important;
|
||
padding: 0rpx 0rpx 0rpx 24rpx;
|
||
margin: 32rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.orderDetails_fd9_0_c1 {
|
||
margin: 0rpx 160rpx 0rpx 0rpx;
|
||
color: #333333;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.orderDetails_fd9_0_c0 {
|
||
color: #59A6F4;
|
||
font-size: 28rpx;
|
||
font-weight: 500;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.orderDetails_flex_10 {
|
||
background: rgba(248, 248, 248, 1);
|
||
width: 750rpx;
|
||
height: 138rpx;
|
||
overflow: hidden;
|
||
z-index: 10;
|
||
bottom: calc(0rpx + var(--window-bottom));
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.orderDetails_fd10_2_c0 {
|
||
background: rgba(229, 229, 229, 1);
|
||
border-radius: 44rpx 44rpx 44rpx 44rpx;
|
||
font-size: 32rpx;
|
||
color: rgba(102, 102, 102, 1);
|
||
width: 218rpx;
|
||
height: 80rpx;
|
||
line-height: 80rpx;
|
||
margin: 0rpx 0rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd10_2 {
|
||
margin: 24rpx 24rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd10_1_c1 {
|
||
background: rgba(229, 229, 229, 1);
|
||
border-radius: 44rpx 44rpx 44rpx 44rpx;
|
||
font-size: 32rpx;
|
||
color: rgba(102, 102, 102, 1);
|
||
width: 218rpx;
|
||
height: 80rpx;
|
||
line-height: 80rpx;
|
||
margin: 0rpx 0rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd10_1_c0 {
|
||
background: rgba(255, 147, 0, 1);
|
||
border-radius: 44rpx 44rpx 44rpx 44rpx;
|
||
font-size: 32rpx;
|
||
color: #fff;
|
||
width: 218rpx;
|
||
height: 80rpx;
|
||
line-height: 80rpx;
|
||
margin: 0rpx 0rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd10_1 {
|
||
margin: 24rpx 24rpx 0rpx 24rpx;
|
||
}
|
||
|
||
.orderDetails_fd10_0_c0 {
|
||
background: rgba(255, 147, 0, 1);
|
||
border-radius: 44rpx 44rpx 44rpx 44rpx;
|
||
font-size: 32rpx;
|
||
color: #fff;
|
||
height: 88rpx;
|
||
line-height: 88rpx;
|
||
}
|
||
|
||
.orderDetails_fd10_0 {
|
||
margin: 24rpx 24rpx 0rpx 24rpx;
|
||
}
|
||
</style>
|