Litfrep1.vue 6.35 KB
<template>
	<div class="eibs-tab">
		<!-- ==================左边================ -->
		<c-col :span="12" style="padding-right: 20px;">
			<c-col :span="24">
				<el-form-item label="信用证编号" prop="didgrp.rec.ownref">
					<c-input disabled maxlength="16" placeholder="请输入参考号" v-model="model.didgrp.rec.ownref"></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.nom1.cur">
							<c-select disabled dbCode="curtxt" isShowKeyAndLabel placeholder="请选择开证金额" style="width: 100%" v-model="model.didgrp.cbs.nom1.cur">
							</c-select>
						</el-form-item>
					</div>
					<div style="width: calc(100% - 280px);">
						<el-form-item label-width="5px" prop="didgrp.cbs.nom1.amt">
							<c-input-currency disabled :currency="model.didgrp.cbs.nom1.cur" @keyup.enter.native="$event.target.blur()" placeholder="请输入信用证金额" style="width: 100%" v-model="model.didgrp.cbs.nom1.amt"></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="didgrp.cbs.opn1.cur">
							<c-select disabled dbCode="curtxt" isShowKeyAndLabel placeholder="请选择信用证金额" style="width: 100%" v-model="model.didgrp.cbs.opn1.cur">
							</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 :currency="model.didgrp.cbs.opn1.cur" @keyup.enter.native="$event.target.blur()" placeholder="请输入信用证金额" style="width: 100%" v-model="model.didgrp.cbs.opn1.amt"></c-input-currency>
						</el-form-item>
					</div>
				</div>
			</c-col>

			<c-col :span="24">
				<el-form-item label="指定议付行" prop="didgrp.avbnam">
					<c-input disabled v-model="model.didgrp.avbnam" maxlength="40" placeholder="请输入指定议付行"></c-input>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item label="兑付方式" prop="didgrp.rec.avbby">
					<c-select dbCode="AVBBY0" uil="CN" disabled v-model="model.didgrp.rec.avbby" style="width:100%" placeholder="请输入兑付方式">
					</c-select>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<c-col :span="12">
					<el-form-item label="开立日期" prop="didgrp.rec.opndat">
						<c-date-picker disabled type="date" v-model="model.didgrp.rec.opndat" style="width:100%"></c-date-picker>
					</el-form-item>
				</c-col>
				<c-col :span="12">
					<el-form-item :label="shpLabel" prop="didgrp.rec.shpdat">
						<c-date-picker disabled type="date" v-model="model.didgrp.rec.shpdat" style="width:100%"></c-date-picker>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<c-col :span="12">
					<el-form-item label="到期日" prop="didgrp.rec.expdat">
						<c-date-picker disabled type="date" v-model="model.didgrp.rec.expdat" style="width:100%"></c-date-picker>
					</el-form-item>
				</c-col>
				<c-col :span="12">
					<el-form-item label-width="5px" prop="didgrp.rec.expplc">
						<c-input disabled v-model="model.didgrp.rec.expplc"></c-input>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<el-form-item label="信用证类型" prop="didgrp.rec.lcrtyp">
					<c-select dbCode="LCRTYP" uil="CN" disabled v-model="model.didgrp.rec.lcrtyp" style="width:100%" placeholder="请输入信用证类型">
					</c-select>
				</el-form-item>
			</c-col>
		</c-col>

		<!-- ============右边================= -->
		<c-col :span="12" style="padding-left: 20px;">
			<c-col :span="24">
				<!-- <c-ptap10 :model="model" :argadr="{grp: 'didgrp',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: 'didgrp',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">
				<el-card>
					<c-col :span="24">
						<el-form-item label="通知行联行行号" prop="didgrp.adv.pts.bankno">
							<c-input v-model="model.didgrp.adv.pts.bankno" disabled></c-input>
						</el-form-item>
					</c-col>
					<c-col :span="24">
						<el-form-item label="联行名称" prop="didgrp.adv.pts.jigomc">
							<c-input v-model="model.didgrp.adv.pts.jigomc" disabled></c-input>
						</el-form-item>
					</c-col>
				</el-card>
			</c-col>
			<!-- <c-col :span="24">
				<c-ptap10 :model="model" :argadr="{grp: 'didgrp',rol: 'adv'}" :label="{labelRef: '通知行',labelNam: '名称',}" :disabledRef="true" :disabledNam="true">
				</c-ptap10>
			</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() {},
  computed: {
    shpLabel() {
      if (
        this.model.didgrp.rec.mytype === "" ||
        this.model.didgrp.rec.mytype === "H"
      ) {
        return "提货日期";
      } else if (this.model.didgrp.rec.mytype === "F") {
        return "服务提供日";
      } else {
        return "提货日期/服务提供日";
      }
    }
  }
};
</script>
<style>
</style>