<template>
    <div class="eibs-tab">
        <c-col :span="24">
            <c-col :span="11">
                <c-col :span="24">
                    <el-form-item label="收款人参考号" prop="bodgrp.drr.pts.ref">
                        <c-input v-model="model.bodgrp.drr.pts.ref" maxlength="16" style="width: 100%" placeholder=""
                            disabled>
                        </c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="收款人名称" prop="bodgrp.drr.pts.extkey">
                        <c-fullbox>
                            <c-input v-model="model.bodgrp.drr.pts.extkey" maxlength="16"
                                placeholder="请输入收款人名称" disabled>
                            </c-input>
                            <template slot="footer">
                                <c-button style="margin:0 10px 0 10px;padding: 0 12px;" size="small" type="primary">
                                    <i class="el-icon-info"></i>
                                </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="地址信息" prop="bodgrp.drr.pts.adrblk">
                        <c-input type="textarea" v-model="model.bodgrp.drr.pts.adrblk" maxlength="50" disabled
                            show-word-limit placeholder="请输入地址信息" disabled></c-input>
                    </el-form-item>
                </c-col>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-col :span="24">
                    <el-form-item label="代收行参考号" prop="bodgrp.col.pts.ref">
                        <c-input v-model="model.bodgrp.col.pts.ref" maxlength="16" style="width: 100%" placeholder=""
                            disabled>
                        </c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="代收行名称" prop="bodgrp.col.pts.extkey">
                        <c-fullbox>
                            <c-input v-model="model.bodgrp.col.pts.extkey" maxlength="16"
                                placeholder="请输入代收行名称" disabled>
                            </c-input>
                            <template slot="footer">
                                <c-button style="margin:0 10px 0 10px;padding: 0 12px;" size="small" type="primary">
                                    <i class="el-icon-info"></i>
                                </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="地址信息" prop="bodgrp.col.pts.adrblk">
                        <c-input type="textarea" v-model="model.bodgrp.col.pts.adrblk" maxlength="50" disabled
                            show-word-limit placeholder="请输入地址信息" disabled></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="付款人参考号" prop="bodgrp.dre.pts.ref">
                        <c-input disabled v-model="model.bodgrp.dre.pts.ref" maxlength="16" style="width: 100%"
                            placeholder="请输入Application Ref" disabled></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="付款人名称" prop="bodgrp.dre.pts.extkey">
                        <c-fullbox>
                            <c-input disabled v-model="model.bodgrp.dre.pts.extkey" maxlength="50"
                                placeholder="请输入付款人名称" disabled></c-input>
                            <template slot="footer">
                                <c-button style="margin:0 10px 0 10px;padding: 0 12px;" size="small" type="primary">
                                    <i class="el-icon-info"></i>
                                </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="地址信息" prop="bodgrp.dre.pts.adrblk">
                        <c-input type="textarea" v-model="model.bodgrp.dre.pts.adrblk" maxlength="50" show-word-limit
                            placeholder="请输入地址信息" disabled></c-input>
                    </el-form-item>
                </c-col>
            </c-col>
        </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>