<template>
	<div class="eibs-tab">
		<!-- ==================左边================ -->
		<c-col :span="12" style="padding-right: 20px;">
			<c-col :span="24">
				<el-form-item label="单据编号" prop="bddgrp.rec.ownref" :rules="[{required:true,message:'必输项'}]">
					<c-fullbox>
						<c-input disabled maxlength="16" placeholder="请输入单据编号" v-model="model.bddgrp.rec.ownref"></c-input>
						<template slot="footer">
							<c-button :disabled="ownrefDisabled1" size="small" style="margin: 0 0" type="primary" @click="queryOwnref">
								获取
							</c-button>
						</template>
					</c-fullbox>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item label="单据类型" prop="bddgrp.rec.docflg">
					<c-select disabled dbCode="BRDTYP" uil="CN" v-model="model.bddgrp.rec.docflg" style="width:100%" placeholder="请输入单据类型">
					</c-select>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<div class="custom-box-wrap">
					<div style="width: 280px;">
						<el-form-item label="原始单据金额" prop="bddgrp.cbs.max.cur">
							<c-select disabled dbCode="curtxt" isShowKeyAndLabel placeholder="请选择单据金额" style="width: 100%" v-model="model.bddgrp.cbs.max.cur">
							</c-select>
						</el-form-item>
					</div>

					<div style="width: calc(100% - 280px);">
						<el-form-item label-width="5px" prop="bddgrp.rec.invamt">
							<c-input-currency :currency="model.bddgrp.cbs.max.cur" @keyup.enter.native="$event.target.blur()" placeholder="请输入单据金额" style="width: 100%" v-model="model.bddgrp.rec.invamt" @change="invamtChange"></c-input-currency>
						</el-form-item>
					</div>
				</div>
			</c-col>
			<c-col :span="24">
				<div class="custom-box-wrap">
					<div style="width: 280px;">
						<el-form-item label="索款金额" prop="bddgrp.cbs.max.cur">
							<c-select disabled dbCode="curtxt" isShowKeyAndLabel placeholder="请选择单据金额" style="width: 100%" v-model="model.bddgrp.cbs.max.cur">
							</c-select>
						</el-form-item>
					</div>

					<div style="width: calc(100% - 280px);">
						<el-form-item label-width="5px" prop="bddgrp.cbs.max.amt">
							<c-input-currency :currency="model.bddgrp.cbs.max.cur" @keyup.enter.native="$event.target.blur()" placeholder="请输入单据金额" style="width: 100%" v-model="model.bddgrp.cbs.max.amt" @change="maxamtChange"></c-input-currency>
						</el-form-item>
					</div>
				</div>
			</c-col>

			<c-col :span="24">
				<c-col :span="12">
					<el-form-item label="到单日期" prop="bddgrp.rec.rcvdat">
						<c-date-picker type="date" v-model="model.bddgrp.rec.rcvdat" style="width:100%" placeholder="请输入到单日期" @change="rcvdatChange"></c-date-picker>
					</el-form-item>
				</c-col>
				<c-col :span="12">
					<el-form-item label="交单日期" label-width="100px" prop="bddgrp.rec.predat">
						<c-date-picker type="date" v-model="model.bddgrp.rec.predat" style="width:100%" placeholder="请输入交单日期"></c-date-picker>
					</el-form-item>
				</c-col>
			</c-col>
			<c-col :span="24">
				<c-col :span="12">
					<el-form-item label="通知日期" prop="bddgrp.rec.orddat">
						<c-date-picker type="date" v-model="model.bddgrp.rec.orddat" style="width:100%" placeholder="请输入通知日期"></c-date-picker>
					</el-form-item>
				</c-col>
				<c-col :span="12">
					<el-form-item label="装船日期" label-width="100px" prop="bddgrp.rec.shpdat">
						<c-date-picker type="date" v-model="model.bddgrp.rec.shpdat" style="width:100%" placeholder="请输入装船日期"></c-date-picker>
					</el-form-item>
				</c-col>
			</c-col>
			<c-col :span="24">
				<c-col :span="12">
					<el-form-item label="远期起算日" prop="bddgrp.rec.stadat">
						<c-date-picker disabled type="date" v-model="model.bddgrp.rec.stadat" style="width:100%" placeholder="请输入远期起算日"></c-date-picker>
					</el-form-item>
				</c-col>
				<c-col :span="12">
					<el-form-item label="单据到期日" label-width="100px" prop="bddgrp.rec.matdat" :rules="[{ required: model.bddgrp.blk.matper==''&&model.bddgrp.rec.docflg!='P', message: '必输项'},{validator: validateMatdat}, {trigger: ['blur', 'change']}]">
						<c-date-picker :disabled="model.bddgrp.blk.matper!=''||model.bddgrp.rec.docflg=='P'" type="date" v-model="model.bddgrp.rec.matdat" style="width:100%" placeholder="请输入到期日" @change="matdatChange"></c-date-picker>
					</el-form-item>
				</c-col>
			</c-col>
			<c-col :span="24">
				<c-col :span="12">
					<el-form-item label="期限" prop="bddgrp.rec.tenmaxday">
						<c-input disabled v-model="model.bddgrp.rec.tenmaxday" placeholder="请输入期限"></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="12">
					<el-form-item label="发票类型" label-width="100px" prop="bddgrp.rec.invtyp">
						<c-select dbCode="invtyp" v-model="model.bddgrp.rec.invtyp" style="width:100%" placeholder="请输入发票类型">
						</c-select>
					</el-form-item>
				</c-col>
			</c-col>
			<c-col :span="24">
				<el-form-item label="此信用证下的到单次数" prop="didgrp.rec.utlnbr">
					<c-input disabled v-model="model.didgrp.rec.utlnbr" placeholder="请输入此信用证下的到单次数"></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="单据状态" prop="bddgrp.rec.docsta">
					<c-select disabled v-model="model.bddgrp.rec.docsta" style="width:100%" dbCode="STADOC" :isShowKeyAndLabel="false" uil="CN">
					</c-select>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="合同编号" prop="didgrp.rec.conno">
					<c-input v-model="model.didgrp.rec.conno" maxlength="35" placeholder="请输入合同编号"></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label-width="120px" class="checkbox-left" prop="bddgrp.rec.dscinsflg">
					<c-checkbox true-label="X" false-label="" v-model="model.bddgrp.rec.dscinsflg">录入单据、不符点、结算指示和货运详细信息</c-checkbox>
				</el-form-item>
			</c-col>
		</c-col>

		<!-- ============右边================= -->
		<c-col :span="12" style="padding-left: 20px;">
			<c-col :span="24">
				<el-card class="box-card">
					<c-col :span="24">
						<el-form-item label="交单行" prop="bddgrp.rec.docprbrol">
							<c-select v-model="model.bddgrp.rec.docprbrol" style="width:100%" placeholder="请输入交单行" @change="calcPrb">
								<el-option v-for="(item, index) in codes.docprbrolList" :key="index" :label="item.label" :value="item.value">
								</el-option>
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="24">
						<el-form-item label="交单编号" prop="bddgrp.prb.pts.ref" :rules="[{required:true,message:'必输项'}]">
							<c-fullbox>
								<c-input v-model="model.bddgrp.prb.pts.ref" maxlength="16"  placeholder="请输入编号"></c-input>
								<template slot="footer">
									<c-button :disabled="model.bddgrp.prb.pts.ref==''" size="small" type="primary" @click="getBfdInfo">
										获取寄单信息
									</c-button>
								</template>
							</c-fullbox>
						</el-form-item>
					</c-col>
					<c-col :span="24">
						<c-ptap6 :model="model" :argadr="{title:'BIC',grp: 'bddgrp',rol: 'prb'}" :requiredBic="model.bddgrp.rec.docprbrol=='PRB'&&model.didgrp.rec.elcflg!='Y'" :requiredBankno="model.bddgrp.rec.docprbrol=='PRB'" :disabledExtkey="model.bddgrp.rec.docprbrol!='PRB'" :disabledBankno="model.bddgrp.rec.docprbrol!='PRB'" :disabledJigomc="model.bddgrp.rec.docprbrol!='PRB'" :disabledDizhii="model.bddgrp.rec.docprbrol!='PRB'" :isShowCard="false">
						</c-ptap6>
					</c-col>
				</el-card>
			</c-col>
			<c-col :span="24" style="margin-top:10px;">
				<c-ptap8 :model="model" :argadr="{title: '收款行行号',grp: 'bddgrp',rol: 'skh'}" :requiredBankno="true" :requiredJigomc="true" jigomcLabel="收款行名称">
				</c-ptap8>
			</c-col>
			<c-col :span="24" style="margin-top:10px;">
				<el-form-item label="原发起直接参与机构" prop="swiadd.oriinstgagt" :rules="[{required:model.didgrp.rec.elcflg == 'Y',message:'必输项'}]">
					<c-input :disabled="model.didgrp.rec.elcflg!='Y'" v-model="model.swiadd.oriinstgagt" maxlength="20" placeholder="请输入原发起直接参与机构"></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="原报文标识号" prop="swiadd.orimsgid" :rules="[{required:model.didgrp.rec.elcflg == 'Y',message:'必输项'}]">
					<c-input :disabled="model.didgrp.rec.elcflg!='Y'" v-model="model.swiadd.orimsgid" maxlength="35" placeholder="请输入原报文标识号"></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="原报文类型" prop="swiadd.orimsgtyp" :rules="[{required:model.didgrp.rec.elcflg == 'Y',message:'必输项'}]">
					<c-select :disabled="model.didgrp.rec.elcflg!='Y'" v-model="model.swiadd.orimsgtyp" style="width:100%" placeholder="请选择原报文类型">
						<el-option v-for="(item, index) in codes.orimsgtypList" :key="index" :label="item.label" :value="item.value">
						</el-option>
					</c-select>
				</el-form-item>
			</c-col>
		</c-col>
	</div>
</template>
<script>
import event from "../event";
import Default from "../model/default";
import moment from 'moment';

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default],
  data() {
    return {};
  },
  methods: {
	  validateMatdat (rule, value, callback) {
		    if(this.model.bddgrp.blk.matper==''&&this.model.bddgrp.rec.docflg!='P'){
				if(value==""){
					callback(new Error('必输项'))
				}
			}
			if (moment(value).diff(moment(this.model.bddgrp.rec.rcvdat).add(1,"days").format('YYYY-MM-DD'), 'years') > 0) {
				callback(new Error('到期付款日期超一年'))
			}
			callback()
		},
  },
  computed: {
    ownrefDisabled() {
      if (this.model.didgrp.rec.ownref != "") {
        return true;
      }
      if (this.model.didgrp.rec.branchinr == "") {
        return true;
      }
      if (this.model.didgrp.apl.pts.ptainr == "") {
        return true;
      }
      return false;
    },
    ownrefDisabled1() {
      if (this.model.bddgrp.rec.ownref != "") {
        return true;
      }
      return false;
    }
  },
  watch: {
    "model.bddgrp.cbs.max.amt": {
      handler(val, oldval) {
        this.model.imgInvmod.docamt = val;
      }
		},
		"model.bddgrp.prb.pts.ref":{
			handler(val,oldval){
				if(val != oldval){
					this.model.invflg = ''
				}
			}
		}
  },
  created: function() {}
};
</script>
<style scoped lang="less">
.box-card {
  margin-bottom: 10px;
  /deep/ .el-form-item--mini.el-form-item,
  .el-form-item--small.el-form-item {
    margin-bottom: 10px;
  }
  /deep/ .el-card__body {
    padding: 10px 10px 10px 0px;
  }
}
</style>