<template>
	<div>
		<!-- top -->
		<c-col :span="24">
			<c-col :span="12" style="padding-right: 20px;">
				<el-form-item label="转让信用证编号" prop="ltdgrp.rec.ownref">
					<c-input v-model="model.ltdgrp.rec.ownref" maxlength="16" placeholder="请输入转让信用证编号" style="width: 100%"
					 disabled>
					</c-input>
				</el-form-item>
			</c-col>

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

			<c-col :span="12" style="padding-right: 20px;">
				<el-form-item label="单据编号" prop="btdgrp.rec.ownref">
					<c-input v-model="model.btdgrp.rec.ownref" maxlength="16" placeholder="请输入单据编号" disabled>
					</c-input>
				</el-form-item>
			</c-col>

			<c-col :span="12" style="padding-left: 20px;">
				<el-form-item label="" prop="btdgrp.rec.nam">
					<c-input v-model="model.btdgrp.rec.nam" placeholder="请输入" disabled></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<!-- left -->
		<c-col :span="12" style="padding-right: 20px;">
			<c-col :span="24">
				<c-col :span="13">
					<el-form-item label="单据金额" prop="btdgrp.cbs.max.cur">
						<c-select v-model="model.btdgrp.cbs.max.cur" style="width:100%" placeholder="请选择单据金额币种" disabled>
							<el-option v-for="item in codes.cur" :key="item.value" :label="item.label" :value="item.value"></el-option>
						</c-select>
					</el-form-item>
				</c-col>
				<c-col :span="7">
					<el-form-item label="" label-width="5px" prop="btdgrp.cbs.max.amt">
						<c-input v-model="model.btdgrp.cbs.max.amt" placeholder="请输入单据金额" disabled></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="4" class="centerLable">
					<c-checkbox v-model="model.bttp0.aammod.addamtflg" disabled>附加金额</c-checkbox>
				</c-col>
			</c-col>

			<c-col :span="24">
				<c-col :span="13">
					<el-form-item label="余额" prop="btdgrp.cbs.opn1.cur">
						<c-select v-model="model.btdgrp.cbs.max.cur" style="width:100%" placeholder="请选择余额币种" disabled>
							<el-option v-for="item in codes.cur" :key="item.value" :label="item.label" :value="item.value"></el-option>
						</c-select>
					</el-form-item>
				</c-col>
				<c-col :span="11">
					<el-form-item label="" label-width="5px" prop="btdgrp.cbs.opn1.amt">
						<c-input v-model="model.btdgrp.cbs.opn1.amt" placeholder="请输入余额" disabled></c-input>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<el-form-item label="单据类型" prop="btdgrp.rec.doctypcod">
					<c-select v-model="model.btdgrp.rec.doctypcod" maxlength="1" style="width:100%" placeholder="请输入单据类型" :code="codes.doctypcod" disabled></c-select>
				</el-form-item>
			</c-col>

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

			<c-col :span="24">
				<c-col :span="12">
					<el-form-item label="从第二受益人那收到单据日期" prop="btdgrp.rec.rcvdatbe2">
						<c-date-picker type="string" v-model="model.btdgrp.rec.rcvdatbe2" style="width:100%" placeholder="请选择从第二受益人那收到单据日期"
						 disabled="disabled"></c-date-picker>
					</el-form-item>
				</c-col>
				<c-col :span="12">
					<el-form-item label="从第一受益人那收到单据日期" prop="btdgrp.rec.rcvdatbe1">
						<c-date-picker type="string" v-model="model.btdgrp.rec.rcvdatbe1" style="width:100%" placeholder="请选择从第一受益人那收到单据日期"
						 disabled="disabled"></c-date-picker>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<el-form-item label="单据状态" prop="btdgrp.rec.docsta">
					<c-select v-model="model.btdgrp.rec.docsta" style="width:100%" maxlength="40" placeholder="请输入单据状态" :code="codes.docsta3" disabled></c-select>
				</el-form-item>
			</c-col>

			<!-- <c-col :span="24">
				<c-col :span="22">
					<el-form-item label="不符点描述" prop="btdgrp.blk.docdis">
						<c-input type="textarea" v-model="model.btdgrp.blk.docdis" maxlength="50" show-word-limit placeholder="请输入不符点描述"
						 rows="5" disabled></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="2">
					<c-button
                  size="small"
                  type="primary"
                  icon="el-icon-search"
                  @click="showGridPromptDialog('docdis.buttxmsel', null, null,{TXT:'btdgrp.blk.docdis'}, {TXT: false},'doxpDialog')">
                  ...
                </c-button>
				</c-col>
			</c-col> -->

			<c-col :span="24">
				<c-col :span="24">
					<el-form-item label="不符点描述" prop="btdgrp.blk.docdis">
						<c-fullbox>
						<c-input type="textarea" v-model="model.btdgrp.blk.docdis" maxlength="50" show-word-limit placeholder="请输入不符点描述"
						 rows="5" disabled></c-input>
						 <template slot="footer">
							<c-button
							size="small"
							type="primary"
							icon="el-icon-search"
							@click="showGridPromptDialog('docdis.buttxmsel', null, null,{TXT:'btdgrp.blk.docdis'}, {TXT: false},'doxpDialog')">
							</c-button>
						 </template>
						</c-fullbox>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<el-form-item label="" prop="" class="checkbox-left">
					<c-checkbox v-model="model.btdgrp.blk.docdisflg">不符点描述修改</c-checkbox>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item label="不符点描述历史修改" prop="btdgrp.blk.docdisame">
					<c-input type="textarea" v-model="model.btdgrp.blk.docdisame" maxlength="50" show-word-limit placeholder="请输入不符点描述历史修改"
					 rows="5"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<!-- right -->
		<c-col :span="12" style="padding-left: 20px;">
			<c-col :span="24">
				<el-form-item label="第一受益人参考号" prop="btdgrp.be1.pts.ref">
					<c-input v-model="model.btdgrp.be1.pts.ref" maxlength="16" placeholder="请输入第一受益人参考号" disabled></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="" prop="btdgrp.be1.pts.nam" label-width="120px">
					<c-input v-model="model.btdgrp.be1.pts.nam" maxlength="40" placeholder="请输入" disabled></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="第二受益人参考号" prop="btdgrp.be2.pts.ref">
					<c-input v-model="model.btdgrp.be2.pts.ref" maxlength="16" placeholder="请输入第二受益人参考号" disabled></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="" prop="btdgrp.be2.pts.nam" label-width="120px">
					<c-input v-model="model.btdgrp.be2.pts.nam" maxlength="40" placeholder="请输入" disabled></c-input>
				</el-form-item>
			</c-col>

			<!-- <c-col :span="24">
				<c-col :span="22">
					<el-form-item label="拒付理由" prop="btdgrp.blk.docins">
						<c-input type="textarea" v-model="model.btdgrp.blk.docins" maxlength="35" show-word-limit placeholder="请输入拒付理由"
						 rows="5"></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="2">
					<c-button
                  size="small"
                  type="primary"
                  icon="el-icon-search"
                  @click="showGridPromptDialog('docins.buttxmsel', null, null,{TXT:'btdgrp.blk.docins'}, {TXT: false},'doxpDialog')">
                  ...
                </c-button>
				</c-col>
			</c-col> -->


			<c-col :span="24">
				<c-col :span="24">
					<el-form-item label="拒付理由" prop="btdgrp.blk.docins">
						<c-fullbox>
						<c-input type="textarea" v-model="model.btdgrp.blk.docins" maxlength="35" show-word-limit placeholder="请输入拒付理由"
						 rows="5"></c-input>
						 <template slot="footer">
							<c-button
							size="small"
							type="primary"
							icon="el-icon-search"
							@click="showGridPromptDialog('docins.buttxmsel', null, null,{TXT:'btdgrp.blk.docins'}, {TXT: false},'doxpDialog')">
							</c-button>
						 </template>
						</c-fullbox>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<!-- <c-col :span="22">
					<el-form-item label="单据处置说明" prop="btdgrp.blk.disdoc">
						<c-input type="textarea" v-model="model.btdgrp.blk.disdoc" maxlength="35" show-word-limit placeholder="请输入单据处置说明"
						 rows="5"></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="2">
					<c-button
                  size="small"
                  type="primary"
                  icon="el-icon-search"
                  @click="showGridPromptDialog('disdoc.buttxmsel', null, null,{TXT:'btdgrp.blk.disdoc'}, {TXT: false},'doxpDialog')">
                  ...
                </c-button>
				</c-col> -->
				<c-col :span="24">
					<el-form-item label="单据处置说明" prop="btdgrp.blk.disdoc">
						<c-fullbox>
						<c-input type="textarea" v-model="model.btdgrp.blk.disdoc" maxlength="35" show-word-limit placeholder="请输入单据处置说明"
						 rows="5"></c-input>
						 <template slot="footer">
							<c-button
							size="small"
							type="primary"
							icon="el-icon-search"
							@click="showGridPromptDialog('disdoc.buttxmsel', null, null,{TXT:'btdgrp.blk.disdoc'}, {TXT: false},'doxpDialog')">
							</c-button>
						 </template>
						</c-fullbox>
					</el-form-item>
				</c-col>

				<c-col :span="12" class="">
					<el-form-item label=" " label-width="120px" style=" float:left;">
					<c-checkbox
						v-model="model.rejpenins"
						@change="selectOrCheckboxRule('rejpenins')"
						>向第二受益人发拒付通知</c-checkbox
					>
					</el-form-item>
				</c-col>
				
				<!-- <c-col :span="10">
					<c-checkbox v-model="model.rejpenins" @change="selectOrCheckboxRule('rejpenins')">向第二受益人发拒付通知</c-checkbox>
				</c-col> -->

				<c-col :span="12" class="centerLable ">
					<el-form-item
					label=""
					v-model="model.accdisflg" 
					@change="selectOrCheckboxRule('accdisflg')"
					>
					<c-checkbox v-model="model.accdisflg"
						>给第二受益人发接受不符点通知</c-checkbox
					>
					</el-form-item>
				</c-col>
				
				<!-- <c-col :span="10" :offset="2">
					<c-checkbox v-model="model.accdisflg" @change="selectOrCheckboxRule('accdisflg')">给第二受益人发接受不符点通知</c-checkbox>
				</c-col> -->
				
				<c-col :span="24" class="">
					<el-form-item label=" " label-width="120px" style=" float:left;">
						<c-checkbox v-model="model.advdisflg">通知开证行有不符点</c-checkbox>
					</el-form-item>
				</c-col>

				<!-- <c-col :span="24">
					<c-checkbox v-model="model.advdisflg">通知开证行有不符点</c-checkbox>
				</c-col> -->

				<c-col :span="12">
				<el-form-item label="进一步鉴定MT752" prop="btdgrp.furide" >
					<c-select v-model="model.furide" maxlength="40" placeholder="请输入进一步鉴定MT752"  :code="codes.furide" disabled></c-select>
				</el-form-item>
			</c-col>
			<c-col :span="12">
				<el-form-item label="不符点通知的日期" prop="btdgrp.rec.disdat" >
					<c-select v-model="model.btdgrp.rec.disdat" maxlength="40" placeholder="请输入不符点通知的日期"  disabled></c-select>
				</el-form-item>
			</c-col>
			</c-col>
		</c-col>
	</div>
</template>
<script>
	import Api from "~/service/Api"
	import commonProcess from "~/mixin/commonProcess";
	import CodeTable from "~/config/CodeTable"
	import Event from "~/model/Bttdcr/Event"

	export default {
		inject: ['root'],
		props: ["model", "codes"],
		mixins: [commonProcess],
		data() {
			return {

			}
		},
		methods: { ...Event
		},
		created: function() {

		}
	}
</script>
<style>
	.point {
		margin-left: 0px;
		line-height: 16px;
		height: 20px;
	}
</style>