<template>
	<page-meta :page-style="themeColor"></page-meta>

	<view class="searchLog_wrapper">
		<z-paging ref="paging" v-model="dataList" @query="queryList" :auto="true" :auto-show-back-to-top="true"
			:hide-empty-view="true" >
			<view class="list">

				<view class="item" v-for="(item,index) in dataList" :key="index">
					<div class="df Product-Introduction">
						<div class="Product-img">
							<div class="Product-collect" style="background: #00C594;">浏览</div>
							<image :src="$util.img(item.sku_image)"></image>
						</div>
						<div class="Product-name">
							<div class="Product-eijnaij df jcsb">
								<div>{{item.sku_name}}</div>
								<div class="time df aic">
									×{{item.browse_num}}
								</div>
							</div>
							<div class="Product-Shandong">浏览时间：{{item.browse_time}}</div>
							<div class="Product-Shandong">产地：{{item.address}}</div>
							<div class="Product-Shandong">规格：{{item.spec_name}}</div>
						</div>

					</div>
				</view>

			</view>

		</z-paging>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				dataList: [],
			};
		},
		onLoad(option) {
			this.member_id = option.member_id
		},
		methods: {
			queryList(pageNo, pageSize) {
				
				this.$api.sendRequest({
					url: '/api/salasman/browseStat',
					data: {
						member_id: this.member_id,
						page: pageNo,
						page_size: pageSize,
					},
					success: res => {
						this.$refs.paging.complete(res.data.list);
					}
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.searchLog_wrapper {
		width: 100vw;
		height: 100%;

		.list {
			width: calc(100% - 60rpx);
			height: 100%;
			margin: 0 auto;

			.item {
				width: 100%;
				height: 200rpx;
				margin: 30rpx 0 0;
				background: #fff;
				border-radius: 10rpx;
				box-sizing: border-box;

				.Product-Introduction {
					margin-top: 32rpx;

					.time {
						font-size: 24rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #999999;
						line-height: 34rpx;
						margin-left: 20rpx;
					}

					.Product-img {
						width: 176rpx;
						height: 176rpx;
						border-radius: 8rpx;
						position: relative;

						image {
							width: 176rpx;
							height: 176rpx;
							border-radius: 8rpx;

						}

						.Product-collect {
							position: absolute;
							width: 66rpx;
							height: 36rpx;

							border-radius: 0rpx 21rpx 21rpx 0rpx;
							opacity: 0.83;
							font-size: 20rpx;
							font-family: PingFangSC-Medium, PingFang SC;
							font-weight: 500;
							color: #FFFFFF;
							line-height: 28rpx;
							left: 0;
							top: 30rpx;
							z-index: 10;
						}

					}

					.Product-name {
						margin-left: 24rpx;

						.Product-eijnaij {
							font-size: 28rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #333333;
							line-height: 40rpx;
							margin-top: 20rpx;
						}

						.unit-price {
							font-size: 24rpx;
							font-family: DINAlternate-Bold, DINAlternate;
							font-weight: bold;
							color: #F33B50;
							line-height: 40rpx;
							margin-top: 46rpx;

							span {
								font-size: 24rpx;
								font-family: PingFangSC-Regular, PingFang SC;
								font-weight: 400;
								line-height: 34rpx;
							}
						}

						.Product-Shandong {
							font-size: 24rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #999999;
							line-height: 34rpx;
						}

						.Product-specifications {
							font-size: 24rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #999999;
							line-height: 34rpx;
							margin-left: 16rpx;
						}

						.Product-production {
							margin-top: 16rpx;

							.Product-Shandong {
								font-size: 24rpx;
								font-family: PingFangSC-Regular, PingFang SC;
								font-weight: 400;
								color: #999999;
								line-height: 34rpx;
							}

							.Product-specifications {
								font-size: 24rpx;
								font-family: PingFangSC-Regular, PingFang SC;
								font-weight: 400;
								color: #999999;
								line-height: 34rpx;
								margin-left: 16rpx;
							}
						}

						.Product-time {
							font-size: 28rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #585858;
							line-height: 40rpx;
							margin-top: 52rpx;
						}
					}
				}
			}
		}
	}
</style>