<template> <div class="eibs"> <c-row> <c-col :span="24"> <c-col :span="11"> <el-form-item label="信用证编号" prop="lidgrp.rec.ownref" style="width = 100%" > <c-fullbox> <c-input v-model="model.lidgrp.rec.ownref" maxlength="16" placeholder="请输入信用证编号" disabled ></c-input> <template slot="footer"> <c-button style="margin: 0 0 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf" icon="el-icon-search" > <span style="font-family: '宋体'; font-weight: bold"></span> </c-button> </template> </c-fullbox> </el-form-item> </c-col> <c-col :span="11" :offset="1"> <el-form-item label="有效日期" prop="lidgrp.rec.expdat"> <c-date-picker type="date" v-model="model.lidgrp.rec.expdat" style="width: 100%" placeholder="请选择日期" disabled > </c-date-picker> </el-form-item> </c-col> </c-col> <!-- ====================左边======================= --> <c-col :span="11"> <c-col :span="24"> <el-form-item label="单据参考号" prop="brdgrp.rec.ownref" style="width: 100%" > <c-fullbox> <c-input v-model="model.brdgrp.rec.ownref" maxlength="8" placeholder="请输入单据参考号" disabled ></c-input> <template slot="footer"> <c-button style="margin: 0 0 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf" icon="el-icon-search" > <span style="font-family: '宋体'; font-weight: bold"></span> </c-button> </template> </c-fullbox> </el-form-item> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="单据金额" prop="brdgrp.cbs.max.cur"> <c-select v-model="model.brdgrp.cbs.max.cur" style="width: 100%" placeholder="请选择币种" disabled > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="brdgrp.cbs.max.amt" label-width="5px"> <c-input v-model="model.brdgrp.cbs.max.amt" placeholder="请输入单据金额" disabled ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="单据余额" prop="brdgrp.cbs.opn1.cur"> <c-input v-model="model.brdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入币种" disabled ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="brdgrp.cbs.opn1.amt" label-width="5px"> <c-input v-model="model.brdgrp.cbs.opn1.amt" placeholder="请输入单据余额" disabled ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="收入日期" prop="brdgrp.rec.rcvdat"> <c-date-picker type="date" v-model="model.brdgrp.rec.rcvdat" style="width: 100%" placeholder="请选择日期" disabled ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="到单日期" prop="brdgrp.rec.advdat"> <c-date-picker type="date" v-model="model.brdgrp.rec.advdat" style="width: 100%" placeholder="请选择到单日期" disabled ></c-date-picker> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="远期单据到期日" prop="brdgrp.rec.matdat"> <c-date-picker type="date" v-model="model.brdgrp.rec.matdat" style="width: 100%" placeholder="请选择日期" disabled ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="开始日期" prop="brdgrp.rec.stadat"> <c-date-picker type="date" v-model="model.brdgrp.rec.stadat" style="width: 100%" placeholder="请选择远期单据到期日" disabled ></c-date-picker> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="14"> <el-form-item label="单据类型" prop="brdgrp.rec.docflg"> <c-select v-model="model.brdgrp.rec.docflg" style="width: 100%" placeholder="请选择单据类型" :code="codes.docflg" disabled > </c-select> </el-form-item> </c-col> <c-col :span="10"> <el-form-item label="期限(天)" prop="brdgrp.rec.tenmaxday"> <c-input v-model="model.brdgrp.rec.tenmaxday" placeholder="请输入期限(天)" disabled ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <el-form-item label="单据状态" prop="brdgrp.rec.docsta"> <c-select v-model="model.brdgrp.rec.docsta" style="width: 100%" placeholder="请选择单据状态" :code="codes.docsta1" disabled > </c-select> </el-form-item> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="收入日期" prop="brdgrp.rec.rcvdat"> <c-date-picker type="date" v-model="model.brdgrp.rec.rcvdat" style="width: 100%" placeholder="请选择日期" ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="交单日期" prop="brdgrp.rec.predat"> <c-date-picker type="date" v-model="model.brdgrp.rec.predat" style="width: 100%" placeholder="请选择日期" ></c-date-picker> </el-form-item> </c-col> </c-col> <c-col :span="24"> <el-form-item label="收到指示" prop="brdgrp.blk.aplins"> <c-input type="textarea" v-model="model.brdgrp.blk.aplins" maxlength="40" show-word-limit placeholder="请输入收到指示" :rows="5" ></c-input> </el-form-item> </c-col> </c-col> <!-- ====================右边======================= --> <c-col :span="11" :offset="1"> <c-col :span="24"> <c-col :span="12"> <el-form-item label="开证金额" prop="lidgrp.cbs.opn1.cur"> <c-input v-model="model.lidgrp.cbs.opn1.cur" maxlength="3" placeholder="请选择币种" disabled ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="lidgrp.cbs.opn1.amt" label-width="5px"> <c-input v-model="model.lidgrp.cbs.opn1.amt" placeholder="请输入开证金额" disabled ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <el-form-item label="单据简略信息" prop="brdgrp.rec.nam"> <c-input v-model="model.brdgrp.rec.nam" maxlength="40" placeholder="请输入单据简略信息" disabled ></c-input> </el-form-item> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="申请人" prop="brdgrp.apl.pts.ref"> <c-input v-model="model.brdgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人" disabled ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="brdgrp.apl.pts.nam" label-width="5px"> <c-input v-model="model.brdgrp.apl.pts.nam" maxlength="40" placeholder="请输入" disabled ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="受益人" prop="brdgrp.ben.pts.ref"> <c-input v-model="model.brdgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人" disabled ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="brdgrp.ben.pts.nam" label-width="5px"> <c-input v-model="model.brdgrp.ben.pts.nam" maxlength="40" placeholder="请输入" disabled ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="交单行" prop="brdgrp.prb.pts.ref"> <c-input v-model="model.brdgrp.prb.pts.ref" maxlength="16" placeholder="请输入交单行" disabled ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="brdgrp.prb.pts.nam" label-width="5px"> <c-input v-model="model.brdgrp.prb.pts.nam" maxlength="40" placeholder="请输入" disabled ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <el-form-item label="交单行" prop="brdgrp.rec.docprbrol"> <c-select v-model="model.brdgrp.rec.docprbrol" style="width: 100%" placeholder="请选择交单角色" disabled :code="codes.payrol" > </c-select> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="寄单行" prop="brdgrp.prb.pts.extkey" style="width: 100%" > <c-fullbox> <c-input v-model="model.brdgrp.prb.pts.extkey" maxlength="16" placeholder="请输入" @keyup.enter.native=" showGridPromptDialog('brdgrp.prb.pts.extkey') " ></c-input> <template slot="footer"> <c-button size="small" type="primary" @click="onPrbpDet" icon="el-icon-info" > </c-button> </template> </c-fullbox> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="地址信息" prop="brdgrp.prb.dbfadrblkcn"> <c-input type="textarea" v-model="model.brdgrp.prb.dbfadrblkcn" maxlength="150" show-word-limit placeholder="请输入地址信息" disabled :rows="5" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="付款人" prop="brdgrp.rec.payrol"> <c-select v-model="model.brdgrp.rec.payrol" style="width: 100%" placeholder="请选择付款人" disabled :code="codes.payrol" > </c-select> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="其他当事人" prop="brtp.oth.pts.extkey" style="width: 100%" > <c-fullbox> <c-input v-model="model.brtp.oth.pts.extkey" maxlength="16" placeholder="请输入" disabled ></c-input> <template slot="footer"> <c-button size="small" type="primary" @click="onOthpDet" icon="el-icon-info" > </c-button> </template> </c-fullbox> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="地址信息" prop="brtp.oth.pts.adrblk"> <c-input type="textarea" v-model="model.brtp.oth.pts.adrblk" maxlength="150" show-word-limit placeholder="请输入地址信息" disabled minheight="60" :rows="5" ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24" v-show="false"> <c-col :span="12"> <el-form-item label="Drag Drop Sender" prop="brtp.lidget.sdamod.dadsnd" > <c-input v-model="model.brtp.lidget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="brtp.lidget.sdamod.seainf"> <c-input v-model="model.brtp.lidget.sdamod.seainf" placeholder="请输入" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Drag Drop Sender" prop="brtp.recget.sdamod.dadsnd" > <c-input v-model="model.brtp.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="brtp.recget.sdamod.seainf"> <c-input v-model="model.brtp.recget.sdamod.seainf" placeholder="请输入" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Balance" prop="brdgrp.cbs.max.amt"> <c-input v-model="model.brdgrp.cbs.max.amt" placeholder="请输入" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <span v-text="model.brtp.matp.mattxtlab" data-path=".brtp.matp.mattxtlab" > </span> </c-col> <c-col :span="12"> <el-form-item label="Drag Drop Sender" prop="brtp.prbp.ptsget.sdamod.dadsnd" > <c-input v-model="model.brtp.prbp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="brtp.prbp.ptsget.sdamod.seainf"> <c-input v-model="model.brtp.prbp.ptsget.sdamod.seainf" placeholder="请输入" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="名称" prop="brdgrp.prb.namelc"> <c-input type="textarea" v-model="model.brdgrp.prb.namelc" maxlength="35" show-word-limit placeholder="请输入名称" :rows="5" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="地址信息" prop="brdgrp.prb.pts.adrblk"> <c-input type="textarea" v-model="model.brdgrp.prb.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入地址信息" :rows="5" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="地址" prop="brdgrp.prb.adrelc"> <c-input type="textarea" v-model="model.brdgrp.prb.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" :rows="5" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Drag Drop Sender" prop="brtp.othp.ptsget.sdamod.dadsnd" > <c-input v-model="model.brtp.othp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="brtp.othp.ptsget.sdamod.seainf"> <c-input v-model="model.brtp.othp.ptsget.sdamod.seainf" placeholder="请输入" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="名称" prop="brtp.oth.namelc"> <c-input type="textarea" v-model="model.brtp.oth.namelc" maxlength="35" show-word-limit placeholder="请输入名称" :rows="5" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="中文地址" prop="brtp.oth.dbfadrblkcn"> <c-input type="textarea" v-model="model.brtp.oth.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入中文地址" :rows="5" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="地址" prop="brtp.oth.adrelc"> <c-input type="textarea" v-model="model.brtp.oth.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" :rows="5" ></c-input> </el-form-item> </c-col> </c-col> </c-row> </div> </template> <script> import Api from "~/service/Api"; import commonProcess from "~/mixin/commonProcess"; import CodeTable from "~/config/CodeTable"; import Event from "~/model/Brtsnd/Event"; export default { inject: ["root"], props: ["model", "codes"], mixins: [commonProcess], data() { return {}; }, methods: { ...Event }, created: function () {}, }; </script> <style> </style>