Ovwp1q.vue

<template>
	<div class="eibs-tab">
		<!-- ==================左边================ -->
		<c-col :span="12" style="padding-right: 20px;">
			<c-col :span="24">
				<c-ptap :model="model" :disabled="true" :disabledRef="true" :disabledExtkey="true" :noRef="true" :isAdrblk="false" :haveAdrLabel="true" :isAdrVisible="false" :argadr="{title: $t('getopn.受益人'), grp: 'oldgidgrp', rol: 'ben'}" ptytyp="C" bchinr='00000047'>
				</c-ptap>
			</c-col>

			<!-- <c-col :span="24">
				<el-form-item :label="$t('getopn.记账机构')" prop="oldgidgrp.rec.bchkeyinr">
					<c-select v-model="model.oldgidgrp.rec.bchkeyinr" style="width: 100%" placeholder="请选择记账机构" :disabled="model.markOrgList.length == 1">
						<el-option v-for="item in model.markOrgList" :key="item.inr" :value="item.inr" :label="item.bchname">
						</el-option>
					</c-select>
				</el-form-item>
			</c-col> -->

			<c-col :span="24">
				<div class="custom-box-wrap">
					<div style="width: 280px;">
						<el-form-item :label="$t('getopn.保函币种和金额')" prop="oldgidgrp.cbs.max.cur">
							<c-select v-model="model.oldgidgrp.cbs.max.cur" dbCode="curtxt" style="width: 100%" placeholder="请选择保函币种" disabled>
							</c-select>
						</el-form-item>
					</div>

					<div style="width: calc(100% - 280px);">
						<el-form-item label-width="5px" prop="oldgidgrp.cbs.max.amt">
							<c-input-currency :currency="model.oldgidgrp.cbs.max.cur" v-model="model.oldgidgrp.cbs.max.amt" placeholder="请输入保函金额" style="width: 100%" @keyup.enter.native="$event.target.blur()" disabled></c-input-currency>
						</el-form-item>
					</div>
				</div>
			</c-col>

			<c-col :span="24" class="custom-box-wrap">
				<div class="box-1">
					<div style="width: 280px;">
						<el-form-item :label="$t('gitopn.保函余额')" prop="oldgidgrp.cbs.opn1.cur">
							<c-select disabled v-model="model.oldgidgrp.cbs.opn1.cur" style="width: 100%" placeholder="请选择保函余额币种" dbCode="curtxt" sort="SRT">
							</c-select>
						</el-form-item>
					</div>
					<div style="width: calc(100% - 280px);">
						<el-form-item label-width="5px" prop="oldgidgrp.cbs.opn1.amt">
							<c-input-currency disabled v-model="model.oldgidgrp.cbs.opn1.amt" :currency="model.oldgidgrp.cbs.opn1.cur" style="width:100%" placeholder="请输入">
							</c-input-currency>
						</el-form-item>
					</div>
				</div>
				<div class="box-2">
					<c-checkbox disabled v-model="model.gitp.aamp.addamtflg" true-label="X" false-label="" class="checkbox-left">
						Add. Amount
					</c-checkbox>
				</div>
			</c-col>

			<c-col :span="24" v-if="model.gitp.aamp.addamtflg == 'X'">
				<div class="custom-box-wrap">
					<div style="width: 280px;">
						<el-form-item label="Add. Amount" prop="oldgidgrp.cbs.max2.cur">
							<c-select disabled v-model="model.oldgidgrp.cbs.max2.cur" placeholder="请选择币种" dbCode="curtxt" sort="SRT">
							</c-select>
						</el-form-item>
					</div>
					<div style="width: calc(100% - 280px);">
						<el-form-item label-width="5px" prop="oldgidgrp.cbs.max2.amt">
							<c-input-currency disabled :currency="model.oldgidgrp.cbs.max2.amt" v-model="model.oldgidgrp.cbs.max2.amt" style="width:100%" placeholder="请输入附加金额" @keyup.enter.native="$event.target.blur()"></c-input-currency>
						</el-form-item>
					</div>
				</div>
			</c-col>

			<c-col :span="24" class="custom-box-wrap">
				<div style="width: calc(100% - 120px);">
					<el-form-item :label="$t('getopn.接收目的')" prop="oldgidgrp.rec.purposin">
						<c-select disabled v-model="model.oldgidgrp.rec.purposin" style="width: 100%" placeholder="请选择接收目的" dbCode="PURPOI" :filterKey="['ISSU']">
						</c-select>
					</el-form-item>
				</div>
				<div style="width: 100px;margin-left: 20px;display: flex;align-items: flex-start;">
					<c-checkbox disabled v-model="model.gitp.inc760" true-label="X" false-label="">
						Incoming Lose
					</c-checkbox>
				</div>
			</c-col>

			<c-col :span="24">
				<el-form-item :label="$t('getopn.支出目的')" prop="oldgidgrp.rec.purpos">
					<c-select disabled v-model="model.oldgidgrp.rec.purpos" style="width: 100%" dbCode="purpos" :filterKey="['ADVI']" placeholder="请选择支出目的">
					</c-select>
				</el-form-item>
			</c-col>

			<!-- <c-col :span="24">
				<el-form-item :label="$t('getopn.保函开立类型')" prop="oldgidgrp.rec.hndtyp">
					<c-select @change="onOrddat" v-model="model.oldgidgrp.rec.hndtyp" style="width: 100%" dbCode="hndtyp" :filterKey="['FA']" placeholder="请选择保函开立类型">
					</c-select>
				</el-form-item>
			</c-col> -->

			<c-col :span="24">
				<el-form-item :label="$t('getopn.保函种类')" prop="oldgidgrp.rec.gartyp">
					<c-select disabled v-model="model.oldgidgrp.rec.gartyp" stygartyple="width: 100%" dbCode="TYPGAR" :filterKey="['A','B','C','D','G','J','W','Y','Z','3']" placeholder="请选择保函种类">
					</c-select>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<c-col :span="24">
					<el-form-item :label="$t('getopn.保函形式')" prop="oldgidgrp.rec.legfrm">
						<c-select disabled v-model="model.oldgidgrp.rec.legfrm" dbCode="Legfrm" :filterKey="['DGAR','STBY','DEPU']" style="width: 100%" placeholder="请选择保函形式">
						</c-select>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<el-form-item :label="$t('getopn.需求指示')" prop="oldgidgrp.rec.demand">
					<c-select disabled v-model="model.oldgidgrp.rec.demand" dbCode="demand" style="width: 100%" placeholder="请选择需求指示">
					</c-select>
				</el-form-item>
			</c-col>

			<!-- <c-col :span="24">
				<el-form-item :label="$t('getopn.文本语言')" prop="oldgidgrp.rec.giduil">
					<c-select disabled v-model="model.oldgidgrp.rec.giduil" style="width: 100%" placeholder="请选择文本语言" dbCode="uiltxt">
					</c-select>
				</el-form-item>
			</c-col> -->

			<c-col :span="24">
				<div class="custom-box-wrap">
					<div style="width: 280px;">
						<el-form-item :label="$t('getopn.适用规则')" prop="oldgidgrp.blk.apprul">
							<c-select disabled v-model="model.oldgidgrp.blk.apprul" style="width: 100%" :filterKey="deltoFilterKey" isShowKeyAndLabel dbCode="apprul" placeholder="请选择适用规则">
							</c-select>
						</el-form-item>
					</div>
					<div style="width: calc(100% - 280px);">
						<el-form-item label-width="5px" prop="oldgidgrp.blk.apprultxt">
							<c-input disabled v-model="model.oldgidgrp.blk.apprultxt" maxlength="35" placeholder="请输入适用规则"></c-input>
						</el-form-item>
					</div>
				</div>
			</c-col>

			<c-col :span="24">
				<c-col :span="24">
					<el-form-item :label="$t('getopn.担保类型')" prop="oldgidgrp.rec.cfaguatyp">
						<c-select disabled v-model="model.oldgidgrp.rec.cfaguatyp" style="width: 100%" placeholder="请选择对外担保类型" dbCode="CFAGUT" isShowKeyAndLabel></c-select>
					</el-form-item>
				</c-col>
			</c-col>
			<c-col :span="24" class="centerLable" v-if="model.oldgidgrp.cbs.max.cur == 'CNY'">
				<el-form-item label="" prop="oldgidgrp.rec.cmtflg" class="checkbox-left">
					<c-checkbox disabled true-label="X" false-label="" v-model="model.oldgidgrp.rec.cmtflg">跨境人民币保函</c-checkbox>
				</el-form-item>
			</c-col>
          <c-col v-if="model.zmqflg == 'X'" :span="24" >
             <el-form-item label="Oppbnk Code" prop="gidgrp.rec.oppbnk" style="width: 100%" >
            <c-input v-model="model.gidgrp.rec.oppbnk" disabled placeholder="请输入对手行代码" ></c-input>
           </el-form-item>
          </c-col>

		</c-col>
		<!-- ============右边================= -->
		<c-col :span="12" style="padding-left: 20px;">
			<c-col :span="24">
				<el-form-item :label="$t('getopn.保函编号')" prop="oldgidgrp.rec.ownref">
					<c-fullbox>
						<c-input disabled v-model="model.oldgidgrp.rec.ownref" maxlength="16" placeholder="请输入保函编号"></c-input>
						<template slot="footer">
							<!-- <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary">
                <i class="el-icon-info" style="font-size:15px"></i>
              </c-button> -->

							<c-button style="margin: 0 0" disabled size="small" type="primary">
								获取
							</c-button>
						</template>
					</c-fullbox>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item :label="$t('getopn.责任人')" prop="gitp.usr.extkey">
					<c-input disabled v-model="model.gitp.usr.extkey" maxlength="8" placeholder="请输入责任人"></c-input>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item :label="$t('getopn.客户委托我行日期')" prop="oldgidgrp.rec.orddat">
					<c-date-picker type="date" disabled v-model="model.oldgidgrp.rec.orddat" style="width: 100%" placeholder="请选择客户委托我行日期">
					</c-date-picker>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item :label="$t('getopn.生效日期')" prop="oldgidgrp.rec.opndat">
					<c-date-picker type="date" disabled v-model="model.oldgidgrp.rec.opndat" style="width: 100%" placeholder="请选择生效日期">
					</c-date-picker>
				</el-form-item>
			</c-col>

			<c-col :span="24">
				<el-form-item :label="$t('getopn.到期类型')" prop="oldgidgrp.rec.exptyp">
					<c-select disabled v-model="model.oldgidgrp.rec.exptyp" dbCode="exptyp" isShowKeyAndLabel style="width: 100%" placeholder="请选择到期类型">
						<!-- @change="$event => executeNotify(null, true)" -->
					</c-select>
				</el-form-item>
			</c-col>
			<c-col :span="24" class="custom-box-wrap">
				<div style="width: calc(100% - 135px);">
					<el-form-item :label="$t('getopn.到期日期')" prop="oldgidgrp.rec.expdat">
						<c-date-picker disabled type="date" v-model="model.oldgidgrp.rec.expdat" style="width: 100%" placeholder="请选择到期日期"></c-date-picker>
					</el-form-item>
				</div>
				<div style="width: 115px;margin-left: 20px;display: flex;align-items: flex-start;">
					<c-checkbox disabled v-model="model.oldgidgrp.rec.expflg" true-label="X" false-label="">Unlimited Validity</c-checkbox>
					<!-- :disabled="model.oldgidgrp.rec.expdat != '' || model.oldgidgrp.rec.expflg == 'X'" -->
				</div>
			</c-col>

			<c-col :span="24">
				<div class="custom-box-wrap">
					<div style="width: calc(100% - 135px);">
						<el-form-item :label="$t('getopn.到期条件')" prop="oldgidgrp.blk.exptxt">
							<c-input type="textarea" rows="6" disabled v-model="model.oldgidgrp.blk.exptxt" maxlength="780" show-word-limit placeholder="请输入到期条件"></c-input>
						</el-form-item>
					</div>
					<div style="width: 115px;margin-left: 10px;display: flex;align-items: flex-start;">
						<c-checkbox v-model="model.gitp.exptxtmodflg" disabled style="margin: 0 0 0 10px;float:left">Modify Text</c-checkbox>
					</div>
				</div>
			</c-col>

			<c-col :span="24">
				<el-form-item :label="$t('getopn.合同号')" prop="oldgidgrp.rec.orcref">
					<c-input disabled v-model="model.oldgidgrp.rec.orcref" maxlength="32" 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="$t('getopn.适用法律')" prop="oldgidgrp.rec.jurlaws20">
							<c-select disabled v-model="model.oldgidgrp.rec.jurlaws20" :dbCode="model.spt.inr==='' ?'':'ctytxt'" :isShowKey="true" style="width: 100%" placeholder="请选择适用法律">
							</c-select>
						</el-form-item>
					</div>
					<div style="width: calc(100% - 280px);">
						<el-form-item label-width="5px" prop="oldgidgrp.rec.jurlaw">
							<c-input disabled v-model="model.oldgidgrp.rec.jurlaw" maxlength="35" style="width: 100%" placeholder="请输入仲裁法律"></c-input>
						</el-form-item>
					</div>
				</div>
			</c-col>

			<c-col :span="24">
				<div class="custom-box-wrap">
					<div style="width: calc(100% - 135px);">
						<el-form-item :label="$t('getopn.合同标的')" prop="oldgidgrp.blk.covgodsrv">
							<c-input disabled rows="7" type="textarea" v-model="model.oldgidgrp.blk.covgodsrv" maxlength="350" show-word-limit placeholder="请输入合同标的"></c-input>
						</el-form-item>
					</div>
					<div style="width: 115px;margin-left: 10px;display: flex;align-items: flex-start;">
						<c-checkbox disabled true-label="X" false-label="" v-model="model.gitp.covgodsrvmodflg" style="margin: 0 0 0 10px;float:left">Modify Text</c-checkbox>
					</div>
				</div>
			</c-col>
		</c-col>
	</div>
</template>
<script>
import CodeTable from "~/config/CodeTable";
import event from "../event";
import Api from "~/service/Api";
import Default from "../model/default";

export default {
  components: {},
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default],
  data() {
    return {};
  },
  computed: {
    deltoFilterKey() {
      let filterKey = [""];
      if (this.model.oldgidgrp.rec.legfrm == "DGAR") {
        filterKey = ["URDG", "NONE", "OTHR", "UCPR"];
      } else if (this.model.oldgidgrp.rec.legfrm == "STBY") {
        filterKey = ["ISPR", "NONE", "OTHR", "UCPR"];
      } else {
        filterKey = ["URDG", "ISPR", "NONE", "OTHR", "UCPR"];
      }
      return filterKey;
    }
  },
  watch: {},
  mounted() {},
  created: function() {},
  methods: {}
};
</script>
<style lang="less" scoped>
</style>