pdkj
/
jiqu-library-miniprogram
6
0
Fork 0
Code Releases Activity

Update

develop
Jing Li 2023-11-06 15:43:54 +08:00
parent 8cf1713fa6
commit 8fa28dd504
1 changed files with 30 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/pageB/offline_order/store/order_preview.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<view class="text-xl"> <view class="text-xl">
<view class="w-full bg-white p-base mb-20rpx"> <view class="w-full bg-white p-base mb-20rpx">
<view class="flex justify-between flex-auto"> <view class="flex justify-between flex-auto text-xxl">
<view>门店</view> <view>门店</view>
<view :class="{'text-hex-c0c4cc': store ? false : true }" @tap="showStoreSelect"> <view :class="{'text-hex-c0c4cc': store ? false : true }" @tap="showStoreSelect">
{{ store ? store.title : '请选择门店' }}<u-icon name="arrow-right" class="text-hex-c0c4cc"></u-icon> {{ store ? store.title : '请选择门店' }}<u-icon name="arrow-right" class="text-hex-c0c4cc"></u-icon>
@ -9,33 +9,36 @@
</view> </view>
</view> </view>
<view class="bg-white my-20rpx"> <view class="bg-white my-20rpx">
<view class="flex justify-between items-center p-20rpx border-b"> <view class="flex justify-between items-center p-20rpx border-b border-red">
<view>订单明细</view> <view>订单明细</view>
<view class="text-lg text-hex-2979ff" @tap="addOrderItem"><u-icon name="plus"></u-icon>新增</view> <view class="text-lg text-hex-2979ff" @tap="addOrderItem"><u-icon name="plus"></u-icon>新增</view>
</view> </view>
<view class="flex flex-col px-20rpx pb-20rpx"> <view class="flex flex-col">
<view class="flex flex-col border-b mt-20rpx" v-for="(orderItem, index) in orderItems" :key="index"> <u-empty class="p-40rpx" text="没有订单明细" mode="list" v-if="orderItems.length == 0"></u-empty>
<view class="flex flex-col"> <view class="border-b border-red" v-for="(orderItem, index) in orderItems" :key="index">
<view class="flex items-center justify-between py-10rpx"> <view class="flex flex-col p-20rpx">
<view>商品分类</view> <view class="flex flex-col">
<view>{{ orderItem.productCategory.name }}</view> <view class="flex items-center justify-between py-10rpx">
<view>商品分类</view>
<view>{{ orderItem.productCategory.name }}</view>
</view>
<view class="flex items-center justify-between py-10rpx">
<view>商品总额</view>
<view>￥{{ orderItem.productsTotalAmount }}</view>
</view>
<view class="flex items-center justify-between py-10rpx">
<view>优惠折扣</view>
<view>{{ orderItem.discount ? (orderItem.discount+'折') : '无' }}</view>
</view>
<view class="flex items-center justify-between py-10rpx">
<view>应付金额</view>
<view>￥{{ orderItem.paymentAmount }}</view>
</view>
</view> </view>
<view class="flex items-center justify-between py-10rpx"> <view class="flex justify-end pt-10rpx text-lg">
<view>商品总额</view> <view class="text-hex-2979ff" @tap="editOrderItem(index)"><u-icon name="edit-pen"></u-icon>编辑</view>
<view>￥{{ orderItem.productsTotalAmount }}</view> <view class="ml-30rpx text-hex-dd524d" @tap="deleteOrderItem(index)"><u-icon name="trash"></u-icon>删除</view>
</view> </view>
<view class="flex items-center justify-between py-10rpx">
<view>优惠折扣</view>
<view>{{ orderItem.discount ? (orderItem.discount+'折') : '无' }}</view>
</view>
<view class="flex items-center justify-between py-10rpx">
<view>应付金额</view>
<view>￥{{ orderItem.paymentAmount }}</view>
</view>
</view>
<view class="flex justify-end py-20rpx text-lg">
<view class="text-hex-2979ff" @tap="editOrderItem(index)"><u-icon name="edit-pen"></u-icon>编辑</view>
<view class="ml-30rpx text-hex-dd524d" @tap="deleteOrderItem(index)"><u-icon name="trash"></u-icon>删除</view>
</view> </view>
</view> </view>
</view> </view>
@ -334,6 +337,9 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.border-b { .border-b {
border-bottom: 1rpx solid #e4e7ed; border-width: 6rpx;
}
.border-red {
border-color: rgba(239, 68, 68, 0.5);
} }
</style> </style>