<template>
    <div class="eibs-tab">

        <!-- <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="recpan.recget.sdamod.dadsnd">
            <c-input  v-model="model.recpan.recget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col> -->
        <c-col :span="24">
            <c-col :span="12">
                <el-form-item label="托收业务编号" prop="bodgrp.rec.ownref">
                    <c-input v-model="model.bodgrp.rec.ownref" maxlength="16" placeholder="请输入托收业务编号"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label="简略信息" prop="bodgrp.rec.nam">
                    <c-input v-model="model.bodgrp.rec.nam" maxlength="40" placeholder="请输入简略信息"></c-input>
                </el-form-item>
            </c-col>
        </c-col>

        <!-- <c-button
        style="margin:0 10px 0 10px;padding: 0 12px;"
            size="small"
            type="primary"<c-button
                style="margin:0 10px 0 10px;padding: 0 12px;"
                  size="small"
                  type="primary"
                  @click="onSeainf"
                >
                <span style="font-family:'宋体';font-weight:bold">i</span>
                </c-button>
            @click="onSeainf"
        >
        <span style="font-family:'宋体';font-weight:bold">i</span>
        </c-button> -->

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


        <!-- <c-col :span="12">
        <c-button size="small" type="primary"  @click="onRecpanButgetref">
            Get Ref
        </c-button>
       </c-col> -->
        <c-col :span="24">
            <c-col :span="8">
                <el-form-item label="客户经理代码" prop="recpan.usr.extkey">
                    <c-input v-model="model.recpan.usr.extkey" maxlength="8" placeholder="请输入客户经理代码">
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="3" :offset="1">
                <c-checkbox v-model="model.bodgrp.rec.dircolflg">是否直接托收</c-checkbox>
            </c-col>
            <c-col :span="12">
                <el-form-item label="Drawer ref" prop="recpan.usrget.sdamod.seainf">
                    <c-input v-model="model.recpan.usrget.sdamod.seainf" placeholder="请输入"></c-input>
                </el-form-item>
            </c-col>
        </c-col>

        <c-col :span="24">
            <c-col :span="12">
                <el-form-item label="收款人" prop="bodgrp.drr.pts.ref">
                    <c-input v-model="model.bodgrp.drr.pts.ref" maxlength="16" placeholder="请输入收款人"></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="5">
                <el-form-item label="托收金额" prop="bodgrp.cbs.max.cur">
                    <c-select v-model="model.bodgrp.cbs.max.cur" style="width:100%" placeholder="请选择托收金额">
                    </c-select>
                </el-form-item>
            </c-col>

            <c-col :span="7">
                <el-form-item label="托收金额" prop="bodgrp.cbs.max.amt">
                    <c-input v-model="model.bodgrp.cbs.max.amt" placeholder="请输入托收金额"></c-input>
                </el-form-item>
            </c-col>
        </c-col>

        <c-col :span="24">
            <c-col :span="8">
                <el-form-item label="Drag  Drop Sender" prop="recpan.drrp.ptsget.sdamod.dadsnd">
                    <c-input v-model="model.recpan.drrp.ptsget.sdamod.dadsnd" placeholder="请输入Drag  Drop Sender">
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="3" :offset="1">
                <c-checkbox v-model="model.bodgrp.rec.resflg">Reservated Contract</c-checkbox>
            </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>

        <c-col :span="12">
            <el-form-item label="sdamod.seainf" prop="recpan.drrp.ptsget.sdamod.seainf">
                <c-input v-model="model.recpan.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="名称" 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.cbs.opn1.cur">
                <c-select v-model="model.bodgrp.cbs.opn1.cur" style="width:100%" placeholder="请选择仓储/保险">
                </c-select>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="托收余额" prop="bodgrp.cbs.opn1.amt">
                <c-input v-model="model.bodgrp.cbs.opn1.amt" 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="收单日期" prop="bodgrp.rec.rcvdat">
                <c-date-picker type="date" v-model="model.bodgrp.rec.rcvdat" style="width:100%"
                    placeholder="请选择收单日期"></c-date-picker>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Financial Document" prop="bodgrp.rec.paydoctyp">
                <c-select v-model="model.bodgrp.rec.paydoctyp" style="width:100%" placeholder="请选择Financial Document">
                </c-select>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="装船日期" prop="bodgrp.rec.shpdat">
                <c-date-picker type="date" v-model="model.bodgrp.rec.shpdat" style="width:100%"
                    placeholder="请选择装船日期"></c-date-picker>
            </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.rec.predat">
                <c-date-picker type="date" v-model="model.bodgrp.rec.predat" style="width:100%"
                    placeholder="请选择寄单日期"></c-date-picker>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="发货日期" prop="bodgrp.rec.advdat">
                <c-date-picker type="date" v-model="model.bodgrp.rec.advdat" style="width:100%"
                    placeholder="请选择发货日期"></c-date-picker>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="代收行" prop="bodgrp.col.pts.ref">
                <c-input v-model="model.bodgrp.col.pts.ref" maxlength="16" placeholder="请输入代收行"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="交单条件" prop="bodgrp.rec.doctypcod">
                <c-select v-model="model.bodgrp.rec.doctypcod" style="width:100%" placeholder="请选择交单条件">
                </c-select>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Drag  Drop Sender" prop="recpan.colp.ptsget.sdamod.dadsnd">
                <c-input v-model="model.recpan.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.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="recpan.colp.ptsget.sdamod.seainf">
                <c-input v-model="model.recpan.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.rec.matdat">
                <c-date-picker type="date" v-model="model.bodgrp.rec.matdat" style="width:100%"
                    placeholder="请选择单据到期日"></c-date-picker>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="单据到期日" prop="bodgrp.rec.invtyp">
                <c-select v-model="model.bodgrp.rec.invtyp" style="width:100%" placeholder="请选择单据到期日">
                </c-select>
            </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.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.rec.matpercnt">
                <c-input v-model="model.bodgrp.rec.matpercnt" placeholder="请输入单据期限"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Document Number" prop="bodgrp.rec.paydocnum">
                <c-input v-model="model.bodgrp.rec.paydocnum" maxlength="16" placeholder="请输入Document Number"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <span v-text="model.bodgrp.rec.matpertyp" data-path=".bodgrp.rec.matpertyp"> </span>
        </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="起始日期" prop="bodgrp.rec.matperbeg">
                <c-select v-model="model.bodgrp.rec.matperbeg" style="width:100%" placeholder="请选择起始日期">
                </c-select>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Issued on" prop="bodgrp.rec.issdat">
                <c-date-picker type="date" v-model="model.bodgrp.rec.issdat" style="width:100%"
                    placeholder="请选择Issued on"></c-date-picker>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <c-checkbox v-model="model.bodgrp.rec.ccdndrflg">Truncation - Physical Document Kept w OWN</c-checkbox>
        </c-col>

        <c-col :span="12">
            <el-form-item label="单据到期描述" prop="bodgrp.blk.bogdet">
                <c-input type="textarea" v-model="model.bodgrp.blk.bogdet" maxlength="43" show-word-limit
                    placeholder="请输入单据到期描述"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="付款人" prop="bodgrp.dre.pts.ref">
                <c-input v-model="model.bodgrp.dre.pts.ref" maxlength="16" placeholder="请输入付款人"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <c-checkbox v-model="model.bodgrp.rec.ccdpurflg">Payment Under Reserve</c-checkbox>
        </c-col>

        <c-col :span="12">
            <el-form-item label="指示条款 Received" prop="bodgrp.blk.cctinsrcv">
                <c-input type="textarea" v-model="model.bodgrp.blk.cctinsrcv" maxlength="35" show-word-limit
                    placeholder="请输入指示条款 Received"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <span v-text="model.recpan.docgrdm.docdsclab" data-path=".recpan.docgrdm.docdsclab"> </span>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Drag  Drop Sender" prop="recpan.drep.ptsget.sdamod.dadsnd">
                <c-input v-model="model.recpan.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="recpan.drep.ptsget.sdamod.seainf">
                <c-input v-model="model.recpan.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="12">
            <el-form-item label="Collection Instruction" prop="bodgrp.blk.cctinscol">
                <c-input type="textarea" v-model="model.bodgrp.blk.cctinscol" maxlength="35" show-word-limit
                    placeholder="请输入Collection Instruction"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Country Code Risk Country!" prop="bodgrp.rec.stacty">
                <c-select v-model="model.bodgrp.rec.stacty" style="width:100%"
                    placeholder="请选择Country Code Risk Country!">
                </c-select>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item label="货物类型" prop="bodgrp.rec.stagod">
                <c-select v-model="model.bodgrp.rec.stagod" style="width:100%" placeholder="请选择货物类型">
                </c-select>
            </el-form-item>
        </c-col>
    </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infbod/Event"

export default {
    inject: ['root'],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {

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

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