Skip to content

V
vue-gjjs
Commit 4e84b5e3 by wangna
Options

Bctame修改（#605）

parent 5d9aacfd
Showing with 287 additions and 148 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
...@@ -14,7 +13,6 @@ ...@@ -14,7 +13,6 @@
maxlength="8" maxlength="8"
disabled disabled
placeholder="" placeholder=""
></c-input> ></c-input>
<template slot="footer"> <template slot="footer">
<c-button <c-button
...@@ -29,7 +27,12 @@ ...@@ -29,7 +27,12 @@
</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
type="date"
v-model="model.amedat"
style="width: 100%"
placeholder="Amendment Date"
>
</c-date-picker> </c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -54,90 +57,183 @@ ...@@ -54,90 +57,183 @@
<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
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> </el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="" style="text-align: left" label-width="20px" prop="oldbcdgrp.cbs.max.amt"> <el-form-item
<c-input-currency v-model="model.oldbcdgrp.cbs.max.amt" placeholder="Original Amount" disabled></c-input-currency> 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> </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="Amended" prop="trnmod.swiadd.amecur"> <el-form-item label="Amended" prop="trnmod.swiadd.amecur">
<c-select disabled v-model="model.trnmod.swiadd.amecur" 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
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> </el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<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> 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> </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="New Amount" prop="trnmod.swiadd.newcur">
<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
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> </el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </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=""
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> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="Amend Condition" prop="newdoctypcod"> <el-form-item label="Amend Condition" prop="newdoctypcod">
<c-select v-model="model.newdoctypcod" style="width:100%" placeholder="Amend Condition"> <c-select
<el-option v-for="item in codes.doctypcod" :key="item.value" :label="item.label" :value="item.value"> 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> </el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="Tenor Data" prop="oldbcdgrp.rec.matpercnt" style="width:100%"> <el-form-item
<c-input disabled label="Tenor Data"
style="width:100%" prop="oldbcdgrp.rec.matpercnt"
v-model="model.oldbcdgrp.rec.matpercnt" placeholder="Tenor Data"></c-input> style="width: 100%"
>
<c-input
disabled
style="width: 100%"
v-model="model.oldbcdgrp.rec.matpercnt"
placeholder="Tenor Data"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="" label-width="10px" prop="oldbcdgrp.rec.matpertyp"> <el-form-item
<c-select disabled v-model="model.oldbcdgrp.rec.matpertyp" 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"
>
<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> </el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </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=""
style="width:100%" v-model="model.oldbcdgrp.rec.matperbeg" label-width="10px"
placeholder="Old Start of Maturity Period Matbeg"> prop="oldbcdgrp.rec.matperbeg"
<el-option v-for="item in codes.matbeg" :key="item.value" :label="item.label" :value="item.value"> >
<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> </el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
...@@ -145,28 +241,61 @@ ...@@ -145,28 +241,61 @@
<c-col :span="24"> <c-col :span="24">
<c-col :span="8"> <c-col :span="8">
<el-form-item label="New Tenor Data" prop="trnmod.swiadd.newmatpercnt" style="width:100%"> <el-form-item
label="New Tenor Data"
prop="trnmod.swiadd.newmatpercnt"
style="width: 100%"
>
<c-input <c-input
style="width:100%" style="width: 100%"
v-model="model.trnmod.swiadd.newmatpercnt" placeholder="New Tenor Data"></c-input> v-model="model.trnmod.swiadd.newmatpercnt"
placeholder="New Tenor Data"
:disabled="model.newdoctypcod === 'P'"
></c-input>
</el-form-item> </el-form-item>
</c-col> </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="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> </el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </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="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> </el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
...@@ -175,15 +304,25 @@ ...@@ -175,15 +304,25 @@
<c-col :span="24"> <c-col :span="24">
<el-form-item label="Maturity Date" prop="oldbcdgrp.rec.matdat"> <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%" <c-date-picker
placeholder="Old Maturity Date"></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> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="New Maturity Date" prop="trnmod.swiadd.newmatdat"> <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%" <c-date-picker
placeholder="New Maturity Date"></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> </el-form-item>
</c-col> </c-col>
...@@ -191,59 +330,57 @@ ...@@ -191,59 +330,57 @@
<el-form-item label="Further Amendments" prop="trnmod.swiadd.ametxt"> <el-form-item label="Further Amendments" prop="trnmod.swiadd.ametxt">
<c-input <c-input
:rows="4" :rows="4"
type="textarea" v-model="model.trnmod.swiadd.ametxt" maxlength="35" show-word-limit type="textarea"
placeholder="Further Amendments"></c-input> v-model="model.trnmod.swiadd.ametxt"
maxlength="35"
show-word-limit
placeholder="Further Amendments"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</el-col> </el-col>
<el-col :span="11" :offset="1"> <el-col :span="11" :offset="1">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="Name" prop="bcdgrp.rec.nam"> <el-form-item label="Name" prop="bcdgrp.rec.nam">
<c-input disabled v-model="model.bcdgrp.rec.nam" maxlength="50" placeholder="请输入Name"></c-input> <c-input
disabled
v-model="model.bcdgrp.rec.nam"
maxlength="50"
placeholder="请输入Name"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="No. of Amendment" prop="amenbr"> <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> <c-input
disabled
v-model="model.amenbr"
style="width: 100%"
placeholder="No. of Amendment"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</el-col> </el-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/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: { methods: {
...Event ...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
: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"> <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--Amendment --> <!--Amendment -->
<el-tab-pane label="Amendment" name="amep"> <el-tab-pane label="Amendment" name="amep">
<c-content> <c-content>
<m-amep :model="model" :codes="codes"/> <m-amep :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<!--Overview --> <!--Overview -->
<el-tab-pane label="Overview" name="ovwp"> <el-tab-pane label="Overview" name="ovwp">
<c-content> <c-content>
<m-ovwp :model="model" :codes="codes"/> <m-ovwp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<!--Instructions --> <!--Instructions -->
<el-tab-pane label="Instructions" name="detp"> <el-tab-pane label="Instructions" name="detp">
<m-detp :model="model" :codes="codes"/> <m-detp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Parties" name="ptyp"> <el-tab-pane label="Parties" name="ptyp">
<c-content> <c-content>
<m-ptyp :model="model" :codes="codes"/> <m-ptyp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Liability" 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>
<!--账务 --> <!--账务 -->
<el-tab-pane label="Settlement" name="setpan"> <el-tab-pane label="Settlement" name="setpan">
<c-content> <c-content>
<m-setpan :model="model" :codes="codes"/> <m-setpan :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Bookings" name="glepan"> <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="Completion" 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>
<!--报文及面函 --> <!--报文及面函 -->
<el-tab-pane label="Messages" 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>
<!--附件 --> <!--附件 -->
<el-tab-pane label="Attachments" 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>
</c-tabs> </c-tabs>
</el-form> </el-form>
<c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" v-on:select-ety="selectEty"></c-grid-ety-prompt-dialog> <c-grid-ety-prompt-dialog
ref="etyDialog"
:promptData="promptData"
v-on:select-ety="selectEty"
></c-grid-ety-prompt-dialog>
</div> </div>
</c-page> </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",
...@@ -128,30 +137,24 @@ export default { ...@@ -128,30 +137,24 @@ export default {
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); this.updateModel(rtnmsg.data);
} else {
} 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