Davp.vue

<template>
	<div class="eibs-tab">
		<c-col :span="12" class="col-left">
			<c-col :span="24">
				<el-form-item label="Reference" prop="ledgrp.rec.ownref">
					<c-fullbox>
						<c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入信用证编号"
								 :disabled="true"></c-input>
						<template slot="footer">
							<c-button style="padding: 0 12px" size="small" type="primary">
								<i class="el-icon-info"></i>
							</c-button>
						</template>
					</c-fullbox>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="Transfer Reference" prop="ltdgrp.rec.ownref">
					<c-fullbox>
						<c-input v-model="model.ltdgrp.rec.ownref" maxlength="16" placeholder="请输入信用证编号"
								 :disabled="true"></c-input>
						<template slot="footer">
							<c-button style="padding: 0 12px" size="small" type="primary">
								<i class="el-icon-info"></i>
							</c-button>
						</template>
					</c-fullbox>
				</el-form-item>
			</c-col>
			<c-col :span="24" class="custom-box-wrap">
						<el-form-item label="L/C Amount" prop="ltdgrp.cbs.nom1.cur">
							<c-select-cur v-model="model.ltdgrp.cbs.nom1.cur" style="width:115px" placeholder="请选择币种"
									  dbCode="curtxt" sort="SRT" :disabled="true">
							</c-select-cur>
						</el-form-item>
					<div class="box-3">
						<el-form-item label-width="5px" prop="ltdgrp.cbs.nom1.amt">
							<c-input-currency v-model="model.ltdgrp.cbs.nom1.amt" :currency="model.ltdgrp.cbs.nom1.cur"
											  style="width:100%" placeholder="请输入金额" :disabled="true">
							</c-input-currency>
						</el-form-item>
					</div>
				<div class="box-2">
					<c-checkbox v-model="model.swiadd.addamtflg" true-label="X" false-label=""
								class="checkbox-left" :disabled="true">
						Add.Amount
					</c-checkbox>
				</div>
			</c-col>
			<c-col :span="24" class="custom-box-wrap">
					<el-form-item label="Open Amount" prop="ltdgrp.cbs.opn1.cur">
						<c-select-cur v-model="model.ltdgrp.cbs.opn1.cur" style="width: 115px" placeholder="请选择币种"
								  dbCode="curtxt" sort="SRT" :disabled="true">
						</c-select-cur>
					</el-form-item>
				<div class="box-3">
					<el-form-item label-width="5px" prop="ltdgrp.cbs.opn1.amt">
						<c-input-currency v-model="model.ltdgrp.cbs.opn1.amt" :currency="model.ltdgrp.cbs.opn1.cur"
										  style="width:100%" placeholder="请输入金额" :disabled="true">
						</c-input-currency>
					</el-form-item>
				</div>
			</c-col>
			<c-col :span="24">
				<c-form-item label="Available with" prop="ltdgrp.avbnam">
					<c-input v-model="model.ltdgrp.avbnam" maxlength="40" placeholder="请输入可用银行" :disabled="true"></c-input>
				</c-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item label="by" prop="ltdgrp.rec.avbby">
					<c-select v-model="model.ltdgrp.rec.avbby" dbCode='avbby0' style="width:100%" placeholder="请选择兑付方式" :disabled="true">
					</c-select>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="Shipment Date" prop="ltdgrp.rec.shpdat">
					<c-date-picker type="date" v-model="model.ltdgrp.rec.shpdat" style="width:100%"
								   placeholder="请选择日期" :disabled="true"></c-date-picker>
				</el-form-item>
			</c-col>
			<c-col :span="24" class="custom-box-wrap">
				<c-col :span="13">
					<el-form-item label="Date Issued/Form" prop="ltdgrp.rec.opndat">
						<c-date-picker type="date" v-model="model.ltdgrp.rec.opndat" style="width:100%"
									   placeholder="请选择日期" :disabled="true"></c-date-picker>
					</el-form-item>
				</c-col>
				<c-col :span="11">
					<el-form-item label-width="5px" prop="ltdgrp.rec.lcrtyp">
						<c-select v-model="model.ltdgrp.rec.lcrtyp" dbCode="lcrtyp" style="width:100%" placeholder="请输入" :disabled="true">
						</c-select>
					</el-form-item>
				</c-col>
			</c-col>
			<c-col :span="24">
				<c-col :span="13">
					<el-form-item label="Date/Place of Expiry" prop="ltdgrp.rec.expdat">
						<c-date-picker type="date" v-model="model.ltdgrp.rec.expdat" style="width:100%"
									   placeholder="请选择日期" :disabled="true"></c-date-picker>
					</el-form-item>
				</c-col>
				<c-col :span="11">
					<el-form-item label-width="5px" prop="ltdgrp.rec.expplc">
						<c-input v-model="model.ltdgrp.rec.expplc" style="width:100%" placeholder="请输入地点" :disabled="true">
						</c-input>
					</el-form-item>
				</c-col>
			</c-col>
			<c-col :span="24">
				<el-form-item label="Document Reference" prop="btdgrp.rec.ownref">
					<c-fullbox>
						<c-input v-model="model.btdgrp.rec.ownref" maxlength="16" placeholder="请输入信用证单据编号"
								 :disabled="true"></c-input>
						<template slot="footer">
							<c-button style="padding: 0 12px" size="small" type="primary">
								<i class="el-icon-info"></i>
							</c-button>
						</template>
					</c-fullbox>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="Type of Advice" prop="btdgrp.rec.advtyp">
					<c-select v-model="model.btdgrp.rec.advtyp" dbCode='advtyp' :filterKey = "['750','754']"
						@change="advtypDefault" style="width:100%"
							  placeholder="请选择通知类型">
					</c-select>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="Payment advised on" prop="btdgrp.rec.advdat">
					<c-date-picker type="date" v-model="model.btdgrp.rec.advdat" style="width:100%"
									:disabled="model.btdgrp.rec.advtyp == '750'"
								   placeholder="请选择日期"></c-date-picker>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="Discrep. advised on" prop="btdgrp.rec.disdat">
					<c-date-picker type="date" v-model="model.btdgrp.rec.disdat" style="width:100%"
									:disabled="model.btdgrp.rec.advtyp == '754'"
									@change="docstaDefault"
								   placeholder="请选择日期"></c-date-picker>
				</el-form-item>
			</c-col>
			<!-- <c-col :span="24">
				<el-form-item>
					<c-checkbox v-model="model.bttp.setnowflg" class="checkbox-left">Register to Send and Settle
						Documents
					</c-checkbox>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item>
					<c-checkbox v-model="model.btdgrp.rec.dscinsflg" class="checkbox-left">Register to Handle
						Discrepancies
					</c-checkbox>
				</el-form-item>
			</c-col> -->
		</c-col>
		<c-col :span="12" class="col-right">

			<c-col :span="24">
				<c-ptap :argadr="{ title: '1st Beneficiary', grp: 'btdgrp', rol: 'be1' }" :haveAdrLabel="true"
						:isAdrblk="true"
						:disabledExtkey="true"
						:model="model" ptytyp="B" :isLabel120="false"></c-ptap>
			</c-col>
			<c-col :span="24">
				<c-ptap :argadr="{ title: '2nd Beneficiary', grp: 'btdgrp', rol: 'be2' }" :haveAdrLabel="true"
						:isAdrblk="true"
						:disabledExtkey="true"
						:model="model" ptytyp="C" :isLabel120="false"></c-ptap>
			</c-col>
			<c-col :span="24">
				<c-ptap :argadr="{ title: 'Presenting Bank', grp: 'btdgrp', rol: 'prb' }" :haveAdrLabel="true"
						:isAdrblk="true"
						:disabledExtkey="true"
						:model="model" ptytyp="B" :isLabel120="false"></c-ptap>
			</c-col>

			<c-col :span="24">
				<el-form-item label="Presented by" prop="btdgrp.rec.docprbrol">
					<c-select v-model="model.btdgrp.rec.docprbrol" :code="codes.docprbrol2" @change="docprbrolDefault">
					</c-select>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<c-ptap :argadr="{ title: 'Presented by', grp: 'btdgrp', rol: 'prb' }" :haveAdrLabel="true"
						:isAdrblk="model.btdgrp.rec.docprbrol != 'PRB'"
						:disabledExtkey="model.btdgrp.rec.docprbrol != 'PRB'"
						:model="model" ptytyp="B" :isLabel120="false"></c-ptap>
			</c-col>
		</c-col>
	</div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  methods: {},
  created: function() {}
};
</script>
<style>
</style>