Skip to content

V
vue-gjjs
Commit 9ea4a037 by lianyang
Options

letame/letdav页面微调

parent 271f1045
Showing with 340 additions and 336 deletions
src/views/Business/Letame/Ovwp.vue
......@@ -161,6 +161,7 @@
</c-col>
<!-- Maximum Amount 信用证最大金额-->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Maximum Amount" prop="ledgrp.cbs.max.cur">
<c-select
......@@ -183,7 +184,9 @@
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!-- Issued on开证日期 Date Pre-advised 预通知日期-->
<c-col :span="12">
<el-form-item label="Issued on" prop="ledgrp.rec.opndat">
......@@ -198,7 +201,9 @@
</c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!-- Shipment Date 装运日期 -->
<c-col :span="12">
<el-form-item label="Shipment Date" prop="ledgrp.rec.shpdat">
......@@ -212,7 +217,9 @@
</c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!--Expiring on 到期日 -->
<c-col :span="12">
<el-form-item label="Expiring on" prop="ledgrp.rec.expdat">
......@@ -227,6 +234,7 @@
</el-form-item>
</c-col>
<c-col :span="12"></c-col>
</c-col>
<!-- in (Place)/counters of有效地点 -->
<c-col :span="24">
......
src/views/Business/Letdav/Davp.vue
<template>
<div class="eibs-tab">
<!-- ============================顶部-第一行================================ -->
<c-row>
<c-row>
<!-- ============================顶部-第一行================================ -->
<c-row>
<c-col :span="24">
<c-col :span="12">
<el-form-item
......@@ -39,22 +40,22 @@
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Name" prop="ledgrp.rec.nam">
<c-input
text-align="middle"
v-model="model.ledgrp.rec.nam"
maxlength="40"
placeholder="请输入"
disabled
>
</c-input>
</el-form-item>
<c-col :span="11" :offset="1">
<el-form-item label="Name" prop="ledgrp.rec.nam">
<c-input
text-align="middle"
v-model="model.ledgrp.rec.nam"
maxlength="40"
placeholder="请输入"
disabled
>
</c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
</c-row>
</c-row>
<!-- 第二行 金额部分 -->
<!-- 第二行 金额部分 -->
<c-row>
<!-- ========================上半部分的左边=========================== -->
<c-col :span="12">
......@@ -101,40 +102,41 @@
</c-col>
</c-col>
<!-- Open Amount 信用证余额-->
<!-- Open Amount 信用证余额-->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Open Amount" prop="ledgrp.cbs.opn1.cur">
<c-input
v-model="model.ledgrp.cbs.opn1.cur"
maxlength="3"
placeholder="请输入信用证余额"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.opn1.amt">
<c-input
v-model="model.ledgrp.cbs.opn1.amt"
style="text-align: left; width: 100%"
class="m-input-currency"
placeholder="请输入Balance"
<el-form-item label="Open Amount" prop="ledgrp.cbs.opn1.cur">
<c-input
v-model="model.ledgrp.cbs.opn1.cur"
maxlength="3"
placeholder="请输入信用证余额"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.opn1.amt">
<c-input
v-model="model.ledgrp.cbs.opn1.amt"
style="text-align: left; width: 100%"
class="m-input-currency"
placeholder="请输入Balance"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="5">
<c-checkbox
v-model="model.ledgrp.rec.revflg"
style="margin-left: 10px"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="5">
<c-checkbox v-model="model.ledgrp.rec.revflg"
style="margin-left: 10px"
disabled
>Revolving L/C</c-checkbox
>
</c-col>
>Revolving L/C</c-checkbox
>
</c-col>
</c-col>
<c-row>
<!-- Available with指定银行 -->
<c-col :span="24">
<!-- Available with指定银行 -->
<c-col :span="19">
<el-form-item label="Available with" prop="ledgrp.avbnam">
<c-input
......@@ -145,185 +147,184 @@
></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="24">
<c-col :span="19">
<el-form-item label="Available by [AVBBY0]" prop="ledgrp.rec.avbby">
<c-select
v-model="model.ledgrp.rec.avbby"
style="width: 100%"
placeholder="请选择Available by [AVBBY0]"
:code="codes.avbby"
<el-form-item label="Available by [AVBBY0]" prop="ledgrp.rec.avbby">
<c-select
v-model="model.ledgrp.rec.avbby"
style="width: 100%"
placeholder="请选择Available by [AVBBY0]"
:code="codes.avbby"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="5">
<c-checkbox
v-model="model.ledgrp.rec.redclsflg"
style="margin-left: 10px"
disabled
>Red/Green Clause</c-checkbox
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="5">
<c-checkbox v-model="model.ledgrp.rec.redclsflg"
style="margin-left: 10px"
disabled
>Red/Green Clause</c-checkbox
>
</c-col>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Date Issued" prop="ledgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.ledgrp.rec.opndat"
style="width: 100%"
placeholder="请选择Date Issued"
value-format="yyyy-MM-dd"
disabled
></c-date-picker>
</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"
value-format="yyyy-MM-dd"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<el-form-item label="Date Issued" prop="ledgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.ledgrp.rec.opndat"
style="width: 100%"
placeholder="请选择Date Issued"
value-format="yyyy-MM-dd"
disabled
></c-date-picker>
</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"
value-format="yyyy-MM-dd"
disabled
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Date/Place of Expiry" prop="ledgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.ledgrp.rec.expdat"
style="width: 100%"
placeholder="请选择Date/Place of Expiry"
value-format="yyyy-MM-dd"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="" label-width="5px" prop="ledgrp.rec.expplc">
<c-input
v-model="model.ledgrp.rec.expplc"
maxlength="29"
placeholder="请输入Date/Place of Expiry"
value-format="yyyy-MM-dd"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<el-form-item label="Date/Place of Expiry" prop="ledgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.ledgrp.rec.expdat"
style="width: 100%"
placeholder="请选择Date/Place of Expiry"
value-format="yyyy-MM-dd"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px" prop="ledgrp.rec.expplc">
<c-input
v-model="model.ledgrp.rec.expplc"
maxlength="29"
placeholder="请输入Date/Place of Expiry"
value-format="yyyy-MM-dd"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<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"
disabled
:code="codes.lcrtyp"
>
</c-select>
</el-form-item>
</c-col>
<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"
disabled
:code="codes.lcrtyp"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- ========================上半部分的右边======================= -->
<!-- ========================上半部分的右边======================= -->
<c-col :span="11" :offset="1">
<!-- Applicant Ref. 申请人 -->
<!-- Applicant Ref. 申请人 -->
<c-col :span="24">
<el-form-item label="Applicant Ref." prop="bedgrp.apl.pts.ref">
<c-input
v-model="model.bedgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入Applicant"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bedgrp.apl.pts.nam">
<c-input
v-model="model.bedgrp.apl.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col>
<el-form-item label="Applicant Ref." prop="bedgrp.apl.pts.ref">
<c-input
v-model="model.bedgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入Applicant"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bedgrp.apl.pts.nam">
<c-input
v-model="model.bedgrp.apl.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Iss. Bank Ref." prop="bedgrp.iss.pts.ref">
<c-input
v-model="model.bedgrp.iss.pts.ref"
maxlength="16"
placeholder="请输入Iss. Bank"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bedgrp.iss.pts.nam">
<c-input
v-model="model.bedgrp.iss.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Iss. Bank Ref." prop="bedgrp.iss.pts.ref">
<c-input
v-model="model.bedgrp.iss.pts.ref"
maxlength="16"
placeholder="请输入Iss. Bank"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bedgrp.iss.pts.nam">
<c-input
v-model="model.bedgrp.iss.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col>
<!-- Presented by Ref. -->
<c-col :span="24">
<el-form-item label="Presented by Ref." prop="bedgrp.prb.pts.ref">
<c-input
v-model="model.bedgrp.prb.pts.ref"
maxlength="16"
placeholder="请输入Reference"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bedgrp.prb.pts.nam">
<c-input
v-model="model.bedgrp.prb.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="">
</el-form-item>
</c-col>
<!-- Presented by Ref. -->
<c-col :span="24">
<el-form-item label="Presented by Ref." prop="bedgrp.prb.pts.ref">
<c-input
v-model="model.bedgrp.prb.pts.ref"
maxlength="16"
placeholder="请输入Reference"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bedgrp.prb.pts.nam">
<c-input
v-model="model.bedgrp.prb.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop=""> </el-form-item>
</c-col>
</c-col>
</c-row>
<!-- ========================中部======================= -->
<!-- ========================中部======================= -->
<c-row>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Document Reference" prop="bedgrp.rec.ownref">
<c-fullbox>
<c-input
<el-form-item label="Document Reference" prop="bedgrp.rec.ownref">
<c-fullbox>
<c-input
v-model="model.bedgrp.rec.ownref"
maxlength="16"
placeholder="请输入Document Reference"
style="width: 95%"
disabled
></c-input>
<template slot="footer">
<c-button
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 0; padding: 0 12px"
size="small"
type="primary"
......@@ -338,131 +339,128 @@
>i</span
>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
@click="onBetmodButgetref"
>
Get Ref
</c-button>
</template>
</c-fullbox>
<c-button
style="margin: 0 0"
size="small"
type="primary"
@click="onBetmodButgetref"
>
Get Ref
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<!-- Name -->
<el-form-item label="Name" text-align="middle" prop="bedgrp.rec.nam">
<c-input
v-model="model.bedgrp.rec.nam"
maxlength="40"
placeholder="请输入Name"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-row>
<!-- ========================下半部分的上半部分（左边，右边是空白的）======================= -->
<c-row>
<c-col :span="24">
<c-col :span="12">
<c-col :span="24">
<el-form-item label="Document Type" prop="bedgrp.rec.doctypcod">
<c-select
v-model="model.bedgrp.rec.doctypcod"
style="width: 100%"
placeholder="请选择Document Type"
:code="codes.doctypcod1"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<!-- Name -->
<el-form-item
label="Name"
text-align="middle"
prop="bedgrp.rec.nam"
>
<c-input
v-model="model.bedgrp.rec.nam"
maxlength="40"
placeholder="请输入Name"
disabled
></c-input>
<!-- Received on-->
<c-col :span="24">
<el-form-item label="Received on" prop="bedgrp.rec.rcvdat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.rcvdat"
style="width: 100%"
value-format="yyyy-MM-dd"
placeholder="请选择Received on"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Type of Advice" prop="bedgrp.rec.advtyp">
<c-select
v-model="model.bedgrp.rec.advtyp"
style="width: 100%"
placeholder="请选择Type of Advice"
:code="codes.advtyp"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<!-- Payment advised on -->
<c-col :span="12">
<el-form-item label="Payment advised on" prop="bedgrp.rec.advdat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.advdat"
style="width: 100%"
value-format="yyyy-MM-dd"
placeholder="请选择Payment advised on"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<!-- Discrep. advised on -->
<c-col :span="12">
<el-form-item
label="Discrep. advised on"
prop="bedgrp.rec.disdat"
>
<c-date-picker
type="date"
v-model="model.bedgrp.rec.disdat"
style="width: 100%"
value-format="yyyy-MM-dd"
placeholder="请选择Discrep. advised on"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
</c-col>
</c-col>
</c-row>
<!-- ========================下半部分的上半部分（左边，右边是空白的）======================= -->
<c-row>
<c-col :span="24">
<!-- ========================下半部分的下半边的左边=Presented by-====================== -->
<c-row>
<c-col :span="12">
<c-col :span="24">
<el-form-item label="Document Type" prop="bedgrp.rec.doctypcod">
<el-form-item label="Presented by" prop="bedgrp.rec.docprbrol">
<c-select
v-model="model.bedgrp.rec.doctypcod"
v-model="model.bedgrp.rec.docprbrol"
style="width: 100%"
placeholder="请选择Document Type"
:code="codes.doctypcod1"
placeholder="请选择Presented by"
:code="codes.docprbrol0"
@change="eventFunction('bedgrp.rec.docprbrol')"
>
</c-select>
</el-form-item>
</c-col>
<!-- Received on-->
<c-col :span="24">
<el-form-item label="Received on" prop="bedgrp.rec.rcvdat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.rcvdat"
style="width: 100%"
value-format="yyyy-MM-dd"
placeholder="请选择Received on"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Type of Advice" prop="bedgrp.rec.advtyp">
<c-select
v-model="model.bedgrp.rec.advtyp"
style="width: 100%"
placeholder="请选择Type of Advice"
:code="codes.advtyp"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<!-- Payment advised on -->
<c-col :span="12">
<el-form-item label="Payment advised on" prop="bedgrp.rec.advdat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.advdat"
style="width: 100%"
value-format="yyyy-MM-dd"
placeholder="请选择Payment advised on"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<!-- Discrep. advised on -->
<c-col :span="12">
<el-form-item label="Discrep. advised on" prop="bedgrp.rec.disdat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.disdat"
style="width: 100%"
value-format="yyyy-MM-dd"
placeholder="请选择Discrep. advised on"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
</c-col>
</c-col>
</c-row>
<!-- ========================下半部分的下半边的左边=Presented by-====================== -->
<c-row>
<c-col :span="12">
<c-col :span="24">
<el-form-item label="Presented by" prop="bedgrp.rec.docprbrol">
<c-select
v-model="model.bedgrp.rec.docprbrol"
style="width: 100%"
placeholder="请选择Presented by"
:code="codes.docprbrol0"
@change="eventFunction(
'bedgrp.rec.docprbrol'
)"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Reference" prop="bedgrp.prb.pts.ref">
<c-input
v-model="model.bedgrp.prb.pts.ref"
maxlength="16"
placeholder="请输入Reference"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Reference" prop="bedgrp.prb.pts.ref">
<c-input
v-model="model.bedgrp.prb.pts.ref"
maxlength="16"
placeholder="请输入Reference"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptap1
......@@ -474,38 +472,36 @@
}"
@onSeainf="onSeainf"
@onAplpDet="onPrbpDet"
:disabled1="model.bedgrp.rec.docprbrol=='BEN'? true: false"
:disabled1="model.bedgrp.rec.docprbrol == 'BEN' ? true : false"
>
</c-ptap1>
</c-col>
</c-col>
<!-- ========================下半部分的下半边的右边Payer-======================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="Payer" prop="bedgrp.rec.payrol">
<c-select
v-model="model.bedgrp.rec.payrol"
style="width: 100%"
placeholder="请选择Payer"
:code="codes.payrol"
@change="eventFunction(
'bedgrp.rec.payrol'
)"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Payer" prop="bedgrp.rec.payrol">
<c-select
v-model="model.bedgrp.rec.payrol"
style="width: 100%"
placeholder="请选择Payer"
:code="codes.payrol"
@change="eventFunction('bedgrp.rec.payrol')"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Reference" prop="betp.oth.pts.ref">
<c-input
v-model="model.betp.oth.pts.ref"
maxlength="16"
placeholder="请输入Reference"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Reference" prop="betp.oth.pts.ref">
<c-input
v-model="model.betp.oth.pts.ref"
maxlength="16"
placeholder="请输入Reference"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptap1
......@@ -521,10 +517,9 @@
>
</c-ptap1>
</c-col>
</c-col>
</c-col>
</c-row>
<!-- <c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="betp.ledget.sdamod.dadsnd">
<c-input
......@@ -1078,6 +1073,7 @@
></c-input>
</el-form-item>
</c-col> -->
</c-row>
</div>
</template>
<script>
......@@ -1095,16 +1091,16 @@ export default {
data() {
return {}
},
methods: {
methods: {
...Event,
onSeainf(){},
onSeainf() {},
},
computed: {
docprbrolFlag: {
get() {
return (
this.model.bedgrp.rec.payrol == 'AVB' ||
this.model.bedgrp.rec.payrol == 'ISS'
this.model.bedgrp.rec.payrol == 'ISS'
)
},
},
......
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