<template>
	<view class="">
		<view   class="head" v-for="(item,index) in list" :key="item.evaluate_id">
			<view class="headdiv">
				<view class="name">
					{{item.content}}
				</view>
				<view class="imglist df" v-if="item.images">
					<div class="" v-for="(a,b) in item.images.split(',')" :key="b">

						<image class="img" :src="$util.img(a)"></image>

					</div>

				</view>
				<view class="time">
					{{item.create_time | filterCount}}
				</view>
				<view class="xuxian"></view>
				<view class="shangpin df">
					<image class="img" :src="$util.img(item.sku_image)"></image>
					<view class="df fdc jcsb">
						<view class="name">
							{{item.sku_name}}
						</view>
						<view class="df aic jcsb">
							<view class="df">
								<view class="candi">
									订单编号：
								</view>
								<view class="guige">
									{{item.order_no}}
								</view>
							</view>

						</view>
					</view>
				</view>
			</view>
		</view>
		<view v-if="list.length==0">
			<ns-empty text="暂无评论"></ns-empty>
		</view>
		
		
	</view>
</template>

<script>
	const timesfm = require('@/common/js/map/message.js')
	// import timesfm from '../../../common/js/map/message.js'
	export default {
		data() {
			return {
				list: []
			};
		},
		created() {
			// console.log(111);
			this.$api.sendRequest({
				url: "/api/goodsevaluate/getMyPage",
				data: {},
				success: res => {
					console.log(res.data.list, '评论');
					this.list = res.data.list
					console.log(res.data.list[0].images.split(','));
				}
			});
		},
		filters: {
			filterCount(num) {
				return timesfm(num * 1000)
			},

		}
	}
</script>

<style lang="scss">
	.head {
		padding: 10rpx 24rpx;

		.headdiv {
			width: 702rpx;
			// height: 618rpx;
			background: #FFFFFF;
			border-radius: 24rpx;
			padding: 32rpx;
			box-sizing: border-box;
			margin-top: 14rpx;

			.name {
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #222222;
				line-height: 40rpx;
			}

			.imglist {
				margin-top: 24rpx;

				.img {
					width: 192rpx;
					height: 192rpx;
					border-radius: 8rpx;
				}

			}

			.imglist div:nth-child(2) {
				margin: 0 32rpx;
			}

			.time {
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
				line-height: 40rpx;
				margin-top: 16rpx;
			}

			.xuxian {
				width: 638rpx;
				height: 1rpx;
				background: #E8E8E8;
				border-radius: 2rpx;
				margin: 32rpx 0;
			}

			.shangpin {
				.img {
					width: 176rpx;
					height: 176rpx;
					border-radius: 8rpx;
				}

				.name {
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #222222;
					line-height: 40rpx;
					margin-left: 24rpx;
				}

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

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

				.tiem {
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #999999;
					line-height: 34rpx;
				}
			}
		}
	}
</style>