<template>
    <c-row>
        <!-- =================顶部====================== -->
        <c-col :span="24">
            <c-col :span="12">
                <c-col :span="20">
                    <el-form-item label="Collection Number" prop="bcdgrp.rec.ownref" style="width: 100%">
                        <c-input v-model="model.bcdgrp.rec.ownref" maxlength="16" placeholder="请输入Collection Number"
                            style="width: 95%" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="1">
                    <c-button style="margin:0 10px 0 0;padding: 0 10px;" size="small" type="primary"
                        icon="el-icon-search" @click="onSeainf">
                    </c-button>
                </c-col>
            </c-col>
            <c-col :span="12">
                <el-form-item label="Name" prop="bcdgrp.rec.nam" style="width: 100%">
                    <c-input v-model="model.bcdgrp.rec.nam" maxlength="40" style="width: 100%" disabled></c-input>
                </el-form-item>
            </c-col>
        </c-col>
        <!-- ====================左边======================= -->
        <c-col :span="12">
            <c-col :span="12">
                <el-form-item label="Document Amount" prop="bcdgrp.cbs.max.cur">
                    <c-input v-model="model.bcdgrp.cbs.max.cur" style="width:90%" placeholder="请选择Document Amount"
                        disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item style="text-align: left" label-width="0" prop="bcdgrp.cbs.max.amt">
                    <c-input v-model="model.bcdgrp.cbs.max.amt" style="text-align: left; width: 90%"
                        disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="Open Amount" prop="bcdgrp.cbs.opn1.cur">
                    <c-input v-model="model.bcdgrp.cbs.opn1.cur" style="width:90%" placeholder="请选择Open Amount"
                        disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item style="text-align: left" label-width="0" prop="bcdgrp.cbs.opn1.amt">
                    <c-input v-model="model.bcdgrp.cbs.opn1.amt" style="text-align: left; width: 90%"
                        disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="Docs Received on" prop="bcdgrp.rec.rcvdat">
                    <c-date-picker type="date" v-model="model.bcdgrp.rec.rcvdat" style="width:80%"
                        value-format="yyyy-MM-dd" placeholder="请选择Docs Received on" disabled></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="Advised on" prop="bcdgrp.rec.advdat">
                    <c-date-picker type="date" v-model="model.bcdgrp.rec.advdat" style="width:80%"
                        value-format="yyyy-MM-dd" placeholder="请选择Advised on" disabled></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="Maturity Date" prop="bcdgrp.rec.matdat">
                    <c-date-picker type="date" v-model="model.bcdgrp.rec.matdat" style="width:80%"
                        value-format="yyyy-MM-dd" placeholder="请选择Maturity Date" disabled></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="Remitted on" prop="bcdgrp.rec.predat">
                    <c-date-picker type="date" v-model="model.bcdgrp.rec.predat" style="width:80%"
                        value-format="yyyy-MM-dd" placeholder="请选择Remitted on" disabled></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="Payment Condition" prop="bcdgrp.rec.doctypcod">
                    <c-input v-model="model.bcdgrp.rec.doctypcod" style="width:93%" placeholder="请选择Payment Condition"
                        disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="Document Set Status" prop="bcdgrp.rec.docsta">
                    <c-input v-model="model.bcdgrp.rec.docsta" style="width:93%" placeholder="请输入Document Set Status"
                        disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="Amount Accepted" prop="setmod.doccur">
                    <c-input v-model="model.setmod.doccur" style="width:90%" placeholder="Amount Accepted" disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item style="text-align: left" label-width="0" prop="setmod.docamt">
                    <c-input v-model="model.setmod.docamt" style="text-align: left; width: 90%"
                        placeholder="请输入document amount"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <c-edit-table :model="model" v-bind="docgrd">
                </c-edit-table>
            </c-col>
        </c-col>
        <!-- ====================右边======================= -->
        <c-col :span="12">
            <c-col :span="24">
                <el-form-item style="text-align: right" label="Drawee  Ref." prop="bcdgrp.dre.pts.ref">
                    <c-input v-model="model.bcdgrp.dre.pts.ref" maxlength="16" style="width: 50%"  disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item prop="bcdgrp.dre.pts.nam">
                    <c-input v-model="model.bcdgrp.dre.pts.nam" maxlength="40" style="width: 100%" disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item style="text-align: right" label="Remitting Bank  Ref." prop="bcdgrp.rmi.pts.ref">
                    <c-input v-model="model.bcdgrp.rmi.pts.ref" maxlength="16" style="width: 50%" disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item prop="bcdgrp.rmi.pts.nam">
                    <c-input v-model="model.bcdgrp.rmi.pts.nam" maxlength="40" style="width: 100%" disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item style="text-align: right" label="Drawer  Ref." prop="bcdgrp.drr.pts.ref">
                    <c-input v-model="model.bcdgrp.drr.pts.ref" maxlength="16" style="width: 50%" disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item prop="bcdgrp.drr.pts.ref">
                    <c-input v-model="model.bcdgrp.drr.pts.ref" maxlength="40" style="width: 100%" disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="Accepted on" prop="bcdgrp.rec.accdat">
                    <c-date-picker type="date" v-model="model.bcdgrp.rec.accdat" style="width:100%"
                        value-format="yyyy-MM-dd" placeholder="请选择Accepted on"></c-date-picker>
                </el-form-item>
            </c-col>
        </c-col>
    </c-row>
</template>
<script>
    import Api from "~/service/Api"
    import CommonProcess from "~/mixin/CommonProcess";
    import CodeTable from "~/config/CodeTable"
    import Event from "~/model/Bctacc/Event"

    export default {
        inject: ['root'],
        props: ["model", "codes"],
        mixins: [CommonProcess],
        data() {
            return {
                docgrd: {
                    columns: [{
                            title: "lst1",
                            width: "80px",
                            dataIndex: "cmail1",
                            show: "input",
                        },
                        {
                            title: "2nd",
                            width: "80px",
                            dataIndex: "cmail2",
                            show: "input",
                        },
                        {
                            title: "Document",
                            width: "320px",
                            dataIndex: "docnam",
                            show: "input",
                        },
                    ],
                    urls: "bctp.docgrdm.docgrd",
                },

            }
        },
        methods: {
            ...Event
        },
        created: function () {

        }
    }
</script>
<style>

</style>