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