<template> <div class="eibs-tab"> <c-row > <c-col :span="24"> <!---------------------------左边---------------------------> <c-col :span="12" class="col-left"> <c-col :span="24"> <el-form-item label="信用证编号" prop="lidgrp.rec.ownref"> <c-input v-model="model.lidgrp.rec.ownref" maxlength="16" placeholder="请输入信用证编号" disabled></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="单据参考号" prop="brdgrp.rec.ownref"> <c-input v-model="model.brdgrp.rec.ownref" maxlength="16" placeholder="请输入单据参考号" disabled></c-input> </el-form-item> </c-col> <c-col :span="24"> <c-col :span="13"> <el-form-item label="单据金额" prop="brdgrp.cbs.max.cur"> <c-select v-model="model.brdgrp.cbs.max.cur" style="width:100%" placeholder="请选择单据金额" disabled :code="codes.cur"> </c-select> </el-form-item> </c-col> <c-col :span="11"> <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="13"> <el-form-item label="单据余额" prop="brdgrp.cbs.opn1.cur"> <c-input v-model="model.brdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入单据余额" disabled :code="codes.cur"></c-input> </el-form-item> </c-col> <c-col :span="11"> <el-form-item label="" prop="brdgrp.cbs.opn1.amt" label-width="5px"> <c-input v-model="model.brdgrp.cbs.opn1.amt" placeholder="请输入Balance" 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="请选择Date of Advice of Payment" 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="请选择Maturity Date" 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="12"> <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="12"> <el-form-item label="期限(天)" prop="brdgrp.rec.tenmaxday"> <c-input v-model="model.brdgrp.rec.tenmaxday" placeholder="请输入Tenor day" 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> <!---------------------------右边---------------------------> <c-col :span="12" class="col-right"> <c-col :span="24"> <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 :span="24"> <c-col :span="13"> <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="11"> <el-form-item label="" prop="lidgrp.cbs.opn1.amt" label-width="5px"> <c-input v-model="model.lidgrp.cbs.opn1.amt" placeholder="请输入Balance" 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="请输入Name of Bill Contract" disabled></c-input> </el-form-item> </c-col> <c-col :span="24"> <c-col :span="13"> <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="11"> <el-form-item label="" prop="brdgrp.apl.pts.nam" label-width="5px"> <c-input v-model="model.brdgrp.apl.pts.nam" maxlength="40" placeholder="请输入Name of Party" disabled></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="13"> <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="11"> <el-form-item label="" prop="brdgrp.ben.pts.nam" label-width="5px"> <c-input v-model="model.brdgrp.ben.pts.nam" maxlength="40" placeholder="请输入Name of Party" disabled></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="13"> <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="11"> <el-form-item label="" prop="brdgrp.prb.pts.nam" label-width="5px"> <c-input v-model="model.brdgrp.prb.pts.nam" maxlength="40" placeholder="请输入Name of Party" disabled></c-input> </el-form-item> </c-col> </c-col> </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/Brtlat/Event" export default { inject: ['root'], props:["model","codes"], mixins: [commonProcess], data(){ return { } }, methods:{...Event}, created:function(){ } } </script> <style> </style>