Skip to content

V
vue-gjjs
Commit 4e84b5e3 by wangna
Options

Bctame修改（#605）

parent 5d9aacfd
Showing with 465 additions and 326 deletions
src/views/Business/Bctame/Amep.vue
<template>
<div class="eibs-tab">
<el-col :span="11">
<c-col :span="24">
<el-form-item
<div class="eibs-tab">
<el-col :span="11">
<c-col :span="24">
<el-form-item
label="IBC Number"
prop="bcdgrp.rec.ownref"
style="width: 100%"
......@@ -14,26 +13,30 @@
maxlength="8"
disabled
placeholder=""
></c-input>
<template slot="footer">
<c-button
size="small"
style="margin-left: 10px; padding: 0 10px"
type="primary"
>
<span style="font-family: '宋体'; font-weight: bold">i</span>
</c-button>
<c-button
size="small"
style="margin-left: 10px; padding: 0 10px"
type="primary"
>
<span style="font-family: '宋体'; font-weight: bold">i</span>
</c-button>
</template>
</c-fullbox>
</el-form-item>
<c-col :span="24">
<el-form-item label="Amendment Date" prop="amedat">
<c-date-picker type="date" v-model="model.amedat" style="width:100%" placeholder="Amendment Date">
</c-date-picker>
</el-form-item>
</c-col>
<!-- <el-form-item label="IBC Number" prop="bcdgrp.rec.ownref">
</el-form-item>
<c-col :span="24">
<el-form-item label="Amendment Date" prop="amedat">
<c-date-picker
type="date"
v-model="model.amedat"
style="width: 100%"
placeholder="Amendment Date"
>
</c-date-picker>
</el-form-item>
</c-col>
<!-- <el-form-item label="IBC Number" prop="bcdgrp.rec.ownref">
<c-fullbox>
<c-input disabled v-model="model.bcdgrp.rec.ownref" maxlength="16" placeholder="请输入Reference"></c-input>
<template slot="footer">
......@@ -50,200 +53,334 @@
</c-col>
</el-form-item> -->
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Original Amount" prop="oldbcdgrp.cbs.max.cur">
<c-select disabled v-model="model.oldbcdgrp.cbs.max.cur" style="width:100%" placeholder="CUR">
<el-option v-for="item in codes.cur" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" style="text-align: left" label-width="20px" prop="oldbcdgrp.cbs.max.amt">
<c-input-currency v-model="model.oldbcdgrp.cbs.max.amt" placeholder="Original Amount" disabled></c-input-currency>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Original Amount" prop="oldbcdgrp.cbs.max.cur">
<c-select
disabled
v-model="model.oldbcdgrp.cbs.max.cur"
style="width: 100%"
placeholder="CUR"
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Amended" prop="trnmod.swiadd.amecur">
<c-select disabled v-model="model.trnmod.swiadd.amecur" style="width:100%" placeholder="CUR">
<el-option v-for="item in codes.cur" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" style="text-align: left" label-width="20px" prop="trnmod.swiadd.ameamt">
<c-input-currency v-model="model.trnmod.swiadd.ameamt" placeholder="Amended Amount"></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label=""
style="text-align: left"
label-width="20px"
prop="oldbcdgrp.cbs.max.amt"
>
<c-input-currency
v-model="model.oldbcdgrp.cbs.max.amt"
placeholder="Original Amount"
disabled
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="New Amount" prop="trnmod.swiadd.newcur">
<c-select disabled v-model="model.trnmod.swiadd.newcur" style="width:100%" placeholder="CUR">
<el-option v-for="item in codes.cur" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Amended" prop="trnmod.swiadd.amecur">
<c-select
disabled
v-model="model.trnmod.swiadd.amecur"
style="width: 100%"
placeholder="CUR"
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" style="text-align: left" label-width="20px" prop="trnmod.swiadd.newamt">
<c-input-currency v-model="model.trnmod.swiadd.newamt" placeholder="New amount"></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label=""
style="text-align: left"
label-width="20px"
prop="trnmod.swiadd.ameamt"
>
<c-input-currency
v-model="model.trnmod.swiadd.ameamt"
placeholder="Amended Amount"
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="Amend Condition" prop="newdoctypcod">
<c-select v-model="model.newdoctypcod" style="width:100%" placeholder="Amend Condition">
<el-option v-for="item in codes.doctypcod" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="New Amount" prop="trnmod.swiadd.newcur">
<c-select
disabled
v-model="model.trnmod.swiadd.newcur"
style="width: 100%"
placeholder="CUR"
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="Tenor Data" prop="oldbcdgrp.rec.matpercnt" style="width:100%">
<c-input disabled
style="width:100%"
v-model="model.oldbcdgrp.rec.matpercnt" placeholder="Tenor Data"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label=""
style="text-align: left"
label-width="20px"
prop="trnmod.swiadd.newamt"
>
<c-input-currency
v-model="model.trnmod.swiadd.newamt"
placeholder="New amount"
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="10px" prop="oldbcdgrp.rec.matpertyp">
<c-select disabled v-model="model.oldbcdgrp.rec.matpertyp" style="width:100%"
placeholder="Days/Month or Year for Maturity Period">
<el-option v-for="item in codes.matper" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Amend Condition" prop="newdoctypcod">
<c-select
v-model="model.newdoctypcod"
style="width: 100%"
placeholder="Amend Condition"
>
<el-option
v-for="item in codes.doctypcod"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="10px" prop="oldbcdgrp.rec.matperbeg">
<c-select disabled
style="width:100%" v-model="model.oldbcdgrp.rec.matperbeg"
placeholder="Old Start of Maturity Period Matbeg">
<el-option v-for="item in codes.matbeg" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="8">
<el-form-item label="New Tenor Data" prop="trnmod.swiadd.newmatpercnt" style="width:100%">
<c-input
style="width:100%"
v-model="model.trnmod.swiadd.newmatpercnt" placeholder="New Tenor Data"></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
label="Tenor Data"
prop="oldbcdgrp.rec.matpercnt"
style="width: 100%"
>
<c-input
disabled
style="width: 100%"
v-model="model.oldbcdgrp.rec.matpercnt"
placeholder="Tenor Data"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="10px" prop="trnmod.swiadd.newmatpertyp">
<c-select v-model="model.trnmod.swiadd.newmatpertyp" style="width:100%"
placeholder="Days/Month or Year for Maturity Period">
<el-option v-for="item in codes.matper" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
label=""
label-width="10px"
prop="oldbcdgrp.rec.matpertyp"
>
<c-select
disabled
v-model="model.oldbcdgrp.rec.matpertyp"
style="width: 100%"
placeholder="Days/Month or Year for Maturity Period"
>
<el-option
v-for="item in codes.matper"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="10px" prop="trnmod.swiadd.newmatperbeg">
<c-select v-model="model.trnmod.swiadd.newmatperbeg" style="width:100%"
placeholder="New Start of Maturity Period Matbeg">
<el-option v-for="item in codes.matbeg" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="8">
<el-form-item
label=""
label-width="10px"
prop="oldbcdgrp.rec.matperbeg"
>
<c-select
disabled
style="width: 100%"
v-model="model.oldbcdgrp.rec.matperbeg"
placeholder="Old Start of Maturity Period Matbeg"
>
<el-option
v-for="item in codes.matbeg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Maturity Date" prop="oldbcdgrp.rec.matdat">
<c-date-picker disabled type="date" v-model="model.oldbcdgrp.rec.matdat" style="width:100%"
placeholder="Old Maturity Date"></c-date-picker>
</el-form-item>
<c-col :span="24">
<c-col :span="8">
<el-form-item
label="New Tenor Data"
prop="trnmod.swiadd.newmatpercnt"
style="width: 100%"
>
<c-input
style="width: 100%"
v-model="model.trnmod.swiadd.newmatpercnt"
placeholder="New Tenor Data"
:disabled="model.newdoctypcod === 'P'"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="New Maturity Date" prop="trnmod.swiadd.newmatdat">
<c-date-picker type="date" v-model="model.trnmod.swiadd.newmatdat" style="width:100%"
placeholder="New Maturity Date"></c-date-picker>
</el-form-item>
<c-col :span="8">
<el-form-item
label=""
label-width="10px"
prop="trnmod.swiadd.newmatpertyp"
>
<c-select
v-model="model.trnmod.swiadd.newmatpertyp"
style="width: 100%"
placeholder="Days/Month or Year for Maturity Period"
:disabled="model.newdoctypcod === 'P'"
>
<el-option
v-for="item in codes.matper"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Further Amendments" prop="trnmod.swiadd.ametxt">
<c-input
:rows="4"
type="textarea" v-model="model.trnmod.swiadd.ametxt" maxlength="35" show-word-limit
placeholder="Further Amendments"></c-input>
</el-form-item>
<c-col :span="8">
<el-form-item
label=""
label-width="10px"
prop="trnmod.swiadd.newmatperbeg"
>
<c-select
v-model="model.trnmod.swiadd.newmatperbeg"
style="width: 100%"
placeholder="New Start of Maturity Period Matbeg"
:disabled="model.newdoctypcod === 'P'"
>
<el-option
v-for="item in codes.matbeg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</el-col>
<el-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="Name" prop="bcdgrp.rec.nam">
<c-input disabled v-model="model.bcdgrp.rec.nam" maxlength="50" placeholder="请输入Name"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="No. of Amendment" prop="amenbr">
<c-input disabled v-model="model.amenbr" style="width:100%" placeholder="No. of Amendment"></c-input>
</el-form-item>
</c-col>
</el-col>
</c-col>
<c-col :span="24">
<el-form-item label="Maturity Date" prop="oldbcdgrp.rec.matdat">
<c-date-picker
disabled
type="date"
v-model="model.oldbcdgrp.rec.matdat"
style="width: 100%"
placeholder="Old Maturity Date"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="New Maturity Date" prop="trnmod.swiadd.newmatdat">
<c-date-picker
type="date"
v-model="model.trnmod.swiadd.newmatdat"
style="width: 100%"
placeholder="New Maturity Date"
:disabled="model.newdoctypcod === 'P'"
></c-date-picker>
</el-form-item>
</c-col>
</div>
<c-col :span="24">
<el-form-item label="Further Amendments" prop="trnmod.swiadd.ametxt">
<c-input
:rows="4"
type="textarea"
v-model="model.trnmod.swiadd.ametxt"
maxlength="35"
show-word-limit
placeholder="Further Amendments"
></c-input>
</el-form-item>
</c-col>
</el-col>
<el-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="Name" prop="bcdgrp.rec.nam">
<c-input
disabled
v-model="model.bcdgrp.rec.nam"
maxlength="50"
placeholder="请输入Name"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="No. of Amendment" prop="amenbr">
<c-input
disabled
v-model="model.amenbr"
style="width: 100%"
placeholder="No. of Amendment"
></c-input>
</el-form-item>
</c-col>
</el-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bctame/Event"
export default {
inject: ['root'],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
}
},
methods: {
...Event
},
created: function () {
}
}
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Bctame/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
},
methods: {
...Event,
},
created: function () {},
};
</script>
<style>
</style>
\ No newline at end of file
src/views/Business/Bctame/index.vue
<template>
<c-page title="进口代收修改">
<div class="eContainer">
<c-function-btn
<c-page title="进口代收修改">
<div class="eContainer">
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="left" size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--Amendment -->
<el-tab-pane label="Amendment" name="amep">
<c-content>
<m-amep :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--Overview -->
<el-tab-pane label="Overview" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--Instructions -->
<el-tab-pane label="Instructions" name="detp">
<m-detp :model="model" :codes="codes"/>
</el-tab-pane>
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="150px"
label-position="left"
size="small"
:validate-on-rule-change="false"
>
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--Amendment -->
<el-tab-pane label="Amendment" name="amep">
<c-content>
<m-amep :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--Overview -->
<el-tab-pane label="Overview" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--Instructions -->
<el-tab-pane label="Instructions" name="detp">
<m-detp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Parties" name="ptyp">
<c-content>
<m-ptyp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="Liability" name="engp">
<m-engp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Parties" name="ptyp">
<c-content>
<m-ptyp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--账务 -->
<el-tab-pane label="Settlement" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="Liability" name="engp">
<m-engp :model="model" :codes="codes"/>
</el-tab-pane>
<!--账务 -->
<el-tab-pane label="Settlement" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<el-tab-pane label="Bookings" name="glepan">
<m-glepan :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Bookings" name="glepan">
<m-engp :model="model" :codes="codes"/>
</el-tab-pane>
<!--附言 -->
<el-tab-pane label="Completion" name="coninfp">
<m-coninfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--报文及面函 -->
<el-tab-pane label="Messages" name="docpan">
<m-docpan :model="model" :codes="codes"/>
</el-tab-pane>
<!--附件 -->
<el-tab-pane label="Attachments" name="doctre">
<m-doctre :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
</el-form>
<!--附言 -->
<el-tab-pane label="Completion" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
<c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" v-on:select-ety="selectEty"></c-grid-ety-prompt-dialog>
</div>
</c-page>
<!--报文及面函 -->
<el-tab-pane label="Messages" name="docpan">
<m-docpan :model="model" :codes="codes" />
</el-tab-pane>
<!--附件 -->
<el-tab-pane label="Attachments" name="doctre">
<m-doctre :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog
ref="etyDialog"
:promptData="promptData"
v-on:select-ety="selectEty"
></c-grid-ety-prompt-dialog>
</div>
</c-page>
</template>
<script>
import Api from "~/service/Api"
import Utils from "~/utils/index"
import CodeTable from "~/config/CodeTable"
import Bctame from "~/model/Bctame"
import commonProcess from "~/mixin/commonProcess"
import commonFuncs from "~/mixin/commonFuncs"
import Check from "~/model/Bctame/Check"
import Default from "~/model/Bctame/Default"
import Pattern from "~/model/Bctame/Pattern"
import Amep from "./Amep"
import Ovwp from "./Ovwp"
import Detp from "./Detp"
import Ptyp from "./Ptyp"
import Api from "~/service/Api";
import Utils from "~/utils/index";
import CodeTable from "~/config/CodeTable";
import Bctame from "~/model/Bctame";
import commonProcess from "~/mixin/commonProcess";
import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Bctame/Check";
import Default from "~/model/Bctame/Default";
import Pattern from "~/model/Bctame/Pattern";
import Amep from "./Amep";
import Ovwp from "./Ovwp";
import Detp from "./Detp";
import Ptyp from "./Ptyp";
//import Setpan from "./Setpan"
//import Coninfp from "./Coninfp"
//import Docpan from "./Docpan"
// import Doctre from "./Doctre"
import Setpan from "~/views/Public/Setpan"
import Docpan from "~/views/Public/Docpan"
import Doctre from "~/views/Public/Doctre"
import Coninfp from "~/views/Public/Coninfp"
import Glepan from "~/views/Public/Glepan"
import Engp from "~/views/Public/Engp"
import Setpan from "~/views/Public/Setpan";
import Docpan from "~/views/Public/Docpan";
import Doctre from "~/views/Public/Doctre";
import Coninfp from "~/views/Public/Coninfp";
import Glepan from "~/views/Public/Glepan";
import Engp from "~/views/Public/Engp";
export default {
name:"Bctame",
components:{
"m-amep" : Amep,
"m-ovwp" : Ovwp,
"m-detp" : Detp,
"m-ptyp" : Ptyp,
"m-setpan" : Setpan,
"m-engp" : Engp,
"m-coninfp" : Coninfp,
"m-docpan" : Docpan,
"m-doctre" : Doctre,
"m-glepan" : Glepan,
},
provide() {
return {
root: this
}
},
mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "amep",
trnName: "bctame",
model: new Bctame().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes:{...CodeTable},
}
},
methods:{
tabClick(){
}
},
created:async function(){
console.log("进入bctame交易");
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
//更新数据
this.updateModel(rtnmsg.data);
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
name: "Bctame",
components: {
"m-amep": Amep,
"m-ovwp": Ovwp,
"m-detp": Detp,
"m-ptyp": Ptyp,
"m-setpan": Setpan,
"m-engp": Engp,
"m-coninfp": Coninfp,
"m-docpan": Docpan,
"m-doctre": Doctre,
"m-glepan": Glepan,
},
provide() {
return {
root: this,
};
},
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "amep",
trnName: "bctame",
model: new Bctame().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: { ...CodeTable },
};
},
methods: {
},
created: async function () {
console.log("进入bctame交易");
let rtnmsg = await this.init({});
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
//更新数据
this.updateModel(rtnmsg.data);
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
}
},
};
</script>
<style>
</style>
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