名医精彩
This commit is contained in:
@@ -27,21 +27,94 @@
|
||||
<text v-else>¥{{item.aiBuyConfig.fee}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="order_infor" v-if="item.orderType=='point'">
|
||||
<view class="left">
|
||||
<image class="feng fengPoint" src="/static/icon/pay_3.png" mode="aspectFill"></image>
|
||||
<text>充值 {{item.bookBuyConfigEntity.money}}天医币</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="order_infor" v-if="item.orderType=='relearn'">
|
||||
<view class="left">
|
||||
<image class="feng fengPoint" src="/static/icon/fugou.png" mode="aspectFill"></image>
|
||||
<view class="btns flexbox">
|
||||
<view class="booknameleft" style=" padding-left: 20rpx;">
|
||||
{{ item.remark }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="order_infor" v-if="item.orderType=='order'">
|
||||
<view v-for="(item2, index2) in item.productList"
|
||||
:key="item.orderId" class="bookinfolist">
|
||||
<view class="left">
|
||||
<view class="feng" v-if="item2.product && item2.product.productImages">
|
||||
<image style="width: 100%; height: 100%"
|
||||
mode="aspectFit" :src="item2.product.productImages"></image>
|
||||
</view>
|
||||
|
||||
<view v-else class="feng" style="
|
||||
color: #c0c4cc;
|
||||
font-size: 22rpx;
|
||||
line-height: 140rpx;
|
||||
text-align: center;
|
||||
">暂无封面图</view>
|
||||
<view class="btns flexbox" style=" width: calc(100% - 150rpx);">
|
||||
<view class="booknameleft">
|
||||
{{ item2.product && item2.product.productName ? item2.product.productName : "" }}</view>
|
||||
|
||||
<view style="
|
||||
line-height: 58rpx;
|
||||
color: #333;
|
||||
font-size: 26rpx;
|
||||
font-weight: 700;
|
||||
">
|
||||
<text style="font-size: 20rpx">¥</text>
|
||||
<text v-if="item2.product.price>=0">{{item2.product.price}}</text>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btns flexbox">
|
||||
<view class="left" style="color: #c0c4cc"></view>
|
||||
<view class="right flexbox opbtns" style="color: #c0c4cc">
|
||||
×{{ item2.quantity ? item2.quantity : "" }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="order_price">实付款
|
||||
<view class="left">
|
||||
<text v-if="item.realMoney && item.realMoney > 0">
|
||||
¥{{ item.realMoney }}
|
||||
</text>
|
||||
<text v-if="item.realMoney==0&&item.jfDeduction==0">
|
||||
¥0
|
||||
<view
|
||||
style="
|
||||
line-height: 46rpx;
|
||||
color: #333;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
"
|
||||
>
|
||||
<text v-if="item.orderType == 'point'">
|
||||
{{ item.bookBuyConfigEntity.realMoney }}
|
||||
</text>
|
||||
<text v-if="item.orderType != 'point'">
|
||||
<text v-if="item.realMoney && item.realMoney > 0">
|
||||
¥{{ item.realMoney }}
|
||||
</text>
|
||||
<text v-if="item.realMoney==0&&item.jfDeduction==0">
|
||||
¥0
|
||||
</text>
|
||||
|
||||
<text
|
||||
style="margin: 0 4rpx"
|
||||
v-if="
|
||||
item.realMoney > 0 &&
|
||||
item.jfDeduction > 0
|
||||
"
|
||||
>
|
||||
+
|
||||
</text>
|
||||
</text>
|
||||
|
||||
<text v-if="item.realMoney > 0 && item.jfDeduction > 0">
|
||||
+
|
||||
</text>
|
||||
|
||||
<text v-if="item.jfDeduction > 0">{{ item.jfDeduction }} 积分</text>
|
||||
<text v-if="item.jfDeduction > 0">{{ item.jfDeduction }} 积分</text>
|
||||
</view>
|
||||
</view>
|
||||
<text class="order_time">下单时间:{{item.createTime}}</text>
|
||||
@@ -73,10 +146,10 @@ export default {
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getData();
|
||||
|
||||
},
|
||||
onShow() {
|
||||
|
||||
this.getData();
|
||||
},
|
||||
computed: {
|
||||
...mapState(["userInfo"]),
|
||||
@@ -90,7 +163,7 @@ export default {
|
||||
var params = {
|
||||
userId: this.userInfo.id,
|
||||
come: '4',
|
||||
orderStatus: 3,
|
||||
orderStatus: '',
|
||||
...this.pagination
|
||||
}
|
||||
this.$http.request({
|
||||
@@ -246,7 +319,7 @@ export default {
|
||||
|
||||
.item_top{
|
||||
position: absolute;
|
||||
top: 75rpx;
|
||||
top: 70rpx;
|
||||
right: 30rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: normal;
|
||||
@@ -309,8 +382,8 @@ export default {
|
||||
padding: 0 15rpx;
|
||||
line-height: 45rpx;
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
border: 1px solid #999;
|
||||
color: red;
|
||||
border: 1px solid red;
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
|
||||
@@ -321,4 +394,43 @@ export default {
|
||||
color: #999;
|
||||
padding-top: 150rpx;
|
||||
}
|
||||
.feng {
|
||||
background-color: #fafafa;
|
||||
margin: 0rpx 22rpx 0 0;
|
||||
height: 140rpx;
|
||||
width: 140rpx;
|
||||
float: left;
|
||||
border-radius: 14rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.btns{
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.opbtns{
|
||||
font-weight: normal;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.order_infor {
|
||||
|
||||
.bookinfolist {
|
||||
width: 100%;
|
||||
margin-bottom: 20rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bookinfolist:nth-last-child(1) {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.operation_box {
|
||||
position: absolute;
|
||||
bottom: 20rpx;
|
||||
left: 40rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -22,8 +22,45 @@
|
||||
v-if="orderContet.orderStatus == 5">已超时</text>
|
||||
</view>
|
||||
|
||||
<view
|
||||
class="orderContent"
|
||||
v-for="(item, index) in goodsList"
|
||||
:key="index"
|
||||
@click="goDetail(item.productId, item)"
|
||||
v-if="goodsList.length > 0"
|
||||
style=" display: flex; align-items: center; justify-content: center;"
|
||||
>
|
||||
<view class="feng" style="position: relative">
|
||||
<view v-if="item.delFlag == -1" class="delisted">已下架</view>
|
||||
<image
|
||||
style="width: 100%; height: 100%"
|
||||
v-if="item.productImages"
|
||||
:src="item.productImages"
|
||||
mode="aspectFit"
|
||||
></image>
|
||||
<view
|
||||
v-else style="
|
||||
color: #c0c4cc;
|
||||
font-size: 22rpx;
|
||||
line-height: 140rpx;
|
||||
text-align: center;">暂无封面图</view>
|
||||
</view>
|
||||
|
||||
<view class="goods_info">
|
||||
<view class="flexbox itemJian">
|
||||
<view class="booknameleft">
|
||||
<text :style="`${item.delFlag == -1 ? 'color:#c0c4cc;' : ''}`">{{ item.productName }}</text>
|
||||
</view>
|
||||
<view style="color: #c0c4cc; font-size: 26rpx; font-weight: 700">
|
||||
×{{ item.quantity ? item.quantity : "" }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<br clear="both" />
|
||||
</view>
|
||||
|
||||
<view class="orderContent" v-if="orderContet.orderType == 'aiVip'||orderContet.orderType == 'upgradeAiVip'" style=" display: flex; align-items: center; justify-content: center;">
|
||||
<image src="/static/icon/order_vip.png" mode="aspectFill" style="width: 100rpx; height: 100rpx;"></image>
|
||||
<image src="/static/icon/order_vip.png" mode="aspectFill" style="width: 100rpx; height: 100rpx; flex-shrink: 0;"></image>
|
||||
<view class="itemJian">
|
||||
<view class="orderTitle" style="line-height: 46rpx; margin-bottom: 0;">
|
||||
{{ orderContet.aiBuyConfig.title }}<span style=" color: red;">({{ orderContet.aiBuyConfig.count }}次)<span v-if="orderContet.orderType=='upgradeAiVip'">(VIP升级)</span></span>
|
||||
@@ -31,12 +68,20 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view
|
||||
class="orderContent" v-else-if="orderContet.orderType == 'point'">
|
||||
<view class="orderContent" v-if="orderContet.orderType == 'vip'" style=" display: flex; align-items: center; justify-content: center;">
|
||||
<image src="/static/icon/order_vip.png" mode="aspectFill" style="width: 100rpx; height: 100rpx; flex-shrink: 0;"></image>
|
||||
<view class="itemJian">
|
||||
<view class="orderTitle" style="line-height: 46rpx; margin-bottom: 0;">
|
||||
{{ orderContet.vipBuyConfigEntity.title }}<text class="vip_year" v-if="orderContet.vipBuyConfigEntity.year">({{ orderContet.vipBuyConfigEntity.year }}年)</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="orderContent" v-if="orderContet.orderType == 'point'" style=" display: flex; align-items: center; justify-content: center;">
|
||||
<image
|
||||
src="/static/icon/pay_3.png"
|
||||
mode="aspectFill"
|
||||
style="width: 100rpx; height: 100rpx"
|
||||
style="width: 100rpx; height: 100rpx; flex-shrink: 0;"
|
||||
></image>
|
||||
<view class="itemJian">
|
||||
<view class="orderTitle" style="line-height: 100rpx">
|
||||
@@ -44,6 +89,24 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="orderContent" v-if="orderContet.orderType == 'relearn'" style=" display: flex; align-items: center; justify-content: center;">
|
||||
<image
|
||||
src="/static/icon/fugou.png"
|
||||
mode="aspectFill"
|
||||
style="width: 100rpx; height: 100rpx; flex-shrink: 0;"
|
||||
></image>
|
||||
<view class="itemJian">
|
||||
<view class="orderTitle" style="line-height: 60rpx">
|
||||
<text>{{ orderContet.remark }}</text>
|
||||
</view>
|
||||
<view class="orderPrice">
|
||||
<text style="font-weight: bold"> </text>
|
||||
</view>
|
||||
<br clear="both" />
|
||||
</view>
|
||||
<br clear="both" />
|
||||
</view>
|
||||
|
||||
<view class="order_item">
|
||||
<view class="orderallpri">
|
||||
@@ -210,6 +273,7 @@ export default {
|
||||
sheetList: [], // 面单数据
|
||||
consigneeShow: false,
|
||||
customButton: [],
|
||||
goodsList: [],
|
||||
};
|
||||
},
|
||||
onLoad(e) {
|
||||
@@ -274,6 +338,7 @@ export default {
|
||||
.then((res) => {
|
||||
this.customButton = [];
|
||||
this.orderContet = res.data.buyOrder;
|
||||
this.goodsList = res.data.productInfo;
|
||||
this.consigneeShow = true;
|
||||
if (
|
||||
this.orderContet.orderStatus == 2 &&
|
||||
@@ -285,14 +350,12 @@ export default {
|
||||
text: "查看物流",
|
||||
color: "#333",
|
||||
backgroundColor: "#f0f0f0",
|
||||
color: "#fff",
|
||||
});
|
||||
}
|
||||
if (this.orderContet.orderStatus == 2) {
|
||||
this.customButton.push({
|
||||
width: "160rpx",
|
||||
text: "确认收货",
|
||||
|
||||
color: "#fff",
|
||||
});
|
||||
}
|
||||
@@ -681,7 +744,6 @@ view,uni-view {
|
||||
.orderTitle {
|
||||
font-weight: bold;
|
||||
font-size: 30rpx;
|
||||
margin: 0 0 20rpx 0;
|
||||
float: left;
|
||||
width: 540rpx;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user