karlcarlo
a5c5d753b6
- 新增大量图片资源，包括图标、背景图、海报等，用于页面展示 - 添加字体文件及样式配置，支持自定义字体 - 引入 uni-ui 组件库，包括图标、弹窗、日期选择器等常用组件 - 添加网络状态监听、加密工具等基础工具函数 - 配置 Vuex 状态管理，包括购物车数量、热门搜索词等 - 增加页面组件，如用户协议、分销信息、提现状态等 - 配置项目构建和忽略文件，优化开发体验
90 lines
2.5 KiB
Vue
90 lines
2.5 KiB
Vue
<template>
|
||
<view class="px-20 mt-24">
|
||
<view class="px-24 rd-24rpx bg--w111-fff" v-for="(panel, i) in records" :key="i">
|
||
<view class="h-104 fs-24 flex-y-center b-border">核销时间：{{ panel.time }}</view>
|
||
<view class="py-32">
|
||
<view class="item flex" v-for="item in panel.list" :key="item.id">
|
||
<image :src="item.cartInfo.productInfo.attrInfo?item.cartInfo.productInfo.attrInfo.image:item.cartInfo.productInfo.image" class="w-136 h-136 rd-16rpx"></image>
|
||
<view class="flex-1 flex-col flex-between-center ml-20">
|
||
<view class="w-full line2 fs-28 lh-40rpx">{{ item.cartInfo.productInfo.store_name }}</view>
|
||
<view class="w-full flex-between-center">
|
||
<BaseMoney :money="item.cartInfo.productInfo.price" symbolSize="20" integerSize="32" decimalSize="20"></BaseMoney>
|
||
<view class="fs-24 text--w111-999">核销{{ item.writeoff_num }}件</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<emptyPage v-if="!records.length && page" title="暂无核销记录～" src="/statics/images/noOrder.gif"></emptyPage>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {orderWirteOffRecords} from '@/api/admin'
|
||
import emptyPage from '@/components/emptyPage.vue'
|
||
export default {
|
||
components: {
|
||
emptyPage
|
||
},
|
||
data() {
|
||
return {
|
||
id: '',
|
||
page: 1,
|
||
limit: 10,
|
||
list: [],
|
||
records: [],
|
||
loadend: false,
|
||
loading: false,
|
||
}
|
||
},
|
||
onLoad(option) {
|
||
this.id = option.id;
|
||
this.orderWirteOffRecords();
|
||
},
|
||
methods: {
|
||
orderWirteOffRecords() {
|
||
if (this.loadend || this.loading) {
|
||
return;
|
||
}
|
||
this.loading = true;
|
||
orderWirteOffRecords(this.id, {
|
||
product_type: 0,
|
||
page: this.page,
|
||
limit: this.limit,
|
||
}).then(res => {
|
||
const list = res.data.list;
|
||
let records = [];
|
||
this.list = this.list.concat(list);
|
||
for (let i = 0; i < this.list.length; i++) {
|
||
records.push({
|
||
time: this.list[i].time,
|
||
list: [this.list[i]],
|
||
});
|
||
for (let j = i + 1; j < this.list.length; j++) {
|
||
if (this.list[i].time == this.list[j].time) {
|
||
records[records.length - 1].list.push(this.list[j]);
|
||
this.list.splice(j, 1);
|
||
j--;
|
||
}
|
||
}
|
||
}
|
||
this.records = records;
|
||
this.loadend = list.length < this.limit;
|
||
this.page = this.page + 1;
|
||
this.loading = false;
|
||
}).catch(err => {
|
||
this.loading = false;
|
||
});
|
||
},
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.b-border{
|
||
border-bottom: 1rpx solid #EEEEEE;
|
||
}
|
||
.item ~ .item{
|
||
margin-top: 40rpx;
|
||
}
|
||
</style> |