<template>
    <view class="page">
	<NavBar :title="$t('修改到货单检验信息')"></NavBar>
	<view class="infoedit">
		<u-form ref="form" :modelValue="form" class="login-form" :labelWidth="160">
			<u-form-item prop="cd003" :label="$t('序号：')" class="disabled">
				<input
					v-model="form.cd003"
					type="text"
					disabled
					
				>
				</input>
			</u-form-item>
			<u-form-item prop="cd004" :label="$t('品号：')" class="disabled">
				<input
					v-model="form.cd004"
					disabled
					type="text"
					
					@confirm="submit"
				>
				</input>
			</u-form-item>
			<u-form-item prop="cd005" :label="$t('品名：')" class="disabled">
				<input
					v-model="form.cd005"
					disabled
					type="text"
					
					@confirm="submit"
				>
				</input>
			</u-form-item>
			<u-form-item prop="cd011" :label="$t('采购单号：')" class="disabled">
				<input
					v-model="form.cd011"
					disabled
					type="text"
					@confirm="submit"
				>
				</input>
			</u-form-item>
			<u-form-item prop="cd008" :label="$t('到货数量：')" class="disabled">
				<input
					v-model="form.cd008"
					disabled
					type="text"
					@confirm="submit"
				>
				</input>
			</u-form-item>
			<u-form-item prop="cd018" :label="$t('验收数量：')">
				<input
					v-model.number="form.cd018"
					type="text"
					@confirm="submit"
				>
				</input>
			</u-form-item>
			<u-form-item prop="cd019" :label="$t('验退数量：')">
				<input
					v-model.number="form.cd019"
					type="text"
					@confirm="submit"
				>
				</input>
			</u-form-item>
			<u-form-item style="width:100%;">
			<button
				size="medium"
				type="primary"
				style="width:95%;margin-top: 50rpx"
				@click="submit()"
			>
				<span>{{$t('确定')}}</span>
			</button>
			</u-form-item>
		</u-form>
	</view>
    </view>
  </template>
  
  <script>
import i18n from '../../lang/index'

  import StickyNavBar from "@/components/StickyNavBar/index.vue";
  import ContentLoadingMore from "@/components/ContentLoadingMore/index.vue";
  export default {
    components: {
      StickyNavBar,
      ContentLoadingMore,
    },
	onLoad(option) {
		if (option.info) {
			let data = JSON.parse(decodeURIComponent(option.info));
			this.index = option.index
			this.info = data
			this.form = data.purcds[this.index]
		}
	},
    data() {
      return {
		info: null,
		index: 0,
		form: {
			cd003: null,
			cd004: null,
			cd005: null,
			cd011: null,
			cd008: null,
			cd018: null,
			cd019: null,
		}
      };
    },
    created() {
    },
    methods: {
		submit(row) {
			if (!this.form.cd018 && this.form.cd018 !== 0) return this.$u.toast(i18n.t('请输入验收数量'))
			if (!this.form.cd019 && this.form.cd019 !== 0) return this.$u.toast(i18n.t('请输入验退数量'))
			if (this.form['cd019'] || this.form['cd018']) {
				const cd019 = this.form['cd019'] || 0
				const cd018 = this.form['cd018'] || 0
				const cd008 = Number(this.form['cd008'])
				if (cd019 + cd018 > cd008) return this.$u.toast(i18n.t('验收数量+验退数量不能大于收货数量'))
			}
			this.info[this.index] = {...this.info[this.index], ...this.form}
			uni.redirectTo({
              url: '/pages/forcheck/Info?info=' + encodeURIComponent(JSON.stringify(this.info))
            });
		}
    },
  };
  </script>
  
  <style lang="scss" scoped>
  ::v-deep .u-sticky {
    top: 0 !important;
    background: #fff;
  }
  .infoedit {
	padding: 20rpx 20rpx;
	.underline {
		border-bottom: 1px solid #d5d5d5;
		padding-bottom: 0px;
    	line-height: 40px;
		font-weight: 500;
		margin-left: 20rpx;
		font-size: 19px;
	}
	.u-border-bottom:after {
		display: none;
	}
	
  }
  </style>
  