Feep.vue

<template>
	<div class="eibs-tab">
		<!-- ====================左边======================= -->
		<c-col :span="12" style="padding-right: 20px">
			<c-col :span="24">
				<el-form-item label="Reference" prop="gidgrp.rec.ownref">
					<c-fullbox>
						<c-input disabled placeholder="请输入保函编号" v-model="model.gidgrp.rec.ownref"></c-input>
						<template slot="footer">
							<c-button icon="el-icon-info" size="small" style="margin: 0 0 0 10px; padding: 0 12px" type="primary">
							</c-button>
						</template>
					</c-fullbox>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item label="Claim Number" prop="gcdgrp.rec.ownref">
					<c-fullbox>
						<c-input disabled placeholder="请输入索赔编号" v-model="model.gcdgrp.rec.ownref"></c-input>
						<template slot="footer">
							<c-button icon="el-icon-info" size="small" style="margin: 0 0 0 10px; padding: 0 12px" type="primary">
							</c-button>
						</template>
					</c-fullbox>
				</el-form-item>
			</c-col>

			<c-col :span="12">
				<el-form-item label="Amount Claimed" prop="gcdgrp.cbs.max.cur">
					<c-select dbCode="curtxt" disabled placeholder="请选择索赔币种" style="width: 100%" v-model="model.gcdgrp.cbs.max.cur">
					</c-select>
				</el-form-item>
			</c-col>
			<c-col :span="8">
				<el-form-item label-width="5px" prop="gcdgrp.cbs.max.amt">
					<c-input-currency :currency="model.gcdgrp.cbs.max.cur" disabled v-model="model.gcdgrp.cbs.max.amt"></c-input-currency>
				</el-form-item>
			</c-col>
			<c-col :span="4" class="centerLable">
				<c-checkbox disabled v-model="model.gctp0.adaflg">Add.Amount</c-checkbox>
			</c-col>

			<c-col :span="24">
				<c-col :span="12">
					<el-form-item label="Amount Claimed" prop="gcdgrp.cbs.opn1.cur">
						<c-select dbCode="curtxt" disabled placeholder="请选择索赔余额币种" style="width: 100%" v-model="model.gcdgrp.cbs.opn1.cur">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="8">
					<el-form-item label-width="5px" prop="gcdgrp.cbs.opn1.amt">
						<c-input-currency :currency="model.gcdgrp.cbs.opn1.cur" disabled v-model="model.gcdgrp.cbs.opn1.amt"></c-input-currency>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<el-form-item label="Undertaking Type" prop="gidgrp.rec.gartyp">
					<c-select dbCode="typgar" disabled placeholder="请选择保函类型" style="width: 100%" v-model="model.gidgrp.rec.gartyp">
					</c-select>
				</el-form-item>
			</c-col>

			<c-col :span="24" v-if="model.gctp0.lialab !== ''">
				<el-form-item label="Date" prop="gctp0.lialab">
					<c-date-picker disabled placeholder="请选择日期" style="width: 100%" type="date" v-model="model.gctp0.liadat"></c-date-picker>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item label="Date of Claim" prop="gcdgrp.rec.clmdat">
					<c-date-picker disabled placeholder="请选择索赔日期" style="width: 100%" type="date" v-model="model.gcdgrp.rec.clmdat"></c-date-picker>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item class="checkbox-left" prop="umbflg" style="text-align: left">
					<c-checkbox false-label="N" true-label="Y" v-model="model.umbflg">Rebooking</c-checkbox>
				</el-form-item>
			</c-col>

			<c-col :span="24" v-if="model.sysmod.atp.bus === 'MC'">
				<el-form-item label="业务部门" prop="xxtfee.othbussec">
					<c-select :code="getValues('xxtfee.othbussec', '')" :disabled="model.sysmod.atp.cod !== 'MCTFEE'" placeholder="请选择业务部门" style="width: 100%" v-model="model.xxtfee.othbussec">
					</c-select>
				</el-form-item>
			</c-col>
		</c-col>

		<!-- ========================右边======================= -->
		<c-col :span="12" style="padding-left: 20px">
			<!-- <c-col :span="24" v-if="model.gidgrp.rec.inr !== '' && model.gidgrp.rec.expflg !== ''">
				<el-form-item label="到期日" prop="gidgrp.rec.expdat">
					<c-date-picker disabled placeholder="请选择到期日" style="width: 100%" type="date" v-model="model.gidgrp.rec.expdat"></c-date-picker>
				</el-form-item>
			</c-col> -->

			<c-col :span="24">
				<c-col :span="13">
					<el-form-item label="Open Amount" prop="gidgrp.cbs.opn1.cur">
						<c-select dbCode="curtxt" disabled placeholder="请选择保函余额币种" style="width: 100%" v-model="model.gidgrp.cbs.opn1.cur">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="11">
					<el-form-item label-width="5px" prop="gidgrp.cbs.opn1.amt">
						<c-input-currency :currency="model.gidgrp.cbs.opn1.cur" disabled v-model="model.gidgrp.cbs.opn1.amt"></c-input-currency>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<el-form-item label="Applicant Ref." prop="gcdgrp.apl.pts.ref">
					<c-input disabled placeholder="请输入申请人编号" v-model="model.gcdgrp.apl.pts.ref"></c-input>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item label="Applicant" prop="gcdgrp.apl.pts.ennam">
					<c-input disabled placeholder="请输入申请人" type="textarea" :rows="2" v-model="model.gcdgrp.apl.pts.ennam"></c-input>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item v-if="model.gidgrp.rec.purpos == 'ISCO' || model.gidgrp.rec.purpos == 'ICCO'" label="Beneficiary Ref." prop="gcdgrp.bec.pts.ref">
					<c-input disabled placeholder="请输入受益人编号" v-model="model.gcdgrp.bec.pts.ref"></c-input>
				</el-form-item>
				<el-form-item v-else label="Beneficiary Ref." prop="gcdgrp.ben.pts.ref">
					<c-input disabled placeholder="请输入受益人编号" v-model="model.gcdgrp.ben.pts.ref"></c-input>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item v-if="model.gidgrp.rec.purpos == 'ISCO' || model.gidgrp.rec.purpos == 'ICCO'" label="Beneficiary" prop="gcdgrp.bec.pts.ennam">
					<c-input disabled placeholder="请输入受益人" type="textarea" :rows="2" v-model="model.gcdgrp.bec.pts.ennam"></c-input>
				</el-form-item>
				<el-form-item v-else label="Beneficiary" prop="gcdgrp.ben.pts.ennam">
					<c-input disabled placeholder="请输入受益人" type="textarea" :rows="2" v-model="model.gcdgrp.ben.pts.ennam"></c-input>
				</el-form-item>
			</c-col>
		</c-col>
	</div>
</template>
<script>
import event from "../event";

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