2023-11-28

2023-11-28 11:38:33 +08:00
parent e7cf9e1d57
commit 83f1e822c1
22 changed files with 2772 additions and 12 deletions
--- a/pages/record/recordList.vue
+++ b/pages/record/recordList.vue
@@ -0,0 +1,115 @@
+<template>
+
+	<!-- 有列表的时候用 :auto='false' 需要你在onload等调用reload方法 -->
+	<z-paging ref="paging" v-model="data" @query="queryList" :auto='true'>
+
+		<view v-for="(item,index) in data" style="display: flex;flex-direction: column;margin-top: 15px; margin-left: 15px; margin-right: 15px;">
+			<view 
+				style="display: flex;flex-direction: column;border:  1px solid #e29a68;width: 100%;border-radius: 20rpx;margin-top: 8px;"
+				 @click="detail(item.orderSid)">
+			
+				<view class="use">
+					<image style="width: 70rpx;height: 70rpx;position: absolute;right: 40px;"
+						src="../../static/card_line.png"></image>
+					<image src="../../static/gift.png" style="width: 30px;height: 30px;padding-left: 6px;"></image>
+					<view style="flex: 1;display: flex;flex-direction: column;z-index: 1;">
+						<view style="font-size: 14px;padding: 2px;padding-left: 5px;padding-top: 7px;">{{item.code}}
+						</view>
+					</view>
+			
+					<view 
+						style="flex-shrink: 0;padding: 9px;font-size: 13px;z-index: 1;font-weight: 600;">{{item.reserveDate}}
+					</view>
+				</view>
+				<view
+					style="display: flex;flex-direction: column; padding: 10px;border-bottom-left-radius: 20rpx;border-bottom-right-radius: 20rpx;background-color: #fdf0ee;">
+					
+					<view style="width: 100%;display: flex;flex-direction: row;align-items: center;">
+						<text>礼包类型：</text>
+						<text>{{item.bagName}}</text>
+					</view>
+					<view  style="width: 100%;display: flex;flex-direction: row;align-items: center;margin-top: 5px;">
+						<text>提货门店：</text>
+						<text>{{item.store}}</text>
+					</view>
+					
+				</view>
+			</view>
+		
+		</view>
+
+	</z-paging>
+
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				data: []
+			}
+		},
+		onLoad() {
+			uni.$on("order", (e) => {
+				// 相当与下拉刷新
+				this.$refs.paging.reload(true);
+			})
+		},
+		methods: {
+			// 分页的请求
+			queryList(pageNo, pageSize) {
+				let _this = this
+				_this.$api.orderListByUserSid({
+					"current": pageNo,
+					"size": pageSize,
+					"params": {
+						"userSid": getApp().globalData.sid
+					}
+				}).then((resp) => {
+					// 添加数据源
+					this.$refs.paging.complete(resp.records)
+				}).catch(e => {
+					// 出错了，点击重试
+					_this.$refs.paging.complete(false);
+				})
+			},
+			detail(sid) {
+				uni.navigateTo({
+					url: '/pages/card/card_record_detail?sid=' + sid
+				})
+			},
+		}
+	}
+</script>
+
+<style>
+	.use {
+		display: flex;
+		flex-direction: row;
+		border-top-left-radius: 20rpx;
+		border-top-right-radius: 20rpx;
+		color: #FFF;
+		align-items: center;
+		background: linear-gradient(89.8deg, rgba(218, 51, 33, 1) -3.76%, rgba(237, 113, 53, 0) 300.05%);
+	}
+
+	.gray {
+		filter: grayscale(100%);
+		-webkit-filter: grayscale(100%);
+		transition: filter 0.2s;
+	}
+
+	.bottom {
+		/* 加载背景图 */
+		background-image: url(../../static/card_bg1.png);
+		/* 让背景图基于容器大小伸缩 */
+		background-size: cover;
+	}
+
+	.oragin {}
+
+	uni-page-body,
+	page {
+		background: #FFFFFF;
+	}
+</style>