Commit d488aff2 by LiRui

Letame UI改造

parent 0068f689
<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
......
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12">
<el-form-item
label="Additional Conditions History"
......
<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" />
......
<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="请输入内容"
......@@ -314,8 +312,6 @@
></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>
</div>
......
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12">
<el-form-item
label="历史货物描述信息"
......
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12">
<el-form-item
label="单据要求 History"
......
<template>
<div class="eibs-tab">
<div class="eibs">
<span class="letame_amed_amt">给付款、承兑、议付行的指示</span>
<c-col :span="24">
<el-form-item label=" ">
......
<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">
......
<template>
<div class="eibs">
<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>
......@@ -14,53 +18,84 @@
<m-ptyp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="附加条款" name="adcpame">
<m-doxpame :model="model"
<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="'lcrgod'" />
: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"
<m-doxpame
:model="model"
:codes="codes"
:recgrp="'ledgrp'"
:ametyp="'lcrgod'" />
:ametyp="'lcrgod'"
/>
</el-collapse-item>
<el-collapse-item title="货物修改" name="dogpame">
<m-doxpame :model="model"
<m-doxpame
:model="model"
:codes="codes"
:recgrp="'ledgrp'"
:ametyp="'lcrgod'" />
:ametyp="'lcrgod'"
/>
</el-collapse-item>
<el-collapse-item title="给付款、承兑、议付行的指示" name="inspame">
<m-inspame :model="model" :codes="codes" />
</el-collapse-item>
<!-- 1 -->
</el-collapse>
<el-collapse-item title="循环信用证详情" name="revp">
<m-revp :model="model" :codes="codes" />
</el-collapse-item>
<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>
</div>
</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},
......
......@@ -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>
<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
......
<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">
......
<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,7 +30,8 @@
<c-row>
<c-col :span="8">
<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"
......@@ -38,8 +39,7 @@
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<c-col span="12">
<el-form-item label="循环次数" prop="ledgrp.rec.revnbr">
<c-input
v-model.number="model.ledgrp.rec.revnbr"
......@@ -48,10 +48,11 @@
></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"
......
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12">
<el-form-item
label="Special payment Conditions for beneficiary History"
......
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12">
<el-form-item
label="Special Payment Conditions for Bank Only History"
......
<template>
<div class="eContainer">
<c-page title="进口信用证开立">
<c-page title="出口信用证修改">
<el-form
:model="model"
:rules="rules"
......@@ -11,47 +11,20 @@
:validate-on-rule-change="false"
>
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--PD000001 修改-->
<!-- <el-tab-pane label="修改内容" name="amep">
<c-content>
<m-amep :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--PD000017 基本信息-->
<!-- <el-tab-pane label="概览信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--PD000063 信用证信息-->
<!-- <el-tab-pane label="详细信息" name="detp">
<c-content>
<m-detp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--PD000001 附加金额-->
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane
v-if="model.letp.aamp.aammod.addamtflg"
label="附加金额"
name="aamp"
>
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<c-content>
<m-aamp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000027 -->
<el-tab-pane label="费用/账务" name="engp,setpan,glepan">
<c-content>
<div class="eibs-tab">
......@@ -73,62 +46,12 @@
</c-content>
</el-tab-pane>
<!--PD000042 其他当事人-->
<!-- <el-tab-pane label="当事人信息" name="ptyp">
<c-content>
<m-ptyp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--PD000347 -->
<!-- <el-tab-pane label="给付款、承兑、议付行的指示" name="inspame">
<c-content>
<m-inspame :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--PD000317 -->
<el-tab-pane label="循环信用证详情" name="revp"
v-if="model.ledgrp.rec.revflg=='X'">
<c-content>
<m-revp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000027 表外-->
<!-- <el-tab-pane label="表外记账" name="engp">
<c-content>
<m-engp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--PD000000 账务-->
<!-- <el-tab-pane label="结算" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--letame PD000034 -->
<el-tab-pane label="MT 742 Reimbursement Clain" name="rcldetp"
v-if="model.ledgrp.rmb.rolsetflg=='Y'">
<c-content>
<m-rcldetp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000001 分录信息-->
<!-- <el-tab-pane label="会计分录" name="glepan">
<c-content>
<m-glepan :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000000 附言-->
<!-- <el-tab-pane label="提示信息" name="coninfp">
<c-content>
......@@ -150,88 +73,6 @@
</c-content>
</el-tab-pane>
<!--PD000094 货物描述修改-->
<!-- <el-tab-pane label="货物描述修改" name="dogpame">
<m-dogpame :model="model" :codes="codes" />
</el-tab-pane> -->
<!-- <el-tab-pane label="货物(修改)" name="dogpame"> -->
<!-- <m-dogpame :model="model" :codes="codes" /> -->
<!-- <c-content>
<m-doxpame :model="model" :codes="codes"
:recgrp="'ledgrp'"
:ametyp="'lcrgod'"
/>
</c-content>
</el-tab-pane> -->
<!--PD000102 附加条款修改-->
<!-- <el-tab-pane label="PD000102" name="adcpame">
<m-adcpame :model="model" :codes="codes" />
</el-tab-pane> -->
<!-- <el-tab-pane label="附加条款(修改)" name="adcpame">
<c-content>
<m-doxpame
:model="model"
:codes="codes"
:recgrp="'ledgrp'"
:ametyp="'adlcnd'"
/>
</c-content>
</el-tab-pane> -->
<!--PD000098 单据要求修改-->
<!-- <el-tab-pane label="PD000098" name="dorpame">
<m-dorpame :model="model" :codes="codes" />
</el-tab-pane> -->
<!-- <el-tab-pane label="单据修改" name="dorpame">
<c-content>
<m-doxpame
:model="model"
:codes="codes"
:recgrp="'ledgrp'"
:ametyp="'lcrdoc'"
/>
</c-content>
</el-tab-pane> -->
<!--PD000400 -->
<!-- <el-tab-pane label="PD000400" name="sprpame">
<m-sprpame :model="model" :codes="codes" />
</el-tab-pane> -->
<el-tab-pane
v-if="model.ledgrp.rec.spcrcbflg"
label="银行专用特殊付款条款(修改)"
name="sprpame"
>
<c-content>
<m-doxpame
:model="model"
:codes="codes"
:recgrp="'ledgrp'"
:ametyp="'spcrcb'"
/>
</c-content>
</el-tab-pane>
<!--PD000396 -->
<!-- <el-tab-pane label="PD000396" name="spbpame">
<m-spbpame :model="model" :codes="codes" />
</el-tab-pane> -->
<el-tab-pane
v-if="model.ledgrp.rec.spcbenflg"
label="受益人特殊付款条款(修改)"
name="spbpame"
>
<c-content>
<m-doxpame
:model="model"
:codes="codes"
:recgrp="'ledgrp'"
:ametyp="'spcben'"
/>
</c-content>
</el-tab-pane>
<!--PD000172 -->
<!-- <el-tab-pane label="PD000172" name="ltb2bp">
<c-content>
......@@ -239,8 +80,6 @@
</c-content>
</el-tab-pane> -->
<!--PD000001 -->
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog
......@@ -256,6 +95,12 @@
@select-ety="selectMsg"
>
</c-grid-ety-prompt-dialog>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</c-page>
</div>
</template>
......@@ -280,7 +125,6 @@ import Ovwp1 from './Ovwp1'
// import Dorpame from './Dorpame'
// import Adcpame from './Adcpame'
import Inspame from './Inspame'
import Revp from './Revp'
// import Engp from './Engp'
// import Setpan from './Setpan'
// import Glepan from './Glepan'
......@@ -295,7 +139,6 @@ import Ltb2bp from './Ltb2bp'
import Doxpame from "~/views/Public/Doxpame";
import Engp from "~/views/Public/Engp";
import Setpan from '~/views/Public/Setpan';
import Rcldetp from "./Rcldetp";
import Glepan from "~/views/Public/Glepan";
import Coninfp from "~/views/Public/Coninfp";
import Docpan from "~/views/Public/Docpan";
......@@ -319,10 +162,8 @@ export default {
// 'm-adcpame': Adcpame,
"m-doxpame": Doxpame,
'm-inspame': Inspame,
'm-revp': Revp,
'm-engp': Engp,
'm-setpan': Setpan,
"m-rcldetp" : Rcldetp,
'm-glepan': Glepan,
'm-coninfp': Coninfp,
'm-docpan': Docpan,
......
<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