Canp.vue

<template>
	<div class="eibs-tab">
		<!-- ======================= 左边 ========================= -->
		<c-col :span="12" style="padding-right: 20px">
			<c-col :span="24">
				<el-form-item :label="$t('gitcan.保函编号')" prop="gidgrp.rec.ownref" style="width: 100%">
					<c-fullbox>
						<c-input v-model="model.gidgrp.rec.ownref" maxlength="8" placeholder="请输入" disabled></c-input>
						<template slot="footer">
							<c-button disabled 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">
				<div class="box-1">
					<div style="width: 280px;">
						<el-form-item :label="$t('gitdla.保函金额')" prop="gidgrp.cbs.max.cur">
							<c-select v-model="model.gidgrp.cbs.max.cur" placeholder="" style="width: 100%" disabled dbCode="curtxt"></c-select>
						</el-form-item>
					</div>
					<div style="width: calc(100% - 280px);">
						<el-form-item style="text-align: left" label-width="5px" prop="gidgrp.cbs.max.amt">
							<c-input-currency 
								:currency="model.gidgrp.cbs.max.cur"
								v-model="model.gidgrp.cbs.max.amt" 
								placeholder="请输入保函金额" 
								disabled
							></c-input-currency>
						</el-form-item>
					</div>
				</div>
				<div class="box-2">
					<c-checkbox v-model="model.gitp0.gitp0s20" disabled true-label="X" false-label="">附加金额</c-checkbox>
				</div>
			</c-col>

			<c-col :span="24">
        <div class="custom-box-wrap">
          <div style="width: 280px;">
            <el-form-item :label="$t('gitcrq.保函余额')" prop="gidgrp.cbs.opn1.cur">
              <c-select v-model="model.gidgrp.cbs.opn1.cur" placeholder="" style="width: 100%" disabled dbCode="curtxt">
              </c-select>
            </el-form-item>
          </div>
          <div style="width: calc(100% - 280px);">
            <el-form-item label-width="5px" prop="gidgrp.cbs.opn1.amt">
              <c-input-currency :currency="model.gidgrp.cbs.opn1.cur" v-model="model.gidgrp.cbs.opn1.amt"
                placeholder="请输入" disabled></c-input-currency>
            </el-form-item>
          </div>
        </div>
      </c-col>

			<c-col v-if="model.gitp0.gitp0s20" :span="24">
        <div class="custom-box-wrap">
          <div style="width: 280px;">
            <el-form-item :label="$t('gitcrq.Additional Amount')" prop="gidgrp.cbs.max2.cur">
              <c-select v-model="model.gidgrp.cbs.max2.cur" style="width: 100%" disabled placeholder="请输入"
                dbCode="curtxt"></c-select>
            </el-form-item>
          </div>
          <div style="width: calc(100% - 280px);">
            <el-form-item label-width="5px" prop="gidgrp.cbs.max2.amt">
              <c-input-currency :currency="model.gidgrp.cbs.max2.cur" v-model="model.gidgrp.cbs.max2.amt"
                placeholder="请输入" disabled></c-input-currency>
            </el-form-item>
          </div>
        </div>
      </c-col>

      <c-col v-if="model.gitp0.gitp0s20" :span="24">
        <div class="custom-box-wrap">
          <div style="width: 280px;">
            <el-form-item :label="$t('gitcrq.Open Add.Amount')" prop="gidgrp.cbs.opn2.cur">
              <c-select v-model="model.gidgrp.cbs.opn2.cur" style="width: 100%" disabled placeholder="请输入"
                dbCode="curtxt"></c-select>
            </el-form-item>
          </div>
          <div style="width: calc(100% - 280px);">
            <el-form-item label-width="5px" prop="gidgrp.cbs.opn2.amt">
              <c-input-currency :currency="model.gidgrp.cbs.opn2.cur" v-model="model.gidgrp.cbs.opn2.amt"
                placeholder="请输入" disabled></c-input-currency>
            </el-form-item>
          </div>
        </div>
      </c-col>

			<c-col :span="24">
				<el-form-item :label="$t('gitcan.接收目的')" prop="gidgrp.rec.purposin">
					<c-input v-model="model.gidgrp.rec.purposin" maxlength="16" disabled placeholder="请输入"></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item :label="$t('gitcan.报文目的')" prop="gidgrp.rec.purpos">
					<c-input v-model="model.gidgrp.rec.purpos" disabled maxlength="16" placeholder="请输入"></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item :label="$t('gitcan.保函种类')" prop="gidgrp.rec.gartyp">
					<c-select disabled v-model="model.gidgrp.rec.gartyp" style="width: 100%" placeholder="请选择保函种类" dbCode="typgar">
					</c-select>
				</el-form-item>
			</c-col>
			<c-col :span="24" v-if="model.gidgrp.rec.liadat == 'X'">
				<el-form-item :label="$t('gitcan.我行责任敞口')"> </el-form-item>
			</c-col>
			<c-col :span="24" v-if="model.gidgrp.rec.liadat != ''">
				<c-col :span="13">
					<el-form-item :label="$t('gitcan.责任截至日')" prop="gidgrp.rec.liadat">
						<c-date-picker type="date" v-model="model.gidgrp.rec.liadat" disabled style="width: 100%" placeholder="请选择责任截至日"></c-date-picker>
					</el-form-item>
				</c-col>
				<c-col :span="11">
					<el-form-item label="" label-width="5px" prop="gidgrp.rec.liatypc">
						<c-input v-model="model.gidgrp.rec.liatypc" disabled placeholder="请输入"></c-input>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<c-col :span="13">
					<el-form-item :label="$t('gitcan.到期')" prop="gidgrp.rec.expdat">
						<c-date-picker type="date" disabled v-model="model.gidgrp.rec.expdat" style="width: 100%" placeholder="请选择">
						</c-date-picker>
					</el-form-item>
				</c-col>
				<c-col :span="11">
					<el-form-item label="" label-width="5px" prop="gidgrp.rec.exptyp">
						<c-input v-model="model.gidgrp.rec.exptyp" disabled placeholder="请输入"></c-input>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="24">
				<el-form-item :label="$t('gitcan.注销原因')" prop="gidgrp.rec.purcan">
					<c-select v-model="model.gidgrp.rec.purcan" :filterKey="['VE','RO','PE','RR','FT','RN','UC']" style="width: 100%" placeholder="请选择注销原因" dbCode="purcan" @change="changePurcan">
					</c-select>
				</el-form-item>
			</c-col>

      <c-col :span="24">
				<el-form-item :label="$t('getcan.新保函编号')" prop="newref">
					<c-input v-model="model.newref" :disabled="model.gidgrp.rec.purcan != 'RN'" maxlength="16" 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('gitcan.申请人')" prop="gidgrp.apl.pts.nam">
					<c-input v-model="model.gidgrp.apl.pts.nam" disabled maxlength="40" placeholder="请输入"></c-input>
				</el-form-item>
			</c-col>
			<!-- 此处判断了是ISSU时取ben，否则就显示bec -->
			<c-col :span="24" v-if="model.gidgrp.rec.purpos === 'ISSU'">
				<el-form-item :label="$t('gitcan.受益人')" prop="gidgrp.ben.pts.nam">
					<c-input v-model="model.gidgrp.ben.pts.nam" disabled maxlength="40" placeholder="请输入"></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24" v-else>
				<el-form-item :label="$t('gitcan.受益人')" prop="gidgrp.bec.pts.nam">
					<c-input v-model="model.gidgrp.bec.pts.nam" disabled maxlength="40" placeholder="请输入"></c-input>
				</el-form-item>
			</c-col>
			<!-- <c-col :span="24">
				<el-form-item :label="$t('gitcan.开证行')" prop="gidgrp.iss.pts.nam">
					<c-input v-model="model.gidgrp.iss.pts.nam" disabled maxlength="40" placeholder="请输入"></c-input>
				</el-form-item>
			</c-col> -->

      <!-- 此处删除了安全验证和注销标志 -->
		</c-col>
	</div>
</template>
<script>
import event from "../event";
import Default from "../model/default";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default],
  data() {
    return {};
  },
  methods: {},
  created: function() {
    trntyp: [];
  },
  computed: {
    filterKey() {
      let filterKey = ['VE','RO','PE','FT','RN','UC'];
      if (this.model.spt.sta == 'INC') {
        filterKey.push('RR');
      }
      return filterKey;
    }
  },
};
</script>
<style>
</style>