<template>
	<view class="box-container">
		<u-navbar leftIconSize="25px" title="上传出库图片" :titleStyle="{fontWeight:700}" height="70px" 
			:autoBack="true">
		</u-navbar>
		<view class="entry-info">
			<u-form labelPosition="top" labelWidth="120" :model="sizeForm" :rules="rules" ref="ruleFormRef">
				<u-form-item label="出库图片" prop="ossFileDTOList" :required="true">
					<imgUpload :ossFileDTOList.sync="sizeForm.ossFileDTOList" v-model="sizeForm.ossFileDTOList"  />
				</u-form-item>
				<view class="backgro"></view>
				<u-form-item label="出库备注" >
					<u-textarea v-model="sizeForm.loadRemark" placeholder="请输入内容" count :maxlength="500" ></u-textarea>
				</u-form-item>
				</u-form>
				<button type="primary" class="btn" @click="submitData">提交</button>
		</view>
		 <u-toast ref="uToast"></u-toast>
	</view>
</template>
<script>
	import store from '@/store/index'
	import Api from '@/api/api.js'
	import imgUpload from '@/components/image-upload.vue'
	export default {
		components:{
			imgUpload,
		},
		onLoad(op) {
			if (op.id) {
				this.sizeForm.id = op.id
			}
		},
		data() {
			return {
				sizeForm: {
					ossFileDTOList:[],
					id:"",
					loadRemark:""
				},
				rules: {
					ossFileDTOList: {
						type:"array",
						required: true,
						message: '请上传图片',
						trigger: ['blur', 'change']
					},

				},
			}
		},

		methods: {
			
			submitData() {
				this.$refs.ruleFormRef.validate().then(valid=>{
					Api.storge.updateWarehouseOutToLoadedStatus(this.sizeForm).then(res => {
						uni.navigateTo({
							url: "/pages/outBound/superviseLoading?name=supervise"
						})
					})
				})
			},
	}
	}
</script>


<style lang="scss" scoped>
	.box-container {
		.entry-info {
			width: 85%;
			margin: auto;
			margin-top: 230rpx;
			.btn {
				border-radius: 12px;
				font-size: 28rpx;
				margin: 60rpx 0;
				background-color: #1A4F94;
			}
			.backgro {
				margin-top: 20rpx;
				width: 100%;
				height: 44rpx;
				background-color: #FBFCFE;
			}
		}
	}
</style>