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> <template>
<c-row> <c-row>
<c-col :span="24"> <!-- ====================左边======================= -->
<c-col :span="8"> <c-col :span="11">
<el-form-item label="业务编号" prop="ledgrp.rec.ownref"> <c-col :span="24">
<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="20"> <c-col :span="20">
<el-form-item label="经办柜员" prop="letp.usr.extkey"> <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.letp.usr.extkey" </c-input>
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="1">
<c-checkbox :disabled="true" v-model="model.ledgrp.rec.collflg" <c-button size="small" type="primary;width:10%" @click="onSeainf"
>抵押信用证</c-checkbox >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>
<c-col :span="12"> <c-col :span="2" :offset="1" style="text-align: right">
<el-form-item label="信用证金额" prop="ledgrp.cbs.nom1.cur"> <!-- <el-form-item label="" label-width="5px"> -->
<c-select <c-button style="margin: 0 0" size="small" type="primary" :disabled="this.flag" @click="onDetpButgetref">
v-model="model.ledgrp.cbs.nom1.cur" 获取
style="width: 100%" </c-button>
placeholder="请选择币种" <!-- </el-form-item> -->
>
</c-select>
</el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="8"> <!-- Form of L/C -->
<el-form-item label="" label-width="10px" prop="ledgrp.cbs.nom1.amt"> <c-col :span="24">
<c-input-currency <el-form-item label="转让标志" prop="ledgrp.rec.lcrtyp">
v-model="model.ledgrp.cbs.nom1.amt" <c-select v-model="model.ledgrp.rec.lcrtyp" style="width: 100%" placeholder="请选择转让标志" :code="codes.lcrtyp">
style="text-align: left; width: 100%" </c-select>
placeholder="请输入信用证金额" </el-form-item>
></c-input-currency> </c-col>
</el-form-item> <!-- responsible user -->
</c-col> <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 <c-col :span="13">
:model="model" <el-form-item label="金额浮动 +/-" prop="ledgrp.rec.nomtop">
:span="20" <c-input v-model="model.ledgrp.rec.nomtop" placeholder="请输入Amount Tolerance +/-"></c-input>
:message="{ </el-form-item>
title: '开证金额', </c-col>
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="12"> <c-col :span="7">
<el-form-item label="金额浮动 +/-" prop="ledgrp.rec.nomtop"> <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.nomtop" </el-form-item>
placeholder="请输入Amount Tolerance +/-" </c-col>
></c-input>
</el-form-item>
</c-col>
<c-col :span="8"> <!-- <c-col :span="4">
<el-form-item label="" label-width="10px" prop="ledgrp.rec.nomton"> <c-checkbox v-model="model.ledgrp.preadvflg">PreAdvice or Notification</c-checkbox>
<c-input </c-col> -->
v-model="model.ledgrp.rec.nomton" <c-col :span="3" :offset="1">
placeholder="请输入Amount Tolerance - Negative" <c-checkbox v-model="model.ledgrp.preadvflg">预先通知</c-checkbox>
></c-input> </c-col>
</el-form-item> <c-col :span="24">
</c-col> <c-col :span="20">
<!-- Incoming Transfer --> <el-form-item label="适用金额规范" prop="ledgrp.rec.nomspc">
<c-col :span="4" class="centerLable"> <c-select v-model="model.ledgrp.rec.nomspc" style="width: 100%" placeholder="请选择适用金额规范"
<c-checkbox v-model="model.ledgrp.rec.inctrf">传入传输</c-checkbox> :code="codes.nomspc">
</c-col> </c-select>
</el-form-item>
</c-col> </c-col>
<c-col :span="11" :offset="1"> <!-- Incoming Transfer -->
<c-ptap <c-col :span="3" :offset="1">
:model="model" <c-checkbox v-model="model.ledgrp.rec.inctrf">传入传输</c-checkbox>
:argadr="{
title: '受益人',
grp: 'ledgrp',
rol: 'ben',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
>
</c-ptap>
</c-col> </c-col>
</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="11">
<c-col :span="24"> <el-form-item label="" label-width="10px" prop="ledgrp.cbs.max.amt">
<el-form-item label="适用金额规范" prop="ledgrp.rec.nomspc"> <c-input v-model="model.ledgrp.cbs.max.amt" placeholder="请输入最大金额"></c-input>
<c-select </el-form-item>
v-model="model.ledgrp.rec.nomspc" </c-col>
style="width: 100%"
placeholder="请选择适用金额规范"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12"> <!-- Issued on -->
<el-form-item label="最大金额" prop="ledgrp.cbs.max.cur"> <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 <c-select
v-model="model.ledgrp.cbs.max.cur" v-model="model.ledgrp.rec.shptrss18"
style="width: 100%" style="width: 100%"
placeholder="请选择币种" placeholder="请选择是否转运"
> >
</c-select> </c-select>
</el-form-item> </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-col :span="11" :offset="1">
<c-date-picker <c-col :span="24">
type="date" <el-form-item label="概要" prop="ledgrp.rec.nam">
v-model="model.ledgrp.rec.shpdat" <c-input v-model="model.ledgrp.rec.nam" maxlength="40" placeholder="请输入概要"></c-input>
style="width: 100%" </el-form-item>
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> </c-col>
<c-col :span="11" :offset="1"> <!-- <c-col :span="12">
<c-ptap <el-form-item label="Beneficiary Ref." prop="ledgrp.ben.pts.ref">
:model="model" <c-input v-model="model.ledgrp.ben.pts.ref" maxlength="16" placeholder="请输入Beneficiary Ref."></c-input>
:argadr="{ </el-form-item>
title: '开证行', </c-col>
grp: 'ledgrp',
rol: 'iss', <c-col :span="12">
}" <el-form-item label="Drag Drop Sender" prop="letp.benp.ptsget.sdamod.dadsnd">
:disabled="true" <c-input v-model="model.letp.benp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
@onSeainf="onSeainf" </el-form-item>
@onAplpDet="onIsspDet" </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-ptap>
</c-col> </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"> <c-col :span="24">
<el-form-item label="适用规则" prop="ledgrp.rec.apprul"> <c-ptap :model="model" :argadr="{
<c-select title: '开证行',
v-model="model.ledgrp.rec.apprul" grp: 'ledgrp',
style="width: 100%" rol: 'iss',
placeholder="请选择适用规则" }" :disabled="true" @onSeainf="onSeainf" @onAplpDet="onIsspDet">
> </c-ptap>
</c-select>
</el-form-item>
</c-col>
</c-col> </c-col>
<c-col :span="11" :offset="1"> <c-col :span="24">
<c-ptap <c-ptap :model="model" :argadr="{
:model="model" title: '申请人',
:argadr="{ grp: 'ledgrp',
title: '申请人', rol: 'apl',
grp: 'ledgrp', }" :disabled="true" @onSeainf="onSeainf" @onAplpDet="onAplpDet">
rol: 'apl',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onAplpDet"
>
</c-ptap> </c-ptap>
</c-col> </c-col>
</c-col>
<c-col :span="24"> <!-- <c-col :span="24" class="centerLable marginLable">
<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-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">
<c-checkbox v-model="model.ledgrp.rec.dbtflg">借记授权书</c-checkbox> <c-checkbox v-model="model.ledgrp.rec.dbtflg">借记授权书</c-checkbox>
</c-col> </c-col>
<!-- 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