Skip to content

V
vue-gjjs
Commit 63ec5bd0 by lianyang
Options

letnot交易面板布局修改

parent 910d83d3
Showing with 174 additions and 325 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> <template>
<c-row> <c-row>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="24"> <c-col :span="24">
<c-col :span="8"> <c-col :span="20">
<el-form-item label="业务编号" prop="ledgrp.rec.ownref"> <el-form-item label="业务编号" prop="ledgrp.rec.ownref">
<c-input <c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入Reference" :disabled="true">
v-model="model.ledgrp.rec.ownref" </c-input>
maxlength="16"
placeholder="请输入Reference"
:disabled="true"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="3"> <!-- <c-col :span="1">
<c-button size="small" type="primary;width:10%" @click="onSeainf" <c-button size="small" type="primary;width:10%" @click="onSeainf"
>i</c-button >i</c-button
> >
...@@ -25,310 +23,184 @@ ...@@ -25,310 +23,184 @@
> >
获取 获取
</c-button> </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>
<c-col :span="2" :offset="1" style="text-align: right">
<c-col :span="11" :offset="1"> <!-- <el-form-item label="" label-width="5px"> -->
<el-form-item label="概要" prop="ledgrp.rec.nam"> <c-button style="margin: 0 0" size="small" type="primary" :disabled="this.flag" @click="onDetpButgetref">
<c-input 获取
v-model="model.ledgrp.rec.nam" </c-button>
maxlength="40" <!-- </el-form-item> -->
placeholder="请输入概要"
></c-input>
</el-form-item>
</c-col> </c-col>
</c-col> </c-col>
<c-col :span="24"> <!-- Form of L/C -->
<c-col :span="11">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="转让标志" prop="ledgrp.rec.lcrtyp"> <el-form-item label="转让标志" prop="ledgrp.rec.lcrtyp">
<c-select <c-select v-model="model.ledgrp.rec.lcrtyp" style="width: 100%" placeholder="请选择转让标志" :code="codes.lcrtyp">
v-model="model.ledgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择转让标志"
:code="codes.lcrtyp"
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- responsible user -->
<c-col :span="20"> <c-col :span="20">
<el-form-item label="经办柜员" prop="letp.usr.extkey"> <el-form-item label="经办柜员" prop="letp.usr.extkey">
<c-input <c-input v-model="model.letp.usr.extkey" maxlength="8" placeholder="请输入经办柜员" :disabled="true"></c-input>
v-model="model.letp.usr.extkey"
maxlength="8"
placeholder="请输入经办柜员"
:disabled="true"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="4" class="centerLable"> <c-col :span="3" :offset="1">
<c-checkbox :disabled="true" v-model="model.ledgrp.rec.collflg" <c-checkbox :disabled="true" v-model="model.ledgrp.rec.collflg">抵押信用证</c-checkbox>
>抵押信用证</c-checkbox
>
</c-col> </c-col>
<c-col :span="12"> <!-- nominal amount -->
<c-col :span="13">
<el-form-item label="信用证金额" prop="ledgrp.cbs.nom1.cur"> <el-form-item label="信用证金额" prop="ledgrp.cbs.nom1.cur">
<c-select <c-select v-model="model.ledgrp.cbs.nom1.cur" style="width: 100%" placeholder="请选择币种"
v-model="model.ledgrp.cbs.nom1.cur" :code="codes.curtxt1">
style="width: 100%"
placeholder="请选择币种"
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="7">
<c-col :span="8">
<el-form-item label="" label-width="10px" prop="ledgrp.cbs.nom1.amt"> <el-form-item label="" label-width="10px" prop="ledgrp.cbs.nom1.amt">
<c-input-currency <c-input-currency v-model="model.ledgrp.cbs.nom1.amt" style="text-align: left; width: 100%"
v-model="model.ledgrp.cbs.nom1.amt" placeholder="请输入信用证金额"></c-input-currency>
style="text-align: left; width: 100%"
placeholder="请输入信用证金额"
></c-input-currency>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="3" :offset="1">
<!-- <c-amtpanl <c-checkbox v-model="model.letp.aamp.aammod.addamtflg">附加金额</c-checkbox>
: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>
<c-col :span="12"> <c-col :span="13">
<el-form-item label="金额浮动 +/-" prop="ledgrp.rec.nomtop"> <el-form-item label="金额浮动 +/-" prop="ledgrp.rec.nomtop">
<c-input <c-input v-model="model.ledgrp.rec.nomtop" placeholder="请输入Amount Tolerance +/-"></c-input>
v-model="model.ledgrp.rec.nomtop"
placeholder="请输入Amount Tolerance +/-"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="7">
<el-form-item label="" label-width="10px" prop="ledgrp.rec.nomton"> <el-form-item label="" label-width="10px" prop="ledgrp.rec.nomton">
<c-input <c-input v-model="model.ledgrp.rec.nomton" placeholder="请输入Amount Tolerance - Negative"></c-input>
v-model="model.ledgrp.rec.nomton"
placeholder="请输入Amount Tolerance - Negative"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- Incoming Transfer -->
<c-col :span="4" class="centerLable">
<c-checkbox v-model="model.ledgrp.rec.inctrf">传入传输</c-checkbox>
</c-col>
</c-col>
<c-col :span="11" :offset="1"> <!-- <c-col :span="4">
<c-ptap <c-checkbox v-model="model.ledgrp.preadvflg">PreAdvice or Notification</c-checkbox>
:model="model" </c-col> -->
:argadr="{ <c-col :span="3" :offset="1">
title: '受益人', <c-checkbox v-model="model.ledgrp.preadvflg">预先通知</c-checkbox>
grp: 'ledgrp',
rol: 'ben',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
>
</c-ptap>
</c-col>
</c-col> </c-col>
<c-col :span="24">
<c-col :span="11">
<c-col :span="24"> <c-col :span="24">
<c-col :span="20">
<el-form-item label="适用金额规范" prop="ledgrp.rec.nomspc"> <el-form-item label="适用金额规范" prop="ledgrp.rec.nomspc">
<c-select <c-select v-model="model.ledgrp.rec.nomspc" style="width: 100%" placeholder="请选择适用金额规范"
v-model="model.ledgrp.rec.nomspc" :code="codes.nomspc">
style="width: 100%"
placeholder="请选择适用金额规范"
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <!-- Incoming Transfer -->
<c-col :span="3" :offset="1">
<c-checkbox v-model="model.ledgrp.rec.inctrf">传入传输</c-checkbox>
</c-col>
</c-col>
<!-- Maximum Amount -->
<c-col :span="13">
<el-form-item label="最大金额" prop="ledgrp.cbs.max.cur"> <el-form-item label="最大金额" prop="ledgrp.cbs.max.cur">
<c-select <c-select v-model="model.ledgrp.cbs.max.cur" style="width: 100%" placeholder="请选择币种"
v-model="model.ledgrp.cbs.max.cur" :code="codes.curtxt1">
style="width: 100%"
placeholder="请选择币种"
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="11">
<el-form-item label="" label-width="20px" prop="ledgrp.cbs.max.amt"> <el-form-item label="" label-width="10px" prop="ledgrp.cbs.max.amt">
<c-input <c-input v-model="model.ledgrp.cbs.max.amt" placeholder="请输入最大金额"></c-input>
v-model="model.ledgrp.cbs.max.amt"
placeholder="请输入最大金额"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="14"> <!-- Issued on -->
<c-col :span="13">
<el-form-item label="开证日期" prop="ledgrp.rec.opndat"> <el-form-item label="开证日期" prop="ledgrp.rec.opndat">
<c-date-picker <c-date-picker type="date" v-model="model.ledgrp.rec.opndat" style="width: 100%" placeholder="请选择开证日期">
type="date" </c-date-picker>
v-model="model.ledgrp.rec.opndat"
style="width: 100%"
placeholder="请选择开证日期"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="10"> <c-col :span="10" :offset="1">
<el-form-item <el-form-item label="预通知日期" label-width="80px" prop="ledgrp.rec.preadvdt">
label="预通知日期" <c-date-picker type="date" v-model="model.ledgrp.rec.preadvdt" style="width: 100%" placeholder="请选择日期">
label-width="80px" </c-date-picker>
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> </el-form-item>
</c-col> </c-col>
<!-- shipment date -->
<c-col :span="14"> <c-col :span="13">
<el-form-item label="装运日期" prop="ledgrp.rec.shpdat"> <el-form-item label="装运日期" prop="ledgrp.rec.shpdat">
<c-date-picker <c-date-picker type="date" v-model="model.ledgrp.rec.shpdat" style="width: 100%" placeholder="请选择装运日期">
type="date" </c-date-picker>
v-model="model.ledgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择装运日期"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="10" :offset="1">
<c-col :span="10"> <el-form-item label="通知日期" label-width="80px" prop="ledgrp.rec.advdat">
<el-form-item <c-date-picker type="date" v-model="model.ledgrp.rec.advdat" style="width: 100%" placeholder="请选择通知日期">
label="通知日期" </c-date-picker>
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> </el-form-item>
</c-col> </c-col>
</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-ptap>
</c-col>
</c-col>
<!-- expiring on -->
<c-col :span="24"> <c-col :span="24">
<c-col :span="11">
<c-col :span="14">
<el-form-item label="到期日" prop="ledgrp.rec.expdat"> <el-form-item label="到期日" prop="ledgrp.rec.expdat">
<c-date-picker <c-date-picker type="date" v-model="model.ledgrp.rec.expdat" style="width: 100%" placeholder="请选择到期日">
type="date" </c-date-picker>
v-model="model.ledgrp.rec.expdat"
style="width: 100%"
placeholder="请选择到期日"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="10"></c-col> <!-- in (place)/counters of -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="有效地点" prop="ledgrp.rec.expplc"> <el-form-item label="有效地点" prop="ledgrp.rec.expplc">
<c-input <c-input v-model="model.ledgrp.rec.expplc" maxlength="29" placeholder="有效地点"></c-input>
v-model="model.ledgrp.rec.expplc"
maxlength="29"
placeholder="有效地点"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- Confirmation Instruct.Received -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="确认接收指示" prop="ledgrp.rec.cnfdet"> <el-form-item label="确认接收指示" prop="ledgrp.rec.cnfdet">
<c-select <c-select v-model="model.ledgrp.rec.cnfdet" style="width: 100%" placeholder="请选择确认接收指示"
v-model="model.ledgrp.rec.cnfdet" :code="codes.cnfflg1">
style="width: 100%"
placeholder="请选择确认接收指示"
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- Applicable rules -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="适用规则" prop="ledgrp.rec.apprul"> <el-form-item label="适用规则" prop="ledgrp.rec.apprul">
<c-select <c-select v-model="model.ledgrp.rec.apprul" style="width: 100%" placeholder="请选择适用规则"
v-model="model.ledgrp.rec.apprul" :code="codes.apprul">
style="width: 100%"
placeholder="请选择适用规则"
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> <!-- Other Applicable rules -->
<c-col :span="11" :offset="1">
<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"> <c-col :span="24">
<el-form-item label="其他规则" prop="ledgrp.rec.apprultxt"> <el-form-item label="其他规则" prop="ledgrp.rec.apprultxt">
<c-input <c-input v-model="model.ledgrp.rec.apprultxt" maxlength="35" placeholder="请输入其他规则"></c-input>
v-model="model.ledgrp.rec.apprultxt"
maxlength="35"
placeholder="请输入其他规则"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- Partial shipment -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="分批装运" prop="ledgrp.rec.shppar"> <el-form-item label="分批装运" prop="ledgrp.rec.shppar">
<c-select <c-select v-model="model.ledgrp.rec.shppar" style="width: 100%" placeholder="请选择分批装运"
v-model="model.ledgrp.rec.shppar" :code="codes.shptrss18">
style="width: 100%"
placeholder="请选择分批装运"
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- Transshipment -->
<c-col :span="24"> <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"> <el-form-item label="转运" prop="ledgrp.rec.shptrss18">
<c-select <c-select
v-model="model.ledgrp.rec.shptrss18" v-model="model.ledgrp.rec.shptrss18"
...@@ -337,14 +209,62 @@ ...@@ -337,14 +209,62 @@
> >
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> -->
</c-col> </c-col>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<c-col :span="24" class="centerLable marginLable"> <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="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 :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="24">
<c-ptap :model="model" :argadr="{
title: '申请人',
grp: 'ledgrp',
rol: 'apl',
}" :disabled="true" @onSeainf="onSeainf" @onAplpDet="onAplpDet">
</c-ptap>
</c-col>
<!-- <c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.revflg" <c-checkbox v-model="model.ledgrp.rec.revflg"
>Revolving Flag</c-checkbox >Revolving Flag</c-checkbox
> >
</c-col> </c-col> -->
<!-- Authorization to Debit --> <!-- Authorization to Debit -->
<c-col :span="24" class="centerLable marginLable"> <c-col :span="24" class="centerLable marginLable">
...@@ -353,17 +273,29 @@ ...@@ -353,17 +273,29 @@
<!-- Non-Bank Issuer --> <!-- Non-Bank Issuer -->
<c-col :span="24" class="centerLable marginLable"> <c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.nonban" <c-checkbox v-model="model.ledgrp.rec.nonban">非银行发行人</c-checkbox>
>非银行发行人</c-checkbox
>
</c-col> </c-col>
<!-- Test Key Unconfirmity --> <!-- Test Key Unconfirmity -->
<c-col :span="24" class="centerLable marginLable"> <c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.teskeyunc">测试密钥</c-checkbox> <c-checkbox v-model="model.ledgrp.rec.teskeyunc">测试密钥</c-checkbox>
</c-col> </c-col>
</c-col> </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> </c-row>
</template> </template>
<script> <script>
...@@ -383,7 +315,12 @@ export default { ...@@ -383,7 +315,12 @@ export default {
return {}; return {};
}, },
methods: { ...Event }, methods: { ...Event },
created: function () {}, created: function () { },
// computed: {
// flag() {
// return this.model.dedgrp.ben.pts.extkey == "";
// },
// },
}; };
</script> </script>
<style> <style>
...@@ -392,6 +329,7 @@ export default { ...@@ -392,6 +329,7 @@ export default {
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
} }
.marginLable { .marginLable {
padding-left: 150px; padding-left: 150px;
} }
......
src/views/Business/Letnot/Ptyp.vue
...@@ -35,6 +35,7 @@ ...@@ -35,6 +35,7 @@
v-model="model.ledgrp.rec.cnfins" v-model="model.ledgrp.rec.cnfins"
style="width: 100%" style="width: 100%"
placeholder="第二通知行确认指令" placeholder="第二通知行确认指令"
:code="codes.cnfflg1"
> >
</c-select> </c-select>
</el-form-item> </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