Skip to content

V
vue-gjjs
Commit cf09084f by WH
Options

letamc前端代码清理

parent 72ba0cef
Showing with 820 additions and 0 deletions
src/business/letamc/event/buildCommons.js 0 → 100644
export default {
buildPtspta (ptsptaObj) {
let pts = ptsptaObj.pts;
let ptspta = {
rol: pts.rol,
name: pts.nam,
ptyinr: pts.ptyinr,
ptainr: pts.ptainr,
extkey: pts.extkey,
dftdsp: pts.dftdsp,
dftcur: pts.dftcur,
dftact: pts.dftact,
dftfeecur: pts.dftfeecur,
dftactptainr: pts.dftactptainr,
glggrpflg: pts.glggrpflg,
adrblk: pts.adrblk
};
return ptspta;
},
buildCommonData (model, trnName) {
let ptsptaList = [];
if (model.ledgrp.iss.pts.extkey) {
ptsptaList.push(this.buildPtspta(model.ledgrp.iss));
}
if (model.ledgrp.oth.pts.extkey) {
ptsptaList.push(this.buildPtspta(model.ledgrp.oth));
}
if (model.ledgrp.wrk.pts.extkey) {
ptsptaList.push(this.buildPtspta(model.ledgrp.wrk));
}
if (model.ledgrp.prb.pts.extkey) {
ptsptaList.push(this.buildPtspta(model.ledgrp.prb));
}
let dataObj = {
rec: {
objtyp: 'LED',
ownref: model.ledgrp.rec.ownref,
opndat: model.ledgrp.rec.opndat,
expdat: model.ledgrp.rec.expdat,
branchInr: model.ledgrp.rec.branchInr,
hndtyp: model.ledgrp.rec.hndtyp,
gartyp: model.ledgrp.rec.gartyp,
fingua: model.ledgrp.rec.fingua,
// segtyp: model.ledgrp.ghd.segtyp,
fromflg: model.ledgrp.rec.fromflg,
othersno: model.ledgrp.rec.othersno,
sndto: model.ledgrp.rec.sndto,
// swiftflg: model.gitp.swiftflg,
giduil: model.ledgrp.rec.giduil,
purpos: model.ledgrp.rec.purpos,
revflg: model.ledgrp.rec.revflg,
cnfsta: model.ledgrp.rec.cnfsta,
},
cbsMap: {
MAX: model.ledgrp.cbs.max,
OPN1: model.ledgrp.cbs.opn1,
MAC: model.ledgrp.cbs.mac,
MAC2: model.ledgrp.cbs.mac2,
OPC2: model.ledgrp.cbs.opc2,
CNF: model.ledgrp.cbs.cnf,
},
ptsList: ptsptaList,
transName: trnName,
userId: window.sessionStorage.userId ? window.sessionStorage.userId : 'ZL'
};
return dataObj
},
buildSetfeg (model, trnName) {
let params = {
...this.buildCommonData(model, trnName),
liaall: model.liaall,
liaccv: model.liaccv,
// doceot: model.trnmod.trndoc.doceot,
};
return params
},
buildSetglg (model, trnName) {
let params = {
...this.buildCommonData(model, trnName),
setfeg: model.setmod.setfeg,
liaall: model.liaall,
liaccv: model.liaccv,
};
return params
},
buildGlentry (model, trnName) {
let params = {
...this.buildCommonData(model, trnName),
liaallg: model.liaall.liaallg,
setfog: model.setmod.setfog,
setfeg: model.setmod.setfeg,
setglg: model.setmod.setglg,
};
return params
},
buildEngp (model, trnName) {
let params = {
...this.buildCommonData(model, trnName),
liaallg: model.liaall.liaallg,
};
return params
},
buildDocpan (model, trnName) {
let params = {
...this.buildCommonData(model, trnName),
};
return params
},
buildCcvpan (model, trnName) {
let params = {
...this.buildCommonData(model, trnName),
liaccvg: model.liaccv.liaccvg,
oldamt: model.liaccv.oldamt,
chgamt: model.liaccv.chgamt,
concur: model.liaccv.concur,
};
return params
},
buildLimitbody (model, trnName) {
let params = {
...this.buildCommonData(model, trnName),
rec: {
objtyp: 'LED',
objinr: model.ledgrp.rec.inr,
ownref: model.ledgrp.rec.ownref,
},
};
return params
},
buildDoctre (model, trnName) {
let params = {
...this.buildCommonData(model, trnName),
rec: {
objtyp: 'LED',
objinr: model.ledgrp.rec.inr,
ownref: model.ledgrp.rec.ownref,
// swiftflg: model.gitp.swiftflg,
},
};
return params
},
// 公共组件setmod中dsp字段改变，触发联动时候的入参
buildSetgllAccts (model, trnName, setglg) {
let params = {
...this.buildCommonData(model, trnName),
setglg
};
return params
}
}
\ No newline at end of file
src/business/letamc/event/index.js 0 → 100644
import Api from '~/service/Api';
import commonFunctions from '~/mixin/commonFunctions.js';
import buildFn from './buildCommons.js';
import setmod from '~/components/business/setmod/event';
import glentry from '~/components/business/glentry/event';
import engp from '~/components/business/engp/event';
import docpan from '~/components/business/docpan/event';
import ccvpan from '~/components/business/ccvpan/event';
import limitbody from '~/components/business/limitbody/event';
import doctre from '~/components/business/doctre/event';
import Utils from "~/utils"
export default {
mixins: [commonFunctions],
methods: {
...setmod,
...glentry,
...engp,
...docpan,
...ccvpan,
...limitbody,
...doctre,
async init () {
const params = {
spt: JSON.parse(localStorage.getItem('row_' + this.trnName)),
trnmod: {
trn: JSON.parse(localStorage.getItem('review_'+this.trnName))
},
}
if ( typeof(this.$route.query.inr) == 'string'){
params.spt = null
params.trnmod.trn = null
}
const res = await Api.post('/service/letdrv/init', {
...params,
transName: this.trnName,
userId: window.sessionStorage.userId || 'ZL',
// brdinr: this.$route.query.inr,
// brdgrp:{
// rec:{
// inr: this.$route.query.inr
// // inr: '00000484'
// }
// },
});
if (!res.data) {
return
}
this.copyValueFromVoData(this.model, res.data)
this.copyValueFromVoData(this.model.setmod.setfeg, res.data.setfeg)
this.copyValueFromVoData(this.model.setmod.setfog, res.data.setfog)
this.copyValueFromVoData(this.model.setmod.setglg, res.data.setglg)
},
// 兼容处理在前端model中定义了字段，后端返回的数据中不存在字段的问题
copyValueFromVoData (model, data) {
let keysList = Object.keys(model)
keysList.map((key) => {
if (data[key]) {
if (Utils.typeOf(model[key]) === 'Object') {
this.copyValueFromVoData(model[key], data[key])
} else {
this.$set(model, key, data[key])
}
}
})
},
async tabClick(tab) {
if (this.isInDisplay) {
return;
}
let name = tab.name;
switch (name) {
case 'ccvpan':
let ccvpanRequest = buildFn.buildCcvpan(this.model, this.trnName);
this.processLiaccv(ccvpanRequest);
break;
case 'engp':
let engpRequest = buildFn.buildEngp(this.model, this.trnName);
this.processLiaall(engpRequest);
break;
case 'setmod':
let setfegRequest = buildFn.buildSetfeg(this.model, this.trnName);
// 此处利用回调是为了等setfeg的接口调用完成后才去获取setglg参数，由于setglg参数依赖于setfeg函数的返回值
this.processSetpan(setfegRequest, () => {
return buildFn.buildSetglg(this.model, this.trnName);
});
break;
case 'docpan':
let docpanRequest = buildFn.buildDocpan(this.model, this.trnName);
this.processTrndoc(docpanRequest);
break;
case 'glepan':
let glentryRequest = buildFn.buildGlentry(this.model, this.trnName);
this.processGlentry(glentryRequest);
break;
case 'limitbody':
let limitbodyRequest = buildFn.buildLimitbody(this.model, this.trnName);
this.processLimitbody(limitbodyRequest);
break;
case 'doctre':
let doctreRequest = buildFn.buildDoctre(this.model, this.trnName);
this.processDoctre(doctreRequest);
break;
default:
return;
}
},
// 点击获取按钮拉取当前key字段下的表单数据
queryFormData(key) {
console.log(key);
},
// 业务信息=》基本信息=》保函编号-----获取保函编号
async queryOwnref() {
let params = {
ptainr: this.model.gidgrp.apl.pts.ptainr,
businessType: 'LG',
tbl: 'LG',
};
const loading = this.loading();
let res = await Api.post('/service/letdrv/getOwnRef', params);
if (res.respCode == SUCCESS) {
loading.close();
this.model.gidgrp.rec.ownref = res.data;
}
},
// 获取letdrv弹框表格数据
async queryGridEtyPromptDialogData(type, ptytyp) {
let params = {
userId: window.sessionStorage.userId || 'ZL',
ptytyp: ptytyp,
extkey: this.model.brdgrp[type.toLowerCase()].pts.extkey,
};
let res = await Api.post('/service/ptspta/list', params);
if (res.respCode == SUCCESS) {
this.root.$refs['etyDialog'].show = true;
this.root.promptData.data = res.data.ptaInfos;
this.root.promptData.type = type;
}
},
// 选中letdrv弹框表格的行数据
async selectGridEtyPromptData(row) {
let params = {
...row,
};
let res = await Api.post('/service/ptspta/fetch', params);
if (res.respCode == SUCCESS) {
this.$set(this.model.gidgrp, row.role.toLowerCase(), res.data);
}
},
// 业务信息=》基本信息=》支出目的
purposChange(key, value) {
this.handleChangeForm(key, value);
},
// 初始化保函开立类型码表下拉列表
async queryHndtypCodeTableList(trnName) {
let params = {
gitp: {
swiftflg: this.model.gitp.swiftflg,
},
gidgrp: {
rec: {
purpos: this.model.gidgrp.rec.purpos,
},
},
transName: trnName.toUpperCase(),
};
let res = await Api.post('/service/letdrv/initHndtyp', params);
if (res.respCode == SUCCESS) {
this.$set(this.codes, 'voHndtyp', res.data);
}
},
// 是否SWIFT格式修改--联动保函开立类型
handleChangeSwiftflg() {
this.queryHndtypCodeTableList(this.root.trnName);
},
// 支出目的修改--联动保函开立类型
handleChangePurpos() {
this.queryHndtypCodeTableList(this.root.trnName);
},
buildLiaccv () {
let params = {
...buildFn.buildCommonData(this.model, this.trnName),
liaccvg: this.model.liaccv.liaccvg,
oldamt: this.model.liaccv.oldamt,
chgamt: this.model.liaccv.chgamt,
concur: this.model.liaccv.concur,
};
return params
},
// 公共组件setmod处理方式改变触发联动
changeSetmodModel (emitParams) {
let reqParams = {}
switch (emitParams.code) {
case 'processMethods':
reqParams = buildFn.buildSetglg(this.model, this.trnName);
this.calcPayDetail(reqParams)
break
case 'changeDsp':
let index = emitParams.index;
let setglgRequest = buildFn.buildSetglg(this.model, this.trnName);
setglgRequest.setglg = {setgll: emitParams.list};
this.setgllAccts(setglgRequest, index);
break
default:
return
}
}
},
};
src/business/letamc/model/index.js 0 → 100644
import Pts from '~/components/business/commonModel/Pts';
import Pub from '~/components/business/commonModel/index.js';
export default class Litamc {
constructor() {
this.data = {
number: '',
ledgrp: {
blk: {
addamtcov: ''
},
rec: {
inr: '',
nomton: '',
expplc: '',
cnfsta: '',
opndat: '',
nomtop: '',
revflg: '',
partcon: '',
dbtflg: '',
shpdat: '',
nam: '',
redclsflg: '',
nomspc: '',
collflg: '',
inctrf: '',
lcrtyp: '',
nonban: '',
ownref: '',
teskeyunc: '',
preadvdt: '',
avbby: '',
apprul: '',
shppar: '',
cnfdat: '',
shptrs: '',
expdat: '',
cnfdet: '',
advdat: '',
apprultxt: ''
},
cbs: {
opn1: {
cur: '',
amt: ''
},
opn2: {
cur: '',
amt: ''
},
max: {
cur: '',
amt: ''
},
nom1: {
cur: '',
amt: ''
},
cnf: {
cur: '',
amt: ''
},
max2: {
cur: '',
amt: ''
}
},
preadvflg: '',
avbnam: '',
iss: {
pts: new Pts().data
},
prb: {
pts: new Pts().data
},
ben: {
pts: new Pts().data
},
apl: {
pts: new Pts().data
},
oth: {
pts: new Pts().data
},
wrk: {
pts: new Pts().data
},
rmb: {
pts: new Pts().data,
},
drw: {
pts: new Pts().data,
},
avb: {
pts: new Pts().data,
},
adv: {
pts: new Pts().data,
},
con: {
pts: new Pts().data,
},
ini: {
pts: new Pts().data,
},
},
reqdat: '',
letp: {
usr: {
extkey: ''
},
letp0: {
aammod: {
addamtflg: ''
},
cnftxt: ''
},
aamp: {
aammod: {
addamtflg: ''
}
}
},
setmod: new Pub().data.Setmod,
mtabut: new Pub().data.Mtabut,
trnmod: new Pub().data.Trnmod,
liaall: new Pub().data.Liaall,
liaccv: new Pub().data.Liaccv,
docpan: new Pub().data.Docpan,
};
}
}
\ No newline at end of file
src/business/letamc/views/Aamp.vue 0 → 100644
<template>
<div class="eibs">
<!-- ============左边================= -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="13">
<el-form-item label="附加金额" prop="ledgrp.cbs.max2.cur">
<c-select v-model="model.ledgrp.cbs.max2.cur" style="width:100%" placeholder="请选择币种" disabled>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.max2.amt">
<c-input v-model="model.ledgrp.cbs.max2.amt" placeholder="请输入金额"
@keyup.enter.native="$event.target.blur()"></c-input>
</el-form-item>
</c-col>
<c-col :span="13">
<el-form-item label="附件金额" prop="ledgrp.cbs.opn2.cur">
<c-select v-model="model.ledgrp.cbs.opn2.cur" style="width:100%" placeholder="请选择币种" disabled>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.opn2.amt">
<c-input v-model="model.ledgrp.cbs.opn2.amt" placeholder="请输入金额" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="金额覆盖" prop="ledgrp.blk.addamtcov">
<c-input type="textarea" v-model="model.ledgrp.blk.addamtcov" maxlength="140" show-word-limit
placeholder="请输入内容" rows="4"></c-input>
</el-form-item>
</c-col>
</c-col>
</div>
</template>
<script>
import event from "../event"
export default {
inject: ['root'],
props: ["model", "codes"],
mixins: [event],
data() {
return {}
},
methods: {},
created: function () {
}
}
</script>
<style>
</style>
src/business/letamc/views/Addbcb.vue 0 → 100644
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" >
<el-collapse-item title="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes"/>
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import Coninfp from "~/views/Public/Coninfp";
import event from "../event"
export default {
components: {
"m-coninfp": Coninfp,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [event],
data() {
return {
activeNames: ["coninfp"],
};
},
methods: {},
created: function () {
},
};
</script>
<style>
</style>
\ No newline at end of file
src/business/letamc/views/Ovwp.vue 0 → 100644
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="保兑信息" name="conp">
<m-conp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="概览信息" name="ovwp1">
<m-ovwp1 :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="附加金额" name="aamp" v-if="model.letp.aamp.aammod.addamtflg">
<m-aamp :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import event from "../event"
import Conp from "./Conp"
import Ovwp1 from "./Ovwp1"
import Aamp from "./Aamp"
export default {
components: {
"m-conp": Conp,
"m-ovwp1": Ovwp1,
"m-aamp": Aamp,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [event],
data() {
return {
activeNames: ["conp"],
};
},
methods: {},
created: function () {},
computed: {},
};
</script>
<style>
.marginLable {
padding-left: 160px;
}
</style>
src/business/letamc/views/index.vue 0 → 100644
<template>
<div class="eContainer">
<c-page title="出口信用证通知加保兑">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="right" size="small"
:validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<el-tab-pane label="表外记账" name="engp">
<c-content>
<!-- 表外记账 -->
<m-engp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000027 -->
<el-tab-pane label="费用/账务" name="setmod">
<c-content>
<m-setmod
:model="model"
:codes="codes"
@changeSetmodModel="changeSetmodModel"
/>
</c-content>
</el-tab-pane>
<!--PD000027 -->
<el-tab-pane label="会计分录" name="glepan">
<c-content>
<m-glentry :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-addbcb :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
<!-- 选择数据的表格弹框 -->
<c-grid-ety-prompt-dialog
ref="etyDialog"
:promptData="promptData"
@select-ety="selectGridEtyPromptData"
>
</c-grid-ety-prompt-dialog>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</c-page>
</div>
</template>
<script>
import CodeTable from "~/config/CodeTable"
import Letamc from "../model"
import event from "../event"
import formRules from '../model/check'
import Conp from "./Conp"
import Ovwp from "./Ovwp"
import Aamp from "./Aamp"
import Addbcb from "./Addbcb";
import Engp from "~/components/business/engp/views";
import Setpan from "~/components/business/setmod/views";
import Setmod from "~/components/business/setmod/views";
import Glepan from "~/views/Public/Glepan";
import Glentry from "~/components/business/glentry/views";
import Coninfp from "~/views/Public/Coninfp";
;
import Docpan from "~/components/business/docpan/views";
import Doctre from "~/components/business/doctre/views";
import Limitbody from "~/components/business/limitbody/views";
import operationFunc from "@/mixin/operationFunc";
export default {
name: "Letamc",
components: {
"m-addbcb": Addbcb,
"m-conp": Conp,
"m-ovwp": Ovwp,
"m-aamp": Aamp,
"m-engp": Engp,
"m-setmod": Setmod,
"m-glentry": Glentry,
"m-coninfp": Coninfp,
"m-docpan": Docpan,
"m-doctre": Doctre,
"m-limitbody": Limitbody,
},
provide() {
return {
root: this
}
},
mixins: [operationFunc, event], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "ovwp",
trnName: "letamc",
model: new Letamc().data,
rules: formRules,
codes: {
...CodeTable
},
activeNames: ["engp"],
promptData: {
title: 'Select a Party',
columns: [
{
prop: 'ptyInr',
label: 'Party Number'
},
{
prop: 'inr',
label: 'Address Number'
},
{
prop: 'branch',
label: 'Branch Code'
},
{
prop: 'bchName',
label: 'Branch Name'
},
{
prop: 'adrName',
label: 'Address Name'
},
{
prop: 'adr1',
label: 'Address1'
},
{
prop: 'locCty',
label: 'City'
},
{
prop: 'locZip',
label: 'Zip'
},
{
prop: 'bicCode',
label: 'BIC'
}
],
data: []
}
}
},
methods: {},
mounted() {
this.init()
},
}
</script>
<style>
</style>
src/routers/modules/business.js
...@@ -60,5 +60,6 @@ const Business = [ ...@@ -60,5 +60,6 @@ const Business = [
{ path: 'infbed', component: () => import('~/business/infbed/views'), name: 'infbed', meta: { title: '出口信用证单据查询' } }, { path: 'infbed', component: () => import('~/business/infbed/views'), name: 'infbed', meta: { title: '出口信用证单据查询' } },
{ path: 'letdrv', component: () => import('~/business/letdrv/views'), name: 'letdrv', meta: { title: '出口信用证出口收单' } }, { path: 'letdrv', component: () => import('~/business/letdrv/views'), name: 'letdrv', meta: { title: '出口信用证出口收单' } },
{ path: 'letdrw', component: () => import('~/business/letdrw/views'), name: 'letdrw', meta: { title: '出口信用证单据收单' } }, { path: 'letdrw', component: () => import('~/business/letdrw/views'), name: 'letdrw', meta: { title: '出口信用证单据收单' } },
{ path: 'letamc', component: () => import('~/business/letamc/views'), name: 'letamc', meta: { title: '出口信用证通知加保兑' } },
] ]
export default Business export default Business
\ No newline at end of file
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