|
@@ -2,13 +2,14 @@
|
|
|
<view>
|
|
<view>
|
|
|
<view class="top-cont">
|
|
<view class="top-cont">
|
|
|
<!-- 背景图片 -->
|
|
<!-- 背景图片 -->
|
|
|
- <image class="bg" src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/app/newImages/shopping/order_top_bg.png" mode=""></image>
|
|
|
|
|
|
|
+ <view class="bg-color"></view>
|
|
|
|
|
+ <!-- <image class="bg" src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/shop/images/order_top_bg.png" mode=""></image> -->
|
|
|
<view class="top-inner">
|
|
<view class="top-inner">
|
|
|
<!-- 这里是状态栏 -->
|
|
<!-- 这里是状态栏 -->
|
|
|
<view class="fixed-top-box">
|
|
<view class="fixed-top-box">
|
|
|
<view class="status_bar" :style="{height: statusBarHeight}"></view>
|
|
<view class="status_bar" :style="{height: statusBarHeight}"></view>
|
|
|
<view class="back-box" @click="back">
|
|
<view class="back-box" @click="back">
|
|
|
- <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/app/newImages/shopping/back_white.png" mode=""></image>
|
|
|
|
|
|
|
+ <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/shop/images/back_white.png" mode=""></image>
|
|
|
<text class="title">订单详情</text>
|
|
<text class="title">订单详情</text>
|
|
|
<text></text>
|
|
<text></text>
|
|
|
</view>
|
|
</view>
|
|
@@ -23,7 +24,7 @@
|
|
|
<!-- 待付款 -->
|
|
<!-- 待付款 -->
|
|
|
<view v-if="order.status == 0" class="inner">
|
|
<view v-if="order.status == 0" class="inner">
|
|
|
<view class="img-box">
|
|
<view class="img-box">
|
|
|
- <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/app/newImages/shopping/pag96.png" mode=""></image>
|
|
|
|
|
|
|
+ <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/shop/images/pag96.png" mode=""></image>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="status-box">
|
|
<view class="status-box">
|
|
|
<text class="status">待付款</text>
|
|
<text class="status">待付款</text>
|
|
@@ -33,7 +34,7 @@
|
|
|
<!-- 待发货 -->
|
|
<!-- 待发货 -->
|
|
|
<view v-if="order.status == 1" class="inner">
|
|
<view v-if="order.status == 1" class="inner">
|
|
|
<view class="img-box">
|
|
<view class="img-box">
|
|
|
- <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/app/newImages/shopping/pag96.png" mode=""></image>
|
|
|
|
|
|
|
+ <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/shop/images/pag96.png" mode=""></image>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="status-box">
|
|
<view class="status-box">
|
|
|
<text class="status">待发货</text>
|
|
<text class="status">待发货</text>
|
|
@@ -43,7 +44,7 @@
|
|
|
<!-- 已发货、待收货 -->
|
|
<!-- 已发货、待收货 -->
|
|
|
<view v-if="order.status == 2" class="inner">
|
|
<view v-if="order.status == 2" class="inner">
|
|
|
<view class="img-box">
|
|
<view class="img-box">
|
|
|
- <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/app/newImages/shopping/receipt.png" mode=""></image>
|
|
|
|
|
|
|
+ <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/shop/images/receipt.png" mode=""></image>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="status-box">
|
|
<view class="status-box">
|
|
|
<text class="status">待收货</text>
|
|
<text class="status">待收货</text>
|
|
@@ -53,7 +54,7 @@
|
|
|
<!-- 已完成 -->
|
|
<!-- 已完成 -->
|
|
|
<view v-if="order.status == 3||order.status == 4" class="inner">
|
|
<view v-if="order.status == 3||order.status == 4" class="inner">
|
|
|
<view class="img-box">
|
|
<view class="img-box">
|
|
|
- <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/app/newImages/shopping/finish96.png" mode=""></image>
|
|
|
|
|
|
|
+ <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/shop/images/finish96.png" mode=""></image>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="status-box">
|
|
<view class="status-box">
|
|
|
<text class="status">已完成</text>
|
|
<text class="status">已完成</text>
|
|
@@ -63,7 +64,7 @@
|
|
|
<!--交易取消 -->
|
|
<!--交易取消 -->
|
|
|
<view v-if="order.status == -3" class="inner">
|
|
<view v-if="order.status == -3" class="inner">
|
|
|
<view class="img-box">
|
|
<view class="img-box">
|
|
|
- <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/app/newImages/shopping/close_trade.png" mode=""></image>
|
|
|
|
|
|
|
+ <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/shop/images/close_trade.png" mode=""></image>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="status-box">
|
|
<view class="status-box">
|
|
|
<text class="status">交易关闭</text>
|
|
<text class="status">交易关闭</text>
|
|
@@ -72,7 +73,7 @@
|
|
|
</view>
|
|
</view>
|
|
|
<view v-if="order.status == -1" class="inner">
|
|
<view v-if="order.status == -1" class="inner">
|
|
|
<view class="img-box">
|
|
<view class="img-box">
|
|
|
- <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/app/newImages/shopping/close_trade.png" mode=""></image>
|
|
|
|
|
|
|
+ <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/shop/images/close_trade.png" mode=""></image>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="status-box">
|
|
<view class="status-box">
|
|
|
<text class="status">申请售后</text>
|
|
<text class="status">申请售后</text>
|
|
@@ -81,7 +82,7 @@
|
|
|
</view>
|
|
</view>
|
|
|
<view v-if="order.status == -2" class="inner">
|
|
<view v-if="order.status == -2" class="inner">
|
|
|
<view class="img-box">
|
|
<view class="img-box">
|
|
|
- <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/app/newImages/shopping/close_trade.png" mode=""></image>
|
|
|
|
|
|
|
+ <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/shop/images/close_trade.png" mode=""></image>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="status-box">
|
|
<view class="status-box">
|
|
|
<text class="status">退款成功</text>
|
|
<text class="status">退款成功</text>
|
|
@@ -92,7 +93,7 @@
|
|
|
<!-- 下单人信息 -->
|
|
<!-- 下单人信息 -->
|
|
|
<view class="order-placer">
|
|
<view class="order-placer">
|
|
|
<view class="inner">
|
|
<view class="inner">
|
|
|
- <image class="location" src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/app/newImages/shopping/location.png" mode=""></image>
|
|
|
|
|
|
|
+ <image class="location" src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/shop/images/location.png" mode=""></image>
|
|
|
<view class="info">
|
|
<view class="info">
|
|
|
<view class="name-phone">
|
|
<view class="name-phone">
|
|
|
<text class="text">{{order.realName}}</text>
|
|
<text class="text">{{order.realName}}</text>
|
|
@@ -116,7 +117,7 @@
|
|
|
<view class="info-box">
|
|
<view class="info-box">
|
|
|
<view>
|
|
<view>
|
|
|
<view class="name-box ellipsis2">
|
|
<view class="name-box ellipsis2">
|
|
|
- <view v-if="item.isPrescribe==1" class="tag">处方药</view>
|
|
|
|
|
|
|
+ <view v-if="item.isPrescribe==1" class="tag">Rx</view>
|
|
|
{{JSON.parse(item.jsonInfo).commonName&&JSON.parse(item.jsonInfo).commonName!=='-'?JSON.parse(item.jsonInfo).commonName:JSON.parse(item.jsonInfo).productName}}
|
|
{{JSON.parse(item.jsonInfo).commonName&&JSON.parse(item.jsonInfo).commonName!=='-'?JSON.parse(item.jsonInfo).commonName:JSON.parse(item.jsonInfo).productName}}
|
|
|
</view>
|
|
</view>
|
|
|
<view class="spec ellipsis2">{{JSON.parse(item.jsonInfo).sku}}</view>
|
|
<view class="spec ellipsis2">{{JSON.parse(item.jsonInfo).sku}}</view>
|
|
@@ -230,7 +231,7 @@
|
|
|
<text class="label">电子处方</text>
|
|
<text class="label">电子处方</text>
|
|
|
<view class="check-box" @click="showImg()">
|
|
<view class="check-box" @click="showImg()">
|
|
|
<text class="text">查看</text>
|
|
<text class="text">查看</text>
|
|
|
- <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/app/newImages/shopping/arrow4.png" mode=""></image>
|
|
|
|
|
|
|
+ <image src="https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/shop/images/arrow4.png" mode=""></image>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="item">
|
|
<view class="item">
|
|
@@ -454,9 +455,14 @@
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
<style lang="scss">
|
|
|
|
|
+ .bg-color {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ background: linear-gradient(to right, #2583EB 0%, #60CDC3 100%);
|
|
|
|
|
+ height: 450rpx;
|
|
|
|
|
+ }
|
|
|
.fixed-top-box{
|
|
.fixed-top-box{
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- background: linear-gradient(135deg, #2BC7B9 0%, #60CDC3 100%);
|
|
|
|
|
|
|
+ background: linear-gradient(to right, #2583EB 0%, #60CDC3 100%);
|
|
|
position: fixed;
|
|
position: fixed;
|
|
|
top: 0;
|
|
top: 0;
|
|
|
left: 0;
|
|
left: 0;
|
|
@@ -631,7 +637,7 @@
|
|
|
display: inline-block;
|
|
display: inline-block;
|
|
|
padding: 0 6upx;
|
|
padding: 0 6upx;
|
|
|
height: 30upx;
|
|
height: 30upx;
|
|
|
- background: linear-gradient(90deg, #2BC7B9 0%, #2BC7A4 100%);
|
|
|
|
|
|
|
+ background: red;
|
|
|
border-radius: 4upx;
|
|
border-radius: 4upx;
|
|
|
margin-right: 10upx;
|
|
margin-right: 10upx;
|
|
|
font-size: 22upx;
|
|
font-size: 22upx;
|
|
@@ -826,7 +832,7 @@
|
|
|
color: #666666;
|
|
color: #666666;
|
|
|
}
|
|
}
|
|
|
&.pay{
|
|
&.pay{
|
|
|
- background: #2BC7B9;
|
|
|
|
|
|
|
+ background: #2583EB;
|
|
|
color: #FFFFFF;
|
|
color: #FFFFFF;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|