<template>
<div class="eibs-tab">
<!-- ================= 左 ================== -->
<c-col :span="11">
<c-col :span="24">
<el-form-item label="Applicant's Bank Ref." prop="lidgrp.ini.pts.ref">
<c-input
v-model="model.lidgrp.ini.pts.ref"
disabled
maxlength="16"
placeholder="请输入Applicant's Bank"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Extkey" prop="lidgrp.ini.pts.extkey">
<c-fullbox>
<c-input
v-model="model.lidgrp.ini.pts.extkey"
maxlength="16"
style="width:100%"
placeholder="请输入External Key of Address"
disabled
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf('lidgrp.ini.pts.extkey')"
>
<span style="font-family: '宋体'; font-weight: bold">i</span>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
disabled
@click="onInipDet"
>
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- <c-col :span="8">
<el-form-item label="" label-width="15px">
<c-button
size="small"
type="primary;width:10%"
@click="onSeainf('lidgrp.ini.pts.extkey')"
>i</c-button
>
<c-button size="small" type="primary" @click="onInipDet">
Details
</c-button>
</el-form-item>
</c-col> -->
<c-col :span="24">
<el-form-item label="Address Block" prop="lidgrp.ini.pts.adrblk">
<c-input
type="textarea"
v-model="model.lidgrp.ini.pts.adrblk"
maxlength="35"
:rows="4"
show-word-limit
disabled
placeholder="请输入Address Block"
></c-input>
</el-form-item>
</c-col>
<!--
<c-col :span="24">
<el-form-item label="Chinese address" prop="lidgrp.ini.dbfadrblkcn">
<c-input type="textarea" v-model="model.lidgrp.ini.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="名称" prop="lidgrp.ini.namelc">
<c-input type="textarea" v-model="model.lidgrp.ini.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地址" prop="lidgrp.ini.adrelc">
<c-input type="textarea" v-model="model.lidgrp.ini.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
</el-form-item>
</c-col>
-->
<c-col :span="24">
<el-form-item label="Reimbursement Bank Ref." prop="lidgrp.rmb.pts.ref">
<c-input
v-model="model.lidgrp.rmb.pts.ref"
maxlength="16"
placeholder="请输入Reimbursement Bank"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Extkey" prop="lidgrp.rmb.pts.extkey">
<c-fullbox>
<c-input
v-model="model.lidgrp.rmb.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
disabled
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf('lidgrp.rmb.pts.extkey')"
>
<span style="font-family: '宋体'; font-weight: bold">i</span>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
disabled
@click="onRmbpDet"
>
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- <c-col :span="8">
<el-form-item label="" label-width="15px">
<c-button
size="small"
type="primary;width:10%"
@click="onSeainf('lidgrp.rmb.pts.extkey')"
>i</c-button
>
<c-button size="small" type="primary" @click="onRmbpDet">
Details
</c-button>
</el-form-item>
</c-col> -->
<c-col :span="24">
<el-form-item label="Name of Party" prop="lidgrp.rmb.pts.nam">
<c-input
v-model="model.lidgrp.rmb.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="Requested Confirmation party Ref."
prop="lidgrp.con.pts.ref"
>
<c-input
v-model="model.lidgrp.con.pts.ref"
maxlength="16"
placeholder="请输入Requested Confirmation party"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Extkey" prop="lidgrp.con.pts.extkey">
<c-fullbox>
<c-input
v-model="model.lidgrp.con.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('lidgrp.con.pts.extkey')"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf('lidgrp.con.pts.extkey')"
>
<span style="font-family: '宋体'; font-weight: bold">i</span>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
@click="onConpDet"
>
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- <c-col :span="8">
<el-form-item label="" label-width="15px">
<c-button
size="small"
type="primary;width:10%"
@click="onSeainf('lidgrp.con.pts.extkey')"
>i</c-button
>
<c-button size="small" type="primary" @click="onConpDet">
Details
</c-button>
</el-form-item>
</c-col> -->
<c-col :span="24">
<el-form-item label="Address Block" prop="lidgrp.con.pts.adrblk">
<c-input
type="textarea"
v-model="model.lidgrp.con.pts.adrblk"
maxlength="35"
:rows="4"
show-word-limit
placeholder="请输入Address Block"
></c-input>
</el-form-item>
</c-col>
<!--
<c-col :span="24">
<el-form-item label="Chinese address" prop="lidgrp.con.dbfadrblkcn">
<c-input type="textarea" v-model="model.lidgrp.con.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="名称" prop="lidgrp.con.namelc">
<c-input type="textarea" v-model="model.lidgrp.con.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地址" prop="lidgrp.con.adrelc">
<c-input type="textarea" v-model="model.lidgrp.con.adrelc" 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="2nd Advising Bank Ref." prop="lidgrp.a2b.pts.ref">
<c-input
v-model="model.lidgrp.a2b.pts.ref"
maxlength="16"
placeholder="请输入2nd Advising Bank"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Extkey" prop="lidgrp.a2b.pts.extkey">
<c-fullbox>
<c-input
v-model="model.lidgrp.a2b.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('lidgrp.a2b.pts.extkey')"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf('lidgrp.a2b.pts.extkey')" >
<span style="font-family: '宋体'; font-weight: bold">i</span>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
@click="onA2bpDet"
>
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- <c-col :span="8">
<el-form-item label="" label-width="15px">
<c-button
size="small"
type="primary;width:10%"
@click="onSeainf('lidgrp.a2b.pts.extkey')"
>i</c-button
>
<c-button size="small" type="primary" @click="onA2bpDet">
Details
</c-button>
</el-form-item>
</c-col> -->
<c-col :span="24">
<el-form-item label="Address Block" prop="lidgrp.a2b.pts.adrblk">
<c-input
type="textarea"
v-model="model.lidgrp.a2b.pts.adrblk"
maxlength="35"
:rows="4"
show-word-limit
placeholder="请输入Address Block"
></c-input>
</el-form-item>
</c-col>
<!--
<c-col :span="24">
<el-form-item label="Chinese address" prop="lidgrp.a2b.dbfadrblkcn">
<c-input type="textarea" v-model="model.lidgrp.a2b.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="名称" prop="lidgrp.a2b.namelc">
<c-input type="textarea" v-model="model.lidgrp.a2b.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地址" prop="lidgrp.a2b.adrelc">
<c-input type="textarea" v-model="model.lidgrp.a2b.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
</el-form-item>
</c-col>
-->
<c-col :span="24">
<el-form-item
label="Available with Bank Ref."
prop="lidgrp.avb.pts.ref"
>
<c-input
v-model="model.lidgrp.avb.pts.ref"
maxlength="16"
placeholder="请输入Reference for Address Optional"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Extkey" prop="lidgrp.avb.pts.extkey">
<c-fullbox>
<c-input
v-model="model.lidgrp.avb.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('lidgrp.avb.pts.extkey')"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf('lidgrp.avb.pts.extkey')" >
<span style="font-family: '宋体'; font-weight: bold">i</span>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
@click="onAvbpDet"
>
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- <c-col :span="8">
<el-form-item label="" label-width="15px">
<c-button
size="small"
type="primary;width:10%"
@click="onSeainf('lidgrp.avb.pts.extkey')"
>i</c-button
>
<c-button size="small" type="primary" @click="onAvbpDet">
Details
</c-button>
</el-form-item>
</c-col> -->
<c-col :span="24">
<el-form-item label="Address Block" prop="lidgrp.avb.pts.adrblk">
<c-input
type="textarea"
v-model="model.lidgrp.avb.pts.adrblk"
maxlength="35"
:rows="4"
show-word-limit
placeholder="请输入Address Block"
></c-input>
</el-form-item>
</c-col>
<!--
<c-col :span="24">
<el-form-item label="Chinese address" prop="lidgrp.avb.dbfadrblkcn">
<c-input type="textarea" v-model="model.lidgrp.avb.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="名称" prop="lidgrp.avb.namelc">
<c-input type="textarea" v-model="model.lidgrp.avb.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地址" prop="lidgrp.avb.adrelc">
<c-input type="textarea" v-model="model.lidgrp.avb.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
</el-form-item>
</c-col>
-->
</c-col>
<c-col :span="23">
<el-form-item label="Additional Parties">
<c-table
:data="table1"
>
<c-table-column prop="ROL"
label="Role"
sortable
>
</c-table-column>
<el-table-column prop="PTYEXTKEY"
label="Party"
sortable></el-table-column>
<el-table-column prop="NAM"
label="Name of Party"
sortable></el-table-column>
<el-table-column prop="REF"
label="Reference for Address"
sortable></el-table-column>
<el-table-column prop="DET"
label="Details"></el-table-column>
<el-table-column label="" prop="det" width="80px" fixed="right">
<template slot-scope="scope" slot="header">
<el-button
circle
style="padding:4px"
class="el-icon-plus"
size="mini"
@click="addRow(scope)"
>
</el-button>
<el-button
style="padding:4px"
circle
class="el-icon-minus"
size="mini"
@click="removeRow(scope)"
>
</el-button>
</template>
<template slot-scope="scoped">
<el-button
style="margin-left:0"
size="small"
type="primary"
@click="detail1(scoped.$index, scoped.row)"
>详情</el-button
>
</template>
</el-table-column>
</c-table>
</el-form-item>
</c-col>
<!--
<c-col :span="12">
<span v-text="model.litp.avblab" data-path=".litp.avblab" > </span>
</c-col>-->
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litopn/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
table1:[]
};
},
methods: { ...Event
,addRow(){},
removeRow(){},
},
created: function () {},
};
</script>
<style></style>