Commit dd1045ed by liuxiaojing

信用证开立页面开发

parent ce09a4ce
......@@ -5634,6 +5634,10 @@ const CodeTable = {
{label:`分行4`,value:`6`},
{label:`分行5`,value:`7`},
{label:`分行7`,value:`8`},
],
negCode: [
{ label: `未指定银行`, value: `NULL` },
{ label: `指定银行`, value: `DSIG` },
]
}
export default CodeTable;
\ No newline at end of file
import CodeTable from "./CodeTable/index"
export default {
curtxt: CodeTable.curtxt,
isstyp: CodeTable.isstyp,
trdtyp: CodeTable.trdtyp,
avbby: CodeTable.avbby,
allow: CodeTable.allow,
yesno: CodeTable.yesno,
negCode: CodeTable.negCode,
}
\ No newline at end of file
export default {
didgrp: {
rec: {
accusr: "", // \didgrp\rec\accusr 客户经理
adlcnd: "", // \didgrp\rec\adlcnd 附加条款
avbby: "", // \didgrp\rec\avbby 信用证对付方式
cfmflg: "", // \didgrp\rec\cfmflg 保兑标志
conamt: "", // \didgrp\rec\conamt 合同金额
concur: "", // \didgrp\rec\concur 合同币种
conno: "", // \didgrp\rec\conno 合同编号
defdet: "", // \didgrp\rec\defdet 远期付款指示
expdat: "", // \didgrp\rec\expdat 有效日期
expplc: "", // \didgrp\rec\expplc 有效地点
isstyp: "", // \didgrp\rec\isstyp 开证类型
lcrdoc: "", // \didgrp\rec\lcrdoc 单据要求
lcrgod: "", // \didgrp\rec\lcrgod 货物服务描述
nam: "", // \didgrp\rec\nam 概要描述
negflg: "", // \didgrp\rec\negflg 指定议付行
nomton: "", // \didgrp\rec\nomton 下浮
nomtop: "", // \didgrp\rec\nomtop 上浮
opndat: "", // \didgrp\rec\opndat 开立日期
ownbch: "", // \didgrp\rec\ownbch 归属机构
ownref: "", // \didgrp\rec\ownref 业务编号
preper: "", // \didgrp\rec\preper 交单期限
shpdat: "", // \didgrp\rec\shpdat 最迟货物装运/服务提供日期
shpfro: "", // \didgrp\rec\shpfro 货物装运地(港)
shppar: "", // \didgrp\rec\shppar 分批装运货物/分次提供服务
shpper: "", // \didgrp\rec\shpper 分期装运/提供服务
shppro: "", // \didgrp\rec\shppro 服务提供地点
shpto: "", // \didgrp\rec\shpto 货物目的地、交货地(港)
shptrs: "", // \didgrp\rec\shptrs 转运
tenmaxday: "", // \didgrp\rec\tenmaxday 期限
traflg: "", // \didgrp\rec\traflg 是否可转让
tratyp: "", // \didgrp\rec\tratyp 货物运输或交货方式/服务方式
trdapt: "", // \didgrp\rec\trdapt 分期装运/提供服务约定
trdtyp: "", // \didgrp\rec\trdtyp 贸易方式
},
a2b: {
pts: {
adrcn: "", // \didgrp\a2b\pts\adrcn 中文地址
extkey: "", // \didgrp\a2b\pts\extkey 客户编号
namcn: "", // \didgrp\a2b\pts\namcn 客户中文名称
}
},
adv: {
pts: {
adrcn: "", // \didgrp\adv\pts\adrcn 中文地址
extkey: "", // \didgrp\adv\pts\extkey 客户编号
namcn: "", // \didgrp\adv\pts\namcn 客户中文名称
}
},
age: {
pts: {
adrcn: "", // \didgrp\age\pts\adrcn 中文地址
extkey: "", // \didgrp\age\pts\extkey 客户编号
namcn: "", // \didgrp\age\pts\namcn 客户中文名称
}
},
apl: {
pts: {
adrcn: "", // \didgrp\apl\pts\adrcn 中文地址
extact: "", // \didgrp\apl\pts\extact 结算账号
extkey: "", // \didgrp\apl\pts\extkey 客户编号
namcn: "", // \didgrp\apl\pts\namcn 客户中文名称
}
},
ben: {
pts: {
adrcn: "", // \didgrp\ben\pts\adrcn 中文地址
extact: "", // \didgrp\ben\pts\extact 结算账号
extkey: "", // \didgrp\ben\pts\extkey 客户编号
namcn: "", // \didgrp\ben\pts\namcn 客户中文名称
}
},
cbs: {
max: {
amt: "", // \didgrp\cbs\max\amt Balance
cur: "", // \didgrp\cbs\max\cur Currency
},
nom1: {
amt: "", // \didgrp\cbs\nom1\amt Balance
cur: "", // \didgrp\cbs\nom1\cur Currency
},
},
con: {
pts: {
adrcn: "", // \didgrp\con\pts\adrcn 中文地址
extkey: "", // \didgrp\con\pts\extkey 客户编号
namcn: "", // \didgrp\con\pts\namcn 客户中文名称
}
},
neg: {
pts: {
adrcn: "", // \didgrp\neg\pts\adrcn 中文地址
extkey: "", // \didgrp\neg\pts\extkey 客户编号
namcn: "", // \didgrp\neg\pts\namcn 客户中文名称
}
}
},
liaall: {
liaallg: [],
liaccv: {
chgamt: "", // \liaall\liaccv\chgamt 变动金额
concur: "", // \liaall\liaccv\concur 业务结算币种
cshpct: "", // \liaall\liaccv\cshpct 保证金应收比例
liaccvg: [], // \liaall\liaccv\liaccvg
newamt: "", // \liaall\liaccv\newamt 业务金额
pctresamt: "", // \liaall\liaccv\pctresamt 应收/支保证金
relcshpct: "", // \liaall\liaccv\relcshpct 保证金实收比例
totcovamt: "", // \liaall\liaccv\totcovamt 保证金合计
}
},
setmod: {
docamt: "",
doccur: "",
feemac: "",
glemod: {
glelst: []
},
setfeg: {
fegmod: {
feslst: []
}
},
setglg: {
glgmod: {
glslst: []
}
},
setmac: ""
},
sysmod: {
spt: {
inr: ""
}
},
trnmod: {
trndoc: {
cortyp: "",
doccod: "",
docmod: {
doclst: []
},
docpth: ""
}
}
}
\ No newline at end of file
......@@ -116,9 +116,9 @@
<script>
import Basic from "./Basic"
import Report from "./Report"
import Glelst from "./Glelst"
import Doc from "./Doc"
import Fee from "./Fee"
import Glelst from "../../Public/Glelst"
import Doc from "../../Public/Doc"
import Fee from "../../Public/Fee"
import BaoSong from "./BaoSong"
import Dbb from "./Dbb"
import Dbe from "./Dbe"
......@@ -222,6 +222,7 @@ export default {
},
submitForm (formName) {
console.log(model.cpdgrp.rec.orcacc)
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
......
......@@ -58,7 +58,7 @@
<el-col :span="12">
<el-col :span="12">
<el-button size="small" type="primary" @click="onRtn">
退出
</el-button>
......@@ -67,19 +67,17 @@
<el-form-item label="结算账号">
<el-input v-model="model.setmod.msgmod.rmt.pts.extact" maxlength="32" placeholder="请输入结算账号"></el-input>
</el-form-item>
</el-col>
</el-col>
<el-col :span="12">
<el-form-item label="客户编号">
<el-input v-model="model.setmod.msgmod.ori.pts.extkey" maxlength="16" placeholder="请输入客户编号"></el-input>
</el-form-item>
</el-col>
</el-col>
<el-col :span="12">
<el-button size="small" type="primary" icon="el-icon-search" @click="onOripSel">
查询
</el-button>
</el-col>
<el-col :span="12">
<el-form-item label="SWIFT地址">
<el-input type="textarea" v-model="model.setmod.msgmod.ori.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入SWIFT地址" ></el-input>
......
<template>
<div>
<el-col :span="12">
<el-col :span="22">
<el-form-item label="委托行">
<el-col :span="24" class="m-inputbtn">
<el-col class="m-inputbtn-input">
<el-input v-model="model.didgrp.age.pts.extkey" maxlength="100" placeholder="请输入" disabled></el-input>
<el-button type="primary" icon="el-icon-search" class="m-inputbtn-btn" @click="handleSearch" disabled></el-button>
</el-col>
</el-col>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="名称">
<el-input v-model="model.didgrp.age.pts.namcn" maxlength="32" placeholder="请输入" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="地址">
<el-input v-model="model.didgrp.age.pts.adrcn" maxlength="32" placeholder="请输入" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="合同编号">
<el-input v-model="model.didgrp.rec.conno" maxlength="32" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="合同金额">
<el-col :span="24">
<el-col :span="12" class="m-cur-select">
<el-form-item>
<el-select v-model="model.didgrp.rec.concur" style="width:100%" placeholder="请选择">
<el-option
v-for="item in codes.curtxt"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<el-input v-model="model.didgrp.rec.conamt" :precision="2" :step="0.1" :max="100000000000000" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
</el-col>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="分批装运货物/提供服务">
<el-select v-model="model.didgrp.rec.shppar" style="width:100%" placeholder="请输入">
<el-option
v-for="item in codes.allow"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="分期装运/提供服务">
<el-select v-model="model.didgrp.rec.shpper" style="width:100%" placeholder="请输入">
<el-option
v-for="item in codes.allow"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="转运">
<el-select v-model="model.didgrp.rec.shptrs" style="width:100%" placeholder="请输入">
<el-option
v-for="item in codes.allow"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="是否可转让">
<el-select v-model="model.didgrp.rec.traflg" style="width:100%" placeholder="请输入">
<el-option
v-for="item in codes.yesno"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="保兑标志">
<el-select v-model="model.didgrp.rec.cfmflg" style="width:100%" placeholder="请输入">
<el-option
v-for="item in codes.yesno"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-col>
<el-col :span="12">
<el-col :span="22">
<el-form-item label="转让行">
<el-col :span="24" class="m-inputbtn">
<el-col class="m-inputbtn-input">
<el-input v-model="model.didgrp.a2b.pts.extkey" maxlength="100" placeholder="请输入" disabled></el-input>
<el-button type="primary" icon="el-icon-search" class="m-inputbtn-btn" @click="handleSearch" disabled></el-button>
</el-col>
</el-col>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="名称">
<el-input v-model="model.didgrp.a2b.pts.namcn" maxlength="32" placeholder="请输入" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="地址">
<el-input v-model="model.didgrp.a2b.pts.adrcn" maxlength="32" placeholder="请输入" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="保兑行">
<el-col :span="24" class="m-inputbtn">
<el-col class="m-inputbtn-input">
<el-input v-model="model.didgrp.con.pts.extkey" maxlength="100" placeholder="请输入" disabled></el-input>
<el-button type="primary" icon="el-icon-search" class="m-inputbtn-btn" @click="handleSearch" disabled></el-button>
</el-col>
</el-col>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="名称">
<el-input v-model="model.didgrp.con.pts.namcn" maxlength="32" placeholder="请输入" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="地址">
<el-input v-model="model.didgrp.con.pts.adrcn" maxlength="32" placeholder="请输入" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="议付行">
<el-col :span="24" class="m-inputbtn">
<el-col class="m-inputbtn-input">
<el-input v-model="model.didgrp.neg.pts.extkey" maxlength="100" placeholder="请输入" disabled></el-input>
<el-button type="primary" icon="el-icon-search" class="m-inputbtn-btn" @click="handleSearch" disabled></el-button>
</el-col>
</el-col>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="名称">
<el-input v-model="model.didgrp.neg.pts.namcn" maxlength="32" placeholder="请输入" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="地址">
<el-input v-model="model.didgrp.neg.pts.adrcn" maxlength="32" placeholder="请输入" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="指定议付行">
<el-select v-model="model.didgrp.rec.negflg" style="width:100%" placeholder="请输入">
<el-option
v-for="item in codes.negCode"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-col>
<el-col :span="18">
<el-col :span="22">
<el-form-item label="货物运输或交货方式/服务方式" label-width="250px">
<el-input v-model="model.didgrp.rec.tratyp" maxlength="32" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="分期装运/提供服务约定" label-width="250px">
<el-input v-model="model.didgrp.rec.trdapt" maxlength="32" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="交单期限" label-width="250px">
<el-input v-model="model.didgrp.rec.preper" maxlength="32" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="货物装运地(港)" label-width="250px">
<el-input v-model="model.didgrp.rec.shpfro" maxlength="32" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="货物目的地、交货地(港)" label-width="250px">
<el-input v-model="model.didgrp.rec.shpto" maxlength="32" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="服务提供地点" label-width="250px">
<el-input v-model="model.didgrp.rec.shppro" maxlength="32" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="有效地点" label-width="250px">
<el-input v-model="model.didgrp.rec.expplc" maxlength="32" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
</el-col>
</div>
</template>
<script>
export default {
props: ['model', 'codes'],
methods: {
handleSearch () {
console.log('搜索')
},
}
}
</script>
\ No newline at end of file
<template>
<div>
<div class="title">表外明细</div>
<div class="e-table-wrapper">
<el-table
:data="model.liaall.liaallg"
style="width: 100%"
>
<el-table-column
prop="bussec"
label="业务种类">
</el-table-column>
<el-table-column
prop="liatyp"
label="表外类型">
</el-table-column>
<el-table-column
prop="cur"
label="币种">
</el-table-column>
<el-table-column
prop="oldamt"
label="原金额">
</el-table-column>
<el-table-column
prop="chgamt"
label="变动金额">
</el-table-column>
<el-table-column
prop="amt"
label="金额">
</el-table-column>
<el-table-column
prop="acc"
label="表外账号">
</el-table-column>
</el-table>
</div>
<div class="title">保证金明细</div>
<el-col :span="12">
<el-col :span="22">
<el-form-item label="业务余额">
<el-col :span="24">
<el-col :span="12" class="m-cur-select">
<el-form-item>
<el-select v-model="model.liaall.liaccv.concur" style="width:100%" placeholder="请选择" disabled>
<el-option
v-for="item in codes.curtxt"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<el-input v-model="model.liaall.liaccv.newamt" :precision="2" :step="0.1" :max="100000000000000" placeholder="请输入" disabled></el-input>
</el-form-item>
</el-col>
</el-col>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="变动金额">
<el-col :span="24">
<el-col :span="12" class="m-cur-select">
<el-form-item>
<el-select v-model="model.liaall.liaccv.concur" style="width:100%" placeholder="请选择" disabled>
<el-option
v-for="item in codes.curtxt"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<el-input v-model="model.liaall.liaccv.chgamt" :precision="2" :step="0.1" :max="100000000000000" placeholder="请输入" disabled></el-input>
</el-form-item>
</el-col>
</el-col>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="应收/支保证金">
<el-col :span="24">
<el-col :span="12" class="m-cur-select">
<el-form-item>
<el-select v-model="model.liaall.liaccv.concur" style="width:100%" placeholder="请选择" disabled>
<el-option
v-for="item in codes.curtxt"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<el-input v-model="model.liaall.liaccv.pctresamt" :precision="2" :step="0.1" :max="100000000000000" placeholder="请输入" disabled></el-input>
</el-form-item>
</el-col>
</el-col>
</el-form-item>
</el-col>
</el-col>
<el-col :span="12">
<el-col :span="22">
<el-form-item label="保证金应收比例(%)" label-width="200px">
<el-input v-model="model.liaall.liaccv.cshpct" :precision="2" :step="0.1" :max="100000000000000" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="22">
<el-form-item label="保证金实收比例(%)" label-width="200px">
<el-input v-model="model.liaall.liaccv.relcshpct" :precision="2" :step="0.1" :max="100000000000000" placeholder="请输入" disabled></el-input>
</el-form-item>
</el-col>
</el-col>
<el-col :span="24" class="m-block">
<div class="e-table-wrapper">
<el-table
:data="model.liaall.liaccv.liaccvg"
style="width: 100%"
>
<el-table-column
prop="cur"
label="币种">
</el-table-column>
<el-table-column
prop="oldamt"
label="原始金额">
</el-table-column>
<el-table-column
prop="chgamt"
label="变动金额">
</el-table-column>
<el-table-column
prop="amt"
label="金额">
</el-table-column>
<el-table-column
prop="cusact"
label="结算账号">
</el-table-column>
<el-table-column
prop="ccvact"
label="保证金账号">
</el-table-column>
<el-table-column
prop="gleflg"
label="记账">
</el-table-column>
<el-table-column
prop=""
label="操作">
<template slot-scope="scope">
<el-button type="text" size="small">查看</el-button>
<el-button type="text" size="small">编辑</el-button>
</template>
</el-table-column>
</el-table>
</div>
<el-button plain class="add-btn" @click="dialogVisible = true">+</el-button>
</el-col>
<el-col :span="24" class="m-block">
<el-col :span="12">
<el-col :span="22">
<el-form-item label="保证金合计">
<el-col :span="24">
<el-col :span="12" class="m-cur-select">
<el-form-item>
<el-select v-model="model.liaall.liaccv.concur" style="width:100%" placeholder="请选择" disabled>
<el-option
v-for="item in codes.curtxt"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<el-input v-model="model.liaall.liaccv.totcovamt" :precision="2" :step="0.1" :max="100000000000000" placeholder="请输入" disabled></el-input>
</el-form-item>
</el-col>
</el-col>
</el-form-item>
</el-col>
</el-col>
</el-col>
<el-dialog
:visible.sync="dialogVisible"
width="30%">
<span slot="title"></span>
<span>这是一段信息</span>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="dialogVisible = false">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
export default {
props: ['model', 'codes'],
data () {
return {
dialogVisible: false
}
},
methods: {
}
}
</script>
<style scoped>
.title {
color: rgba(0, 0, 0, 0.65);
font-size: 14px;
padding: 20px 0;
}
.add-btn {
margin: 12px 0;
text-align: center;
width: 100%;
color: #ccc;
}
.m-block {
margin: 20px 0;
}
</style>
\ No newline at end of file
<template>
<div>
<el-form :model="model" ref="liaccvgForm" label-position="left" label-width="100px" size="small">
</el-form>
</div>
</template>
<script>
export default {
data () {
return {
model: {
cur: '',
oldamt: '',
chgamt: '',
amt: '',
cusact: '',
ccvact: '',
gleflg: ''
}
}
},
methods: {
}
}
</script>
\ No newline at end of file
<template>
<div>
<div class="title">货物服务</div>
<el-col :span="24">
<el-form-item label-width="0">
<el-input type="textarea" v-model="model.didgrp.rec.lcrgod" placeholder="请输入" rows="5"></el-input>
</el-form-item>
</el-col>
<div class="title">单据要求</div>
<el-col :span="24">
<el-form-item label-width="0">
<el-input type="textarea" v-model="model.didgrp.rec.lcrdoc" placeholder="请输入" rows="5"></el-input>
</el-form-item>
</el-col>
<div class="title">附加条款</div>
<el-col :span="24">
<el-form-item label-width="0">
<el-input type="textarea" v-model="model.didgrp.rec.adlcnd" placeholder="请输入" rows="5"></el-input>
</el-form-item>
</el-col>
</div>
</template>
<script>
export default {
props: ['model', 'codes']
}
</script>
<style scoped>
.title {
color: rgba(0, 0, 0, 0.65);
font-size: 14px;
padding-bottom: 10px;
}
</style>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -25,8 +25,8 @@
<script>
import { createNamespacedHelpers } from 'vuex'
const { mapState, mapMutations,mapActions } = createNamespacedHelpers('UserContext')
const { mapState, mapMutations, mapActions } = createNamespacedHelpers('UserContext')
const { setLoginInfo } = mapMutations(["setLoginInfo"])
export default {
data() {
......@@ -60,7 +60,7 @@ const { mapState, mapMutations,mapActions } = createNamespacedHelpers('UserConte
resetForm(formName) {
this.$refs[formName].resetFields();
},
...mapMutations(["setLoginInfo"])
setLoginInfo
}
}
</script>
......
......@@ -121,6 +121,7 @@ export default {
.title {
color: rgba(0, 0, 0, 0.65);
font-size: 14px;
padding-bottom: 10px;
}
.add-btn {
margin: 12px 0;
......
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