zhuce
/
lilishop-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化Im 多订单展示

master
学习很差啦 2023-03-01 18:29:25 +08:00
parent d256fd3559
commit 767ad94565
1 changed files with 24 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
pages/mine/im/index.vue
View File

@ -42,16 +42,23 @@
</view> </view>
</view> </view>
</view> </view>
<view v-if="item.messageType == 'ORDER'">
<view v-if="item.messageType == 'ORDER'" @click="linkTosOrders(item.text)">
<view class="orderSn"> <view class="orderSn">
<text>订单号：{{ JSON.parse(item.text)['sn'] }}</text> <div class="wes">订单号：{{ JSON.parse(item.text)['sn'] }}</div>
<view class="oederList"> <div class='order-item flex' v-if="JSON.parse(item.text).orderItems.length" v-for='(order,orderIndex) in JSON.parse(item.text).orderItems'>
<img style="height: 120rpx; width: 120rpx; margin-top: 15rpx;" <u-image mode="widthFix" width='120rpx' height='120rpx' :src="order.image" />
:src="JSON.parse(item.text)['groupImages']" mode="widthFix" />
<view class="groupNameOrTime"> <view class="groupNameOrTime">
<text @click="linkTosOrders(item.text)">{{ <div class="wes-2" >{{
JSON.parse(item.text)['groupName'] order.name
}}</text> }}</div>
<div class="main-color goodsdesc-rice">{{
order.goodsPrice | unitPrice("￥")
}}</div>
</view>
</div>
<view class="oederList">
<view class="orderTime"> <view class="orderTime">
<text>{{ JSON.parse(item.text)['paymentTime'] }}</text> <text>{{ JSON.parse(item.text)['paymentTime'] }}</text>
</view> </view>
@ -61,7 +68,6 @@
</view> </view>
</view> </view>
</view> </view>
</view>
<view> <view>
<u-avatar :src="user.face" :text="user.face ? '' : user.name" bg-color="#DDDDDD"></u-avatar> <u-avatar :src="user.face" :text="user.face ? '' : user.name" bg-color="#DDDDDD"></u-avatar>
</view> </view>
@ -704,16 +710,13 @@ export default {
.orderSn { .orderSn {
width: 350rpx; width: 350rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
} }
.groupNameOrTime { .groupNameOrTime {
width: 200rpx;
margin: 15rpx 15rpx; margin: 15rpx 15rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
} }
.orderGood { .orderGood {
@ -889,6 +892,10 @@ export default {
font-size: 24rpx; font-size: 24rpx;
color: $main-color; color: $main-color;
font-weight: bold; font-weight: bold;
margin-top: 10rpx;
}
.order-item{
margin: 10rpx 0
} }
</style> </style>