<template>
<div class="eibs-tab">
<!-- 第一行 -->
<c-col :span="24">
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<el-form-item label="外债编号" prop="recgrp.bas.exdebtcode">
<c-input disabled maxlength="28" placeholder="请输入外债编号"
v-model="model.recgrp.bas.exdebtcode"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="操作类型" prop="recgrp.bas.actiontype">
<c-select clearable dbCode="action" :filterKey="filterActTyp(this.transName,model.cfabut.basflg)" :disabled="model.cfabut.basflg != 'X'" placeholder="请输入"
v-model="model.recgrp.bas.actiontype">
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12" style="padding-left: 20px">
<c-col :span="24">
<el-form-item label="删除原因" prop="recgrp.bas.actiondesc">
<c-input :disabled="this.transName != 'eaddel' || model.recgrp.bas.actiontype !== 'D' || model.cfabut.basflg !== 'X'" maxlength="128" placeholder="请输入删除原因" show-word-limit
type="textarea" :rows="4"
v-model="model.recgrp.bas.actiondesc"></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<c-checkbox disabled false-label="" true-label="X" v-model="model.recp.pubp.acp">确认</c-checkbox>
</c-col> -->
</c-col>
</c-col>
<c-col :span="24">
<!-- 第二行开始 左侧列 -->
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<el-form-item label="债务类型" prop="recgrp.bas.debtype">
<c-select disabled placeholder="请输入债务类型" dbCode="DEBTYP" v-model="model.recgrp.bas.debtype">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="债务人代码" prop="recgrp.bas.debtorcode">
<c-input disabled maxlength="12" placeholder="请输入债务人代码"
v-model="model.recgrp.bas.debtorcode"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="起息日" prop="recgrp.bas.valuedate">
<c-date-picker :disabled="model.cfabut.basflg != 'X'" placeholder="请输入起息日"
type="date" v-model="model.recgrp.bas.valuedate"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="到期日" prop="recgrp.bas.maturity">
<c-date-picker :disabled="model.cfabut.basflg != 'X'" placeholder="请输入到期日"
type="date" v-model="model.recgrp.bas.maturity"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="签约币种" prop="recgrp.bas.contractcurr">
<c-select :disabled="model.cfabut.basflg != 'X'" dbCode="curtxt" placeholder="请输入签约币种"
v-model="model.recgrp.bas.contractcurr">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="签约金额" prop="recgrp.bas.contractamount">
<c-input-currency :disabled="model.cfabut.basflg != 'X'" placeholder="请输入签约金额" :maxlength="23"
v-model="model.recgrp.bas.contractamount"></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="年化利率值" prop="recgrp.bas.anninrate">
<c-input-currency :disabled="model.cfabut.basflg != 'X'" placeholder="请输入年化利率值" :precision=8
v-model="model.recgrp.bas.anninrate"></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否浮动利率" prop="recgrp.bas.floatrate">
<c-select :disabled="model.cfabut.basflg != 'X'" dbCode="NTFSTA" placeholder="请输入是否浮动利率"
v-model="model.recgrp.bas.floatrate" isShowKeyAndLabel>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="信用证承兑业务参号" prop="recgrp.bas.inltcabuscode">
<c-input :disabled="model.cfabut.basflg != 'X'" maxlength="32" placeholder="请输入信用证承兑业务参号"
v-model="model.recgrp.bas.inltcabuscode"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="备注" prop="recgrp.bas.remark">
<c-input :disabled="model.cfabut.basflg != 'X'" placeholder="请输入备注" show-word-limit maxlength="256"
type="textarea" v-model="model.recgrp.bas.remark"></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="债权人代码" prop="recgrp.bas.creditorcode">
<c-input :disabled="model.cfabut.basflg != 'X'" maxlength="11" placeholder="请输入债权人代码" :isShow="{ show: showflg, warning: warning }"
v-model="model.recgrp.bas.creditorcode" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24" class="custom-box-wrap">
<div class="box-1">
<div style="width: 100%">
<el-form-item label="债权人类型代码" prop="recgrp.bas.creditortype">
<c-select :disabled="model.cfabut.basflg != 'X'" dbCode="SBWTYP" placeholder="请输入债权人类型代码" @change="creditortypeChange"
v-model="model.recgrp.bas.creditortype" isShowKeyAndLabel>
</c-select>
</el-form-item>
</div>
</div>
<div class="box-2">
<c-checkbox
disabled
true-label="X"
false-label=""
class="checkbox-left"
v-model="model.recgrp.bas.acp"
>确认</c-checkbox
>
</div>
</c-col>
<c-col :span="24">
<el-form-item label="债权人中文名称" prop="recgrp.bas.creditorname">
<c-input :disabled="model.cfabut.basflg != 'X'" maxlength="128" placeholder="请输入债权人中文名称"
v-model="model.recgrp.bas.creditorname"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="债权人英文名称" prop="recgrp.bas.creditornamen">
<c-input :disabled="model.cfabut.basflg != 'X'" maxlength="128" placeholder="请输入债权人英文名称"
v-model="model.recgrp.bas.creditornamen"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="债权人总部所在国家（地区）代码" prop="recgrp.bas.crehqcode">
<c-business-cty :disabled="model.cfabut.basflg != 'X'" v-model="model.recgrp.bas.crehqcode"></c-business-cty>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="债权人经营地所在国家（地区）代码" prop="recgrp.bas.opercode">
<c-business-cty :disabled="model.cfabut.basflg != 'X'" v-model="model.recgrp.bas.opercode"></c-business-cty>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人代码" prop="recgrp.bas.appcode">
<c-input :disabled="model.cfabut.basflg != 'X'" maxlength="18" placeholder="请输入申请人代码"
v-model="model.recgrp.bas.appcode"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人名称" prop="recgrp.bas.appname">
<c-input :disabled="model.cfabut.basflg != 'X'" maxlength="128" placeholder="请输入申请人名称"
v-model="model.recgrp.bas.appname"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否不纳入跨境融资风险加权余额计算" prop="recgrp.bas.spapfeboindex">
<c-select :disabled="model.cfabut.basflg != 'X'" dbCode="CFAYES"
v-model="model.recgrp.bas.spapfeboindex" isShowKeyAndLabel>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="对方与本机构的关系" prop="recgrp.bas.relation">
<c-select :disabled="model.cfabut.basflg != 'X'" dbCode="EXDTYP" placeholder="请选择对方与本机构的关系"
v-model="model.recgrp.bas.relation">
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-col>
</div>
</template>
<script>
import CommonEvent from '../../common/event/CommonEvent'
export default {
inject: ["root"],
mixins: [CommonEvent],
props:["model","codes","transName"],
data() {
return {
showflg: false,
warning: '',
disflg:'',
oldacttyp: '',
};
},
methods: {
//针对选择的债权人类型进行提示
creditortypeChange(){
let creditortype = this.model.recgrp.bas.creditortype;
if(creditortype !='' && creditortype !=null){
let subtyp = creditortype.slice(0,6);
if(subtyp == '200011'||subtyp == '200012'||subtyp == '200013'||subtyp == '200015'||subtyp == '200016'||subtyp == '200017'||subtyp == '200018'||subtyp == '200099'){
this.$alert('债权人类型代码不能选择以200011、200012、200013、200015、200016、200017、200018、200099开头的类型!', "提示", {
confirmButtonText: "OK",
});
}
}
},
},
mounted() {
},
watch: {
//设置债权人代码提示信息
'model.recgrp.bas.creditortype'(newVal) {
if (newVal != null &&newVal != "") {
let creditortype = newVal.substring(0, 6);
switch (creditortype) {
case "200011":
this.showflg = true;
this.warning = "(GOV+国家地区代码)";
break;
case "200013":
this.showflg = true;
this.warning = "(CEB+国家地区代码)";
break;
case "200014":
this.showflg = true;
this.warning = "(8或11位的SWIFT CODE)";
break;
case "200012":
case "200015":
this.showflg = true;
this.warning = "(优先填写SWIFT CODE)";
break;
default:
this.showflg = false;
this.warning = "";
break;
}
}
},
},
computed: {
},
created: function() {
//控制界面灰显示
this.disflg = 'X';
//记录原操作类型
this.oldacttyp = this.model.recgrp.bas.actiontype;
}
};
</script>
<style>
</style>