<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">
					<c-input disabled v-model="model.bddgrp.rec.ownref" maxlength="16" placeholder="请输入单据参考号"></c-input>
				</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 v-model="model.bddgrp.cbs.max.cur" style="width:100%" dbCode="CURTXT" :isShowKeyAndLabel="true" placeholder="请选择币种">
							</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 disabled v-model="model.bddgrp.cbs.max.amt" placeholder="请输入索款金额"></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.opn1.cur">
							<c-select disabled v-model="model.bddgrp.cbs.opn1.cur" maxlength="3" dbCode="CURTXT" :isShowKeyAndLabel="true" placeholder="请选择币种"></c-select>
						</el-form-item>
					</div>
					<div style="width: calc(100% - 280px);">
						<el-form-item label-width="5px" prop="bddgrp.cbs.opn1.amt">
							<c-input-currency disabled v-model="model.bddgrp.cbs.opn1.amt" placeholder="请输入索款余额"></c-input-currency>
						</el-form-item>
					</div>
				</div>
			</c-col>

			<c-col :span="24">
				<el-form-item label="到单日期" prop="bddgrp.rec.rcvdat">
					<c-date-picker disabled type="date" v-model="model.bddgrp.rec.rcvdat" style="width:100%" placeholder="请选择到单日期"></c-date-picker>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item label="寄单日期" prop="bddgrp.rec.advdat">
					<c-date-picker disabled type="date" v-model="model.bddgrp.rec.advdat" style="width:100%" placeholder="请选择到单日期"></c-date-picker>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<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="24">
				<el-form-item label="单据到期日" prop="bddgrp.rec.matdat">
					<c-date-picker disabled type="date" v-model="model.bddgrp.rec.matdat" style="width:100%" placeholder="请选择单据到期日"></c-date-picker>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<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="24">
				<el-form-item label="单据类型" prop="bddgrp.rec.docflg">
					<c-select disabled v-model="model.bddgrp.rec.docflg" style="width:100%" dbCode="BRDTYP" :isShowKeyAndLabel="true" uil="CN" placeholder="请选择单据类型">
					</c-select>
				</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" placeholder="请选择单据状态">
					</c-select>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12" style="padding-left: 20px">
			<c-col :span="24">
				<el-form-item label="信用证编号" prop="didgrp.rec.ownref">
					<c-input disabled v-model="model.didgrp.rec.ownref" maxlength="16" placeholder="请输入信用证参考号"></c-input>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<div class="custom-box-wrap">
					<div style="width: 280px;">
						<el-form-item label="信用证余额" prop="didgrp.cbs.opn1.cur">
							<c-select disabled v-model="model.didgrp.cbs.opn1.cur" maxlength="3" dbCode="CURTXT" :isShowKeyAndLabel="true" placeholder="请选择币种"></c-select>
						</el-form-item>
					</div>
					<div style="width: calc(100% - 280px);">
						<el-form-item label-width="5px" prop="didgrp.cbs.opn1.amt">
							<c-input-currency disabled v-model="model.didgrp.cbs.opn1.amt" placeholder="请输入信用证余额"></c-input-currency>
						</el-form-item>
					</div>
				</div>
			</c-col>
			<c-col :span="24">
				<el-form-item label="信用证到期日" prop="didgrp.rec.expdat">
					<c-date-picker disabled type="date" v-model="model.didgrp.rec.expdat" style="width:100%" placeholder="请选择到期日"></c-date-picker>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<!-- <c-ptap10 :model="model" :argadr="{grp: 'bddgrp', rol: 'apl'}" :label="{labelRef: '申请人参考号',labelNam: '名称'}" :disabledRef="true" :disabledNam="true"></c-ptap10> -->
				<el-card class="box-card">
					<c-col :span="24">
						<el-form-item label="申请人客户号" label-width="120px" prop="didgrp.apl.pts.extkey">
							<c-input disabled v-model="model.didgrp.apl.pts.extkey"></c-input>
						</el-form-item>
					</c-col>
					<c-col :span="24">
						<el-form-item label="名称" label-width="120px" prop="didgrp.apl.pts.cnnam">
							<c-input disabled v-model="model.didgrp.apl.pts.cnnam"></c-input>
						</el-form-item>
					</c-col>
				</el-card>
			</c-col>
			<c-col :span="24">
				<!-- <c-ptap10 :model="model" :argadr="{grp: 'bddgrp',rol: 'ben'}" :label="{labelRef: '受益人参考号',labelNam: '名称'}" :disabledRef="true" :disabledNam="true"></c-ptap10> -->
				<el-card class="box-card">
					<c-col :span="24">
						<el-form-item label="受益人客户号" label-width="120px" prop="didgrp.ben.pts.extkey">
							<c-input disabled v-model="model.didgrp.ben.pts.extkey"></c-input>
						</el-form-item>
					</c-col>
					<c-col :span="24">
						<el-form-item label="名称" label-width="120px" prop="didgrp.ben.pts.cnnam">
							<c-input disabled v-model="model.didgrp.ben.pts.cnnam"></c-input>
						</el-form-item>
					</c-col>
				</el-card>
			</c-col>
			<c-col :span="24">
				<!-- <c-ptap10 :model="model" :argadr="{grp: 'bddgrp',rol: 'prb'}" :label="{labelRef: '交单行参考号',labelNam: '名称'}" :disabledRef="true" :disabledNam="true"></c-ptap10> -->
				<el-card class="box-card">
					<c-col :span="24">
						<el-form-item label="交单行参考号" label-width="120px" prop="bddgrp.prb.pts.ref">
							<c-input disabled maxlength="16" v-model="model.bddgrp.prb.pts.ref"></c-input>
						</el-form-item>
					</c-col>
					<c-col :span="24">
						<el-form-item label="名称" label-width="120px" prop="bddgrp.prb.pts.jigomc">
							<c-input disabled maxlength="40" v-model="model.bddgrp.prb.pts.jigomc"></c-input>
						</el-form-item>
					</c-col>
				</el-card>
			</c-col>
		</c-col>
		<c-col :span="24" style="height: 10px; margin-bottom: 40px">
			<el-divider></el-divider>
		</c-col>
		<c-col :span="24" style="margin-top:30px">
			<c-col :span="12" style="padding-right: 20px">
				<c-col :span="24">
					<el-form-item label="处理类型" prop="imgInvmod.invrep.invfunc">
						<c-select v-model="model.imgInvmod.invrep.invfunc" dbCode="INVFUN" @change="changeInvfunc" style="width:100%" placeholder="请输入">
						</c-select>
					</el-form-item>
				</c-col>

				<!-- <c-col :span="24">
					<el-form-item v-if="model.imgInvmod.invrep.invfunc=='Y'" label="批次号" prop="imgInvmod.invrep.seqnum" :rules="[{required: model.imgInvmod.invrep.invfunc=='Y',message:'必输项'}]" >
						<c-select @change="Onignflg" v-model="model.imgInvmod.invrep.seqnum" style="width:100%" placeholder="请输入">
							<el-option v-for="(item, index) in model.imgInvmod.invrep.seqnumList" :key="index" :label="item" :value="item">
							</el-option>
						</c-select>
					</el-form-item>
				</c-col> -->

				<c-col :span="24">
					<el-form-item v-if="model.imgInvmod.invrep.invfunc=='Y'" label="查询前手交易未核验发票">
						<c-button style="margin: 0 0 0 10px; padding: 0 12px; height: 32px" size="small" type="primary" @click="invfuncChange">
							查询</c-button>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item v-if="model.imgInvmod.invrep.invfunc=='X'" label="查询非正常状态发票">
						<c-button style="margin: 0 0 0 10px; padding: 0 12px; height: 32px" size="small" type="primary" @click="onbftpBut">
							查询</c-button>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="12" style="padding-left: 20px">
				<c-col :span="24">
					<el-form-item class="checkbox-left">
						<c-checkbox v-model="model.imgInvmod.invrep.ignflg" true-label="X" false-label="" v-if="model.imgInvmod.invrep.invfunc=='X'">显示已忽略</c-checkbox>
					</el-form-item>
				</c-col>
			</c-col>
		</c-col>
	</div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  methods: {},
  created() {}
};
</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 0px 0px;
  }
}
</style>