From e14f7f5cb838ecdc2f59791c22988b0327aeda0d Mon Sep 17 00:00:00 2001 From: zhengxiaokui <350280179@qq.com> Date: Tue, 21 Dec 2021 11:12:14 +0800 Subject: [PATCH] zxk --- src/views/Business/Letrsv/Detp.vue | 496 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- src/views/Business/Letrsv/Ovwp.vue | 785 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- src/views/Business/Letrsv/index.vue | 2 +- 3 files changed, 666 insertions(+), 617 deletions(-) diff --git a/src/views/Business/Letrsv/Detp.vue b/src/views/Business/Letrsv/Detp.vue index 23693f7..3eb4d2e 100644 --- a/src/views/Business/Letrsv/Detp.vue +++ b/src/views/Business/Letrsv/Detp.vue @@ -1,258 +1,300 @@ <template> <div class="eibs-tab"> - - <c-col :span="12"> - <el-form-item label="Available with" prop="ledgrp.rec.avbwth"> - <c-select v-model="model.ledgrp.rec.avbwth" style="width:100%" placeholder="请选择Available with"> - </c-select> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Mixed Payment Details" prop="ledgrp.blk.mixdet"> - <c-input type="textarea" v-model="model.ledgrp.blk.mixdet" maxlength="35" show-word-limit placeholder="请输入Mixed Payment Details" ></c-input> - </el-form-item> + <c-row> + <c-col :span="11"> + <!-- Available with --> + <c-col :span="24"> + <el-form-item label="Available with" prop="ledgrp.rec.avbwth"> + <c-select + v-model="model.ledgrp.rec.avbwth" + style="width: 100%" + placeholder="请选择Available with" + > + </c-select> + </el-form-item> </c-col> - - <c-col :span="12"> - <el-form-item label="Drag Drop Sender" prop="letp.avbp.ptsget.sdamod.dadsnd"> - <c-input v-model="model.letp.avbp.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="ledgrp.avb.pts.extkey"> - <c-input v-model="model.ledgrp.avb.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="letp.avbp.ptsget.sdamod.seainf"> - <c-input v-model="model.letp.avbp.ptsget.sdamod.seainf" placeholder="请输入"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <c-button size="small" type="primary" @click="onAvbpDet"> - Details - </c-button> - </c-col> - - <c-col :span="12"> - <el-form-item label="名称" prop="ledgrp.avb.namelc"> - <c-input type="textarea" v-model="model.ledgrp.avb.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input> - </el-form-item> + + <c-col :span="24"> + <c-ptap + :model="model" + :argadr="{ + title: '指定银行', + grp: 'ledgrp', + rol: 'avb', + }" + :noRef="true" + :onlySearch="true" + @onSeainf="onSeainf" + @onAplpDet="onAvbpDet" + > + </c-ptap> </c-col> - - <c-col :span="12"> - <el-form-item label="Available in" prop="ledgrp.blk.avbwthtxt"> - <c-input type="textarea" v-model="model.ledgrp.blk.avbwthtxt" maxlength="35" show-word-limit placeholder="请输入Available in" ></c-input> - </el-form-item> + + <c-col :span="24"> + <el-form-item label="名称地址" prop="ledgrp.blk.avbwthtxt"> + <c-input + type="textarea" + :rows="3" + v-model="model.ledgrp.blk.avbwthtxt" + maxlength="35" + show-word-limit + placeholder="请输入名称地址" + ></c-input> + </el-form-item> </c-col> - - <c-col :span="12"> - <el-form-item label="Address Block" prop="ledgrp.avb.pts.adrblk"> - <c-input type="textarea" v-model="model.ledgrp.avb.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input> - </el-form-item> + <!-- <c-col :span="12"> + <el-form-item label="Address Block" prop="ledgrp.avb.pts.adrblk"> + <c-input + type="textarea" + v-model="model.ledgrp.avb.pts.adrblk" + maxlength="35" + show-word-limit + placeholder="请输入Address Block" + ></c-input> + </el-form-item> + </c-col> --> + + <c-col :span="24"> + <el-form-item label="Available by" prop="ledgrp.rec.avbby"> + <c-select + v-model="model.ledgrp.rec.avbby" + style="width: 100%" + placeholder="请选择Available by" + :code="codes.avbby" + > + </c-select> + </el-form-item> </c-col> - - <c-col :span="12"> - <el-form-item label="Chinese address" prop="ledgrp.avb.dbfadrblkcn"> - <c-input type="textarea" v-model="model.ledgrp.avb.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input> - </el-form-item> + + <c-col :span="24"> + <el-form-item + label="Deferred Payment Details" + prop="ledgrp.blk.defdet" + > + <c-input + type="textarea" + :rows="3" + v-model="model.ledgrp.blk.defdet" + maxlength="35" + show-word-limit + placeholder="请输入Deferred Payment Details" + ></c-input> + </el-form-item> </c-col> - - <c-col :span="12"> - <el-form-item label="地址" prop="ledgrp.avb.adrelc"> - <c-input type="textarea" v-model="model.ledgrp.avb.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input> - </el-form-item> + + <c-col :span="24"> + <el-form-item label="Drafts at" prop="ledgrp.blk.dftat"> + <c-input + type="textarea" + :rows="3" + v-model="model.ledgrp.blk.dftat" + maxlength="35" + show-word-limit + placeholder="请输入Drafts at" + ></c-input> + </el-form-item> </c-col> - - <c-col :span="12"> - <el-form-item label="Presentation Period" prop="ledgrp.blk.preper"> - <c-input type="textarea" v-model="model.ledgrp.blk.preper" maxlength="35" show-word-limit placeholder="请输入Presentation Period" ></c-input> - </el-form-item> + + <c-col :span="24"> + <c-ptap + :model="model" + :argadr="{ + title: '汇票申请人', + grp: 'ledgrp', + rol: 'drw', + }" + :noRef="true" + @onSeainf="onSeainf" + @onAplpDet="onDrwpDet" + > + </c-ptap> </c-col> - - <c-col :span="12"> - <el-form-item label="Days of presentation period" prop="ledgrp.rec.prepers18"> - <c-input v-model="model.ledgrp.rec.prepers18" placeholder="请输入Days of presentation period"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <c-button size="small" type="primary" icon="el-icon-search" @click="onPreperButtxmsel"> - ... - </c-button> - </c-col> - - <c-col :span="12"> - <el-form-item label="Available by" prop="ledgrp.rec.avbby"> - <c-select v-model="model.ledgrp.rec.avbby" style="width:100%" placeholder="请选择Available by"> - </c-select> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Presentation period text" prop="ledgrp.rec.prepertxts18"> - <c-input v-model="model.ledgrp.rec.prepertxts18" maxlength="35" placeholder="请输入Presentation period text"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <span v-text="model.letp.labdefdet" data-path=".letp.labdefdet" > </span> - </c-col> - - <c-col :span="12"> - <el-form-item label="Deferred Payment Details" prop="ledgrp.blk.defdet"> - <c-input type="textarea" v-model="model.ledgrp.blk.defdet" maxlength="35" show-word-limit placeholder="请输入Deferred Payment Details" ></c-input> - </el-form-item> + </c-col> + + <c-col :span="11" :offset="1"> + <c-col :span="24"> + <el-form-item label="Mixed Payment Details" prop="ledgrp.blk.mixdet"> + <c-input + type="textarea" + :rows="4" + v-model="model.ledgrp.blk.mixdet" + maxlength="35" + show-word-limit + placeholder="请输入Mixed Payment Details" + ></c-input> + </el-form-item> </c-col> - - <c-col :span="12"> - <el-form-item label="Additional Details to Code for Charges CHATO" prop="ledgrp.blk.feetxt"> - <c-input type="textarea" v-model="model.ledgrp.blk.feetxt" maxlength="35" show-word-limit placeholder="请输入Additional Details to Code for Charges CHATO" ></c-input> - </el-form-item> + + <!-- Days of presentation period --> + <c-col :span="24"> + <el-form-item label="Days of pre.period" prop="ledgrp.rec.prepers18"> + <c-input + v-model="model.ledgrp.rec.prepers18" + placeholder="请输入Days of presentation period" + ></c-input> + </el-form-item> </c-col> - - <c-col :span="12"> - <c-button size="small" type="primary" icon="el-icon-search" @click="onChariaButtxmsel"> - ... - </c-button> - </c-col> - - <c-col :span="12"> - <el-form-item label="Drafts at" prop="ledgrp.blk.dftat"> - <c-input type="textarea" v-model="model.ledgrp.blk.dftat" maxlength="35" show-word-limit placeholder="请输入Drafts at" ></c-input> - </el-form-item> + + <c-col :span="24"> + <el-form-item label="Presentation Period" prop="ledgrp.blk.preper"> + <c-input + type="textarea" + v-model="model.ledgrp.blk.preper" + maxlength="35" + show-word-limit + placeholder="请输入Presentation Period" + ></c-input> + </el-form-item> </c-col> - - <c-col :span="12"> - <c-button size="small" type="primary" icon="el-icon-search" @click="onLcrdftatButtxmsel"> - ... - </c-button> - </c-col> - - <c-col :span="12"> - <el-form-item label="Drag Drop Sender" prop="letp.drwp.ptsget.sdamod.dadsnd"> - <c-input v-model="model.letp.drwp.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="ledgrp.drw.pts.extkey"> - <c-input v-model="model.ledgrp.drw.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="letp.drwp.ptsget.sdamod.seainf"> - <c-input v-model="model.letp.drwp.ptsget.sdamod.seainf" placeholder="请输入"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <c-button size="small" type="primary" @click="onDrwpDet"> - Details - </c-button> - </c-col> - - <c-col :span="12"> - <el-form-item label="名称" prop="ledgrp.drw.namelc"> - <c-input type="textarea" v-model="model.ledgrp.drw.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input> - </el-form-item> + + <!-- Additional Details to Code for Charges CHATO --> + <c-col :span="24"> + <el-form-item + label="Additional Details to Code for Charges CHATO" + prop="ledgrp.blk.feetxt" + > + <c-input + type="textarea" + :rows="6" + v-model="model.ledgrp.blk.feetxt" + maxlength="35" + show-word-limit + placeholder="请输入Additional Details to Code for Charges CHATO" + ></c-input> + </el-form-item> </c-col> - - <c-col :span="12"> - <el-form-item label="Address Block" prop="ledgrp.drw.pts.adrblk"> - <c-input type="textarea" v-model="model.ledgrp.drw.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input> - </el-form-item> + + <!-- Own Charges Borne by --> + <c-col :span="18"> + <el-form-item label="Own Charges Borne by" prop="ledgrp.rec.chato"> + <c-select + v-model="model.ledgrp.rec.chato" + style="width: 100%" + placeholder="请选择Own Charges Borne by" + > + </c-select> + </el-form-item> </c-col> - - <c-col :span="12"> - <el-form-item label="Chinese address" prop="ledgrp.drw.dbfadrblkcn"> - <c-input type="textarea" v-model="model.ledgrp.drw.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input> - </el-form-item> + + <c-col :span="18"> + <el-form-item label="Country or region Code" prop="ledgrp.rec.stacty"> + <c-select + v-model="model.ledgrp.rec.stacty" + style="width: 100%" + placeholder="请选择Country or region Code" + > + </c-select> + </el-form-item> </c-col> - - <c-col :span="12"> - <el-form-item label="Own Charges Borne by" prop="ledgrp.rec.chato"> - <c-select v-model="model.ledgrp.rec.chato" style="width:100%" placeholder="请选择Own Charges Borne by"> - </c-select> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="地址" prop="ledgrp.drw.adrelc"> - <c-input type="textarea" v-model="model.ledgrp.drw.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input> - </el-form-item> + + <c-col :span="18"> + <el-form-item label="Maximum Tenor" prop="ledgrp.rec.tenmaxday"> + <c-input + v-model="model.ledgrp.rec.tenmaxday" + placeholder="请输入Maximum Tenor" + ></c-input> + </el-form-item> </c-col> - - <c-col :span="12"> - <el-form-item label="Country Code for Statistics" prop="ledgrp.rec.stacty"> - <c-select v-model="model.ledgrp.rec.stacty" style="width:100%" placeholder="请选择Country Code for Statistics"> - </c-select> - </el-form-item> - </c-col> - - <c-col :span="12"> + </c-col> + </c-row> + + <c-row> + <!-- Dispatch from --> + <c-col :span="11"> <el-form-item label="Dispatch from" prop="ledgrp.rec.shpfro"> - <c-input v-model="model.ledgrp.rec.shpfro" maxlength="65" placeholder="请输入Dispatch from"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Maximum Tenor" prop="ledgrp.rec.tenmaxday"> - <c-input v-model="model.ledgrp.rec.tenmaxday" placeholder="请输入Maximum Tenor"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> + <c-input + type="textarea" + :rows="3" + show-word-limit + v-model="model.ledgrp.rec.shpfro" + maxlength="65" + placeholder="请输入Dispatch from" + ></c-input> + </el-form-item> + </c-col> + + <c-col :span="11" :offset="1"> <el-form-item label="Air-/Port of Departure" prop="ledgrp.rec.porloa"> - <c-input type="textarea" v-model="model.ledgrp.rec.porloa" maxlength="65" show-word-limit placeholder="请输入Air-/Port of Departure" ></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> + <c-input + type="textarea" + :rows="3" + v-model="model.ledgrp.rec.porloa" + maxlength="65" + show-word-limit + placeholder="请输入Air-/Port of Departure" + ></c-input> + </el-form-item> + </c-col> + + <c-col :span="11"> <el-form-item label="Air-/Port of Destination" prop="ledgrp.rec.pordis"> - <c-input type="textarea" v-model="model.ledgrp.rec.pordis" maxlength="65" show-word-limit placeholder="请输入Air-/Port of Destination" ></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> + <c-input + type="textarea" + :rows="3" + v-model="model.ledgrp.rec.pordis" + maxlength="65" + show-word-limit + placeholder="Air-/Port of Destination" + ></c-input> + </el-form-item> + </c-col> + + <!-- Final Destination --> + <c-col :span="11" :offset="1"> <el-form-item label="Final Destination" prop="ledgrp.rec.shpto"> - <c-input v-model="model.ledgrp.rec.shpto" maxlength="65" placeholder="请输入Final Destination"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> + <c-input + type="textarea" + :rows="3" + v-model="model.ledgrp.rec.shpto" + maxlength="65" + show-word-limit + placeholder="请输入Final Destination" + ></c-input> + </el-form-item> + </c-col> + + <!-- Shipment Period --> + <c-col :span="11"> <el-form-item label="Shipment Period" prop="ledgrp.blk.shpper"> - <c-input type="textarea" v-model="model.ledgrp.blk.shpper" maxlength="65" show-word-limit placeholder="请输入Shipment Period" ></c-input> - </el-form-item> - </c-col> + <c-input + type="textarea" + :rows="3" + v-model="model.ledgrp.blk.shpper" + maxlength="65" + show-word-limit + placeholder="请输入Shipment Period" + ></c-input> + </el-form-item> + </c-col> + </c-row> </div> </template> <script> -import Api from "~/service/Api" +import Api from "~/service/Api"; import CommonProcess from "~/mixin/CommonProcess"; -import CodeTable from "~/config/CodeTable" -import Event from "~/model/Letrsv/Event" +import CodeTable from "~/config/CodeTable"; +import Ptap from "~/views/Public/Ptap"; +import Event from "~/model/Letopn/Event"; export default { - inject: ['root'], - props:["model","codes"], - mixins: [CommonProcess], - data(){ - return { - - } + inject: ["root"], + components: { "c-ptap": Ptap }, + props: ["model", "codes"], + mixins: [CommonProcess], + data() { + return {}; + }, + methods: { ...Event }, + created: function () {}, + watch: { + "model.ledgrp.avb.pts.adrblk": { + handler(val, oldVal) { + this.model.ledgrp.blk.avbwthtxt = val; + }, + immediate: true, }, - methods:{...Event}, - created:function(){ - - } -} + }, +}; </script> <style> - </style> diff --git a/src/views/Business/Letrsv/Ovwp.vue b/src/views/Business/Letrsv/Ovwp.vue index 713a5c9..99a52e8 100644 --- a/src/views/Business/Letrsv/Ovwp.vue +++ b/src/views/Business/Letrsv/Ovwp.vue @@ -1,414 +1,421 @@ <template> - <div class="eibs-tab"> - - <c-col :span="12"> - <el-form-item label="Drag Drop Sender" prop="letp.recget.sdamod.dadsnd"> - <c-input v-model="model.letp.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> + <c-row> + <c-col :span="24"> + <c-col :span="8"> <el-form-item label="Reference" prop="ledgrp.rec.ownref"> - <c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入Reference"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="" prop="letp.recget.sdamod.seainf"> - <c-input v-model="model.letp.recget.sdamod.seainf" placeholder="请输入"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Name" prop="ledgrp.rec.nam"> - <c-input v-model="model.ledgrp.rec.nam" maxlength="40" placeholder="请输入Name"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <c-button size="small" type="primary" @click="onLetpButgetref"> - Get Ref - </c-button> - </c-col> - - <c-col :span="12"> - <el-form-item label="Form of L/C" prop="ledgrp.rec.lcrtyp"> - <c-select v-model="model.ledgrp.rec.lcrtyp" style="width:100%" placeholder="请选择Form of L/C"> - </c-select> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Beneficiary Ref." prop="ledgrp.ben.pts.ref"> - <c-input v-model="model.ledgrp.ben.pts.ref" maxlength="16" placeholder="请输入Beneficiary Ref."></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Drag Drop Sender" prop="letp.benp.ptsget.sdamod.dadsnd"> - <c-input v-model="model.letp.benp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Responsible User" prop="letp.usr.extkey"> - <c-input v-model="model.letp.usr.extkey" maxlength="8" placeholder="请输入Responsible User"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="" prop="letp.usrget.sdamod.seainf"> - <c-input v-model="model.letp.usrget.sdamod.seainf" placeholder="请输入"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <c-checkbox v-model="model.ledgrp.rec.collflg">Collateralized L/C</c-checkbox> - </c-col> - - <c-col :span="12"> - <el-form-item label="External Key of Address" prop="ledgrp.ben.pts.extkey"> - <c-input v-model="model.ledgrp.ben.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="letp.benp.ptsget.sdamod.seainf"> - <c-input v-model="model.letp.benp.ptsget.sdamod.seainf" placeholder="请输入"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <c-button size="small" type="primary" @click="onBenpDet"> - Details + <c-input + v-model="model.ledgrp.rec.ownref" + maxlength="16" + placeholder="请输入Reference" + style="width: 95%" + :disabled="true" + ></c-input> + </el-form-item> + </c-col> + <c-col :span="3"> + <c-button + size="small" + type="primary" + @click="onSeainf" + icon="el-icon-search" + ></c-button> + <c-button + size="small" + type="primary" + :disabled=" + model.ledgrp.ben.pts.adrblk && !model.ledgrp.rec.ownref + ? false + : true + " + @click="onLetpButgetref" + > + Git </c-button> - </c-col> - - <c-col :span="12"> - <el-form-item label="名称" prop="ledgrp.ben.namelc"> - <c-input type="textarea" v-model="model.ledgrp.ben.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input> - </el-form-item> + </c-col> + + <c-col :span="11" :offset="1"> + <el-form-item label="Name" prop="ledgrp.rec.nam"> + <c-input + v-model="model.ledgrp.rec.nam" + maxlength="40" + placeholder="请输入Name" + ></c-input> + </el-form-item> + </c-col> + </c-col> + + <c-col :span="24"> + <c-col :span="11"> + <c-col :span="24"> + <el-form-item label="Form of L/C" prop="ledgrp.rec.lcrtyp"> + <c-select + v-model="model.ledgrp.rec.lcrtyp" + style="width: 100%" + placeholder="请选择Form of L/C" + :code="codes.lcrtyp" + > + </c-select> + </el-form-item> </c-col> - - <c-col :span="12"> - <el-form-item label="Nominal Amount" prop="ledgrp.cbs.nom1.cur"> - <c-select v-model="model.ledgrp.cbs.nom1.cur" style="width:100%" placeholder="请选择Nominal Amount"> - </c-select> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Nominal Amount" prop="ledgrp.cbs.nom1.amt"> - <c-input v-model="model.ledgrp.cbs.nom1.amt" placeholder="请输入Nominal Amount"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <c-checkbox v-model="model.letp.aamp.aammod.addamtflg">Add. Amount</c-checkbox> - </c-col> - - <c-col :span="12"> - <el-form-item label="Address Block" prop="ledgrp.ben.pts.adrblk"> - <c-input type="textarea" v-model="model.ledgrp.ben.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input> - </el-form-item> + + <c-col :span="19"> + <el-form-item label="Responsible User" prop="letp.usr.extkey"> + <c-input + v-model="model.letp.usr.extkey" + maxlength="8" + placeholder="请输入Responsible User" + style="width: 95%" + :disabled="true" + ></c-input> + </el-form-item> </c-col> - - <c-col :span="12"> - <el-form-item label="Chinese address" prop="ledgrp.ben.dbfadrblkcn"> - <c-input type="textarea" v-model="model.ledgrp.ben.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input> - </el-form-item> + <c-col :span="5" class="centerLable"> + <c-checkbox :disabled="true" v-model="model.ledgrp.rec.collflg" + >Collateralized L/C</c-checkbox + > </c-col> - - <c-col :span="12"> - <c-checkbox v-model="model.ledgrp.preadvflg">PreAdvice or Notification</c-checkbox> - </c-col> - - <c-col :span="12"> - <el-form-item label="Amount Tolerance +/-" prop="ledgrp.rec.nomtop"> - <c-input v-model="model.ledgrp.rec.nomtop" placeholder="请输入Amount Tolerance +/-"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Amount Tolerance - Negative" prop="ledgrp.rec.nomton"> - <c-input v-model="model.ledgrp.rec.nomton" placeholder="请输入Amount Tolerance - Negative"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="地址" prop="ledgrp.ben.adrelc"> - <c-input type="textarea" v-model="model.ledgrp.ben.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input> - </el-form-item> + <c-col :span="11"> + <el-form-item label="Nominal Amount" prop="ledgrp.cbs.nom1.cur"> + <c-select + v-model="model.ledgrp.cbs.nom1.cur" + style="width: 100%" + placeholder="请选择cur" + :code="codes.cur" + > + </c-select> + </el-form-item> </c-col> - - <c-col :span="12"> - <c-checkbox v-model="model.ledgrp.rec.inctrf">Incoming Transfer</c-checkbox> - </c-col> - - <c-col :span="12"> - <el-form-item label="Amount Specification" prop="ledgrp.rec.nomspc"> - <c-select v-model="model.ledgrp.rec.nomspc" style="width:100%" placeholder="请选择Amount Specification"> - </c-select> - </el-form-item> - </c-col> - - <c-col :span="12"> - <c-checkbox v-model="model.ledgrp.rec.resflg">Reserved Contract</c-checkbox> - </c-col> - - <c-col :span="12"> - <el-form-item label="Maximum Amount" prop="ledgrp.cbs.max.cur"> - <c-select v-model="model.ledgrp.cbs.max.cur" style="width:100%" placeholder="请选择Maximum Amount"> - </c-select> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Maximum Amount" prop="ledgrp.cbs.max.amt"> - <c-input v-model="model.ledgrp.cbs.max.amt" placeholder="请输入Maximum Amount"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Issuer Ref." prop="ledgrp.iss.pts.ref"> - <c-input v-model="model.ledgrp.iss.pts.ref" maxlength="16" placeholder="请输入Issuer Ref."></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Drag Drop Sender" prop="letp.issp.ptsget.sdamod.dadsnd"> - <c-input v-model="model.letp.issp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Issued on" prop="ledgrp.rec.opndat"> - <c-date-picker type="date" v-model="model.ledgrp.rec.opndat" style="width:100%" placeholder="请选择Issued on"></c-date-picker> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Date Pre-advised" prop="ledgrp.rec.preadvdt"> - <c-date-picker type="date" v-model="model.ledgrp.rec.preadvdt" style="width:100%" placeholder="请选择Date Pre-advised"></c-date-picker> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="External Key of Address" prop="ledgrp.iss.pts.extkey"> - <c-input v-model="model.ledgrp.iss.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="letp.issp.ptsget.sdamod.seainf"> - <c-input v-model="model.letp.issp.ptsget.sdamod.seainf" placeholder="请输入"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <c-button size="small" type="primary" @click="onIsspDet"> - Details - </c-button> - </c-col> - - <c-col :span="12"> - <el-form-item label="名称" prop="ledgrp.iss.namelc"> - <c-input type="textarea" v-model="model.ledgrp.iss.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input> - </el-form-item> + + <c-col :span="8"> + <el-form-item label="" label-width="10px" prop="ledgrp.cbs.nom1.amt"> + <c-input-currency + v-model="model.ledgrp.cbs.nom1.amt" + style="width: 90%" + placeholder="请输入Nominal Amount" + ></c-input-currency> + </el-form-item> </c-col> - - <c-col :span="12"> - <el-form-item label="Shipment Date" prop="ledgrp.rec.shpdat"> - <c-date-picker type="date" v-model="model.ledgrp.rec.shpdat" style="width:100%" placeholder="请选择Shipment Date"></c-date-picker> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Released on" prop="ledgrp.rec.advdat"> - <c-date-picker type="date" v-model="model.ledgrp.rec.advdat" style="width:100%" placeholder="请选择Released on"></c-date-picker> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Address Block" prop="ledgrp.iss.pts.adrblk"> - <c-input type="textarea" v-model="model.ledgrp.iss.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input> - </el-form-item> + + <!-- <c-amtpanl + :model="model" + :span="20" + :message="{ + title: '开证金额', + cur: 'ledgrp.cbs.nom1.cur', + amt: 'ledgrp.cbs.nom1.amt', + }" + ></c-amtpanl> --> + <c-col :span="5" class="centerLable"> + <c-checkbox v-model="model.letp.aamp.aammod.addamtflg" + >Add. Amount</c-checkbox + > </c-col> - - <c-col :span="12"> - <el-form-item label="Chinese address" prop="ledgrp.iss.dbfadrblkcn"> - <c-input type="textarea" v-model="model.ledgrp.iss.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input> - </el-form-item> + + <c-col :span="11"> + <el-form-item label="Amount Tolerance +/-" prop="ledgrp.rec.nomtop"> + <c-input + v-model="model.ledgrp.rec.nomtop" + placeholder="请输入Amount Tolerance +/-" + ></c-input> + </el-form-item> </c-col> - - <c-col :span="12"> - <el-form-item label="Expiring on" prop="ledgrp.rec.expdat"> - <c-date-picker type="date" v-model="model.ledgrp.rec.expdat" style="width:100%" placeholder="请选择Expiring on"></c-date-picker> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="地址" prop="ledgrp.iss.adrelc"> - <c-input type="textarea" v-model="model.ledgrp.iss.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input> - </el-form-item> + <c-col :span="8"> + <el-form-item label="" label-width="10px" prop="ledgrp.rec.nomton"> + <c-input + v-model="model.ledgrp.rec.nomton" + style="width: 90%" + placeholder="请输入Amount Tolerance - Negative" + ></c-input> + </el-form-item> </c-col> - - <c-col :span="12"> - <el-form-item label="in (Place)/ counters of" prop="ledgrp.rec.expplc"> - <c-input v-model="model.ledgrp.rec.expplc" maxlength="29" placeholder="请输入in (Place)/ counters of"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Applicant Ref." prop="ledgrp.apl.pts.ref"> - <c-input v-model="model.ledgrp.apl.pts.ref" maxlength="16" placeholder="请输入Applicant Ref."></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Drag Drop Sender" prop="letp.aplp.ptsget.sdamod.dadsnd"> - <c-input v-model="model.letp.aplp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Confirmation Instruct." prop="ledgrp.rec.cnfdet"> - <c-select v-model="model.ledgrp.rec.cnfdet" style="width:100%" placeholder="请选择Confirmation Instruct."> - </c-select> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="External Key of Address" prop="ledgrp.apl.pts.extkey"> - <c-input v-model="model.ledgrp.apl.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="letp.aplp.ptsget.sdamod.seainf"> - <c-input v-model="model.letp.aplp.ptsget.sdamod.seainf" placeholder="请输入"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <c-button size="small" type="primary" @click="onAplpDet"> - Details - </c-button> - </c-col> - - <c-col :span="12"> - <el-form-item label="名称" prop="ledgrp.apl.namelc"> - <c-input type="textarea" v-model="model.ledgrp.apl.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input> - </el-form-item> + <!-- Incoming Transfer --> + <c-col :span="5" class="centerLable"> + <c-checkbox v-model="model.ledgrp.rec.inctrf" + >Incoming Transfer</c-checkbox + > </c-col> - - <c-col :span="12"> - <span v-text="model.letp.oppbnkl" data-path=".letp.oppbnkl" > </span> - </c-col> - - <c-col :span="12"> - <el-form-item label="境内外对手行代码" prop="ledgrp.rec.oppbnk"> - <c-input v-model="model.ledgrp.rec.oppbnk" maxlength="12" placeholder="请输入境内外对手行代码"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Address Block" prop="ledgrp.apl.pts.adrblk"> - <c-input type="textarea" v-model="model.ledgrp.apl.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input> - </el-form-item> + + <c-col :span="19"> + <el-form-item label="Amount Specification" prop="ledgrp.rec.nomspc"> + <c-select + v-model="model.ledgrp.rec.nomspc" + style="width: 95%" + placeholder="请选择Amount Specification" + :code="codes.nomspc" + :disabled="true" + > + </c-select> + </el-form-item> </c-col> - - <c-col :span="12"> - <el-form-item label="Chinese address" prop="ledgrp.apl.dbfadrblkcn"> - <c-input type="textarea" v-model="model.ledgrp.apl.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input> - </el-form-item> + <c-col :span="5" class="centerLable"> + <c-checkbox v-model="model.ledgrp.rec.resflg" + >Reserved Contract</c-checkbox + > </c-col> - - <c-col :span="12"> - <el-form-item label="Applicable Rules" prop="ledgrp.rec.apprul"> - <c-select v-model="model.ledgrp.rec.apprul" style="width:100%" placeholder="请选择Applicable Rules"> - </c-select> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="地址" prop="ledgrp.apl.adrelc"> - <c-input type="textarea" v-model="model.ledgrp.apl.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input> - </el-form-item> + + <c-col :span="12"> + <el-form-item label="Maximum Amount" prop="ledgrp.cbs.max.cur"> + <c-select + v-model="model.ledgrp.cbs.max.cur" + style="width: 100%" + placeholder="请选择币种" + :code="codes.cur" + > + </c-select> + </el-form-item> </c-col> - - <c-col :span="12"> - <el-form-item label="Other Applicable Rules" prop="ledgrp.rec.apprultxt"> - <c-input v-model="model.ledgrp.rec.apprultxt" maxlength="35" placeholder="请输入Other Applicable Rules"></c-input> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Partial Shipment" prop="ledgrp.rec.shppar"> - <c-select v-model="model.ledgrp.rec.shppar" style="width:100%" placeholder="请选择Partial Shipment"> - </c-select> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Partial Shipment" prop="ledgrp.rec.shppars18"> - <c-select v-model="model.ledgrp.rec.shppars18" style="width:100%" placeholder="请选择Partial Shipment"> - </c-select> - </el-form-item> - </c-col> - - <c-col :span="12"> - <c-checkbox v-model="model.ledgrp.rec.revflg">Revolving Flag</c-checkbox> - </c-col> - - <c-col :span="12"> - <c-checkbox v-model="model.ledgrp.rec.dbtflg">Authorization to Debit</c-checkbox> - </c-col> - - <c-col :span="12"> - <c-checkbox v-model="model.ledgrp.rec.nonban">Non-Bank Issuer</c-checkbox> - </c-col> - - <c-col :span="12"> - <el-form-item label="Transshipment" prop="ledgrp.rec.shptrs"> - <c-select v-model="model.ledgrp.rec.shptrs" style="width:100%" placeholder="请选择Transshipment"> - </c-select> - </el-form-item> - </c-col> - - <c-col :span="12"> - <el-form-item label="Transshipment" prop="ledgrp.rec.shptrss18"> - <c-select v-model="model.ledgrp.rec.shptrss18" style="width:100%" placeholder="请选择Transshipment"> - </c-select> - </el-form-item> - </c-col> - - <c-col :span="12"> - <c-checkbox v-model="model.ledgrp.rec.teskeyunc">Test Key Unconfirmity</c-checkbox> - </c-col> - </div> + + <c-col :span="12"> + <el-form-item label="" label-width="20px" prop="ledgrp.cbs.max.amt"> + <c-input-currency + v-model="model.ledgrp.cbs.max.amt" + placeholder="请输入Maximum Amount" + ></c-input-currency> + </el-form-item> + </c-col> + + <c-col :span="13"> + <el-form-item label="Issued on" prop="ledgrp.rec.opndat"> + <c-date-picker + type="date" + v-model="model.ledgrp.rec.opndat" + style="width: 90%" + placeholder="请选择Issued on" + ></c-date-picker> + </el-form-item> + </c-col> + <c-col :span="11"> + <el-form-item + label="Date Pre-advised" + label-width="130px" + prop="ledgrp.rec.preadvdt" + > + <c-date-picker + type="date" + v-model="model.ledgrp.rec.preadvdt" + style="width: 100%" + placeholder="请选择Date Pre-advised" + ></c-date-picker> + </el-form-item> + </c-col> + + <c-col :span="13"> + <el-form-item label="Shipment Date" prop="ledgrp.rec.shpdat"> + <c-date-picker + type="date" + v-model="model.ledgrp.rec.shpdat" + style="width: 90%" + placeholder="请选择Shipment Date" + ></c-date-picker> + </el-form-item> + </c-col> + + <c-col :span="11"> + <el-form-item + label="Released on" + label-width="130px" + prop="ledgrp.rec.advdat" + > + <c-date-picker + type="date" + v-model="model.ledgrp.rec.advdat" + style="width: 100%" + placeholder="请选择Released on" + ></c-date-picker> + </el-form-item> + </c-col> + + <c-col :span="13"> + <el-form-item label="Expiring on" prop="ledgrp.rec.expdat"> + <c-date-picker + type="date" + v-model="model.ledgrp.rec.expdat" + style="width: 90%" + placeholder="请选择到期日" + ></c-date-picker> + </el-form-item> + </c-col> + <c-col :span="10"></c-col> + + <c-col :span="24"> + <el-form-item label="in (Place)/counters of" prop="ledgrp.rec.expplc"> + <c-input + v-model="model.ledgrp.rec.expplc" + maxlength="29" + placeholder="有效地点" + ></c-input> + </el-form-item> + </c-col> + + <c-col :span="24"> + <el-form-item label="Confirmation Instruct" prop="ledgrp.rec.cnfdet"> + <c-select + v-model="model.ledgrp.rec.cnfdet" + style="width: 100%" + placeholder="请选择确认接收指示" + :code="codes.cnfins" + > + </c-select> + </el-form-item> + </c-col> + + <c-col :span="24"> + <el-form-item label="Applicable Rules" prop="ledgrp.rec.apprul"> + <c-select + v-model="model.ledgrp.rec.apprul" + style="width: 100%" + placeholder="请选择Applicable Rules" + :code="codes.apprul" + @change="apprulChange" + > + </c-select> + </el-form-item> + </c-col> + + <c-col :span="24"> + <el-form-item + label="Other Applicable Rules" + prop="ledgrp.rec.apprultxt" + > + <c-input + v-model="model.ledgrp.rec.apprultxt" + maxlength="35" + placeholder="请输入其他规则" + :disabled="model.ledgrp.rec.apprul === 'OTHR' ? false : true" + ></c-input> + </el-form-item> + </c-col> + <c-col :span="24"> + <el-form-item label="Partial Shipment" prop="ledgrp.rec.shppar"> + <c-select + v-model="model.ledgrp.rec.shppar" + style="width: 100%" + placeholder="请选择Partial Shipment" + :code="codes.shppar" + > + </c-select> + </el-form-item> + </c-col> + + <c-col :span="24"> + <el-form-item label="Transshipment" prop="ledgrp.rec.shptrss18"> + <c-select + v-model="model.ledgrp.rec.shptrss18" + style="width: 100%" + placeholder="请选择Transshipment" + :code="codes.shptrss18" + > + </c-select> + </el-form-item> + </c-col> + </c-col> + + <c-col :span="11" :offset="1"> + <c-ptap + :model="model" + :argadr="{ + title: '受益人', + grp: 'ledgrp', + rol: 'ben', + }" + :disabled="true" + @onSeainf="onSeainf" + @onAplpDet="onBenpDet" + > + </c-ptap> + + <c-ptap + :model="model" + :argadr="{ + title: '开证行', + grp: 'ledgrp', + rol: 'iss', + }" + :disabled="true" + @onSeainf="onSeainf" + @onAplpDet="onIsspDet" + > + </c-ptap> + + <c-ptap + :model="model" + :argadr="{ + title: '申请人', + grp: 'ledgrp', + rol: 'apl', + }" + :disabled="true" + @onSeainf="onSeainf" + @onAplpDet="onAplpDet" + > + </c-ptap> + + <c-col :span="12" class="centerLable marginLable"> + <c-checkbox v-model="model.ledgrp.rec.revflg" + >Revolving Flag</c-checkbox + > + </c-col> + + <!-- Authorization to Debit --> + <c-col :span="12" class="centerLable marginLable"> + <c-checkbox v-model="model.ledgrp.rec.dbtflg" + >Authorization to Debit</c-checkbox + > + </c-col> + + <!-- Non-Bank Issuer --> + <c-col :span="12" class="centerLable marginLable"> + <c-checkbox v-model="model.ledgrp.rec.nonban" + >Non-Bank Issuer</c-checkbox + > + </c-col> + + <!-- Test Key Unconfirmity --> + <c-col :span="12" class="centerLable marginLable"> + <c-checkbox v-model="model.ledgrp.rec.teskeyunc" + >Test Key Unconfirmity</c-checkbox + > + </c-col> + </c-col> + </c-col> + </c-row> </template> <script> -import Api from "~/service/Api" +import Api from "~/service/Api"; import CommonProcess from "~/mixin/CommonProcess"; -import CodeTable from "~/config/CodeTable" -import Event from "~/model/Letrsv/Event" +import CodeTable from "~/config/CodeTable"; +import Event from "~/model/Letopn/Event"; +import Ptap from "~/views/Public/Ptap"; +// import Amtpanl from "~/views/Public/Amtpanl"; export default { - inject: ['root'], - props:["model","codes"], - mixins: [CommonProcess], - data(){ - return { + components: { "c-ptap": Ptap }, + inject: ["root"], + props: ["model", "codes"], + mixins: [CommonProcess], + data() { + return {}; + }, + methods: { + ...Event, - } + apprulChange(v) { + if (v !== "OTHR") { + this.model.ledgrp.rec.apprultxt = ""; + } }, - methods:{...Event}, - created:function(){ - - } -} + }, + created: function () {}, +}; </script> <style> - +.centerLable { + margin-left: -10px; + height: 32px; + line-height: 32px; + padding-bottom: 2px; +} +.marginLable { + padding-left: 150px; +} </style> diff --git a/src/views/Business/Letrsv/index.vue b/src/views/Business/Letrsv/index.vue index 7a68533..e3b3a99 100644 --- a/src/views/Business/Letrsv/index.vue +++ b/src/views/Business/Letrsv/index.vue @@ -155,7 +155,7 @@ export default { defaultRules: Default, pattern: Pattern, rules: null, - codes: {}, + codes: { ...CodeTable }, }; }, methods: { -- libgit2 0.26.0