<template>
	<view class="app">
		<view class="picture">
			<view class="attendantImg">
				护理员到岗照片
			</view>
			<view class="uppicture">
				<u-upload class="slot-btn"   width="530" height="130"></u-upload>
			</view>

		</view>
		<view class="picture"  style="height: 330rpx;">
			<view class="attendantImg">
				服务进行中视频（不少于1min）<span>*选填</span>
			</view>
			<view class="uppicture">
				<u-upload class="slot-btn"   width="530" height="130"></u-upload>
			</view>
			<view class="user">
				<image src="../../static/radio.png" mode=""></image>
				用户不同意拍摄
			</view>
		</view>
		<view class="picture">
			<view class="attendantImg">
				服务结束照片
			</view>
			<view class="uppicture">
				<u-upload class="slot-btn"  width="530" height="130"></u-upload>
			</view>

		</view>
		<view class="picture" style="height: 350rpx;">
			<view class="attendantImg" style="border-bottom: 1rpx solid #BAB7B8;">
				用户签名确认
			</view>
			<view class="receive">
				我确认已接受服务
			</view>
			<view class="uppicture">
				<image src="../../static/autograph.png" mode=""></image>
				<span>点此签名</span>
				<!-- <u-upload class="slot-btn" :action="action" :file-list="fileList" width="620" height="130"></u-upload> -->
			</view>

		</view>
		<view class="submit">
			<view class="finish">
				去完成
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.app {
		height: 100%;
		padding: 3%;
		font-size: 36rpx;
		.picture {
			width: 95%;
			height: 272rpx;
			background: #FFFFFF;
			box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
			border-radius: 20px;
			margin: 0 auto;
			margin-bottom: 20rpx;
			.attendantImg {
				color: #000000;
				height: 88rpx;
				line-height: 88rpx;
				margin-left: 30rpx;
				span {
					color: #BAB7B8;
				}
			}
			.uppicture {
				border: 1rpx dashed #818181;
				width: 90%;
				height: 150rpx;
				margin: 0 auto;
				::v-deep .u-list-item[data-v-49deb6f2] {
					background: #FFFFFF;
				}

				image {
					width: 36rpx;
					height: 36rpx;
					margin-left: 40%;
					margin-top: 8%;
				}
				span {

					font-size: 35rpx;
					color: #969394;
				}
			}
			.user{
				height: 88rpx;
				line-height: 88rpx;
				color: #969394;
				margin-left: 30rpx;
				image{
					width: 34rpx;
					height: 34rpx;
				}
				
			}
			.receive {
				height: 88rpx;
				line-height: 88rpx;
				color: #969394;
				margin-left: 30rpx;

			}
		}
		.submit{
			height: 68rpx;
			font-size: 32rpx;
			color: #FFFFFF;
			text-align: center;
			margin-left: 60%;
			.finish{
				width: 217rpx;
				height: 68rpx;
				line-height: 68rpx;
				background: #4C7BC9;
				border-radius: 26rpx;
				margin-left: 30rpx;
				
			}
		}
	}
</style>
