<template>
<div class="eibs-tab">
<c-row>
<c-col :span="24">
<c-col :span="12">
<c-col :span="24">
<el-form-item label="">
Received Confirmation Instructions:
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Confirm. Instr." prop="gidgrp.rec.reccnfdet">
<c-select
disabled
v-model="model.gidgrp.rec.reccnfdet"
style="width: 100%"
placeholder="请选择Confirm. Instr."
>
<el-option
v-for="item in codes.cnfsta"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Confirm. Bank Ref." prop="gidgrp.cnr.pts.ref">
<c-input
disabled
v-model="model.gidgrp.cnr.pts.ref"
maxlength="16"
placeholder="请输入Confirm. Bank Ref."
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Confirming. Bank" prop="gidgrp.cnr.pts.extkey">
<c-fullbox>
<c-input
disabled
v-model="model.gidgrp.cnr.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="
showGridPromptDialog(`gidgrp.cnr.pts.extkey`)
"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<span style="font-family: '宋体'; font-weight: bold"
>i</span
>
</c-button>
<c-button
disabled
size="small"
type="primary"
@click="onCnrpDet"
>
Details
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地址名称" prop="gidgrp.cnr.pts.adrblk">
<c-input
disabled
type="textarea"
v-model="model.gidgrp.cnr.pts.adrblk"
maxlength="35"
show-word-limit
placeholder="请输入地址名称"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="">
Outgoing Confirmation Instructions:
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Confirm. Instr." prop="gidgrp.rec.cnfdet">
<c-select
v-model="model.gidgrp.rec.cnfdet"
style="width: 100%"
placeholder="请选择Confirm. Instr."
>
<el-option
v-for="item in codes.cnfdet"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Confirm. Bank Ref. " prop="gidgrp.con.pts.ref">
<c-input
disabled
v-model="model.gidgrp.con.pts.ref"
maxlength="16"
placeholder="请输入Confirm. Bank Ref. "
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Confirming. Bank" prop="gidgrp.con.pts.extkey">
<c-fullbox>
<c-input
disabled
v-model="model.gidgrp.con.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="
showGridPromptDialog(`gidgrp.con.pts.extkey`)
"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<span style="font-family: '宋体'; font-weight: bold"
>i</span
>
</c-button>
<c-button
disabled
size="small"
type="primary"
@click="onConpDet"
>
Details
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地址名称" prop="gidgrp.con.dbfadrblkcn">
<c-input
disabled
type="textarea"
v-model="model.gidgrp.con.dbfadrblkcn"
maxlength="35"
show-word-limit
placeholder="请输入Chinese address"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
</c-row>
<c-row>
<c-col :span="24">
<c-col :span="12">
<c-col :span="24">
<el-form-item v-if="model.gidgrp.rec.purposin == 'ISSU'" label="">
Own confirmation details:
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
v-if="model.gidgrp.rec.purposin == 'ISSU'"
label="Confirmation Status "
prop="gidgrp.rec.cnfsta"
>
<c-select
v-model="model.gidgrp.rec.cnfsta"
style="width: 100%"
placeholder="请选择Confirmation Status "
>
<el-option
v-for="item in codes.cnfsta"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="10">
<el-form-item
v-if="model.gidgrp.rec.purposin == 'ISSU'"
label="Confirmation Amount"
prop="gidgrp.cbs.cnf.cur"
>
<c-input
disabled
v-model="model.gidgrp.cbs.cnf.cur"
maxlength="3"
placeholder="请输入Confirmation Amount"
></c-input>
</el-form-item>
</c-col>
<c-col v-if="model.gidgrp.rec.purposin == 'ISSU'" :span="4">
<el-form-item label-width="5px" prop="gidgrp.cbs.cnf.amt">
<c-input
v-model="model.gidgrp.cbs.cnf.amt"
placeholder="请输入Balance"
></c-input>
</el-form-item>
</c-col>
<c-col
v-if="model.gidgrp.rec.purposin == 'ISSU'"
:span="2"
style="margin-left: 20px"
>
<span>or</span>
</c-col>
<c-col v-if="model.gidgrp.rec.purposin == 'ISSU'" :span="4">
<el-form-item label-width="5px" prop="gidgrp.rec.partcon">
<c-input
v-model="model.gidgrp.rec.partcon"
placeholder="请输入Partial Confirmation"
></c-input>
</el-form-item>
</c-col>
<c-col
v-if="model.gidgrp.rec.purposin == 'ISSU'"
:span="2"
style="margin-left: 20px"
>
<span>%</span>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item
v-if="model.gidgrp.rec.purposin == 'ISSU'"
label="Confirmation Date"
prop="gidgrp.rec.cnfdat"
>
<c-date-picker
type="date"
v-model="model.gidgrp.rec.cnfdat"
style="width: 100%"
placeholder="请选择Confirmation Date"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11" :offset="1"> </c-col>
</c-col>
</c-row>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Gitopn/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>