Canp.vue

<template>
	<div class="eibs-tab">
		<c-col :span="12" style="padding-right: 20px">
			<!-- <c-col :span="24">
				<el-form-item :label="$t('getcan.保函编号')" prop="gidgrp.rec.ownref" style="width: 100%">
					<c-input v-model="model.gidgrp.rec.ownref" maxlength="8" placeholder="请输入" disabled></c-input>
				</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('getcan.保函金额')" prop="gidgrp.cbs.max.cur" previewLabel="信用证币种">
							<c-input v-model="model.gidgrp.cbs.max.cur" maxlength="3" disabled placeholder="请输入"></c-input>
						</el-form-item>
					</div>
					<div style="width: calc(100% - 280px);">
						<el-form-item previewLabel="信用证金额" label-width="5px" prop="gidgrp.cbs.max.amt">
							<c-input-currency 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>Add. Amount</c-checkbox>
				</div>
			</c-col> -->

			<!-- <c-col :span="11">
				<el-form-item :label="$t('getcan.保函币种和金额')" prop="gidgrp.cbs.max.cur" previewLabel="信用证币种">
					<c-input v-model="model.gidgrp.cbs.max.cur" maxlength="3" disabled placeholder="请输入"></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="8">
				<el-form-item previewLabel="信用证金额" style="text-align: left" label-width="5px" prop="gidgrp.cbs.max.amt">
					<c-input-currency v-model="model.gidgrp.cbs.max.amt" placeholder="请输入信用证金额" disabled></c-input-currency>
				</el-form-item>
			</c-col>
			<c-col :span="5">
				<c-checkbox v-model="model.gitp0.gitp0s20" disabled style="
            margin-left: 18px;
            height: 32px;
            line-height: 32px;
            padding-bottom: 2px;
          ">附加金额</c-checkbox>
			</c-col> -->

			<!-- <c-col :span="24">
				<div class="custom-box-wrap">
					<div style="width: 280px;">
						<el-form-item :label="$t('getcan.保函余额')" prop="gidgrp.cbs.opn1.cur" previewLabel="信用证币种">
							<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 previewLabel="信用证金额" style="text-align: left" label-width="5px" prop="gidgrp.cbs.opn1.amt">
							<c-input-currency v-model="model.gidgrp.cbs.opn1.amt" placeholder="请输入信用证金额" disabled></c-input-currency>
						</el-form-item>
					</div>
				</div>
			</c-col>

			<c-col :span="24">
				<el-form-item :label="$t('getcan.接收目的')" 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('getcan.报文目的')" prop="gidgrp.rec.purpos">
					<c-select v-model="model.gidgrp.rec.purpos" disabled style="width: 100%" placeholder="" dbCode="purpos"></c-select>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item :label="$t('getcan.保函种类')" 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('getcan.我行责任敞口')"> </el-form-item>
			</c-col>

			<c-col :span="24" v-if="model.gidgrp.rec.liadat != ''">
				<el-form-item :label="$t('getcan.责任截至日')" 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="24">
				<div class="custom-box-wrap">
					<div style="width: 280px;">
						<el-form-item :label="$t('getcan.到期日')" 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>
					</div>
					<div style="width: calc(100% - 280px);">
						<el-form-item label="" prop="gidgrp.rec.exptyp" label-width="5px">
							<c-input v-model="model.gidgrp.rec.exptyp" disabled placeholder="请输入"></c-input>
						</el-form-item>
					</div>
				</div>
			</c-col> -->

			<c-col :span="24">
				<el-form-item :label="$t('getcan.注销原因')" prop="gidgrp.rec.purcan">
					<c-select v-model="model.gidgrp.rec.purcan"  :filterKey="filterKey" @change="changePurcan" style="width: 100%" placeholder="请选择注销原因" dbCode="purcan" uil="EN">
						<!-- @change="change" -->
					</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('getcan.自由文本和特殊条款')" prop="swiadd.strinf">
					<c-input maxlength="210" placeholder="请输入" rows="2" show-word-limit type="textarea" v-model="model.swiadd.strinf"></c-input>
				</el-form-item>
			</c-col>
			<!-- <c-col :span="24">
				<el-form-item :label="$t('getcan.简略信息')" prop="gidgrp.rec.nam">
					<c-input v-model="model.gidgrp.rec.nam" disabled maxlength="40" placeholder="请输入简略信息"></c-input>
				</el-form-item>
			</c-col> -->

			<!-- <c-col :span="24">
				<el-form-item :label="$t('getcan.申请人')" 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>
			<c-col :span="24">
				<el-form-item :label="$t('getcan.受益人')" 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">
				<el-form-item :label="$t('ptagetcanp.账户行')" prop="gidgrp.ctr.pts.nam">
					<c-input v-model="model.gidgrp.ctr.pts.nam" disabled maxlength="40" placeholder="请输入"></c-input>
				</el-form-item>
			</c-col> -->
			<!-- <c-col :span="24">
				<el-form-item :label="$t('getcan.开证行')" 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 Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import event from "../event";
import Default from "../model/default";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default],
  data() {
    return {};
  },

  watch: {},
  methods: {},
  created: function() {
    trntyp: [];
  },
  computed: {
    filterKey() {
      let filterKey = ["VE", "RO", "PE", "FT", "RN", "UC","RR"];
      return filterKey;
    }
  },
};
</script>
<style>
</style>