Skip to content

V
vue-gjjs
Commit d40f2617 by 闫泽浩
Options

Getfre界面UI更新

parent 66f486e8
Showing with 219 additions and 240 deletions
src/model/Getfre/index.js
import Api from "~/service/Api"
import Pts from "../Common/Pts"
import Pub from "../Public"
export default class Getfre{
constructor () {
this.data = {
setmod: new Pub().data.Setmod,
mtabut: new Pub().data.Mtabut,
trnmod: new Pub().data.Trnmod,
liaall: new Pub().data.Liaall,
gitp0:{
explab:"", // Label unlimited Validity .gitp0.explab
lialab:"", // Label unlimited lLability .gitp0.lialab
......@@ -120,67 +125,67 @@ export default class Getfre{
det:"", // Query/ Answer .fremsg.det
tag77a:"", // Narrative (77A) .fremsg.tag77a
},
setmod:{
docamttyplab:"", // settled amount description as label .setmod.docamttyplab
retmsg:"", // Label showing Retry overflow condition .setmod.retmsg
ref:"", // our reference .setmod.ref
doccur:"", // 减少后的结算金额 .setmod.doccur
docamt:"", // document amount .setmod.docamt
dspflg:"", // Type of settlement .setmod.dspflg
xreflg:"", // Recalculate Rates .setmod.xreflg
setglg:{
labdspflg:"", // Label for Type of Settlement .setmod.setglg.labdspflg
},
zmqacclab:"", // 主�'�号LABEL .setmod.zmqacclab
zmqacc:"", // 自�'�区主�'�号 .setmod.zmqacc
redamt:"", // 减少的金额 .setmod.redamt
setamt:"", // Reduced Amount to settle .setmod.setamt
redamttxt:"", // 注释 .setmod.redamttxt
},
mtabut:{
coninf:{
oitinf:{
labinftxt:"", // Label for INFTXT .mtabut.coninf.oitinf.labinftxt
oit:{
inftxt:"", // Infotext .mtabut.coninf.oitinf.oit.inftxt
inflev:"", // Infotext Level .mtabut.coninf.oitinf.oit.inflev
},
},
oitset:{
labinftxt:"", // Label for INFTXT .mtabut.coninf.oitset.labinftxt
oit:{
inftxt:"", // Infotext .mtabut.coninf.oitset.oit.inftxt
inflev:"", // Infotext Level .mtabut.coninf.oitset.oit.inflev
},
},
conexedat:"", // 执行日期 .mtabut.coninf.conexedat
usr:{
extkey:"", // User ID .mtabut.coninf.usr.extkey
},
},
},
trnmod:{
trndoc:{
advlabel:"", // ADVLABEL .trnmod.trndoc.advlabel
amdnam:"", // AMDNAM .trnmod.trndoc.amdnam
advdoc:"", // 国内证通知书 .trnmod.trndoc.advdoc
advnam:"", // 国内证落款 .trnmod.trndoc.advnam
amdapl:"", // 修改申请人名称 .trnmod.trndoc.amdapl
doclbl:"", // Lable for CONDOCSTM .trnmod.trndoc.doclbl
doctrestm:"", // Document tree .trnmod.trndoc.doctrestm
shwinc:"", // Show Incoming Messages .trnmod.trndoc.shwinc
shwout:"", // Show Outgoing Messages .trnmod.trndoc.shwout
condocstm:"", // Connected Documents .trnmod.trndoc.condocstm
rcvatt:{
seainf:"", // .trnmod.trndoc.rcvatt.seainf
},
filrecv:"", // File Receiver .trnmod.trndoc.filrecv
},
swiadd:{
amenbr:"", // Number of Amendm. .trnmod.swiadd.amenbr
amestatxt:"", // Reason for Rejection .trnmod.swiadd.amestatxt
},
},
// setmod:{
// docamttyplab:"", // settled amount description as label .setmod.docamttyplab
// retmsg:"", // Label showing Retry overflow condition .setmod.retmsg
// ref:"", // our reference .setmod.ref
// doccur:"", // 减少后的结算金额 .setmod.doccur
// docamt:"", // document amount .setmod.docamt
// dspflg:"", // Type of settlement .setmod.dspflg
// xreflg:"", // Recalculate Rates .setmod.xreflg
// setglg:{
// labdspflg:"", // Label for Type of Settlement .setmod.setglg.labdspflg
// },
// zmqacclab:"", // 主�'�号LABEL .setmod.zmqacclab
// zmqacc:"", // 自�'�区主�'�号 .setmod.zmqacc
// redamt:"", // 减少的金额 .setmod.redamt
// setamt:"", // Reduced Amount to settle .setmod.setamt
// redamttxt:"", // 注释 .setmod.redamttxt
// },
// mtabut:{
// coninf:{
// oitinf:{
// labinftxt:"", // Label for INFTXT .mtabut.coninf.oitinf.labinftxt
// oit:{
// inftxt:"", // Infotext .mtabut.coninf.oitinf.oit.inftxt
// inflev:"", // Infotext Level .mtabut.coninf.oitinf.oit.inflev
// },
// },
// oitset:{
// labinftxt:"", // Label for INFTXT .mtabut.coninf.oitset.labinftxt
// oit:{
// inftxt:"", // Infotext .mtabut.coninf.oitset.oit.inftxt
// inflev:"", // Infotext Level .mtabut.coninf.oitset.oit.inflev
// },
// },
// conexedat:"", // 执行日期 .mtabut.coninf.conexedat
// usr:{
// extkey:"", // User ID .mtabut.coninf.usr.extkey
// },
// },
// },
// trnmod:{
// trndoc:{
// advlabel:"", // ADVLABEL .trnmod.trndoc.advlabel
// amdnam:"", // AMDNAM .trnmod.trndoc.amdnam
// advdoc:"", // 国内证通知书 .trnmod.trndoc.advdoc
// advnam:"", // 国内证落款 .trnmod.trndoc.advnam
// amdapl:"", // 修改申请人名称 .trnmod.trndoc.amdapl
// doclbl:"", // Lable for CONDOCSTM .trnmod.trndoc.doclbl
// doctrestm:"", // Document tree .trnmod.trndoc.doctrestm
// shwinc:"", // Show Incoming Messages .trnmod.trndoc.shwinc
// shwout:"", // Show Outgoing Messages .trnmod.trndoc.shwout
// condocstm:"", // Connected Documents .trnmod.trndoc.condocstm
// rcvatt:{
// seainf:"", // .trnmod.trndoc.rcvatt.seainf
// },
// filrecv:"", // File Receiver .trnmod.trndoc.filrecv
// },
// swiadd:{
// amenbr:"", // Number of Amendm. .trnmod.swiadd.amenbr
// amestatxt:"", // Reason for Rejection .trnmod.swiadd.amestatxt
// },
// },
pageId: "" // ctx的key
}
}
......
src/views/Business/Getfre/Fredet.vue
......@@ -3,14 +3,14 @@
<!-- SF000077 : Query/ Answer -->
<c-col :span="12">
<c-form-item :label="$t('fremsg.SF000077')" prop="fremsg.det">
<c-form-item label="需求/答复" prop="fremsg.det">
<c-input type="textarea" v-model="model.fremsg.det" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+$t('fremsg.SF000077')" ></c-input>
</c-form-item>
</c-col>
<!-- SF000078 : Narrative (77A) -->
<c-col :span="12">
<c-form-item :label="$t('fremsg.SF000078')" prop="fremsg.tag77a">
<c-form-item label="叙述内容" prop="fremsg.tag77a">
<c-input type="textarea" v-model="model.fremsg.tag77a" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+$t('fremsg.SF000078')" ></c-input>
</c-form-item>
</c-col>
......
src/views/Business/Getfre/Mt759p.vue
<template>
<div class="eibs-tab">
<!-- SF000256 : Form of Undertaking -->
<c-col :span="12">
<el-form-item :label="$t('fremsg.SF000256')" prop="fremsg.tag22d">
<c-select v-model="model.fremsg.tag22d" style="width:100%" :placeholder="$t('other.please_enter')+$t('fremsg.SF000256')">
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<el-form-item label="承诺形式" prop="fremsg.tag22d">
<c-select v-model="model.fremsg.tag22d" style="width:100%" :code="codes.legfrm3" placeholder="">
</c-select>
</el-form-item>
</c-col>
<!-- SF000257 : Undertaking Number -->
<c-col :span="12">
<c-form-item :label="$t('fremsg.SF000257')" prop="fremsg.tag23">
<c-input v-model="model.fremsg.tag23" maxlength="16" :placeholder="$t('other.please_enter')+$t('fremsg.SF000257')"></c-input>
<c-col :span="24">
<c-form-item label="企业编号" prop="fremsg.tag23">
<c-input v-model="model.fremsg.tag23" maxlength="16" placeholder=""></c-input>
</c-form-item>
</c-col>
<!-- SF000258 : Issuer of Undertak. -->
<c-col :span="12">
<el-form-item :label="$t('fremsg.SF000258')" prop="fremsg.issrol">
<c-select v-model="model.fremsg.issrol" style="width:100%" :placeholder="$t('other.please_enter')+$t('fremsg.SF000258')">
<c-col :span="24">
<el-form-item label="发行人" prop="fremsg.issrol">
<c-select v-model="model.fremsg.issrol" style="width: 100%" placeholder="请选择发行人" :code="codes.payrol"
@change="eventFunction('fremsg.issrol')"
>
<!-- <el-option v-for="item in codes.docprbrol" :key="item.value" :label="item.label" :value="item.value">
</el-option> -->
</c-select>
</el-form-item>
</c-col>
<!-- SF000289 : Extended Maturity -->
<c-col :span="12">
<el-form-item label="New Maturity Date" prop="fremsg.swiadd.newmatdat">
<c-date-picker type="date" v-model="model.fremsg.swiadd.newmatdat" style="width:100%" :placeholder="$t('other.please_enter')+'New Maturity Date'"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="Drag Drop Sender" prop="fremsg.issp.ptsget.sdamod.dadsnd">
<c-input v-model="model.fremsg.issp.ptsget.sdamod.dadsnd" :placeholder="$t('other.please_enter')+'Drag Drop Sender'"></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="External Key of Address" prop="fremsg.iss.pts.extkey">
<c-input v-model="model.fremsg.iss.pts.extkey" maxlength="16" :placeholder="$t('other.please_enter')+'External Key of Address'"></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="" prop="fremsg.issp.ptsget.sdamod.seainf">
<c-input v-model="model.fremsg.issp.ptsget.sdamod.seainf" :placeholder="$t('other.please_enter')+''"></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onIsspDet">
{{$t('ptsp.CF000081')}}
<c-col :span="24">
<el-form-item label="" prop="fremsg.iss.pts.extkey">
<c-fullbox>
<c-input v-model="model.fremsg.iss.pts.extkey" maxlength="16" placeholder="请输入"
@keyup.enter.native="
showGridPromptDialog('fremsg.iss.pts.extkey')
"></c-input>
<template slot="footer">
<c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary"
>
<i class="el-icon-info"></i>
</c-button>
<c-button style="margin: 0 0" size="small" type="primary" @click="">
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="名称" prop="fremsg.iss.namelc">
<c-input type="textarea" v-model="model.fremsg.iss.namelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'名称'" ></c-input>
</c-form-item>
<c-col :span="24">
<el-form-item label="" prop="fremsg.iss.pts.adrblk">
<c-input :rows="4" type="textarea" v-model="model.fremsg.iss.pts.adrblk"
maxlength="300" show-word-limit placeholder="请输入">
</c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="Address Block" prop="fremsg.iss.pts.adrblk">
<c-input type="textarea" v-model="model.fremsg.iss.pts.adrblk" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Address Block'" ></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="Chinese address" prop="fremsg.iss.dbfadrblkcn">
<c-input type="textarea" v-model="model.fremsg.iss.dbfadrblkcn" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Chinese address'" ></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="地址" prop="fremsg.iss.adrelc">
<c-input type="textarea" v-model="model.fremsg.iss.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
</c-form-item>
</c-col>
<!-- SF000259 : Function -->
<c-col :span="12">
<el-form-item :label="$t('fremsg.SF000259')" prop="fremsg.tag23h">
<c-select v-model="model.fremsg.tag23h" style="width:100%" :placeholder="$t('other.please_enter')+$t('fremsg.SF000259')">
<c-col :span="24">
<el-form-item label="功能" prop="fremsg.tag23h">
<c-select v-model="model.fremsg.tag23h" style="width:100%" :code="codes.tag23h" placeholder="">
</c-select>
</el-form-item>
</c-col>
<!-- SF000260 : Details of Request -->
<c-col :span="12">
<c-form-item :label="$t('fremsg.SF000260')" prop="fremsg.tag45d">
<c-input type="textarea" v-model="model.fremsg.tag45d" maxlength="65" show-word-limit :placeholder="$t('other.please_enter')+$t('fremsg.SF000260')" ></c-input>
<c-col :span="24">
<c-form-item label="请求的详细信息" prop="fremsg.tag45d">
<c-input type="textarea" v-model="model.fremsg.tag45d" :code="tag45d" :rows="5" maxlength="65" show-word-limit placeholder="" ></c-input>
</c-form-item>
</c-col>
</c-col>
</div>
</template>
<script>
......
src/views/Business/Getfre/Ovwp.vue
......@@ -4,6 +4,21 @@
<el-collapse-item title="业务信息" name="gitfrep1">
<m-gitfrep1 :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="赔偿声明" name="revp" v-if="model.fremsg.sndmt == 'REV'">
<m-revp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="Mt759p" name="Mt759p" v-if="model.fremsg.sndmt=='59'">
<m-mt759p :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="Rejp" name="Rejp" v-if="model.fremsg.sndmt=='AME'">
<m-rejp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="报文详情 " name="Fredet" v-if="model.fremsg.sndmt=='95'||model.fremsg.sndmt=='96'">
<m-fredet :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
......@@ -11,28 +26,32 @@
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Getamc/Event";
import Gitfrep1 from "./Gitfrep1";
import Mt759p from "./Mt759p";
import Detp from "./Detp";
import Fredet from "./Fredet";
import Revp from "./Revp";
import Rejp from "./Rejp";
export default {
components: {
"m-gitfrep1": Gitfrep1,
"m-mt759p": Mt759p,
"m-detp": Detp,
"m-fredet": Fredet,
"m-revp": Revp,
"m-rejp": Rejp,
},
inject: ['root'],
props:["model","codes"],
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data(){
data() {
return {
activeNames: ["ovwp1"],
}
};
},
methods:{...Event,handleChange(){}},
created:function(){
}
}
</script>
methods: { ...Event, handleChange() {} },
created: function () {},
};
</script>
<style>
</style>
\ No newline at end of file
</style>
\ No newline at end of file
src/views/Business/Getfre/index.vue
<template>
<div class="eContainer">
<c-page title="自由格式报文">
<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">
<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"
>
<!--getfre PD000141 Common Messages -->
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
......@@ -10,110 +23,79 @@
</c-content>
</el-tab-pane>
<!--setmod PD000000 Settlement -->
<el-tab-pane label="费用/账务" name="engp,setpan,glepan">
<c-content>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="表外记账" name="engp">
<!-- 表外记账 -->
<m-engp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="结算" name="setpan">
<!-- 结算 -->
<m-setpan :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="会计分录" name="glepan">
<!-- 会计分录 -->
<m-glepan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content>
</el-tab-pane>
<!--coninf PD000000 Completion -->
<el-tab-pane label="备查/附言" name="coninfp">
<m-coninfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--trndoc PD000529 &Messages -->
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--trndoc PD000546 Attachments -->
<el-tab-pane :label="$t('trndoc.PD000546')" name="doctre">
<m-doctre :model="model" :codes="codes"/>
</el-tab-pane>
<!--fremsg PD000255 Message Details MT759 -->
<el-tab-pane :label="$t('fremsg.PD000255')" name="mt759p">
<m-mt759p :model="model" :codes="codes"/>
</el-tab-pane>
<!--setmod PD000020 Settlement Details Panel -->
<el-tab-pane :label="$t('setmod.PD000020')" name="detp">
<m-detp :model="model" :codes="codes"/>
</el-tab-pane>
<!--fremsg PD000076 Message Details -->
<el-tab-pane :label="$t('fremsg.PD000076')" name="fredet">
<m-fredet :model="model" :codes="codes"/>
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--getfre PD000333 Declaration of Indemnity -->
<el-tab-pane :label="$t('getfre.PD000333')" name="revp">
<m-revp :model="model" :codes="codes"/>
<el-tab-pane label="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
<!--getfre PD000343 Rejection of Amendment -->
<el-tab-pane :label="$t('getfre.PD000343')" name="rejp">
<m-rejp :model="model" :codes="codes"/>
<!--PD000000 -->
<el-tab-pane label="费用及账务" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</c-page>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Getfre from "~/model/Getfre"
import commonProcess from "~/mixin/commonProcess"
import Check from "~/model/Getfre/Check"
import Default from "~/model/Getfre/Default"
import Pattern from "~/model/Getfre/Pattern"
import Gitfrep1 from "./Gitfrep1"
import Ovwp from "./Ovwp"
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Getfre from "~/model/Getfre";
import commonProcess from "~/mixin/commonProcess";
import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Getfre/Check";
import Default from "~/model/Getfre/Default";
import Pattern from "~/model/Getfre/Pattern";
import Gitfrep1 from "./Gitfrep1";
import Ovwp from "./Ovwp";
import Setpan from "~/views/Public/Setpan";
import Coninfp from "./Coninfp"
import Coninfp from "~/views/Public/Coninfp";
import Docpan from "~/views/Public/Docpan";
import Doctre from "~/views/Public/Doctre";
import Mt759p from "./Mt759p"
import Detp from "./Detp"
import Fredet from "./Fredet"
import Revp from "./Revp"
import Rejp from "./Rejp"
import Mt759p from "./Mt759p";
import Detp from "./Detp";
import Fredet from "./Fredet";
import Revp from "./Revp";
import Rejp from "./Rejp";
export default {
name: "Getfre",
components:{
"m-ovwp" : Ovwp,
"m-gitfrep1" : Gitfrep1,
"m-setpan" : Setpan,
"m-coninfp" : Coninfp,
"m-docpan" : Docpan,
"m-doctre" : Doctre,
"m-mt759p" : Mt759p,
"m-detp" : Detp,
"m-fredet" : Fredet,
"m-revp" : Revp,
"m-rejp" : Rejp,
},
provide() {
return {
root: this
}
root: this,
};
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "",
tabVal: "ovwp",
trnName: "getfre",
trnType: "",
model: new Getfre().data,
......@@ -121,34 +103,28 @@ export default {
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
},
}
codes: { ...CodeTable },
};
},
methods:{
myTabClick(tab){
this.tabClick(tab)
methods: {
myTabClick(tab) {
this.tabClick(tab);
/**
* do it yourself
**/
}
},
created:async function(){
},
created: async function () {
console.log("进入getfre交易");
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
let rtnmsg = await this.init({});
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data);
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
} 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