添加水印,计算进行中闪购订单

This commit is contained in:
tangxinyue 2026-05-21 17:30:09 +08:00
parent 4cb7784d4a
commit ce4a66ac3c
2 changed files with 42 additions and 29 deletions

View File

@ -72,7 +72,7 @@
<view class="left flex-align-center">
<image style="width: 64rpx;height: 28rpx;margin-right: 8rpx;"
src="/static/image/shopping/taobao/shangou-logo.png"></image>
<text>暂无进行中订单</text>
<text>{{ ongoingWaimaiCount > 0 ? `${ongoingWaimaiCount}个进行中订单` : '暂无进行中订单' }}</text>
</view>
<view class="right">
<text>查看全部</text>
@ -273,6 +273,10 @@ const buttonGroup = [
},
]
const ongoingWaimaiCount = computed(() => {
return mockList.value.filter(item => item.orderType === 'waimai' && (item.statusType === 'wait_recv')).length;
});
const displayList = computed(() => {
let list = JSON.parse(JSON.stringify(mockList.value));
@ -291,7 +295,7 @@ const displayList = computed(() => {
'待发货': ['wait_send'],
'待收货': ['wait_recv'],
'退款/售后': ['refunding'],
'评价': ['success'],
'评价': ['success'],
'已关闭': ['closed']
};
@ -325,7 +329,7 @@ const filterList = ref([
{ name: '待发货' },
{ name: '待收货' },
{ name: '退款/售后' },
{ name: '评价' },
{ name: '评价' },
{ name: '已关闭' }
]);

View File

@ -244,36 +244,36 @@
<template v-for="(info, index) in order.orderInfo" :key="'info-' + index">
<view class="order-item flex" v-if="isOrderInfoExpanded || info.isFoldDisplay"
:style="info.label === '收货信息' ? 'align-items: flex-start;' : ''">
<text class="label" :style="info.label === '收货信息' ? 'line-height:36rpx;' : ''">{{ info.label
}}</text>
<view class="val flex-1 flex-align-center" style="justify-content: flex-end;">
<text :style="info.label === '收货信息' ? 'text-align: right;line-height:36rpx;' : ''">{{ info.value
<text class="label" :style="info.label === '收货信息' ? 'line-height:36rpx;' : ''">{{ info.label
}}</text>
<template v-if="info.hasModify">
<text class="split" style="margin-left: 8rpx; margin-right: 8rpx;">|</text>
<text class="copy-btn">修改</text>
</template>
<template v-if="info.hasSetting">
<text class="split" style="margin-left: 8rpx; margin-right: 8rpx;">|</text>
<text class="copy-btn">设置</text>
</template>
<template v-if="info.hasArrow">
<uni-icons type="right" size="12" color="#7C8495"></uni-icons>
</template>
<template v-if="info.hasCopy">
<text class="split" style="margin-left: 8rpx; margin-right: 8rpx;">|</text>
<text class="copy-btn">复制</text>
</template>
<template v-if="info.hasApply">
<text class="split" style="margin-left: 8rpx; margin-right: 8rpx;">|</text>
<text class="copy-btn">申请</text>
</template>
</view>
<view class="val flex-1 flex-align-center" style="justify-content: flex-end;">
<text :style="info.label === '收货信息' ? 'text-align: right;line-height:36rpx;' : ''">{{
info.value
}}</text>
<template v-if="info.hasModify">
<text class="split" style="margin-left: 8rpx; margin-right: 8rpx;">|</text>
<text class="copy-btn">修改</text>
</template>
<template v-if="info.hasSetting">
<text class="split" style="margin-left: 8rpx; margin-right: 8rpx;">|</text>
<text class="copy-btn">设置</text>
</template>
<template v-if="info.hasArrow">
<uni-icons type="right" size="12" color="#7C8495"></uni-icons>
</template>
<template v-if="info.hasCopy">
<text class="split" style="margin-left: 8rpx; margin-right: 8rpx;">|</text>
<text class="copy-btn">复制</text>
</template>
<template v-if="info.hasApply">
<text class="split" style="margin-left: 8rpx; margin-right: 8rpx;">|</text>
<text class="copy-btn">申请</text>
</template>
</view>
</view>
</template>
<view class="order-bottom-title flex-align-center"
@click="isOrderInfoExpanded = !isOrderInfoExpanded">
<view class="order-bottom-title flex-align-center" @click="isOrderInfoExpanded = !isOrderInfoExpanded">
<text>订单信息</text>
<uni-icons :type="isOrderInfoExpanded ? 'up' : 'down'" size="14" color="#7C8495"
style="margin-left: 8rpx;margin-top: 6rpx;"></uni-icons>
@ -294,6 +294,15 @@
<view>
<image style="width: 100%;" :src="screenshotImage" mode="widthFix"></image>
</view>
<!-- 水印 -->
<view v-if="$isVip()">
<watermark dark="light" source="uni_alipay_shopping_taobao" />
<liu-drag-button :canDocking="false" @clickBtn="$goRechargePage('watermark', 'uni_alipay_shopping_taobao')">
<c-lottie ref="cLottieRef" :src='$watermark()' width="94px" height='74px' :loop="true"></c-lottie>
</liu-drag-button>
</view>
</template>
<script setup>