From d14c8fe408eb087dadc1106d2b180f61794b6cb8 Mon Sep 17 00:00:00 2001 From: 陶杰 <1378534974@qq.com> Date: 星期三, 11 九月 2024 13:48:12 +0800 Subject: [PATCH] 1.首页-下拉刷新功能实现 --- sub_pages/customer/self/history.vue | 46 +++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 41 insertions(+), 5 deletions(-) diff --git a/sub_pages/customer/self/history.vue b/sub_pages/customer/self/history.vue index d1a2578..3e8a408 100644 --- a/sub_pages/customer/self/history.vue +++ b/sub_pages/customer/self/history.vue @@ -26,6 +26,7 @@ }, onLoad() { this.listApi = '/api/browse/history/list' + this.page.size = 30 this.getList() this.$http.request('get', '/api/code/value', { @@ -54,7 +55,31 @@ }) }) }, + onShow() { + // 页面显示时重新加载浏览记录数据 + this.listApi = '/api/browse/history/list' + this.page.size = 30 + this.refreshList() + }, + methods: { + + async deleteExpired() { + await this.$message.confirm('是否清空已失效的商品') + this.$message.showLoading() + const { + code + } = await this.$http.request('post', '/api/browse/history/clear', { + data: { + + } + }) + this.$message.hideLoading() + if (code === 0) { + this.refreshList() + } + }, + toDetail(item) { if (item.status == 'UP') { @@ -179,6 +204,10 @@ {{ query.levelStr || '级别' }} <image src="../../../static/common/icon-arrow-down.png" class="icon-arrow-down"></image> </view> + <view class="flex1" @click="deleteExpired()"> + 一键清空已失效 + <!-- <image src="../../../static/common/icon-arrow-down.png" class="icon-arrow-down"></image> --> + </view> </view> </view> @@ -193,23 +222,30 @@ <view class="trade-list-container"> <view class="trade-info-container flex" :class="[dto.status!=='UP'?'OFF':'']" v-for="(dto,index) of list" :key="index"> - <image class="img img100 br-4 m-r-10" :class="[!dto.stock?'component-stock-zero':'']" + <image class="img img100 br-4 m-r-10" :class="[!dto.stock?'component-stock-zero':'',dto.status!=='UP'?'component-status-zero':'']" :src="dto.url||dto.cover" @click.stop="toDetail(dto)"></image> <view class="flex1"> <view class="flex" @click.stop="toDetail(dto)"> <view class="title"> - <span class="m-r-5" style="display: inline-block;" - v-if="dto.categoryStr">{{dto.categoryStr||''}}</span> + <!-- <span class="m-r-5" style="display: inline-block;" --> + <!-- v-if="dto.categoryStr">{{dto.categoryStr||''}}</span> --> <span v-if="dto.levelStr" class="m-r-5" style="display: inline-block;">{{ dto.levelStr || '' }}</span> {{ dto.name || '-' }} </view> - <view class="price m-l-a m-r-0"> - ¥{{ dto.price || '-' }}/扎 + + <view class="price m-l-a m-r-0 component-price-new"> + <span class="tip">会员价</span>¥<span class="p">{{ dto.priceMember || dto.price || '-' }}</span>/扎 + <view class="component-price-old"> + ¥{{dto.price}}/扎 + </view> </view> + </view> <view class="flex"> <view class="desc p-t-12 flex" @click.stop="toDetail(dto)"> + <view class="m-r-15"> 已售:{{ ((dto.sales||0) +(dto.realSales||0)) || 0 }} </view> + <view class="m-r-15">剩余:{{ dto.stock || 0 }}</view> <view class="m-r-15">颜色:{{ dto.color || '-' }}</view> </view> -- Gitblit v1.9.3