<template>
	<view class="h-full bg-white px-24rpx">
		<view class="mt-20rpx mb-20rpx text-34rpx">上传工作记录</view>
		<upload-img v-model:fileList="fileList" multiple :maxCount="10" />
		<view class="text-24rpx text-#666 mt-20rpx"
			>请上传陪诊工作中的照片，建议一个环节一张照片</view
		>
		<view class="mt-40rpx mb-20rpx text-34rpx">填写备注</view>
		<u--textarea
			v-model="remark"
			placeholder=""
			maxlength="300"
			count
			:autoHeight="false"
		/>

		<view
			class="fixed bottom-8 left-0 right-0 text-white pt-12rpx border-t-1px border-solid border-#E5E5E5"
			><view
				class="bg-#FF8CA6 rounded-24rpx w-660rpx h-80rpx text-center leading-80rpx hover:shadow-md mx-auto"
				>订单已完成，提交工作记录</view
			></view
		>
	</view>
</template>

<script setup>
const fileList = ref([])
const remark = ref('')
</script>

<style lang="scss" scoped>
:deep {
	.u-textarea,
	.u-textarea__count {
		background-color: #f2f2f2 !important;
	}
}
</style>
