Skip to content

V
vue-gjjs
Commit d488aff2 by LiRui
Options

Letame UI改造

parent 0068f689
Showing with 146 additions and 119 deletions
src/model/Letame/index.js
......@@ -217,7 +217,7 @@ export default class Letame{
namelc:"", // 名称 .ledgrp.rmb.namelc
adrelc:"", // 地址 .ledgrp.rmb.adrelc
dbfadrblkcn:"", // Chinese address .ledgrp.rmb.dbfadrblkcn
rolsetflg:"", // 判断页面MT 742 Reimbursement Clain显现的条件 .ledgrp.rmb.rolsetflg
rolsetflg:"", // 判断页面MT 742 Reimbursement Clain显现的条件 .ledgrp.rmb.rolsetflg
},
con:{
pts:new Pts().data,
......
src/views/Business/Letame/Aamp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="13">
<el-form-item label="附加金额" prop="ledgrp.cbs.max2.cur">
<c-select
......
src/views/Business/Letame/Adcpame.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12">
<el-form-item
label="Additional Conditions History"
......
src/views/Business/Letame/Addbcb.vue
<template>
<div class="eibs">
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="提示信息" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
......
src/views/Business/Letame/Detp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<!-- =========================================左边============================================= -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<!-- Available with指定银行 -->
<c-col :span="24">
<el-form-item label="可用银行" prop="ledgrp.rec.avbwth">
......@@ -195,7 +195,7 @@
</c-col>
<!-- =========================================右边============================================= -->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<!-- Mixed Payment Details混合付款指示 -->
<c-col :span="24">
<el-form-item label="混合付款指示" prop="ledgrp.blk.mixdet">
......@@ -265,10 +265,9 @@
<c-button
size="small"
type="primary"
icon="el-icon-search"
icon="el-icon-more"
@click="showGridPromptDialog('letp.charia.buttxmsel', null, null,{TXT: 'ledgrp.blk.feetxt'}, {TXT: false},'doxpDialog')"
>
...
</c-button>
</template>
</c-fullbox>
......@@ -303,8 +302,7 @@
<!-- 付款期限 Maxinum Tenor-->
<c-col :span="24">
<c-col :span="10">
<el-form-item label="远期最大期限" prop="ledgrp.rec.tenmaxday">
<el-form-item label="远期最大期限(天)" prop="ledgrp.rec.tenmaxday">
<c-input
v-model.number="model.ledgrp.rec.tenmaxday"
placeholder="请输入内容"
......@@ -313,8 +311,6 @@
@keyup.enter.native="$event.target.blur()"
></c-input>
</el-form-item>
</c-col>
<c-col :span="4"><span class="letame_rec_tenmaxday">天</span></c-col>
</c-col>
</c-col>
</c-row>
......
src/views/Business/Letame/Dogpame.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12">
<el-form-item
label="历史货物描述信息"
......
src/views/Business/Letame/Dorpame.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12">
<el-form-item
label="单据要求 History"
......
src/views/Business/Letame/Inspame.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<span class="letame_amed_amt">给付款、承兑、议付行的指示</span>
<c-col :span="24">
<el-form-item label=" ">
......
src/views/Business/Letame/Ltb2bp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12">
<el-form-item label="Streamgrid of other L/Cs backed by B2B LE" prop="letp.leltb2b.litb2bstm">
......
src/views/Business/Letame/Ovwp.vue
<template>
<div class="eibs">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="修改内容" name="amep">
<m-amep :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="概览信息" name="ovwp1">
<m-ovwp1 :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="详细信息" name="detp">
<m-detp :model="model" :codes="codes" />
</el-collapse-item>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="修改内容" name="amep">
<m-amep :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="附加金额" name="aamp" v-if="model.letp.aamp.aammod.addamtflg">
<m-aamp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="概览信息" name="ovwp1">
<m-ovwp1 :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="详细信息" name="detp">
<m-detp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="当事人信息" name="ptyp">
<m-ptyp :model="model" :codes="codes" />
</el-collapse-item>
<m-ptyp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="附加条款" name="adcpame">
<m-doxpame :model="model"
:codes="codes"
:recgrp="'ledgrp'"
:ametyp="'lcrgod'" />
</el-collapse-item>
<el-collapse-item title="单据修改" name="dorpame">
<m-doxpame :model="model"
:codes="codes"
:recgrp="'ledgrp'"
:ametyp="'lcrgod'" />
</el-collapse-item>
<el-collapse-item title="货物修改" name="dogpame">
<m-doxpame :model="model"
:codes="codes"
:recgrp="'ledgrp'"
:ametyp="'lcrgod'" />
</el-collapse-item>
<el-collapse-item title="给付款、承兑、议付行的指示" name="inspame">
<m-inspame :model="model" :codes="codes" />
</el-collapse-item>
<!-- 1 -->
</el-collapse>
<m-doxpame
:model="model"
:codes="codes"
:recgrp="'ledgrp'"
:ametyp="'lcrgod'"
/>
</el-collapse-item>
<el-collapse-item title="银行专用特殊付款条款(修改)" name="sprpame" v-if="model.ledgrp.rec.spcrcbflg">
<m-doxpame
:model="model"
:codes="codes"
:recgrp="'ledgrp'"
:ametyp="'spcrcb'" />
</el-collapse-item>
<el-collapse-item title="受益人特殊付款条款(修改)" name="spbpame" v-if="model.ledgrp.rec.spcbenflg">
<m-doxpame
:model="model"
:codes="codes"
:recgrp="'ledgrp'"
:ametyp="'spcben'" />
</el-collapse-item>
<el-collapse-item title="单据修改" name="dorpame">
<m-doxpame
:model="model"
:codes="codes"
:recgrp="'ledgrp'"
:ametyp="'lcrgod'"
/>
</el-collapse-item>
<el-collapse-item title="货物修改" name="dogpame">
<m-doxpame
:model="model"
:codes="codes"
:recgrp="'ledgrp'"
:ametyp="'lcrgod'"
/>
</el-collapse-item>
<el-collapse-item title="给付款、承兑、议付行的指示" name="inspame">
<m-inspame :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="循环信用证详情" name="revp">
<m-revp :model="model" :codes="codes" />
</el-collapse-item>
</div>
<el-collapse-item title="MT 742 Reimbursement Clain" name="rcldetp" v-if="model.ledgrp.rmb.rolsetflg=='Y'">
<m-rcldetp :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Getamc/Event";
import Amep from "./Amep";
import Aamp from "./Aamp";
import Ovwp1 from "./Ovwp1";
import Detp from "./Detp";
import Ptyp from "./Ptyp";
import Doxpame from "~/views/Public/Doxpame";
import Inspame from "./Inspame";
import Revp from './Revp';
import Rcldetp from "./Rcldetp";
export default {
components: {
"m-amep": Amep,
"m-aamp": Aamp,
"m-ovwp1": Ovwp1,
"m-detp": Detp,
"m-ptyp": Ptyp,
"m-doxpame": Doxpame,
"m-inspame": Inspame,
'm-revp': Revp,
"m-rcldetp" : Rcldetp,
},
inject: ['root'],
......@@ -68,7 +103,7 @@ export default {
mixins: [commonProcess],
data(){
return {
activeNames: ["amep","ovwp1","detp","ptyp","adcpame","dogpame","doxpame","Inspame"],
activeNames: ["amep"],
}
},
methods:{...Event},
......
src/views/Business/Letame/Ovwp1.vue
......@@ -3,7 +3,7 @@
<!-- =================顶部====================== -->
<c-row>
<c-col :span="24">
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<el-form-item
label="信用证编号"
prop="ledgrp.rec.ownref"
......@@ -51,7 +51,7 @@
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<el-form-item label="摘要" prop="ledgrp.rec.nam">
<c-input
text-align="middle"
......@@ -67,7 +67,7 @@
</c-row>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<!-- Form of L/C -->
<c-col :span="24">
<el-form-item label="信用证类型" prop="ledgrp.rec.lcrtyp">
......@@ -148,7 +148,7 @@
<!-- Amount Specification 适用金额规范-->
<c-col :span="24">
<c-col :span="19">
<c-col :span="16">
<el-form-item label="金额限额表述" prop="ledgrp.rec.nomspc">
<c-select v-model="model.ledgrp.rec.nomspc" style="width: 97%" placeholder="请选择适用金额规范"
:code="codes.nomspc" disabled>
......@@ -156,8 +156,8 @@
</el-form-item>
</c-col>
<!-- Incoming Transfer -->
<c-col :span="5">
<c-checkbox v-model="model.ledgrp.rec.inctrf" style="margin-left:-1px;" disabled>Incoming Transfer</c-checkbox>
<c-col :span="8">
<c-checkbox v-model="model.ledgrp.rec.inctrf" disabled>Incoming Transfer</c-checkbox>
</c-col>
</c-col>
......@@ -222,7 +222,7 @@
<c-col :span="24">
<!--Expiring on 到期日 -->
<c-col :span="12">
<c-col :span="24">
<el-form-item label="生效日期" prop="ledgrp.rec.expdat">
<c-date-picker
type="date"
......@@ -314,7 +314,7 @@
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<!--Beneficiary Ref. 受益人 -->
<c-col :span="24">
<c-ptap
......@@ -364,28 +364,28 @@
</c-col>
<c-col :span="12" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.revflg"
<c-col :span="12">
<c-checkbox v-model="model.ledgrp.rec.revflg" class="checkbox-left" style="margin-left:120px"
@change="openRevolvingDetails"
>循环信用证</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 :span="12">
<c-checkbox v-model="model.ledgrp.rec.dbtflg" class="checkbox-left" style="margin-left:120px">Authorization to Debit</c-checkbox>
</c-col>
<!-- Non-Bank Issuer 非银行发行人-->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.nonban"
<c-col :span="12">
<c-checkbox v-model="model.ledgrp.rec.nonban" class="checkbox-left" style="margin-left:120px"
>非银行发行人</c-checkbox
>
</c-col>
<!-- Test Key Unconfirmity 测试密钥-->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.teskeyunc">Test Key Unconfirmity</c-checkbox>
<c-col :span="12">
<c-checkbox v-model="model.ledgrp.rec.teskeyunc" class="checkbox-left" style="margin-left:120px">Test Key Unconfirmity</c-checkbox>
</c-col>
</c-col>
</div>
......@@ -453,7 +453,4 @@ export default {
};
</script>
<style>
.marginLable {
padding-left: 150px;
}
</style>
src/views/Business/Letame/Ptyp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<!-- =================================左边================================= -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<!-- 第一通知行 第一通知行-->
<c-col :span="24">
<c-ptap
......@@ -52,7 +52,7 @@
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-right: 20px;">
<!-- Applicant's Bank 申请银行-->
<c-col :span="24">
<c-ptap
......
src/views/Business/Letame/Rcldetp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- ==========================左半边================================== -->
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<!-- SF000021 : 偿付行 -->
<c-col :span="24">
<el-form-item label="偿付银行" prop="rmbclm.rmbrol">
......
src/views/Business/Letame/Revp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<c-col :span="16">
<c-col :span="12" style="padding-right: 20px;">
<el-form-item label="循环信用证信息"></el-form-item>
</c-col>
</c-row>
<c-row>
<c-col :span="16">
<c-col :span="12" style="padding-right: 20px;">
<el-form-item label="循环信用证类型" prop="ledgrp.rec.revtyp">
<c-select
v-model="model.ledgrp.rec.revtyp"
......@@ -21,7 +21,7 @@
<c-col :span="8">
<!-- Credit is Marked as Cumulative -->
<c-checkbox v-model="model.ledgrp.rec.revcum"
<c-checkbox v-model="model.ledgrp.rec.revcum" class="checkbox-left"
style="margin-left:10px"
>累计标识</c-checkbox
>
......@@ -30,28 +30,29 @@
<c-row>
<c-col :span="8">
<el-form-item label="循环时间" prop="ledgrp.rec.revtimes">
<c-input
v-model.number="model.ledgrp.rec.revtimes"
placeholder="请输入时间"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="循环次数" prop="ledgrp.rec.revnbr">
<c-input
v-model.number="model.ledgrp.rec.revnbr"
placeholder="请输入内容"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col span="12" style="padding-right: 20px;">
<c-col span="12">
<el-form-item label="循环时间" prop="ledgrp.rec.revtimes">
<c-input
v-model.number="model.ledgrp.rec.revtimes"
placeholder="请输入时间"
></c-input>
</el-form-item>
</c-col>
<c-col span="12">
<el-form-item label="循环次数" prop="ledgrp.rec.revnbr">
<c-input
v-model.number="model.ledgrp.rec.revnbr"
placeholder="请输入内容"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-row>
<c-row>
<c-col :span="16">
<c-col :span="12" style="padding-right: 20px;">
<el-form-item label="下次循环日期" prop="ledgrp.rec.revdat">
<c-date-picker
type="date"
......@@ -65,7 +66,7 @@
</c-row>
<c-row>
<c-col :span="16">
<c-col :span="12" style="padding-right: 20px;">
<el-form-item label="循环条款" prop="ledgrp.blk.revcls">
<c-fullbox>
<c-input
......@@ -81,10 +82,9 @@
<c-button
size="small"
type="primary"
icon="el-icon-search"
icon="el-icon-more"
@click="showGridPromptDialog('letp.revclause.buttxmsel', null, null,{TXT: 'ledgrp.blk.revcls'}, {TXT: false},'doxpDialog')"
>
...
</c-button>
</template>
</c-fullbox>
......@@ -93,7 +93,7 @@
</c-row>
<c-row>
<c-col :span="16">
<c-col :span="12" style="padding-right: 20px;">
<el-form-item label="受益人须知" prop="ledgrp.blk.revnotes">
<c-input
type="textarea"
......
src/views/Business/Letame/Spbpame.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12">
<el-form-item
label="Special payment Conditions for beneficiary History"
......
src/views/Business/Letame/Sprpame.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12">
<el-form-item
label="Special Payment Conditions for Bank Only History"
......
src/views/Public/Doxpame.vue
<template>
<c-row>
<c-col :span="24">
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24" class="doxpame_top_Description">
<span>{{ getTitle }}</span>
</c-col>
......@@ -22,7 +22,7 @@
</el-form-item>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24" class="doxpame_top_Description">
<span>历史修改记录</span>
</c-col>
......@@ -62,13 +62,13 @@
</c-col>
</c-col>
<c-col :span="24">
<c-checkbox v-model="model[amep][`${ametyp}amep`].modflg"
<c-col :span="12">
<c-checkbox class="checkbox-left" v-model="model[amep][`${ametyp}amep`].modflg"
>修改和替换文本</c-checkbox
>
</c-col>
<c-col :span="24">
<c-col :span="12">
<c-checkbox v-model="model[amep][`${ametyp}amep`].modmanflg"
>修改和人手更新文本</c-checkbox
>
......@@ -77,7 +77,7 @@
</c-col>
<c-col :span="24">
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24" class="doxpame_top_Description">
<span>在当前修订中添加/删除文本</span>
</c-col>
......@@ -99,15 +99,14 @@
</c-col>
</c-col>
<c-col :span="11" :offset="1" class="ame_button">
<c-col :span="12" style="padding-left: 20px;" class="ame_button">
<c-col :span="24" class="ame_BlkTextarea_button">
<c-button
size="small"
type="primary"
icon="el-icon-search"
icon="el-icon-more"
@click="showGridPromptDialog('letamep.lcrgodame.buttxmsel')"
>
...
</c-button>
</c-col>
......
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