<template>
    <div class="eibs-tab">
        <c-col :span="24">
            <c-col :span="11">
                <c-col :span="24">
                    <el-form-item label="Drawer Ref." prop="bodgrp.drr.pts.ref">
                        <c-input v-model="model.bodgrp.drr.pts.ref" maxlength="16" style="width: 100%" placeholder="">
                        </c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="External Key of Address" prop="bodgrp.drr.pts.extkey">
                        <c-fullbox>
                            <c-input v-model="model.bodgrp.drr.pts.extkey" maxlength="16"
                                placeholder="请输入External Key of Address">
                            </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 style="margin:0 0" size="small" type="primary" disabled>
                                    详情
                                </c-button>
                            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="Address Block" prop="bodgrp.drr.pts.adrblk">
                        <c-input type="textarea" v-model="model.bodgrp.drr.pts.adrblk" maxlength="50" disabled
                            show-word-limit placeholder="请输入Address Block"></c-input>
                    </el-form-item>
                </c-col>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-col :span="24">
                    <el-form-item label="Collecting Bank Ref." prop="bodgrp.col.pts.ref">
                        <c-input v-model="model.bodgrp.col.pts.ref" maxlength="16" style="width: 100%" placeholder="">
                        </c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="Extkey Key of Address" prop="bodgrp.col.pts.extkey">
                        <c-fullbox>
                            <c-input v-model="model.bodgrp.col.pts.extkey" maxlength="16"
                                placeholder="请输入External Key of Address">
                            </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 style="margin:0 0" size="small" type="primary" disabled>
                                    详情
                                </c-button>
                            </template>
                        </c-fullbox>
                    </el-form-item>

                </c-col>

                <c-col :span="24">
                    <el-form-item label="Address Block" prop="bodgrp.col.pts.adrblk">
                        <c-input type="textarea" v-model="model.bodgrp.col.pts.adrblk" maxlength="50" disabled
                            show-word-limit placeholder="请输入Address Block"></c-input>
                    </el-form-item>
                </c-col>
            </c-col>
        </c-col>
        <c-col :span="24" style="margin-top:15px">
            <c-col :span="11">
                <c-col :span="24">
                    <el-form-item label="Drawee Ref." prop="bodgrp.dre.pts.ref">
                        <c-input disabled v-model="model.bodgrp.dre.pts.ref" maxlength="16" style="width: 100%"
                            placeholder="请输入Application Ref"></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="Extkey" prop="bodgrp.dre.pts.extkey">
                        <c-fullbox>
                            <c-input disabled v-model="model.bodgrp.dre.pts.extkey" maxlength="50"
                                placeholder="请输入External Key of Address"></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 style="margin:0 0" size="small" type="primary" disabled>
                                    详情
                                </c-button>
                            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="Address Block" prop="bodgrp.dre.pts.adrblk">
                        <c-input type="textarea" v-model="model.bodgrp.dre.pts.adrblk" maxlength="50" show-word-limit
                            placeholder="请输入Address Block"></c-input>
                    </el-form-item>
                </c-col>
            </c-col>
        </c-col>
        </c-col>
        <!-- <c-col :span="12">
            <el-form-item label="Drag  Drop Sender" prop="botp.drrp.ptsget.sdamod.dadsnd">
                <c-input v-model="model.botp.drrp.ptsget.sdamod.dadsnd" placeholder="请输入Drag  Drop Sender"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Drag  Drop Sender" prop="botp.colp.ptsget.sdamod.dadsnd">
                <c-input v-model="model.botp.colp.ptsget.sdamod.dadsnd" placeholder="请输入Drag  Drop Sender"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="External Key of Address" prop="bodgrp.drr.pts.extkey">
                <c-input v-model="model.bodgrp.drr.pts.extkey" maxlength="16" placeholder="请输入External Key of Address">
                </c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="" prop="botp.drrp.ptsget.sdamod.seainf">
                <c-input v-model="model.botp.drrp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <c-button size="small" type="primary" @click="onDrrpDet">
                Details
            </c-button>
        </c-col>

        <c-col :span="12">
            <el-form-item label="External Key of Address" prop="bodgrp.col.pts.extkey">
                <c-input v-model="model.bodgrp.col.pts.extkey" maxlength="16" placeholder="请输入External Key of Address">
                </c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="" prop="botp.colp.ptsget.sdamod.seainf">
                <c-input v-model="model.botp.colp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <c-button size="small" type="primary" @click="onColpDet">
                Details
            </c-button>
        </c-col>

        <c-col :span="12">
            <el-form-item label="名称" prop="bodgrp.drr.namelc">
                <c-input type="textarea" v-model="model.bodgrp.drr.namelc" maxlength="35" show-word-limit
                    placeholder="请输入名称"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="名称" prop="bodgrp.col.namelc">
                <c-input type="textarea" v-model="model.bodgrp.col.namelc" maxlength="35" show-word-limit
                    placeholder="请输入名称"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Address Block" prop="bodgrp.drr.pts.adrblk">
                <c-input type="textarea" v-model="model.bodgrp.drr.pts.adrblk" maxlength="35" show-word-limit
                    placeholder="请输入Address Block"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Chinese address" prop="bodgrp.drr.dbfadrblkcn">
                <c-input type="textarea" v-model="model.bodgrp.drr.dbfadrblkcn" maxlength="35" show-word-limit
                    placeholder="请输入Chinese address"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Address Block" prop="bodgrp.col.pts.adrblk">
                <c-input type="textarea" v-model="model.bodgrp.col.pts.adrblk" maxlength="35" show-word-limit
                    placeholder="请输入Address Block"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Chinese address" prop="bodgrp.col.dbfadrblkcn">
                <c-input type="textarea" v-model="model.bodgrp.col.dbfadrblkcn" maxlength="35" show-word-limit
                    placeholder="请输入Chinese address"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="地址" prop="bodgrp.drr.adrelc">
                <c-input type="textarea" v-model="model.bodgrp.drr.adrelc" maxlength="35" show-word-limit
                    placeholder="请输入地址"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="地址" prop="bodgrp.col.adrelc">
                <c-input type="textarea" v-model="model.bodgrp.col.adrelc" maxlength="35" show-word-limit
                    placeholder="请输入地址"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Drag  Drop Sender" prop="botp.drep.ptsget.sdamod.dadsnd">
                <c-input v-model="model.botp.drep.ptsget.sdamod.dadsnd" placeholder="请输入Drag  Drop Sender"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="External Key of Address" prop="bodgrp.dre.pts.extkey">
                <c-input v-model="model.bodgrp.dre.pts.extkey" maxlength="16" placeholder="请输入External Key of Address">
                </c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="" prop="botp.drep.ptsget.sdamod.seainf">
                <c-input v-model="model.botp.drep.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <c-button size="small" type="primary" @click="onDrepDet">
                Details
            </c-button>
        </c-col>

        <c-col :span="12">
            <el-form-item label="名称" prop="bodgrp.dre.namelc">
                <c-input type="textarea" v-model="model.bodgrp.dre.namelc" maxlength="35" show-word-limit
                    placeholder="请输入名称"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Address Block" prop="bodgrp.dre.pts.adrblk">
                <c-input type="textarea" v-model="model.bodgrp.dre.pts.adrblk" maxlength="35" show-word-limit
                    placeholder="请输入Address Block"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Chinese address" prop="bodgrp.dre.dbfadrblkcn">
                <c-input type="textarea" v-model="model.bodgrp.dre.dbfadrblkcn" maxlength="35" show-word-limit
                    placeholder="请输入Chinese address"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="地址" prop="bodgrp.dre.adrelc">
                <c-input type="textarea" v-model="model.bodgrp.dre.adrelc" maxlength="35" show-word-limit
                    placeholder="请输入地址"></c-input>
            </el-form-item>
        </c-col> -->

        <!-- <c-col :span="24">
            <div class="e-table-wrapper">
                <el-table :data="model.botp.ptsaddp.ptsaddg" style="width: 100%">
                    <el-table-column prop="rol" label="角色" sortable width="100">
                    </el-table-column>
                    <el-table-column prop="ptyextkey" label="机构" sortable width="100">
                    </el-table-column>
                    <el-table-column prop="nam" label="" sortable width="100">
                    </el-table-column>
                    <el-table-column prop="ref" label="名称" sortable width="100">
                    </el-table-column>
                </el-table> -->
                <!-- <el-pagination
                 layout="prev, pager, next"
                 :total="pager.botp_ptsaddp_ptsaddg.total">
              </el-pagination> -->
            <!-- </div>
        </c-col> -->
        <c-col :span="24">
            <c-edit-table :model="model" v-bind="ptsaddg">
                <el-table-column label="操作" text-align="center">
                    <template slot-scope="scope">
                        <el-button size="mini" @click="handleEdit(scope.$index, scope.row)" type="primary">详情
                        </el-button>
                    </template>
                </el-table-column>
            </c-edit-table>
        </c-col>
    </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Botpay/Event"

export default {
    inject: ['root'],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {
            ptsaddg: {
                columns: [
                    {
                        title: "角色",
                        width: "120px",
                        dataIndex: "rol",
                        show: "select",
                    },
                    {
                        title: "机构",
                        width: "180px",
                        dataIndex: "ptyextkey",
                        show: "input",
                    },
                    {
                        title: "名称",
                        width: "300px",
                        dataIndex: "nam",
                    },
                    {
                        title: "参考地址",
                        width: "300px",
                        dataIndex: "ref",
                    },
                ],
                urls: "botp.ptsaddp.ptsaddg",
            },
        }
    },
    methods: { ...Event },
    created: function () {

    }
}
</script>
<style>
</style>
