<template>
	<view>
		<view class="cu-bar bg-white  margin-top  ">
			<view class="action">
				<text class="cuIcon-titles text-red"></text>
				<text>会员名称</text>
			</view>
			<text class="margin-right">{{form.memberName}}</text>
		</view>

		<view class="cu-bar bg-white  margin-top">
			<view class="action">
				<text class="cuIcon-titles text-red"></text>
				<text>反馈日期</text>
			</view>
			<text class="margin-right">{{form.docDate}}</text>
		</view>
		<view class="cu-bar bg-white  margin-top">
			<view class="action">
				<text class="cuIcon-titles text-red"></text>
				<text>使用前效果</text>
			</view>
		</view>
		<view class="margin-left margin-top">
			{{form.symptomatic}}
		</view>
		<view class="flex justify-start">
			<image class="margin-left margin-top" v-for="(item,index) in beforeList" :key='index' @tap="_previewImage(item.url)"
			 :src="item.url" style="width: 100upx;height: 100upx;"></image>
		</view>
		<view class="cu-bar bg-white  margin-top">
			<view class="action">
				<text class="cuIcon-titles text-red"></text>
				<text>使用后的效果</text>
			</view>
		</view>
		<view class="margin-left margin-top">
			{{form.symptomatic}}
		</view>
		<view class="flex justify-start" style="display: flex;">
			<image  @tap="_previewImage(item.url)" class="margin-left margin-top" v-for="(item,index) in laterList" :key='index' :src="item.url" style="width: 100upx;height: 100upx;" 
			 mode=""></image>
		</view>
		<view class="cu-bar bg-white  margin-top">
			<view class="action">
				<text class="cuIcon-titles text-red"></text>
				<text>会员意见</text>
			</view>
		</view>
		<view class="margin-left margin-top">
			{{form.feedBack}}
		</view>

	</view>
</template>

<script>
	import http from '../../../../../utils/data.js'
	export default {
		data() {
			return {
				userInfo: null,
				form: null,
				detailForm: {},
				beforeList: [],
				laterList: [],
			}
		},
		methods: {
			_previewImage(image) {
				var imgArr = [];
				imgArr.push(image);
				//预览图片
				uni.previewImage({
					urls: imgArr,
					current: imgArr[0]
				});
			},
			getProjectProgressDetail() {
				this.$api.getProjectProgressDetail({
					progressId: this.form.id
				}).then(res => {
					if (res.code == '000000') {
						//console.log(res);
						let beforeList = []
						let laterList = []
						res.rows.forEach(item => {
							item.url = http.http + "/img" + item.filePath + '/' + item.fileName
							if (item.type == 1) {
								laterList.push(item)
							} else {
								beforeList.push(item)
							}
						})
						this.beforeList = beforeList
						this.laterList = laterList
						//console.log(beforeList);
						//console.log(laterList);
					} else {
						uni.showModal({
							title: '提示',
							content: res.message,
							showCancel: false,
							success: function(res) {}
						})
					}
				})
			}
		},
		onLoad: function(option) { //option为object类型，会序列化上个页面传递的参数
			if (option.item != undefined) {
				this.form = JSON.parse(option.item)
			}
		},
		onShow: function() {
			this.userInfo = uni.getStorageSync('userInfo')
			this.getProjectProgressDetail()
		}
	}
</script>

<style>

</style>
