Skip to content

V
vue-gjjs
Commit 63ec5bd0 by lianyang
Options

letnot交易面板布局修改

parent 910d83d3
Showing with 261 additions and 412 deletions
src/views/Business/Letnot/Notcha.vue deleted 100644 → 0
<template>
<div class="eibs-tab">
<c-col :span="19">
<el-form-item label="Narrative to" prop="chaadv">
<c-input
type="textarea"
v-model="model.chaadv"
maxlength="50"
show-word-limit
placeholder="请输入Narrative to"
:rows="10"
></c-input>
</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/Letnot/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Letnot/Ovwp.vue
<template>
<c-row>
<c-col :span="24">
<c-col :span="8">
<el-form-item label="业务编号" prop="ledgrp.rec.ownref">
<c-input
v-model="model.ledgrp.rec.ownref"
maxlength="16"
placeholder="请输入Reference"
:disabled="true"
></c-input>
</el-form-item>
</c-col>
<c-col :span="3">
<c-button size="small" type="primary;width:10%" @click="onSeainf"
>i</c-button
>
<c-button
size="small"
type="primary"
:disabled="
model.ledgrp.ben.pts.adrblk && !model.ledgrp.rec.ownref ? false : true
"
@click="onLetpButgetref"
>
获取
</c-button>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="概要" prop="ledgrp.rec.nam">
<c-input
v-model="model.ledgrp.rec.nam"
maxlength="40"
placeholder="请输入概要"
></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="转让标志" prop="ledgrp.rec.lcrtyp">
<c-select
v-model="model.ledgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择转让标志"
:code="codes.lcrtyp"
>
</c-select>
</el-form-item>
</c-col>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="24">
<c-col :span="20">
<el-form-item label="经办柜员" prop="letp.usr.extkey">
<c-input
v-model="model.letp.usr.extkey"
maxlength="8"
placeholder="请输入经办柜员"
:disabled="true"
></c-input>
<el-form-item label="业务编号" prop="ledgrp.rec.ownref">
<c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入Reference" :disabled="true">
</c-input>
</el-form-item>
</c-col>
<c-col :span="4" class="centerLable">
<c-checkbox :disabled="true" v-model="model.ledgrp.rec.collflg"
>抵押信用证</c-checkbox
<!-- <c-col :span="1">
<c-button size="small" type="primary;width:10%" @click="onSeainf"
>i</c-button
>
<c-button
size="small"
type="primary"
:disabled="
model.ledgrp.ben.pts.adrblk && !model.ledgrp.rec.ownref ? false : true
"
@click="onLetpButgetref"
>
获取
</c-button>
</c-col> -->
<c-col :span="1">
<!-- <el-form-item label="" label-width="5px"> -->
<c-button style="margin: 0 10px 0 0; padding: 0 12px" size="small" type="primary" @click="onSeainf">
<span style="font-size: 15px; font-family: '宋体'; font-weight: bold">i</span>
</c-button>
<!-- </el-form-item> -->
</c-col>
<c-col :span="12">
<el-form-item label="信用证金额" prop="ledgrp.cbs.nom1.cur">
<c-select
v-model="model.ledgrp.cbs.nom1.cur"
style="width: 100%"
placeholder="请选择币种"
>
</c-select>
</el-form-item>
<c-col :span="2" :offset="1" style="text-align: right">
<!-- <el-form-item label="" label-width="5px"> -->
<c-button style="margin: 0 0" size="small" type="primary" :disabled="this.flag" @click="onDetpButgetref">
获取
</c-button>
<!-- </el-form-item> -->
</c-col>
</c-col>
<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="text-align: left; width: 100%"
placeholder="请输入信用证金额"
></c-input-currency>
</el-form-item>
</c-col>
<!-- Form of L/C -->
<c-col :span="24">
<el-form-item label="转让标志" prop="ledgrp.rec.lcrtyp">
<c-select v-model="model.ledgrp.rec.lcrtyp" style="width: 100%" placeholder="请选择转让标志" :code="codes.lcrtyp">
</c-select>
</el-form-item>
</c-col>
<!-- responsible user -->
<c-col :span="20">
<el-form-item label="经办柜员" prop="letp.usr.extkey">
<c-input v-model="model.letp.usr.extkey" maxlength="8" placeholder="请输入经办柜员" :disabled="true"></c-input>
</el-form-item>
</c-col>
<c-col :span="3" :offset="1">
<c-checkbox :disabled="true" v-model="model.ledgrp.rec.collflg">抵押信用证</c-checkbox>
</c-col>
<!-- nominal amount -->
<c-col :span="13">
<el-form-item label="信用证金额" prop="ledgrp.cbs.nom1.cur">
<c-select v-model="model.ledgrp.cbs.nom1.cur" style="width: 100%" placeholder="请选择币种"
:code="codes.curtxt1">
</c-select>
</el-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="10px" prop="ledgrp.cbs.nom1.amt">
<c-input-currency v-model="model.ledgrp.cbs.nom1.amt" style="text-align: left; width: 100%"
placeholder="请输入信用证金额"></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="3" :offset="1">
<c-checkbox v-model="model.letp.aamp.aammod.addamtflg">附加金额</c-checkbox>
</c-col>
<!-- <c-amtpanl
:model="model"
:span="20"
:message="{
title: '开证金额',
cur: 'ledgrp.cbs.nom1.cur',
amt: 'ledgrp.cbs.nom1.amt',
}"
></c-amtpanl> -->
<c-col :span="4" class="centerLable">
<c-checkbox v-model="model.letp.aamp.aammod.addamtflg"
>附加金额</c-checkbox
>
</c-col>
<c-col :span="13">
<el-form-item label="金额浮动 +/-" 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="金额浮动 +/-" 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="7">
<el-form-item label="" label-width="10px" 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="8">
<el-form-item label="" label-width="10px" prop="ledgrp.rec.nomton">
<c-input
v-model="model.ledgrp.rec.nomton"
placeholder="请输入Amount Tolerance - Negative"
></c-input>
</el-form-item>
</c-col>
<!-- Incoming Transfer -->
<c-col :span="4" class="centerLable">
<c-checkbox v-model="model.ledgrp.rec.inctrf">传入传输</c-checkbox>
</c-col>
<!-- <c-col :span="4">
<c-checkbox v-model="model.ledgrp.preadvflg">PreAdvice or Notification</c-checkbox>
</c-col> -->
<c-col :span="3" :offset="1">
<c-checkbox v-model="model.ledgrp.preadvflg">预先通知</c-checkbox>
</c-col>
<c-col :span="24">
<c-col :span="20">
<el-form-item label="适用金额规范" prop="ledgrp.rec.nomspc">
<c-select v-model="model.ledgrp.rec.nomspc" style="width: 100%" placeholder="请选择适用金额规范"
:code="codes.nomspc">
</c-select>
</el-form-item>
</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>
<!-- Incoming Transfer -->
<c-col :span="3" :offset="1">
<c-checkbox v-model="model.ledgrp.rec.inctrf">传入传输</c-checkbox>
</c-col>
</c-col>
<c-col :span="24">
<!-- Maximum Amount -->
<c-col :span="13">
<el-form-item label="最大金额" prop="ledgrp.cbs.max.cur">
<c-select v-model="model.ledgrp.cbs.max.cur" style="width: 100%" placeholder="请选择币种"
:code="codes.curtxt1">
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<c-col :span="24">
<el-form-item label="适用金额规范" prop="ledgrp.rec.nomspc">
<c-select
v-model="model.ledgrp.rec.nomspc"
style="width: 100%"
placeholder="请选择适用金额规范"
>
</c-select>
</el-form-item>
</c-col>
<el-form-item label="" label-width="10px" prop="ledgrp.cbs.max.amt">
<c-input v-model="model.ledgrp.cbs.max.amt" placeholder="请输入最大金额"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="最大金额" prop="ledgrp.cbs.max.cur">
<!-- Issued on -->
<c-col :span="13">
<el-form-item label="开证日期" prop="ledgrp.rec.opndat">
<c-date-picker type="date" v-model="model.ledgrp.rec.opndat" style="width: 100%" placeholder="请选择开证日期">
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="10" :offset="1">
<el-form-item label="预通知日期" label-width="80px" prop="ledgrp.rec.preadvdt">
<c-date-picker type="date" v-model="model.ledgrp.rec.preadvdt" style="width: 100%" placeholder="请选择日期">
</c-date-picker>
</el-form-item>
</c-col>
<!-- shipment date -->
<c-col :span="13">
<el-form-item label="装运日期" prop="ledgrp.rec.shpdat">
<c-date-picker type="date" v-model="model.ledgrp.rec.shpdat" style="width: 100%" placeholder="请选择装运日期">
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="10" :offset="1">
<el-form-item label="通知日期" label-width="80px" prop="ledgrp.rec.advdat">
<c-date-picker type="date" v-model="model.ledgrp.rec.advdat" style="width: 100%" placeholder="请选择通知日期">
</c-date-picker>
</el-form-item>
</c-col>
<!-- expiring on -->
<c-col :span="24">
<el-form-item label="到期日" prop="ledgrp.rec.expdat">
<c-date-picker type="date" v-model="model.ledgrp.rec.expdat" style="width: 100%" placeholder="请选择到期日">
</c-date-picker>
</el-form-item>
</c-col>
<!-- in (place)/counters of -->
<c-col :span="24">
<el-form-item label="有效地点" prop="ledgrp.rec.expplc">
<c-input v-model="model.ledgrp.rec.expplc" maxlength="29" placeholder="有效地点"></c-input>
</el-form-item>
</c-col>
<!-- Confirmation Instruct.Received -->
<c-col :span="24">
<el-form-item label="确认接收指示" prop="ledgrp.rec.cnfdet">
<c-select v-model="model.ledgrp.rec.cnfdet" style="width: 100%" placeholder="请选择确认接收指示"
:code="codes.cnfflg1">
</c-select>
</el-form-item>
</c-col>
<!-- Applicable rules -->
<c-col :span="24">
<el-form-item label="适用规则" prop="ledgrp.rec.apprul">
<c-select v-model="model.ledgrp.rec.apprul" style="width: 100%" placeholder="请选择适用规则"
:code="codes.apprul">
</c-select>
</el-form-item>
</c-col>
<!-- Other Applicable rules -->
<c-col :span="24">
<el-form-item label="其他规则" prop="ledgrp.rec.apprultxt">
<c-input v-model="model.ledgrp.rec.apprultxt" maxlength="35" placeholder="请输入其他规则"></c-input>
</el-form-item>
</c-col>
<!-- Partial shipment -->
<c-col :span="24">
<el-form-item label="分批装运" prop="ledgrp.rec.shppar">
<c-select v-model="model.ledgrp.rec.shppar" style="width: 100%" placeholder="请选择分批装运"
:code="codes.shptrss18">
</c-select>
</el-form-item>
</c-col>
<!-- Transshipment -->
<c-col :span="24">
<el-form-item label="转运" prop="ledgrp.rec.shptrs">
<c-select v-model="model.ledgrp.rec.shptrs" style="width:100%" placeholder="请选择Transshipment"
:code="codes.shptrss18">
</c-select>
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<el-form-item label="转运" prop="ledgrp.rec.shptrss18">
<c-select
v-model="model.ledgrp.cbs.max.cur"
v-model="model.ledgrp.rec.shptrss18"
style="width: 100%"
placeholder="请选择币种"
placeholder="请选择是否转运"
>
</c-select>
</el-form-item>
</c-col>
</c-col> -->
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="20px" prop="ledgrp.cbs.max.amt">
<c-input
v-model="model.ledgrp.cbs.max.amt"
placeholder="请输入最大金额"
></c-input>
</el-form-item>
</c-col>
<c-col :span="14">
<el-form-item label="开证日期" prop="ledgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.ledgrp.rec.opndat"
style="width: 100%"
placeholder="请选择开证日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item
label="预通知日期"
label-width="80px"
prop="ledgrp.rec.preadvdt"
>
<c-date-picker
type="date"
v-model="model.ledgrp.rec.preadvdt"
style="width: 100%"
placeholder="请选择日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="14">
<el-form-item label="装运日期" prop="ledgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.ledgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择装运日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item
label="通知日期"
label-width="80px"
prop="ledgrp.rec.advdat"
>
<c-date-picker
type="date"
v-model="model.ledgrp.rec.advdat"
style="width: 100%"
placeholder="请选择通知日期"
></c-date-picker>
</el-form-item>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="概要" prop="ledgrp.rec.nam">
<c-input v-model="model.ledgrp.rec.nam" maxlength="40" placeholder="请输入概要"></c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<c-ptap
:model="model"
:argadr="{
title: '开证行',
grp: 'ledgrp',
rol: 'iss',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onIsspDet"
>
<!-- <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="24">
<c-ptap :model="model" :argadr="{
title: '受益人',
grp: 'ledgrp',
rol: 'ben',
}" :disabled="true" :isAdrblk="false" @onSeainf="onSeainf" @onAplpDet="onBenpDet">
</c-ptap>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="11">
<c-col :span="14">
<el-form-item label="到期日" prop="ledgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.ledgrp.rec.expdat"
style="width: 100%"
placeholder="请选择到期日"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="10"></c-col>
<c-col :span="24">
<el-form-item label="有效地点" 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="确认接收指示" prop="ledgrp.rec.cnfdet">
<c-select
v-model="model.ledgrp.rec.cnfdet"
style="width: 100%"
placeholder="请选择确认接收指示"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="适用规则" prop="ledgrp.rec.apprul">
<c-select
v-model="model.ledgrp.rec.apprul"
style="width: 100%"
placeholder="请选择适用规则"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptap :model="model" :argadr="{
title: '开证行',
grp: 'ledgrp',
rol: 'iss',
}" :disabled="true" @onSeainf="onSeainf" @onAplpDet="onIsspDet">
</c-ptap>
</c-col>
<c-col :span="11" :offset="1">
<c-ptap
:model="model"
:argadr="{
title: '申请人',
grp: 'ledgrp',
rol: 'apl',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onAplpDet"
>
<c-col :span="24">
<c-ptap :model="model" :argadr="{
title: '申请人',
grp: 'ledgrp',
rol: 'apl',
}" :disabled="true" @onSeainf="onSeainf" @onAplpDet="onAplpDet">
</c-ptap>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="11">
<c-col :span="24">
<el-form-item label="其他规则" prop="ledgrp.rec.apprultxt">
<c-input
v-model="model.ledgrp.rec.apprultxt"
maxlength="35"
placeholder="请输入其他规则"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="分批装运" prop="ledgrp.rec.shppar">
<c-select
v-model="model.ledgrp.rec.shppar"
style="width: 100%"
placeholder="请选择分批装运"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="转运" prop="ledgrp.rec.shptrss18">
<c-select
v-model="model.ledgrp.rec.shptrss18"
style="width: 100%"
placeholder="请选择是否转运"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="24" class="centerLable marginLable">
<!-- <c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.revflg"
>Revolving Flag</c-checkbox
>
</c-col>
</c-col> -->
<!-- Authorization to Debit -->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.dbtflg">借记授权书</c-checkbox>
</c-col>
<!-- Authorization to Debit -->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.dbtflg">借记授权书</c-checkbox>
</c-col>
<!-- Non-Bank Issuer -->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.nonban"
>非银行发行人</c-checkbox
>
</c-col>
<!-- Non-Bank Issuer -->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.nonban">非银行发行人</c-checkbox>
</c-col>
<!-- Test Key Unconfirmity -->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.teskeyunc">测试密钥</c-checkbox>
</c-col>
<!-- Test Key Unconfirmity -->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.teskeyunc">测试密钥</c-checkbox>
</c-col>
</c-col>
<!-- <c-amtpanl
:model="model"
:span="20"
:message="{
title: '开证金额',
cur: 'ledgrp.cbs.nom1.cur',
amt: 'ledgrp.cbs.nom1.amt',
}"
></c-amtpanl> -->
</c-row>
</template>
<script>
......@@ -383,7 +315,12 @@ export default {
return {};
},
methods: { ...Event },
created: function () {},
created: function () { },
// computed: {
// flag() {
// return this.model.dedgrp.ben.pts.extkey == "";
// },
// },
};
</script>
<style>
......@@ -392,6 +329,7 @@ export default {
height: 32px;
line-height: 32px;
}
.marginLable {
padding-left: 150px;
}
......
src/views/Business/Letnot/Ptyp.vue
......@@ -35,6 +35,7 @@
v-model="model.ledgrp.rec.cnfins"
style="width: 100%"
placeholder="第二通知行确认指令"
:code="codes.cnfflg1"
>
</c-select>
</el-form-item>
......
src/views/Business/Letnot/Setpan.vue deleted 100644 → 0
<template>
<div class="eibs-tab">
<c-col :span="12">
<c-button size="small" type="primary" @click="onSetmodDet">
细节
</c-button>
</c-col>
<c-col :span="12">
<span v-text="model.setmod.retmsg" data-path=".setmod.retmsg"> </span>
</c-col>
<c-col :span="12">
<el-form-item label="自区主号" prop="setmod.zmqacc">
<c-input
v-model="model.setmod.zmqacc"
maxlength="20"
placeholder="请输入自区主号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.setmod.zmqacclab" data-path=".setmod.zmqacclab">
</span>
</c-col>
<c-col :span="12">
<span
v-text="model.setmod.setglg.labdspflg"
data-path=".setmod.setglg.labdspflg"
>
</span>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Letnot/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment