<template>
    <c-content class="eibs-tab" :height="200">

        <div class="infTopBtn">
            <el-button-group>
                <c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
                <c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
            </el-button-group>
            <c-button size="small" type="primary">Print</c-button>
            <c-button size="small" type="primary">Use</c-button>
            <c-button size="small" type="primary">Loginfo</c-button>
        </div>

        <c-row class="infrow" style="margin-top:50px;">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="信用证参考号" prop="didgrp.rec.ownref">
                            <c-input v-model="model.didgrp.rec.ownref" maxlength="16" placeholder="请输入信用证参考号"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="单据参考号" prop="bddgrp.rec.ownref">
                            <c-input v-model="model.bddgrp.rec.ownref" maxlength="16" placeholder="请输入单据参考号"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="信用证到期日" prop="didgrp.rec.expdat">
                            <c-date-picker type="date" v-model="model.didgrp.rec.expdat" style="width:50%"
                                placeholder="请选择信用证到期日"></c-date-picker>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="10">
                        <el-form-item label="信用证余额" prop="didgrp.cbs.opn1.cur">
                            <c-select v-model="model.didgrp.cbs.opn1.cur" style="width:100%" placeholder="请选择币种"
                                :code="codes.cur">
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="10">
                        <el-form-item label="" label-width="10px" prop="didgrp.cbs.opn1.amt">
                            <c-input-currency v-model="model.didgrp.cbs.opn1.amt" placeholder="请输入信用证余额">
                            </c-input-currency>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="单据摘要" prop="bddgrp.rec.nam">
                            <c-input v-model="model.bddgrp.rec.nam" maxlength="40" placeholder="请输入单据摘要"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">

                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="10">
                        <el-form-item label="单据金额" prop="bddgrp.cbs.max.cur">
                            <c-select v-model="model.bddgrp.cbs.max.cur" style="width:100%" placeholder="请选择币种"
                                :code="codes.cur">
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="10">
                        <el-form-item label="" label-width="10px" prop="bddgrp.cbs.max.amt">
                            <c-input-currency v-model="model.bddgrp.cbs.max.amt" placeholder="请输入单据金额">
                            </c-input-currency>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="10">
                        <el-form-item label="单据余额" prop="bddgrp.cbs.opn1.cur">
                            <c-select v-model="model.bddgrp.cbs.opn1.cur" style="width:100%" placeholder="请选择币种"
                                :code="codes.cur">
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="10">
                        <el-form-item label="" label-width="10px" prop="bddgrp.cbs.opn1.amt">
                            <c-input-currency v-model="model.bddgrp.cbs.opn1.amt" placeholder="请输入单据余额">
                            </c-input-currency>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="到单日期" prop="bddgrp.rec.rcvdat">
                            <c-date-picker type="date" v-model="model.bddgrp.rec.rcvdat" style="width:50%"
                                placeholder="请选择到单日期"></c-date-picker>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="单据到期日" prop="bddgrp.rec.matdat">
                            <c-date-picker type="date" v-model="model.bddgrp.rec.matdat" style="width:50%"
                                placeholder="请选择单据到期日"></c-date-picker>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="运期起算日" prop="bddgrp.rec.stadat">
                            <c-date-picker type="date" v-model="model.bddgrp.rec.stadat" style="width:50%"
                                placeholder="请选择Start Date"></c-date-picker>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="运期期限" prop="bddgrp.rec.tenmaxday">
                            <c-input v-model="model.bddgrp.rec.tenmaxday" placeholder="请输入运期期限"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="单据类型" prop="bddgrp.rec.docflg">
                            <c-select v-model="model.bddgrp.rec.docflg" style="width:100%" placeholder="请选择单据类型">
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="单据状态" prop="bddgrp.rec.docsta">
                            <c-select v-model="model.bddgrp.rec.docsta" style="width:100%" placeholder="请选择单据状态">
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <c-ptap :model="model" :argadr="{
                            title: '申请人',
                            grp: 'bddgrp',
                            rol: 'apl',
                          }" :noRef="true" :onlySearch="false" @onAplpDet="onSndpDet">
                        </c-ptap>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <c-ptap :model="model" :argadr="{
                            title: '受益人',
                            grp: 'bddgrp',
                            rol: 'ben',
                          }" :noRef="true" :onlySearch="false" @onAplpDet="onSndpDet">
                        </c-ptap>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <c-ptap :model="model" :argadr="{
                            title: '交单行',
                            grp: 'bddgrp',
                            rol: 'prb',
                          }" :noRef="true" :onlySearch="false" @onAplpDet="onSndpDet">
                        </c-ptap>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">

                    </c-col>
                </c-row>
            </c-col>
        </c-row>

    </c-content>
</template>
<script>
    import Api from "~/service/Api"
    import CommonProcess from "~/mixin/CommonProcess";
    import CodeTable from "~/config/CodeTable"
    import Event from "~/model/Infbdd/Event"
    import Ptap from "~/views/Public/Ptap";

    export default {
        inject: ['root'],
        props: ["model", "codes"],
        mixins: [CommonProcess],
        components: {
            "c-ptap": Ptap,
        },
        data() {
            return {

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

        }
    }
</script>
<style>

</style>