<template> <div class="eibs-tab"> <!-- ====================左边======================= --> <c-col :span="11"> <c-col :span="24"> <el-form-item label="Reference" prop="gidgrp.rec.ownref"> <c-fullbox> <c-input v-model="model.gidgrp.rec.ownref" maxlength="16" disabled placeholder="请输入Reference" ></c-input> <template slot="footer"> <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf" disabled > <span style="font-family: '宋体'; font-weight: bold">i</span> </c-button> </template> </c-fullbox> </el-form-item> </c-col> <c-col :span="13"> <el-form-item label="Guarantee Amount" prop="gidgrp.cbs.max.cur"> <c-select disabled v-model="model.gidgrp.cbs.max.cur" style="width: 100%" > <el-option v-for="item in codes.cur" :key="item.value" :label="item.label" :value="item.value" > </el-option> </c-select> </el-form-item> </c-col> <c-col :span="11"> <el-form-item style="text-align: left" label-width="5px" prop="gidgrp.cbs.max.amt" > <c-input-currency v-model="model.gidgrp.cbs.max.amt" style="text-align: left; width: 100%" placeholder="" disabled ></c-input-currency> </el-form-item> </c-col> <c-col :span="13"> <el-form-item label="Open Amount" prop="gidgrp.cbs.opn1.cur"> <c-select disabled v-model="model.gidgrp.cbs.opn1.cur" style="width: 100%" > <el-option v-for="item in codes.cur" :key="item.value" :label="item.label" :value="item.value" > </el-option> </c-select> </el-form-item> </c-col> <c-col :span="11"> <el-form-item style="text-align: left" label-width="5px" prop="gidgrp.cbs.opn1.amt" > <c-input-currency v-model="model.gidgrp.cbs.opn1.amt" style="text-align: left; width: 100%" placeholder="" disabled ></c-input-currency> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Incoming Purpose" prop="gidgrp.rec.purposin"> <c-select v-model="model.gidgrp.rec.purposin" style="width: 100%" placeholder="请选择Incoming Purpose " :code="codes.purposin" disabled > </c-select> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Outgoing Purpose" prop="gidgrp.rec.purpos"> <c-select v-model="model.gidgrp.rec.purpos" style="width: 100%" placeholder="请选择Outgoing Purpose" :code="codes.purpos" disabled > </c-select> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Undertaking Type" prop="gidgrp.rec.gartyp"> <c-select v-model="model.gidgrp.rec.gartyp" style="width: 100%" placeholder="请选择Type of Undertaking" :code="codes.typgar1" disabled > </c-select> </el-form-item> </c-col> <c-col :span="13"> <el-form-item label="Expiry" prop="gidgrp.rec.expdat"> <c-date-picker type="date" v-model="model.gidgrp.rec.expdat" style="width: 100%" placeholder="请选择Expiry" disabled ></c-date-picker> </el-form-item> </c-col> <c-col :span="11"> <el-form-item style="text-align: left" label-width="5px" prop="gidgrp.rec.exptyp" > <c-select v-model="model.gidgrp.rec.exptyp" style="width: 100%" placeholder="请选择Expiry Type" :code="codes.exptyp" disabled > </c-select> </el-form-item> </c-col> <c-col :span="13"> <el-form-item label="Liability" prop="gidgrp.rec.liadat"> <c-date-picker type="date" v-model="model.gidgrp.rec.liadat" style="width: 100%" placeholder="请选择Our Liability until" disabled ></c-date-picker> </el-form-item> </c-col> <c-col :span="11"> <el-form-item style="text-align: left" label-width="5px" prop="gidgrp.rec.liatypc" > <c-select v-model="model.gidgrp.rec.liatypc" style="width: 100%" placeholder="请选择Liability Type " :code="codes.liatypc" disabled > </c-select> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Handling Type" prop="gidgrp.rec.hndtyp"> <c-select v-model="model.gidgrp.rec.hndtyp" style="width: 100%" placeholder="请选择Handling Type" :code="codes.hndtyp" disabled > </c-select> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Confirmation Status " prop="gidgrp.rec.cnfsta"> <c-select v-model="model.gidgrp.rec.cnfsta" style="width: 100%" placeholder="请选择Confirmation Status " :code="codes.cnfsta" disabled > </c-select> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Confirmation Amount" prop="gidgrp.cbs.cnf.cur" style="width: 100%" > <c-col :span="7"> <c-select disabled v-model="model.gidgrp.cbs.cnf.cur" style="width: 100%" > <el-option v-for="item in codes.cur" :key="item.value" :label="item.label" :value="item.value" > </el-option> </c-select> </c-col> <c-col :span="7"> <el-form-item style="text-align: left" label-width="5px" prop="gidgrp.cbs.cnf.amt" > <c-input-currency v-model="model.gidgrp.cbs.cnf.amt" style="text-align: left; width: 100%" ></c-input-currency> </el-form-item> </c-col> <c-col :span="2" style="text-align: center"> <label style="display: inline-block; width: 100%">or</label> </c-col> <c-col :span="6"> <c-input v-model="model.gidgrp.rec.partcon"></c-input> </c-col> <c-col :span="2" style="text-align: center"> <label style="display: inline-block; width: 100%">%</label> </c-col> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Confir. Requested on" prop="reqdat"> <c-date-picker type="date" v-model="model.reqdat" style="width: 100%" placeholder="请选择Confir. Requested on" ></c-date-picker> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Confirmed on" prop="gidgrp.rec.cnfdat"> <c-date-picker type="date" v-model="model.gidgrp.rec.cnfdat" style="width: 100%" placeholder="请选择Confirmed on" ></c-date-picker> </el-form-item> </c-col> </c-col> <!-- ========================右边======================= --> <c-col :span="11" :offset="1"> <c-col :span="24"> <el-form-item label="Name" prop="gidgrp.rec.nam"> <c-input v-model="model.gidgrp.rec.nam" maxlength="40" placeholder="请输入Name" disabled ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Applicant" prop="gidgrp.apl.pts.nam"> <c-input v-model="model.gidgrp.apl.pts.nam" maxlength="40" placeholder="请输入Applicant" disabled ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Beneficiary" prop="gidgrp.ben.pts.nam"> <c-input v-model="model.gidgrp.ben.pts.nam" maxlength="40" placeholder="请输入Beneficiary" disabled ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Accountee" prop="gidgrp.ctr.pts.nam"> <c-input v-model="model.gidgrp.ctr.pts.nam" maxlength="40" placeholder="请输入Accountee" disabled ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Issuing Bank" prop="gidgrp.iss.pts.nam"> <c-input v-model="model.gidgrp.iss.pts.nam" maxlength="40" placeholder="请输入Issuing Bank" disabled ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Content of TAG 79" prop="gidgrp.blk.contag79"> <c-input type="textarea" v-model="model.gidgrp.blk.contag79" maxlength="50" show-word-limit placeholder="请输入Content of TAG 79" ></c-input> </el-form-item> </c-col> </c-col> <!-- <c-col :span="12"> <el-form-item label="Drag Drop Sender" prop="gitp.recget.sdamod.dadsnd"> <c-input v-model="model.gitp.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Reference" prop="gidgrp.rec.ownref"> <c-input v-model="model.gidgrp.rec.ownref" maxlength="16" placeholder="请输入Reference" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Reference" prop="gitp.recget.sdamod.seainf"> <c-input v-model="model.gitp.recget.sdamod.seainf" placeholder="请输入Reference" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Name" prop="gidgrp.rec.nam"> <c-input v-model="model.gidgrp.rec.nam" maxlength="40" placeholder="请输入Name" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <span v-text="model.gitp.aplmullab" data-path=".gitp.aplmullab"> </span> </c-col> <c-col :span="12"> <el-form-item label="Guarantee Amount" prop="gidgrp.cbs.max.cur"> <c-input v-model="model.gidgrp.cbs.max.cur" maxlength="3" placeholder="请输入Guarantee Amount" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Guarantee Amount" prop="gidgrp.cbs.max.amt"> <c-input v-model="model.gidgrp.cbs.max.amt" placeholder="请输入Guarantee Amount" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Open Amount" prop="gidgrp.apl.pts.nam"> <c-input v-model="model.gidgrp.apl.pts.nam" maxlength="40" placeholder="请输入Open Amount" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Open Amount" prop="gidgrp.cbs.opn1.cur"> <c-input v-model="model.gidgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Open Amount" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Balance" prop="gidgrp.cbs.opn1.amt"> <c-input v-model="model.gidgrp.cbs.opn1.amt" placeholder="请输入Balance" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Incoming Purpose " prop="gidgrp.rec.purposin"> <c-select v-model="model.gidgrp.rec.purposin" style="width: 100%" placeholder="请选择Incoming Purpose " > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Handling Type" prop="gidgrp.rec.hndtyp"> <c-select v-model="model.gidgrp.rec.hndtyp" style="width: 100%" placeholder="请选择Handling Type" > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Name of Party" prop="gidgrp.ben.pts.nam"> <c-input v-model="model.gidgrp.ben.pts.nam" maxlength="40" placeholder="请输入Name of Party" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Outgoing Purpose" prop="gidgrp.rec.purpos"> <c-select v-model="model.gidgrp.rec.purpos" style="width: 100%" placeholder="请选择Outgoing Purpose" > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Type of Undertaking" prop="gidgrp.rec.gartyp"> <c-select v-model="model.gidgrp.rec.gartyp" style="width: 100%" placeholder="请选择Type of Undertaking" > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Undertaking Type" prop="gidgrp.ctr.pts.nam"> <c-input v-model="model.gidgrp.ctr.pts.nam" maxlength="40" placeholder="请输入Undertaking Type" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <span v-text="model.gitp.expfldlab" data-path=".gitp.expfldlab"> </span> </c-col> <c-col :span="12"> <el-form-item label="Validity until" prop="gidgrp.rec.expdat"> <c-date-picker type="date" v-model="model.gidgrp.rec.expdat" style="width: 100%" placeholder="请选择Validity until" ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <span v-text="model.gitp.explab" data-path=".gitp.explab"> </span> </c-col> <c-col :span="12"> <el-form-item label="Expiry Type" prop="gidgrp.rec.exptyp"> <c-select v-model="model.gidgrp.rec.exptyp" style="width: 100%" placeholder="请选择Expiry Type" > </c-select> </el-form-item> </c-col> <c-col :span="12"> <span v-text="model.gitp.liafldlab" data-path=".gitp.liafldlab"> </span> </c-col> <c-col :span="12"> <el-form-item label="Our Liability until" prop="gidgrp.rec.liadat"> <c-date-picker type="date" v-model="model.gidgrp.rec.liadat" style="width: 100%" placeholder="请选择Our Liability until" ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <span v-text="model.gitp.lialab" data-path=".gitp.lialab"> </span> </c-col> <c-col :span="12"> <el-form-item label="Name of Party" prop="gidgrp.iss.pts.nam"> <c-input v-model="model.gidgrp.iss.pts.nam" maxlength="40" placeholder="请输入Name of Party" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Liability Type " prop="gidgrp.rec.liatypc"> <c-select v-model="model.gidgrp.rec.liatypc" style="width: 100%" placeholder="请选择Liability Type " > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Handling Type" prop="gidgrp.rec.hndtyp"> <c-select v-model="model.gidgrp.rec.hndtyp" style="width: 100%" placeholder="请选择Handling Type" > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Confirmation Status " prop="gidgrp.rec.cnfsta"> <c-select v-model="model.gidgrp.rec.cnfsta" style="width: 100%" placeholder="请选择Confirmation Status " > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Content of TAG 79" prop="gidgrp.blk.contag79"> <c-input type="textarea" v-model="model.gidgrp.blk.contag79" maxlength="50" show-word-limit placeholder="请输入Content of TAG 79" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Confirmation Amount" prop="gidgrp.cbs.cnf.cur"> <c-input v-model="model.gidgrp.cbs.cnf.cur" maxlength="3" placeholder="请输入Confirmation Amount" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Balance" prop="gidgrp.cbs.cnf.amt"> <c-input v-model="model.gidgrp.cbs.cnf.amt" placeholder="请输入Balance" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Partial Confirmation" prop="gidgrp.rec.partcon"> <c-input v-model="model.gidgrp.rec.partcon" placeholder="请输入Partial Confirmation" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Confir. Requested on" prop="reqdat"> <c-date-picker type="date" v-model="model.reqdat" style="width: 100%" placeholder="请选择Confir. Requested on" ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Confirmed on" prop="gidgrp.rec.cnfdat"> <c-date-picker type="date" v-model="model.gidgrp.rec.cnfdat" style="width: 100%" placeholder="请选择Confirmed on" ></c-date-picker> </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/Getamc/Event"; export default { inject: ["root"], props: ["model", "codes"], mixins: [commonProcess], data() { return {}; }, methods: { ...Event, onSeainf(data) { this.$emit("onSeainf", data); }, }, created: function () {}, }; </script> <style> </style>