<template>
<view class="">
	<view class="top">
		<view class="">
			服务单号：23090399233222
		</view>
		<view style="margin-top:30rpx;">
			服务技师：王静静
		</view>
		<u--textarea v-model="value1" 
		border="none"
		placeholder="请描述您需要反馈的问题" ></u--textarea>
	</view>
	<view class="bottom">
		<view class="title">
			请上传相关问题图片
		</view>
		<u-upload
			:fileList="fileList3"
			@afterRead="afterRead"
			@delete="deletePic"
			name="3"
			multiple
			:maxCount="10"
			:previewFullImage="true"
		></u-upload>
	</view>
</view>
</template>

<script>
export default{
	data(){
		return{
			value1:'',
			fileList3: [{
				url: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
			}],
		}
	},
	methods:{
		afterRead(){
			uni.uploadFile({
				// 完整上传路径 H5端需要解决跨域问题
				// url: 'http://' + domain + '/admin/sys-file/upload',
				// // 本地上传读取到的url
				// filePath: url,
				// name: 'file',
				// // 请求头
				// header: header,
				// // 附加表单对象
				// formData: {
				// 	user: 'test'
				// },
				// success: res => {
				// 	// 这里res是普通对象，但是res.data为JSON字符串，需要转一下
				// 	const result = JSON.parse(res.data);
				// 	// 获取上传成功后的文件地址
				// 	const formUrl = result.data.url;
				// 	// 赋值表单数据（后台需要）
				// 	this.dataForm.picture = formUrl;
				// 	// 把文件的二进制对象抛出去用于图片预览
				// 	resolve(res.data.data);
				// }
			});
		}
	}
}
</script>

<style lang="scss" scoped>
.top{
	background: #FFFFFF;
	border-radius: 30rpx;
	margin:20rpx 24rpx;
	padding:40rpx 30rpx;
	font-size: 28rpx;
	font-family: Alibaba PuHuiTi;
	font-weight: 400;
	color: #333333;
}
/deep/.u-textarea{
	background: #F9F9F9;
	margin-top:30rpx;
}
.bottom{
	background: #FFFFFF;
	border-radius: 30rpx;
	padding:40rpx 30rpx;
	margin:0 24rpx;
	.title{
		font-size: 34rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #333333;
		margin-bottom:28rpx;
	}
}
</style>