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