Skip to content

V
vue-gjjs
Commit 8473d029 by huangxin
Options

brtcsg页面布局

parent a281f891
Showing with 201 additions and 202 deletions
src/model/Brtcsg/Pattern.js
......@@ -19,7 +19,7 @@ export default {
{max: 3,message:"长度不能超过3"}
],
"lidgrp.cbs.opn1.amt":[
{type: "number", required: false, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 18,message:"整数位不能超过14位"},
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
],
......@@ -45,7 +45,7 @@ export default {
],
"brdgrp.cbs.max.amt":[
{type: "number", required: false, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 18,message:"整数位不能超过14位"},
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
],
......@@ -58,7 +58,7 @@ export default {
{max: 3,message:"长度不能超过3"}
],
"brdgrp.cbs.opn1.amt":[
{type: "number", required: false, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 18,message:"整数位不能超过14位"},
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
],
......
src/views/Business/Brtacp/Acpp.vue
......@@ -174,6 +174,7 @@
:argadr="{
title: '',
trans: 'brdgrp',
trans1:'brtp',
}"
:rol="[
{
......
src/views/Business/Brtcsg/Canp.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="brtp0.lidget.sdamod.dadsnd">
<c-input v-model="model.brtp0.lidget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Import L/C Ref." prop="lidgrp.rec.ownref">
<c-input v-model="model.lidgrp.rec.ownref" maxlength="16" placeholder="请输入Import L/C Ref."></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="brtp0.lidget.sdamod.seainf">
<c-input v-model="model.brtp0.lidget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Date of Expiry" prop="lidgrp.rec.expdat">
<c-date-picker type="date" v-model="model.lidgrp.rec.expdat" style="width:100%" placeholder="请选择Date of Expiry"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Currency" prop="lidgrp.cbs.opn1.cur">
<c-input v-model="model.lidgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Currency"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Balance" prop="lidgrp.cbs.opn1.amt">
<c-input v-model="model.lidgrp.cbs.opn1.amt" placeholder="请输入Balance"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="SG Reference" prop="brdgrp.rec.shgref">
<c-input v-model="model.brdgrp.rec.shgref" maxlength="16" placeholder="请输入SG Reference"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="brtp0.recget.sdamod.dadsnd">
<c-input v-model="model.brtp0.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Bill Set Reference" prop="brdgrp.rec.ownref">
<c-input v-model="model.brdgrp.rec.ownref" maxlength="16" placeholder="请输入Bill Set Reference"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="brtp0.recget.sdamod.seainf">
<c-input v-model="model.brtp0.recget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Name of Bill Contract" prop="brdgrp.rec.nam">
<c-input v-model="model.brdgrp.rec.nam" maxlength="40" placeholder="请输入Name of Bill Contract"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Document Amount" prop="brdgrp.cbs.max.cur">
<c-select v-model="model.brdgrp.cbs.max.cur" style="width:100%" placeholder="请选择Document Amount">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Document Amount" prop="brdgrp.cbs.max.amt">
<c-input v-model="model.brdgrp.cbs.max.amt" placeholder="请输入Document Amount"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Applicant" prop="brdgrp.apl.pts.ref">
<c-input v-model="model.brdgrp.apl.pts.ref" maxlength="16" placeholder="请输入Applicant"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Open Amount" prop="brdgrp.cbs.opn1.cur">
<c-input v-model="model.brdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Open Amount"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Balance" prop="brdgrp.cbs.opn1.amt">
<c-input v-model="model.brdgrp.cbs.opn1.amt" placeholder="请输入Balance"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Name of Party" prop="brdgrp.apl.pts.nam">
<c-input v-model="model.brdgrp.apl.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Received on" prop="brdgrp.rec.rcvdat">
<c-date-picker type="date" v-model="model.brdgrp.rec.rcvdat" style="width:100%" placeholder="请选择Received on"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Date of Advice of Payment" prop="brdgrp.rec.advdat">
<c-date-picker type="date" v-model="model.brdgrp.rec.advdat" style="width:100%" placeholder="请选择Date of Advice of Payment"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Beneficiary" prop="brdgrp.ben.pts.ref">
<c-input v-model="model.brdgrp.ben.pts.ref" maxlength="16" placeholder="请输入Beneficiary"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.brtp0.matp.mattxtlab" data-path=".brtp0.matp.mattxtlab" > </span>
</c-col>
<c-col :span="12">
<el-form-item label="Maturity Date" prop="brdgrp.rec.matdat">
<c-date-picker type="date" v-model="model.brdgrp.rec.matdat" style="width:100%" placeholder="请选择Maturity Date"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Maturity Date" prop="brdgrp.ben.pts.nam">
<c-input v-model="model.brdgrp.ben.pts.nam" maxlength="40" placeholder="请输入Maturity Date"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Document Type" prop="brdgrp.rec.docflg">
<c-select v-model="model.brdgrp.rec.docflg" style="width:100%" placeholder="请选择Document Type">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Presenting Bank" prop="brdgrp.prb.pts.ref">
<c-input v-model="model.brdgrp.prb.pts.ref" maxlength="16" placeholder="请输入Presenting Bank"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Document Set Status" prop="brdgrp.rec.docsta">
<c-select v-model="model.brdgrp.rec.docsta" style="width:100%" placeholder="请选择Document Set Status">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Name of Party" prop="brdgrp.prb.pts.nam">
<c-input v-model="model.brdgrp.prb.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<!-- ---------------Left--------------- -->
<c-col :span="12">
<c-col :span="24">
<el-form-item label="Import L/C Ref." prop="lidgrp.rec.ownref">
<c-fullbox>
<c-input
v-model="model.lidgrp.rec.ownref"
maxlength="16"
placeholder=""
disabled
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<span style="font-family: '宋体'; font-weight: bold">i</span>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="SG Reference" prop="brdgrp.rec.shgref">
<c-input
disabled
v-model="model.brdgrp.rec.shgref"
maxlength="16"
placeholder="请输入SG Reference"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Bill Set Reference" prop="brdgrp.rec.ownref">
<c-fullbox>
<c-input
v-model="model.brdgrp.rec.ownref"
maxlength="16"
placeholder="请输入单据参考号"
disabled
></c-input>
<template slot="footer">
<c-button
style="
margin: 0 10px 0 10px;
padding: 0 12px;
"
size="small"
type="primary"
>
<span
style="
font-family: '宋体';
font-weight: bold;
"
>i</span
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
</c-col>
<!-- ---------------Right--------------- -->
<c-col :span="12">
<c-col :span="10">
<el-form-item label="Open Amt.L/C" prop="lidgrp.cbs.opn1.cur">
<c-select
v-model="model.lidgrp.cbs.opn1.cur"
style="width: 100%"
placeholder=""
:code="codes.cur"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="14">
<c-form-item label="" label-width="5px" prop="lidgrp.cbs.opn1.amt">
<c-input
v-model="model.lidgrp.cbs.opn1.amt"
placeholder=""
disabled
></c-input>
</c-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Expiry" prop="lidgrp.rec.expdat">
<c-date-picker
disabled
type="date"
v-model="model.lidgrp.rec.expdat"
style="width: 100%"
placeholder="请选择Date of Expiry"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Name" prop="brdgrp.rec.nam">
<c-input
disabled
v-model="model.brdgrp.rec.nam"
maxlength="40"
placeholder="请输入Name of Bill Contract"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<!-- ----------------------------------------------------------------- -->
<c-col :span="24">
<c-litTemp
:model="model"
:argadr="{
title: '',
trans: 'brdgrp',
trans1:'brtp0',
}"
:rol="[
{
title: 'Applicant',
trans: 'apl',
},
{
title: 'Beneficiary',
trans: 'ben',
},
{
title: 'Presenting Bank',
trans: 'prb',
},
]"
:isAdvdat="true"
:isMattxtlab="false"
:isTenmaxday="false"
>
</c-litTemp>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Brtcsg/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Brtcsg/Event";
import LitTemp from "~/views/Public/LitTemp";
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
}
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
components: {
"c-litTemp": LitTemp,
},
methods:{...Event},
created:function(){
}
}
data() {
return {};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Brtcsg/index.vue
<template>
<div class="eContainer">
<div class="bus-button">
<c-button type="primary" v-on:click="handleSave">{{ $t("buttons.save") }}</c-button>
<c-button type="primary" v-on:click="handleCheck">{{ $t("buttons.check") }}</c-button>
</div>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
<el-button size="small">备忘录</el-button>
<el-button size="small">影像信息</el-button>
<el-button size="small">保存模板</el-button>
<el-button size="small">使用模板</el-button>
<el-button size="small">制裁信息</el-button>
<el-button size="small">拆分报文</el-button>
<el-button size="small">智能提示</el-button>
</c-function-btn>
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--PD000016 -->
<el-tab-pane label="PD000016" name="canp">
<el-tab-pane label="Cancelation" name="canp">
<c-content>
<m-canp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000027 -->
<el-tab-pane label="PD000027" name="engp">
<el-tab-pane label="Liability" name="engp">
<m-engp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="PD000000" name="setpan">
<el-tab-pane label="Settlement" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="PD000001" name="glepan">
<el-tab-pane label="Bookings" name="glepan">
<m-glepan :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="PD000000" name="coninfp">
<el-tab-pane label="Completion" name="coninfp">
<m-coninfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="PD000529" name="docpan">
<el-tab-pane label="Messages" name="docpan">
<m-docpan :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000546 -->
<el-tab-pane label="PD000546" name="doctre">
<el-tab-pane label="Attachments" name="doctre">
<m-doctre :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="PD000001" name="limitbody">
<el-tab-pane label="统一授信" name="limitbody">
<m-limitbody :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
......@@ -102,12 +116,12 @@ export default {
}
},
methods:{
myTabClick(tab){
this.tabClick(tab)
// myTabClick(tab){
// this.tabClick(tab)
/**
* do it yourself
**/
},
// },
async handleSave() {
let result = await this.save();
if (result.respCode == SUCCESS && Object.keys(result.fieldErrors).length == 0) {
......
src/views/Business/Brtdcr/Utlp.vue
......@@ -161,6 +161,7 @@
:argadr="{
title: '',
trans: 'brdgrp',
trans1:'brtp',
}"
:rol="[
{
......
src/views/Public/LitTemp.vue
......@@ -114,12 +114,12 @@
<c-col :span="13">
<el-form-item
label="Maturity Date"
prop="brtp.matp.mattxtlab"
:prop="`${argadr.trans1}.matp.mattxtlab`"
>
<c-date-picker
type="date"
disabled
v-model="model.brtp.matp.mattxtlab"
v-model="model[argadr.trans1].matp.mattxtlab"
style="width: 100%"
></c-date-picker>
</el-form-item>
......@@ -143,12 +143,12 @@
<c-col :span="24">
<el-form-item
label="Maturity Date"
prop="brtp.matp.mattxtlab"
:prop="`${argadr.trans1}.matp.mattxtlab`"
>
<c-date-picker
type="date"
disabled
v-model="model.brtp.matp.mattxtlab"
v-model="model[argadr.trans1].matp.mattxtlab"
style="width: 100%"
></c-date-picker>
</el-form-item>
......@@ -257,6 +257,7 @@ export default {
return {
title: "", //角色名称
trans: "", //所属模块
trans1:"",//所属模块
};
},
},
......
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