Skip to content

V
vue-gjjs
Commit 09410e66 by zxg
Options

Merge branch 'master' of http://114.115.138.98:8900/fukai/vue-gjjs

parents 7783763a c422b996
Showing with 1853 additions and 854 deletions
package-lock.json
This source diff could not be displayed because it is too large. You can view the blob instead.
src/mixin/commonProcess.js
......@@ -123,6 +123,9 @@ export default {
if( name === "detp1"){
rulePath = "setmod.setpan"
}
if(name === "actinf"){
rulePath = "recpan.actinf"
}
if (!!rulePath) {
this.executeRule(rulePath).then(res => {
if (res.respCode == SUCCESS) {
......
src/model/Bdtdck/Event.js
......@@ -122,5 +122,8 @@ export default {
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
onSeainf(){
},
}
\ No newline at end of file
src/model/Infpty/Check.js
......@@ -7,6 +7,7 @@ let checkObj = {
"seatypo" :null,
"recgrp.rec.hbkaccflg" :null,
"recgrp.hbk.extkey" :null,
"recgrp.rec.idcode" :null,
"seatypc" :null,
"seatypb" :null,
"recgrp.ptamaa.issbchinf" :null,
......@@ -14,9 +15,12 @@ let checkObj = {
"seatyph" :null,
"recgrp.rec.heqaccflg" :null,
"recgrp.heq.extkey" :null,
"recgrp.rec.trnman" :null,
"recgrp.rec.extkey" :null,
"recpan.bchkey" :null,
"recgrp.rec.juscod" :null,
"recgrp.rec.bngcod" :null,
"recgrp.rec.idtype" :null,
}
for (const key in checkObj) {
......
src/model/Infpty/Default.js
......@@ -6,8 +6,10 @@ import Api from "~/service/Api";
import Utils from "~/utils/index"
export default {
"recpan.ratstm" :Utils.defaultFunction,
"recgrp.hbk.extkey" :Utils.defaultFunction,
"recgrp.rec.extkey" :Utils.defaultFunction,
"recgrp.ptyrat.buytyp" :Utils.defaultFunction,
"recgrp.typh" :Utils.defaultFunction,
"recgrp.typo" :Utils.defaultFunction,
"recgrp.typc" :Utils.defaultFunction,
......@@ -15,17 +17,24 @@ export default {
"recgrp.typb" :Utils.defaultFunction,
"recpan.bchkey" :Utils.defaultFunction,
"recgrp.adrmaa.tid" :Utils.defaultFunction,
"recgrp.ptyrat.cur" :Utils.defaultFunction,
"recpan.ptyinf.oit.inftxt" :Utils.defaultFunction,
"recpan.ptyinf.oit.inflev" :Utils.defaultFunction,
"recgrp.adrmaa.adr2" :Utils.defaultFunction,
"recgrp.adrmaa.adr1" :Utils.defaultFunction,
"recgrp.adrmaa.adr3" :Utils.defaultFunction,
"recgrp.heq.extkey" :Utils.defaultFunction,
"recgrp.adrmaa.loctxt" :Utils.defaultFunction,
"recgrp.adrmaa.nam1" :Utils.defaultFunction,
"recgrp.rec.idtype" :Utils.defaultFunction,
"infbut.dspstm" :Utils.defaultFunction,
"recgrp.rec.juscod" :Utils.defaultFunction,
"recgrp.rec.nam" :Utils.defaultFunction,
"recpan.ptystp.oit.inftxt" :Utils.defaultFunction,
"recpan.ptystp.oit.inflev" :Utils.defaultFunction,
"recgrp.rec.nam1" :Utils.defaultFunction,
"recgrp.adrmaa.pobtxt" :Utils.defaultFunction,
"recgrp.ptyrat.seltyp" :Utils.defaultFunction,
"recgrp.ptamaa.issbchinf" :Utils.defaultFunction,
}
//你可以添加自动default处理
src/model/Infpty/Event.js
......@@ -7,19 +7,26 @@ export default {
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
this.updateModel(rtnmsg.data);
this.stmData.data = rtnmsg.data.infbut_dspstm.rows;
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
async onInfbutDsp(){
let rtnmsg = await this.executeRule("infbut.dsp")
async onInfbutDsp(idx, row){
const selIds= [idx + 1];
const selDst= "dspstm";//dspstm是数据流
let params = {selIds,selDst};
this.model.infbut.selrow = idx + 1;
let rtnmsg = await this.executeRule("infbut.dsp", params)
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
this.updateModel(rtnmsg.data);
console.log(this);
this.root.tabVal="ptyp0";
}
else
{
......@@ -122,5 +129,95 @@ export default {
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
async onRecpanUpd(){
let rtnmsg = await this.executeRule("recpan.upd")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
async onRecpanUpdall(){
let rtnmsg = await this.executeRule("recpan.updall")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
async onRecpanEcif(){
let rtnmsg = await this.executeRule("recpan.ecif")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
async onRecpanDspadr(){
let rtnmsg = await this.executeRule("recpan.dspadr")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
async onRecpanLnkdbmpty(){
let rtnmsg = await this.executeRule("recpan.lnkdbmpty")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
async onRecpanLnkinfptm(){
let rtnmsg = await this.executeRule("recpan.lnkinfptm")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
/**
* Tabs切换事件
* @param {VM} tab
*/
// async tabClick(tab){
// const name=this.tab.name
// let rulePath;
// if(name=== "actinf" ){
// rulePath="recpan.actinf"
// let rtnmsg = await this.executeRule(rulePath)
// }
// if(rtnmsg.respCode == SUCCESS)
// {
// //TODO 处理数据逻辑
// console.log(事件触发了)
// }
// },
}
\ No newline at end of file
src/model/Infpty/Pattern.js
......@@ -230,4 +230,113 @@ export default {
{type: "string", required: false, message: "必输项"},
{max: 10,message:"长度不能超过10"}
],
"recgrp.rec.rsktxt":[
{type: "string", required: false, message: "必输项"},
{max: 35,message:"长度不能超过35"}
],
"recgrp.adrmaa.dtacid":[
{type: "string", required: false, message: "必输项"},
{max: 23,message:"长度不能超过23"}
],
"recgrp.adrmaa.dtecid":[
{type: "string", required: false, message: "必输项"},
{max: 23,message:"长度不能超过23"}
],
"recgrp.ptyrat.buyrat":[
{type: "string", required: false, message: "必输项"},
{max: 5,message:"长度不能超过5"}
],
"recgrp.adrmaa.dtgcid":[
{type: "string", required: false, message: "必输项"},
{max: 23,message:"长度不能超过23"}
],
"recgrp.ptyrat.selrat":[
{type: "string", required: false, message: "必输项"},
{max: 5,message:"长度不能超过5"}
],
"recpan.ratstm":[
{type: "string", required: false, message: "必输项"},
{max: 1,message:"长度不能超过1"}
],
"recgrp.adrmaa.namelc":[
{type: "string", required: true, message: "必输项"},
{max: 35,message:"长度不能超过35"}
],
"recgrp.adrmaa.adrelc":[
{type: "string", required: true, message: "必输项"},
{max: 35,message:"长度不能超过35"}
],
"recgrp.rec.bilvvv":[
{type: "string", required: false, message: "必输项"},
{max: 8,message:"长度不能超过8"}
],
"recgrp.rec.akkcom":[
{type: "string", required: false, message: "必输项"},
{max: 8,message:"长度不能超过8"}
],
"recgrp.rec.bngcod":[
{type: "string", required: false, message: "必输项"},
{max: 10,message:"长度不能超过10"}
],
"recgrp.rec.idcode":[
{type: "string", required: false, message: "必输项"},
{max: 32,message:"长度不能超过32"}
],
"recgrp.adrmaa.discod":[
{type: "string", required: false, message: "必输项"},
{max: 6,message:"长度不能超过6"}
],
"recgrp.rec.ecifno":[
{type: "string", required: false, message: "必输项"},
{max: 24,message:"长度不能超过24"}
],
"recgrp.rec.khbsdt":[
{type: "date", required: false, message: "输入正确的日期"}
],
"recgrp.rec.ecifnam1":[
{type: "string", required: false, message: "必输项"},
{max: 100,message:"长度不能超过100"}
],
"recgrp.rec.ecifjuscod":[
{type: "string", required: false, message: "必输项"},
{max: 50,message:"长度不能超过50"}
],
"recpan.ptyinf.oit.inftxt":[
{type: "string", required: true, message: "必输项"},
{max: 60,message:"长度不能超过60"}
],
"recpan.ptystp.oit.inftxt":[
{type: "string", required: true, message: "必输项"},
{max: 60,message:"长度不能超过60"}
],
"recpan.actnum":[
{type: "number", required: false, message: "必输项"},
{max: 6,message:"长度不能超过6"}
],
}
\ No newline at end of file
src/model/Infpty/index.js
......@@ -20,6 +20,7 @@ export default class Infpty{
seatypo:"", // Other .seatypo
infbut:{
dspstm:"", // display stream .infbut.dspstm
selrow: 0 // Number of selected row
},
seatyph:"", // 海关 .seatyph
persontype:"", // 客户类别 .persontype
......@@ -36,7 +37,25 @@ export default class Infpty{
accusr:"", // User ID of Account Officer .recgrp.rec.accusr
nam1:"", // Chinese name .recgrp.rec.nam1
juscod:"", // 组织机构'码 .recgrp.rec.juscod
dshflg:"", // 是否电商 .recgrp.rec.dshflg
dshflg:"",
rskcls:"", // Credit Class .recgrp.rec.rskcls
rskcty:"", // Risk Country .recgrp.rec.rskcty
rsktxt:"", // Risk Description .recgrp.rec.rsktxt
sla:"", // Service Level .recgrp.rec.sla
akkcom:"", // 金融机构类型 .recgrp.rec.akkcom
cunqii:"", // 流动资金贷款利率档次 .recgrp.rec.cunqii
bilvvv:"", // 上浮比率 .recgrp.rec.bilvvv
idtype:"", // 客户类型 .recgrp.rec.idtype
idcode:"", // 身份证号码 .recgrp.rec.idcode
trnman:"", // 交易主体 .recgrp.rec.trnman
speeco:"", // 特殊经济区域 .recgrp.rec.speeco
bngcod:"", // 企业海关十位制编码 .recgrp.rec.bngcod
ecifno:"", // ECIFNO .recgrp.rec.ecifno
crmtyp:"", // 贸金客户类别 .recgrp.rec.crmtyp
ecifnam1:"", // ECIFNO中文名称 .recgrp.rec.ecifnam1
ecifjuscod:"", // 组织机构代码 .recgrp.rec.ecifjuscod
qygmgb:"", // 企业规模（国标） .recgrp.rec.qygmgb
khbsdt:"", // 是否电商 .recgrp.rec.dshflg
},
typb:"", // Bank .recgrp.typb
typc:"", // Client .recgrp.typc
......@@ -72,6 +91,12 @@ export default class Infpty{
adr1:"", // Chinese Address .recgrp.adrmaa.adr1
adr2:"", // .recgrp.adrmaa.adr2
adr3:"", // .recgrp.adrmaa.adr3
dtacid:"", // DTA Import L/C ID .recgrp.adrmaa.dtacid
dtecid:"", // DTA Export L/C ID .recgrp.adrmaa.dtecid
dtgcid:"", // DTA Guarantees ID .recgrp.adrmaa.dtgcid
discod:"", // 国内地区码 .recgrp.adrmaa.discod
adrelc:"", // 地址 .recgrp.adrmaa.adrelc
namelc:"", // .recgrp.adrmaa.adr3
},
hbk:{
extkey:"", // Address Number .recgrp.hbk.extkey
......@@ -85,6 +110,13 @@ export default class Infpty{
ptamaa:{
issbchinf:"", // Info of bank .recgrp.ptamaa.issbchinf
},
ptyrat:{
cur:"", // Currency .recgrp.ptyrat.cur
buytyp:"", // Customer Specific Buying Rate Type .recgrp.ptyrat.buytyp
seltyp:"", // Customer Specific Selling Rate Type .recgrp.ptyrat.seltyp
buyrat:"", // Buy rate discount .recgrp.ptyrat.buyrat
selrat:"", // Sell rate discount .recgrp.ptyrat.selrat
},
},
recpan:{
recget:{
......@@ -105,7 +137,32 @@ export default class Infpty{
dadsnd:"", // Drag Drop Sender .recpan.heqget.sdamod.dadsnd
},
},
bchkey:"", // Branch Key .recpan.bchkey
bchkey:"",// Branch Key .recpan.bchkey
idnam:"", // 名称 .recpan.idnam
selpct:"", // Percent .recpan.selpct
buypct:"", // Percent .recpan.buypct
ratstm:"", // Rate Stream .recpan.ratstm
ptyinf:{
labinftxt:"", // Label for INFTXT .recpan.ptyinf.labinftxt
oit:{
inftxt:"", // Infotext .recpan.ptyinf.oit.inftxt
inflev:"", // Infotext Level .recpan.ptyinf.oit.inflev
},
},
ptystp:{
labinftxt:"", // Label for INFTXT .recpan.ptystp.labinftxt
oit:{
inftxt:"", // Infotext .recpan.ptystp.oit.inftxt
inflev:"", // Infotext Level .recpan.ptystp.oit.inflev
},
},
actnum:0, // Total Number of Accounts .recpan.actnum
act:"", //后加进来的LIst 后端IDEA
ptssub:{
oited2:{
labinftxt:"", // Label for INFTXT .recpan.ptssub.oited2.labinftxt
},
},
},
pageId: "" // ctx的key
}
......
src/store/UserContext.js
......@@ -27,6 +27,9 @@ const UserContext={
state.menu = []
state.state = "LOGOUT"
state.token = ""
},
setMenu(state, menu) {
state.menu = menu;
}
}
}
......
src/views/Business/Bdtdck/Brtdckp.vue
......@@ -3,7 +3,7 @@
<c-row>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="24">
<c-col :span="23">
<el-form-item
label="信用证参考号"
prop="didgrp.rec.ownref"
......@@ -41,7 +41,7 @@
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="23">
<el-form-item
label="信用证号码"
prop="didgrp.rec.ownref"
......@@ -66,7 +66,7 @@
></c-button>
</c-col>
<c-col :span="24">
<c-col :span="23">
<el-form-item
label="单据参考号"
prop="bddgrp.rec.ownref"
......
src/views/Business/Bdtdck/index.vue
<template>
<c-page title="买方信用证单据二次到单">
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
<el-button size="small">备忘录</el-button>
<el-button size="small">影像信息</el-button>
<!-- <el-button size="small">保存模板</el-button> -->
<!-- <el-button size="small">使用模板</el-button> -->
<el-button size="small">制裁信息</el-button>
<!-- <el-button size="small">拆分报文</el-button> -->
<el-button size="small">智能提示</el-button>
</c-function-btn>
<div class="eContainer">
<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="tabClick">
<!--PD000046 -->
<el-tab-pane label="单据概况" name="brtdckp">
<m-brtdckp :model="model" :codes="codes"/>
<c-content>
<m-brtdckp
:model="model"
:codes="codes"
v-on:changeShowDocpre="changeShowDocpre"
/>
</c-content>
</el-tab-pane>
<!--PD000062 -->
<el-tab-pane label="单据详情" name="docpre">
<el-tab-pane label="单据详情" name="docpre"> <!--v-if="isShowDocpre"-->
<m-docpre :model="model" :codes="codes"/>
</el-tab-pane>
......@@ -40,12 +60,15 @@
</c-tabs>
</el-form>
</div>
</c-page>
</template>
<script>
import Api from "~/service/Api"
import Utils from "~/utils/index";
import CodeTable from "~/config/CodeTable"
import Bdtdck from "~/model/Bdtdck"
import commonProcess from "~/mixin/commonProcess"
import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Bdtdck/Check"
import Default from "~/model/Bdtdck/Default"
import Pattern from "~/model/Bdtdck/Pattern"
......@@ -74,10 +97,11 @@ export default {
root: this
}
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "",
isShowDocpre: false,
tabVal: "brtdckp",
trnName: "bdtdck",
model: new Bdtdck().data,
checkRules: Check,
......@@ -85,24 +109,33 @@ export default {
pattern: Pattern,
rules: null,
codes: {
...CodeTable
},
}
},
methods:{
tabClick(){
}
changeShowDocpre(val) {
this.isShowDocpre = val;
},
},
created:async function(){
console.log("进入bdtdck交易");
let rtnmsg = await this.init({})
let rtnmsg = await this.init(this.$route.query)
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
console.log(rtnmsg);
Utils.copyValueFromVO(this.model, rtnmsg.data);
console.log(this.model);
if (this.isInDisplay) {
this.restoreDisplay();
}
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
if (this.model.bddgrp.rec.dscinsflg == "X") {
this.isShowDocpre = true;
} else {
this.$notify.error({ title: "错误", message: "服务请求失败!" });
}
}
}
......
src/views/Business/Bdteus/Brteus.vue
......@@ -3,7 +3,7 @@
<c-row>
<!-- 左边 -->
<c-col :span="12">
<c-col :span="24">
<c-col :span="23">
<el-form-item
label="信用证参考号"
prop="didgrp.rec.ownref"
......@@ -41,7 +41,7 @@
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="23">
<el-form-item
label="信用证号码"
prop="didgrp.rec.ownref"
......@@ -66,7 +66,7 @@
></c-button>
</c-col>
<c-col :span="24">
<c-col :span="23">
<el-form-item
label="单据参考号"
prop="bddgrp.rec.ownref"
......
src/views/Business/Bdteus/index.vue
<template>
<c-page title="买方信用证单据展期">
<div class="eContainer">
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
<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="tabClick">
......@@ -40,12 +47,14 @@
</c-tabs>
</el-form>
</div>
</c-page>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Bdteus from "~/model/Bdteus"
import commonProcess from "~/mixin/commonProcess"
import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Bdteus/Check"
import Default from "~/model/Bdteus/Default"
import Pattern from "~/model/Bdteus/Pattern"
......@@ -74,10 +83,10 @@ export default {
root: this
}
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "",
tabVal: "brteus",
trnName: "bdteus",
model: new Bdteus().data,
checkRules: Check,
......
src/views/Business/BusRouter.js
......@@ -155,7 +155,7 @@ const BusRouter = [
{ path: 'bdtudp', component: Bdtudp, name: 'Bdtudp', meta: { title: '国内证承兑' } },
{ path: 'bdtdcr', component: Bdtdcr, name: 'Bdtdcr', meta: { title: '国内证不符点/拒付' } },
{ path: 'bdtdck', component: Bdtdck, name: 'Bdtdck', meta: { title: '买方信用证单据二次到单/修改单据' } },
{ path: 'bdteus', component: Bdteus, name: 'Bdteus', meta: { title: '方信用证单据展期' } },
{ path: 'bdteus', component: Bdteus, name: 'Bdteus', meta: { title: '买方信用证单据展期' } },
{ path: 'cptadv', component: Cptadv, name: 'Cptadv', meta: { title: '汇入汇款' } },
{ path: 'cptopn', component: Cptopn, name: 'Cptopn', meta: { title: '汇出汇款' } },
{ path: 'cptati', component: Cptati, name: 'Cptati', meta: { title: '境内外币汇入汇款' } },
......
src/views/Business/Infpty/Actinf.vue 0 → 100644
<template>
<div class="eibs-tab">
<c-col :span="8" style="height: 24px" >
<el-form-item label="Accounts Defined" class="messageLabel">
</el-form-item>
</c-col>
<!-- <el-form-item label="Total Number of Accounts" prop="recpan.actnum">
<c-col :span="6">
<c-input
v-model="model.recpan.actnum"
placeholder="Total Number of Accounts"
></c-input>
</c-col>
</el-form-item> -->
<c-table
:border="true"
:list="data"
ref="table"
style="width:80%,text-aligen:center"
height="500"
:paginationShow="false"
>
<el-table-column label="Type"
width="auto"
prop="typ"
sortable
></el-table-column>
<el-table-column
label="Cur."
width="auto"
prop="cur"
sortable
></el-table-column>
<el-table-column
label="Account No."
width="auto"
prop="extkey"
sortable
></el-table-column>
<el-table-column
label="科目代码"
width="auto"
prop="trmtyp"
sortable
></el-table-column>
<el-table-column
label=" "
width="auto"
prop="nam"
sortable
></el-table-column>
</c-table>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Infpty/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
data: [],
};
},
methods: { ...Event
},
created: function () {},
watch: {
"model.recpan.act": function () {
this.data = this.model.recpan.act;
this.$nextTick(() => {
for (let i = 0; i < this.data.length; i++) {
if (this.data[i].exeflg == "Y") {
this.$refs.table.$refs.table.toggleRowSelection(
this.data[i],
true
);
}
}
});
},
},
};
</script>
<style>
</style>
src/views/Business/Infpty/Addadrp.vue 0 → 100644
<template>
<div class="eibs-tab">
<c-col :span="24" style="height: 24px" text-align=justify>
<el-form-item label="Additional Addresses" class="messageLabel">
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<el-divider></el-divider>
</c-col> -->
<c-table :border="true" :list="data" ref="table"
style="width:80%,text-aligen:center" height="500"
:paginationShow="false">
<el-table-column
label="Key"
width="auto"
prop="extkey"></el-table-column>
<el-table-column
label="Address"
width="auto"
prop="nam"
sortable
></el-table-column>
<el-table-column
label="BIC"
width="auto"
prop="bic"
sortable
></el-table-column>
<el-table-column
label="Location"
width="auto"
prop="loctxt"
sortable
></el-table-column>
</c-table>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infpty/Event"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
data:[]
}
},
methods:{...Event},
created:function(){
}
}
</script>
<style>
</style>
// <c-col :span="12">
// <c-button size="small" type="primary" @click="onRecpanDspadr">
// Display
// </c-button>
// </c-col>
// <c-col :span="12">
// <c-button size="small" type="primary" @click="onRecpanLnkdbmpty">
// &Make Main
// </c-button>
// </c-col>
\ No newline at end of file
src/views/Business/Infpty/Infsea.vue
<template>
<div class="eibs-tab">
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="150px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<c-col :span="24" style="margin-top: 10px">
<!-- ----------左 ---------->
<c-col :span="11">
<c-col :span="24">
......@@ -64,7 +55,7 @@
</c-col>
</c-col>
<!------------- 右 ---------->
<c-col :span="11" :offset="1">
<c-col :span="12" :offset="1">
<c-col :span="24">
<el-form-item label="Party No." prop="ptysea.extkey">
<c-input
......@@ -117,8 +108,8 @@
</c-col>
</c-col>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="Type">
<el-radio-group v-model="radio">
<el-radio :label="0" v-model="model.seatypb">Bank</el-radio>
......@@ -128,7 +119,7 @@
<el-radio :label="4" v-model="model.seatyph">海关</el-radio>
</el-radio-group>
</el-form-item>
</c-col>
<c-col :span="24" style="text-align: right; height: 36.8px">
<!--原生重置按钮 <c-col :span="12">
<c-button size="small" type="primary" @click="onInfbutClr">
......@@ -165,14 +156,17 @@
</c-button>
</c-col>
<c-col :span="24" >
<c-istream-table :list="stmData.data" :columns="stmData.columns"
<c-istream-table
:list="stmData.data"
:columns="stmData.columns"
:showButtonFlg="true">
<el-table-column fix="right" prop="op" label="操作" width="165px">
<c-table-column fixed="right" prop="op" label="操作" width="165px">
<template slot-scope="{ scope }">
<c-button
style="margin-left: 0"
size="small"
@click="display(scope.$index, scope.row)"
@click="onInfbutDsp(scope.$index, scope.row)"
>
详情
</c-button>
......@@ -205,7 +199,7 @@
></a>
</el-popover>
</template>
</el-table-column>
</c-table-column>
</c-istream-table>
</c-col>
......@@ -256,7 +250,7 @@
<!-- <c-col :span="8">
<c-checkbox v-model="model.seatypc">Client</c-checkbox>
</c-col> -->
</el-form>
</div>
</template>
<script>
......@@ -293,21 +287,7 @@ export default {
},
};
},
methods: {
...Event,
async onInfbutSearow() {
let rule = "infbut.searow";
let rtnmsg = await this.executeRule(rule);
if (rtnmsg.respCode == SUCCESS) {
//处理响应
this.stmData.data = rtnmsg.data.infbut_dspstm.rows;
}
// this.executeRule("infbut_dspstm").then(res => {
// console.log(res);
// })
// this.$refs.infsea.stmData.data = rtnmsg.codeSet['infbut.dspstm']
},
},
methods: {...Event},
created: function () {},
};
</script>
......
src/views/Business/Infpty/Oitp.vue 0 → 100644
<template>
<div class="eibs-tab">
<c-col :span="12" style="height: 24px" >
<el-form-item label="Available Info of Party " class="messageLabel">
</el-form-item>
</c-col>
<c-table :border="true" :list="data" ref="table"
style="width:80%,text-aligen:center" height="500"
:paginationShow="false">
<el-table-column
label="Type"
width="auto"
prop="subtyp"
>
</el-table-column>
<el-table-column
label="Business Sector"
width="auto"
prop="subbus"
sortable></el-table-column>
<el-table-column
label="Display Level"
width="auto"
prop="inflev"
sortable
></el-table-column>
<el-table-column
label="Text"
width="auto"
prop="shttxt"
sortable
></el-table-column>
<c-table-column fixed="right" prop="op" label="操作" width="65px">
<template slot-scope="{ scope }">
<c-button
style="margin-left: 0"
size="small"
@click="onInfbutDsp(scope.$index, scope.row)"
>
Details
</c-button>
</template>
</c-table-column>
</c-table>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infpty/Event"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
data:[]
}
},
methods:{...Event},
created:function(){
}
}
</script>
<style>
</style>
<!-- <c-col :span="12">
<span v-text="model.recpan.ptssub.oited2.labinftxt" data-path=".recpan.ptssub.oited2.labinftxt" > </span>
</c-col> -->
\ No newline at end of file
src/views/Business/Infpty/Ptcinf.vue 0 → 100644
<template>
<div class="eibs-tab">
<c-col :span="8" style="height: 24px" :pull="1">
<el-form-item label="Contact Persons" class="messageLabel">
</el-form-item>
</c-col>
<c-table :border="true" :list="data" ref="table"
style="width:80%,text-aligen:center" height="500"
:paginatonShow="false">
<el-table-column
label="Gender"
width="auto"
prop="gen"
></el-table-column>
<el-table-column
label="Name"
width="auto"
prop="nam"
sortable
></el-table-column>
<el-table-column
label="Department"
width="auto"
prop="dep"
sortable
></el-table-column>
<el-table-column
label="Office Phone"
width="auto"
prop="teloff"
sortable
></el-table-column>
<el-table-column
label="E-mail"
width="auto"
prop="eml"
sortable
></el-table-column>
<el-table-column
label="Telefax"
width="auto"
prop="telfax"
sortable
></el-table-column>
</c-table>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infpty/Event"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
data:[]
}
},
methods:{...Event},
created:function(){
}
}
</script>
<style>
</style>
src/views/Business/Infpty/Ptmpan.vue 0 → 100644
<template>
<div class="eibs-tab">
<c-col :span="8" style="height: 24px" >
<el-form-item label="Authentication of Address" class="messageLabel">
</el-form-item>
</c-col>
<c-table :border="true" :list="data" ref="table"
style="width:80%,text-aligen:center" height="500"
:paginationShow="false"
>
<el-table-column
label="Corr.Type"
width="auto"
prop="cortyp"
></el-table-column>
<el-table-column
label="Address of Message "
width="auto"
prop="coradr"
sortable
></el-table-column>
<el-table-column
label="Authenticator "
width="auto"
prop="autflg"
sortable
></el-table-column>
<el-table-column
label="Public key"
width="auto"
prop="autdet"
sortable
></el-table-column>
</c-table>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infpty/Event"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
data:[]
}
},
methods:{...Event},
created:function(){
}
}
</script>
<style>
</style>
// <c-col :span="12">
// <c-button size="small" type="primary" @click="onRecpanLnkinfptm">
// Info
// </c-button>
// </c-col>
\ No newline at end of file
src/views/Business/Infpty/Ptyp0.vue
<template>
<div class="eibs-tab">
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="150px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<c-content :height="300">
<m-ovwp :model="model" :codes="codes" />
<c-col :span="24" style="margin-top: 10px">
<!-- ----------左 ---------->
<c-col :span="11">
<!-- <c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="recpan.recget.sdamod.dadsnd">
<c-input v-model="model.recpan.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col> -->
<el-form-item
label="Party No."
prop="ptysea.extkey"
......@@ -33,14 +16,12 @@
<template slot="footer">
<c-button
style="margin: 0px 10px 0 10px; padding: 0 12px"
style="margin: 0px 10px 0 10; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf"
>
<span style="font-family: '宋体'; font-weight: bold"
>i</span
>
<span style="font-family: '宋体'; font-weight: bold">i</span>
</c-button>
<c-button size="small" type="primary" @click="onRecpanGetpty">
......@@ -64,181 +45,192 @@
</template>
</c-fullbox>
</el-form-item>
<el-form-item label="Type">
<c-checkbox v-model="model.recgrp.typb">Bank</c-checkbox>
<c-checkbox v-model="model.recgrp.typc">Client</c-checkbox>
<c-checkbox v-model="model.recgrp.typa">Own Address</c-checkbox>
<c-checkbox v-model="model.recgrp.typo">Other</c-checkbox>
<c-checkbox v-model="model.recgrp.typh">海关</c-checkbox>
<el-form-item label="Type">
<el-radio-group v-model="radio">
<el-radio :label="0" v-model="model.seatypb">Bank</el-radio>
<el-radio :label="1" v-model="model.seatypc">Client</el-radio>
<el-radio :label="2" v-model="model.seatypa">Own Address</el-radio>
<el-radio :label="3" v-model="model.seatypo">Other</el-radio>
<el-radio :label="4" v-model="model.seatyph">海关</el-radio>
</el-radio-group>
</el-form-item>
<c-col :span="12">
<el-form-item
label="Name 1/SWIFT Line 1"
prop="recgrp.adrmaa.nam1"
>
<el-form-item label="Name 1" prop="recgrp.adrmaa.nam1">
<c-input
v-model="model.recgrp.adrmaa.nam1"
maxlength="35"
placeholder="请输入Name 1/SWIFT Line 1"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Telephone 1" prop="recgrp.adrmaa.tel1">
<el-form-item label="Name 2" prop="recgrp.adrmaa.nam2">
<c-input
v-model="model.recgrp.adrmaa.tel1"
maxlength="20"
placeholder="请输入Telephone 1"
v-model="model.recgrp.adrmaa.nam2"
maxlength="35"
placeholder="请输入Name 2/SWIFT Line 2"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Telephone 2" prop="recgrp.adrmaa.tel2">
<el-form-item label="Name 3" prop="recgrp.adrmaa.nam3">
<c-input
v-model="model.recgrp.adrmaa.tel2"
maxlength="20"
placeholder="请输入Telephone 2"
v-model="model.recgrp.adrmaa.nam3"
maxlength="35"
placeholder="请输入Name 3"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="Name 2/SWIFT Line 2"
prop="recgrp.adrmaa.nam2"
>
<el-form-item label="Street" prop="recgrp.adrmaa.str1">
<c-input
v-model="model.recgrp.adrmaa.nam2"
v-model="model.recgrp.adrmaa.str1"
maxlength="35"
placeholder="请输入Name 2/SWIFT Line 2"
placeholder="请输入Street/SWIFT Line 3"
></c-input>
</el-form-item>
</c-col>
<el-form-item label="Optional Second Street" prop="recgrp.adrmaa.str2">
<c-input
v-model="model.recgrp.adrmaa.str2"
maxlength="35"
placeholder="请输入Optional Second Line of Street"
></c-input>
</el-form-item>
<c-col :sapn="24">
<c-col :span="12">
<el-form-item label="Telefax 1" prop="recgrp.adrmaa.fax1">
<el-form-item label="Post Code" prop="recgrp.adrmaa.loczip">
<c-input
v-model="model.recgrp.adrmaa.fax1"
maxlength="20"
placeholder="请输入Telefax 1"
v-model="model.recgrp.adrmaa.loczip"
maxlength="10"
placeholder="请输入ZIP Code/First Part of SWIFT Line 4"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Telefax 2" prop="recgrp.adrmaa.fax2">
<el-form-item label=" City" prop="recgrp.adrmaa.loctxt">
<c-input
v-model="model.recgrp.adrmaa.fax2"
maxlength="20"
placeholder="请输入Telefax 2"
v-model="model.recgrp.adrmaa.loctxt"
maxlength="25"
placeholder="请输入Textpart of City/Second Part of SWIFT Line 4"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Name 3" prop="recgrp.adrmaa.nam3">
</c-col>
<c-col :span="24">
<el-form-item label="Optional Second City" prop="recgrp.adrmaa.loc2">
<c-input
v-model="model.recgrp.adrmaa.nam3"
v-model="model.recgrp.adrmaa.loc2"
maxlength="35"
placeholder="请输入Name 3"
placeholder="请输入Optional Second Line of City"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Telex Number" prop="recgrp.adrmaa.tlx">
<c-col :span="24">
<el-form-item label=" PostBox" prop="recgrp.adrmaa.pobtxt">
<c-input
v-model="model.recgrp.adrmaa.tlx"
maxlength="20"
placeholder="请输入Telex Number"
v-model="model.recgrp.adrmaa.pobtxt"
maxlength="25"
placeholder="请输入Textpart of City Used when Addressing Postbox"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="Street/SWIFT Line 3"
prop="recgrp.adrmaa.str1"
<c-col :span="24">
<el-form-item label="Country or region" prop="recgrp.adrmaa.loccty">
<c-select
v-model="model.recgrp.adrmaa.loccty"
style="width: 100%"
placeholder="请选择Country"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="E-mail" prop="recgrp.adrmaa.eml">
<c-input
v-model="model.recgrp.adrmaa.str1"
maxlength="35"
placeholder="请输入Street/SWIFT Line 3"
v-model="model.recgrp.adrmaa.eml"
maxlength="80"
placeholder="请输入eMail/Internet"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="BIC of Address Optional"
prop="recgrp.adrmaa.bic"
>
<c-col :span="24">
<el-form-item label=" Name" prop="recgrp.hbk.nam">
<c-input
v-model="model.recgrp.adrmaa.bic"
maxlength="11"
placeholder="请输入BIC of Address Optional"
v-model="model.recgrp.hbk.nam"
maxlength="40"
placeholder="请输入External Visible Name"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="Bankleitzahl German Clearing Code"
prop="recgrp.adrmaa.blz"
<c-col :span="24">
<el-form-item>
<c-checkbox v-model="model.recgrp.rec.hbkaccflg"
>Use Accounting of HouseBank</c-checkbox
>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label=" Account M." prop="recgrp.rec.accusr">
<c-input
v-model="model.recgrp.adrmaa.blz"
v-model="model.recgrp.rec.accusr"
maxlength="8"
placeholder="请输入Bankleitzahl German Clearing Code"
placeholder="请输入User ID of Account Officer"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="Optional Second Line of Street"
prop="recgrp.adrmaa.str2"
<c-col :span="24">
<el-form-item label="支行" prop="recpan.bchkey">
<c-select
v-model="model.recpan.bchkey"
style="width: 100%"
placeholder="请选择Branch Key"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="中文地址" prop="recgrp.adrmaa.adr1">
<c-input
v-model="model.recgrp.adrmaa.str2"
maxlength="35"
placeholder="请输入Optional Second Line of Street"
v-model="model.recgrp.adrmaa.adr1"
maxlength="40"
placeholder="请输入Chinese Address"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="Branch Identification Used in Option B of SWIFT Fieldtags"
prop="recgrp.adrmaa.bid"
>
<c-col :span="24">
<el-form-item label="" prop="recgrp.adrmaa.adr2">
<c-input
v-model="model.recgrp.adrmaa.bid"
maxlength="35"
placeholder="请输入Branch Identification Used in Option B of SWIFT Fieldtags"
v-model="model.recgrp.adrmaa.adr2"
maxlength="40"
placeholder="请输入"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="recgrp.adrmaa.adr3">
<c-input
v-model="model.recgrp.adrmaa.adr3"
maxlength="40"
placeholder="请输入"
></c-input>
</el-form-item>
</c-col>
<!------------- 右 右边的span直接24---------->
<c-col :span="11" :offset="1">
<!-- <c-col :span="12">
<el-form-item label="Address Number" prop="recgrp.rec.extkey">
<c-col :span="24">
<el-form-item label="中文邮编" prop="recgrp.adrmaa.pobzip">
<c-input
v-model="model.recgrp.rec.extkey"
maxlength="24"
placeholder="请输入Address Number"
v-model="model.recgrp.adrmaa.pobzip"
maxlength="10"
placeholder="请输入ZIP Code Used when Addressing Postbox"
></c-input>
</el-form-item>
</c-col> -->
</c-col>
</c-col>
<c-col :span="24">
<!------------- 右 ------------->
<c-col :span="11" :offset="1">
<el-form-item label="Party Name" prop="recgrp.rec.nam">
<c-input
v-model="model.recgrp.rec.nam"
......@@ -246,9 +238,6 @@
placeholder="请输入Party Name"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Chinese name" prop="recgrp.rec.nam1">
<c-fullbox>
<c-input
......@@ -265,13 +254,7 @@
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Address Status" prop="recgrp.rec.adrsta">
<c-select
v-model="model.recgrp.rec.adrsta"
......@@ -280,77 +263,91 @@
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="ZIP Code/First Part of SWIFT Line 4"
prop="recgrp.adrmaa.loczip"
>
<el-form-item label="Telephone 1" prop="recgrp.adrmaa.tel1">
<c-input
v-model="model.recgrp.adrmaa.loczip"
maxlength="10"
placeholder="请输入ZIP Code/First Part of SWIFT Line 4"
v-model="model.recgrp.adrmaa.tel1"
maxlength="20"
placeholder="请输入Telephone 1"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="Textpart of City/Second Part of SWIFT Line 4"
prop="recgrp.adrmaa.loctxt"
>
<el-form-item label="Telephone 2" prop="recgrp.adrmaa.tel2">
<c-input
v-model="model.recgrp.adrmaa.loctxt"
maxlength="25"
placeholder="请输入Textpart of City/Second Part of SWIFT Line 4"
v-model="model.recgrp.adrmaa.tel2"
maxlength="20"
placeholder="请输入Telephone 2"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="TradeConnect ID" prop="recgrp.adrmaa.tid">
<el-form-item label="Telefax 1" prop="recgrp.adrmaa.fax1">
<c-input
v-model="model.recgrp.adrmaa.tid"
maxlength="23"
placeholder="请输入TradeConnect ID"
v-model="model.recgrp.adrmaa.fax1"
maxlength="20"
placeholder="请输入Telefax 1"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onRecpanGet">
Get
</c-button>
</c-col>
<el-form-item label="Telefax 2" prop="recgrp.adrmaa.fax2">
<c-input
v-model="model.recgrp.adrmaa.fax2"
maxlength="20"
placeholder="请输入Telefax 2"
></c-input>
</el-form-item>
<c-col :span="12">
<el-form-item
label="Optional Second Line of City"
prop="recgrp.adrmaa.loc2"
>
<el-form-item label="Telex " prop="recgrp.adrmaa.tlx">
<c-input
v-model="model.recgrp.adrmaa.loc2"
maxlength="35"
placeholder="请输入Optional Second Line of City"
v-model="model.recgrp.adrmaa.tlx"
maxlength="20"
placeholder="请输入Telex Number"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="Clearing Code for Banks"
prop="recgrp.adrmaa.clc"
>
<el-form-item label="BIC " prop="recgrp.adrmaa.bic">
<c-input
v-model="model.recgrp.adrmaa.bic"
maxlength="11"
placeholder="请输入BIC of Address Optional"
></c-input>
</el-form-item>
<el-form-item label=" Bank Code " prop="recgrp.adrmaa.clc">
<c-input
v-model="model.recgrp.adrmaa.clc"
maxlength="35"
placeholder="请输入Clearing Code for Banks"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Branch ID" prop="recgrp.adrmaa.bid">
<c-input
v-model="model.recgrp.adrmaa.bid"
maxlength="35"
placeholder="请输入Branch Identification Used in Option B of SWIFT Fieldtags"
></c-input>
</el-form-item>
<el-form-item label="TradeConnect ID" prop="recgrp.adrmaa.tid">
<c-input
v-model="model.recgrp.adrmaa.tid"
maxlength="23"
placeholder="请输入TradeConnect ID"
></c-input>
</el-form-item>
<el-form-item label=" Clearing " prop="recgrp.adrmaa.blz">
<c-input
v-model="model.recgrp.adrmaa.blz"
maxlength="8"
placeholder="请输入Bankleitzahl German Clearing Code"
></c-input>
</el-form-item>
<el-form-item label="Line with Postbox" prop="recgrp.adrmaa.pob">
<c-input
v-model="model.recgrp.adrmaa.pob"
......@@ -358,50 +355,32 @@
placeholder="请输入Line with Postbox"
></c-input>
</el-form-item>
</c-col>
<el-form-item label="Language " prop="recgrp.adrmaa.uil">
<c-col :span="12">
<el-form-item
label="Default Language Code"
prop="recgrp.adrmaa.uil"
>
<c-select
v-model="model.recgrp.adrmaa.uil"
style="width: 100%"
placeholder="请选择Default Language Code"
placeholder="请选择 Language "
>
</c-select>
</el-form-item>
</c-col>
</el-form-item>
<el-form-item label=" Messages" prop="recgrp.adrmaa.cortyp">
<c-col :span="12">
<el-form-item
label="Primary Output Chanel of Messages SWT, LET, TLX, TCO"
prop="recgrp.adrmaa.cortyp"
>
<c-select
v-model="model.recgrp.adrmaa.cortyp"
style="width: 100%"
placeholder="请选择Primary Output Chanel of Messages SWT, LET, TLX, TCO"
placeholder="Messages SWT, LET, TLX, TCO"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="Textpart of City Used when Addressing Postbox"
prop="recgrp.adrmaa.pobtxt"
>
<c-input
v-model="model.recgrp.adrmaa.pobtxt"
maxlength="25"
placeholder="请输入Textpart of City Used when Addressing Postbox"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Department" prop="recgrp.adrmaa.dpt">
<c-input
v-model="model.recgrp.adrmaa.dpt"
......@@ -409,40 +388,93 @@
placeholder="请输入Department"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Country" prop="recgrp.adrmaa.loccty">
<c-select
v-model="model.recgrp.adrmaa.loccty"
style="width: 100%"
placeholder="请选择Country"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Info of bank" prop="recgrp.ptamaa.issbchinf">
<el-form-item label=" 开户行信息" prop="recgrp.ptamaa.issbchinf">
<c-input
v-model="model.recgrp.ptamaa.issbchinf"
maxlength="40"
placeholder="请输入Info of bank"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="eMail/Internet" prop="recgrp.adrmaa.eml">
<el-form-item label=" Name" prop="recgrp.heq.nam">
<c-input
v-model="model.recgrp.adrmaa.eml"
maxlength="80"
placeholder="请输入eMail/Internet"
v-model="model.recgrp.heq.nam"
maxlength="40"
placeholder="请输入External Visible Name"
></c-input>
</el-form-item>
<el-form-item>
<c-col :span="24">
<c-checkbox v-model="model.recgrp.rec.heqaccflg"
>Use Accounting of Headquarters</c-checkbox
>
</c-col>
</el-form-item>
<c-col :span="12">
</c-col>
</c-content>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Infpty/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
radio: 1,
};
},
methods: { ...Event, onSeainf() {} },
created: function () {},
};
</script>
<style>
</style>
<!-- <c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="recpan.recget.sdamod.dadsnd">
<c-input v-model="model.recpan.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col> -->
<!-- <el-form-item label="Type">
<c-checkbox v-model="model.recgrp.typb">Bank</c-checkbox>
<c-checkbox v-model="model.recgrp.typc">Client</c-checkbox>
<c-checkbox v-model="model.recgrp.typa">Own Address</c-checkbox>
<c-checkbox v-model="model.recgrp.typo">Other</c-checkbox>
<c-checkbox v-model="model.recgrp.typh">海关</c-checkbox>
</el-form-item> -->
<!-- <c-col :span="12">
<el-form-item label="Address Number" prop="recgrp.rec.extkey">
<c-input
v-model="model.recgrp.rec.extkey"
maxlength="24"
placeholder="请输入Address Number"
></c-input>-->
<!-- <c-col :span="24">
<c-button size="small" type="primary" @click="onRecpanGet">
Get
</c-button>
</c-col> -->
<!-- <c-col :span="24">
<el-form-item
label="Drag Drop Sender"
prop="recpan.hbkget.sdamod.dadsnd"
......@@ -454,7 +486,7 @@
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="24">
<el-form-item label="Address Number" prop="recgrp.hbk.extkey">
<c-input
v-model="model.recgrp.hbk.extkey"
......@@ -464,7 +496,7 @@
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="24">
<el-form-item label="" prop="recpan.hbkget.sdamod.seainf">
<c-input
v-model="model.recpan.hbkget.sdamod.seainf"
......@@ -473,23 +505,7 @@
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="External Visible Name" prop="recgrp.hbk.nam">
<c-input
v-model="model.recgrp.hbk.nam"
maxlength="40"
placeholder="请输入External Visible Name"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.recgrp.rec.hbkaccflg"
>Use Accounting of House Bank</c-checkbox
>
</c-col>
<c-col :span="12">
<c-col :span="24">
<el-form-item label="Address Number" prop="recgrp.heq.extkey">
<c-input
v-model="model.recgrp.heq.extkey"
......@@ -499,7 +515,7 @@
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="24">
<el-form-item label="" prop="recpan.heqget.sdamod.seainf">
<c-input
v-model="model.recpan.heqget.sdamod.seainf"
......@@ -508,7 +524,7 @@
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="24">
<el-form-item
label="Drag Drop Sender"
prop="recpan.heqget.sdamod.dadsnd"
......@@ -518,112 +534,4 @@
placeholder="请输入Drag Drop Sender"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="External Visible Name" prop="recgrp.heq.nam">
<c-input
v-model="model.recgrp.heq.nam"
maxlength="40"
placeholder="请输入External Visible Name"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="User ID of Account Officer"
prop="recgrp.rec.accusr"
>
<c-input
v-model="model.recgrp.rec.accusr"
maxlength="8"
placeholder="请输入User ID of Account Officer"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Branch Key" prop="recpan.bchkey">
<c-select
v-model="model.recpan.bchkey"
style="width: 100%"
placeholder="请选择Branch Key"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.recgrp.rec.heqaccflg"
>Use Accounting of Headquarters</c-checkbox
>
</c-col>
<c-col :span="12">
<el-form-item label="Chinese Address" prop="recgrp.adrmaa.adr1">
<c-input
v-model="model.recgrp.adrmaa.adr1"
maxlength="40"
placeholder="请输入Chinese Address"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="recgrp.adrmaa.adr2">
<c-input
v-model="model.recgrp.adrmaa.adr2"
maxlength="40"
placeholder="请输入"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="recgrp.adrmaa.adr3">
<c-input
v-model="model.recgrp.adrmaa.adr3"
maxlength="40"
placeholder="请输入"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="ZIP Code Used when Addressing Postbox"
prop="recgrp.adrmaa.pobzip"
>
<c-input
v-model="model.recgrp.adrmaa.pobzip"
maxlength="10"
placeholder="请输入ZIP Code Used when Addressing Postbox"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
</c-content>
</el-form>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Infpty/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
</c-col> -->
\ No newline at end of file
src/views/Business/Infpty/Ptyp1.vue 0 → 100644
<template>
<div class="eibs-tab">
<!-- -----------顶部------------ -->
<c-content :height="300">
<c-col :span="24" style="margin-top: 10px">
<!-- ----------左 ---------->
<c-col :span="11">
<c-col :span="24">
<el-form-item label="Credit Class" prop="recgrp.rec.rskcls">
<c-input
v-model="model.recgrp.rec.rskcls"
style="width: 100%"
placeholder="请输入Credit Class"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Risk Country" prop="recgrp.rec.rskcty">
<c-input
v-model="model.recgrp.rec.rskcty"
style="width: 100%"
placeholder="请输入Risk Country"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Risk Description" prop="recgrp.rec.rsktxt">
<c-input
v-model="model.recgrp.rec.rsktxt"
maxlength="35"
placeholder="请输入Risk Description"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="DTA Import L/C ID" prop="recgrp.adrmaa.dtacid">
<c-input
v-model="model.recgrp.adrmaa.dtacid"
maxlength="23"
placeholder="请输入DTA Import L/C ID"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="DTA Export L/C ID" prop="recgrp.adrmaa.dtecid">
<c-input
v-model="model.recgrp.adrmaa.dtecid"
maxlength="23"
placeholder="请输入DTA Export L/C ID"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="DTA Guarantees ID" prop="recgrp.adrmaa.dtgcid">
<c-input
v-model="model.recgrp.adrmaa.dtgcid"
maxlength="23"
placeholder="请输入DTA Guarantees ID"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Service Level" prop="recgrp.rec.sla">
<c-input
v-model="model.recgrp.rec.sla"
style="width: 100%"
placeholder="请输入Service Level"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="流动资金贷款利率档次" prop="recgrp.rec.cunqii">
<c-select
v-model="model.recgrp.rec.cunqii"
style="width: 100%"
placeholder="请选择流动资金贷款利率档次"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="上浮比率" prop="recgrp.rec.bilvvv">
<c-input
v-model="model.recgrp.rec.bilvvv"
placeholder="请输入上浮比率"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="企业海关十位制编码" prop="recgrp.rec.bngcod">
<c-input
v-model="model.recgrp.rec.bngcod"
maxlength="10"
placeholder="请输入企业海关十位制编码"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="国内地区码" prop="recgrp.adrmaa.discod">
<c-input
v-model="model.recgrp.adrmaa.discod"
maxlength="6"
placeholder="请输入国内地区码"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="ECIFNO" prop="recgrp.rec.ecifno">
<c-input
v-model="model.recgrp.rec.ecifno"
maxlength="24"
placeholder="请输入ECIFNO"
></c-input>
</el-form-item>
<c-col :span="24">
<el-form-item label="代理行名称" prop="recgrp.rec.ecifnam1">
<c-input
v-model="model.recgrp.rec.ecifnam1"
maxlength="100"
placeholder="请输入ECIFNO中文名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="组织机构代码" prop="recgrp.rec.ecifjuscod">
<c-input
v-model="model.recgrp.rec.ecifjuscod"
maxlength="50"
placeholder="请输入组织机构代码"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<!-- ------------右 ----------------->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="币种" prop="recgrp.ptyrat.cur">
<c-input
v-model="model.recgrp.ptyrat.cur"
style="width: 100%"
placeholder="请输入Currency"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="电政名称" prop="recgrp.adrmaa.namelc">
<c-input
type="textarea"
v-model="model.recgrp.adrmaa.namelc"
maxlength="35"
show-word-limit
placeholder="请输入名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="电政地址" prop="recgrp.adrmaa.adrelc">
<c-input
type="textarea"
v-model="model.recgrp.adrmaa.adrelc"
maxlength="35"
show-word-limit
placeholder="请输入地址"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="买家优惠" prop="recgrp.ptyrat.buytyp">
<c-select
v-model="model.recgrp.ptyrat.buytyp"
style="width: 100%"
placeholder="请选择Customer Specific Buying Rate Type"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="Buy rate discount"
prop="recgrp.ptyrat.buyrat"
>
<c-input
v-model="model.recgrp.ptyrat.buyrat"
placeholder="请输入Buy rate discount"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<el-form-item label="卖家优惠" prop="recgrp.ptyrat.seltyp">
<c-select
v-model="model.recgrp.ptyrat.seltyp"
style="width: 100%"
placeholder="请选择Customer Specific Selling Rate Type"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="Sell rate discount"
prop="recgrp.ptyrat.selrat"
>
<c-input
v-model="model.recgrp.ptyrat.selrat"
placeholder="请输入Sell rate discount"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="客户类型" prop="recgrp.rec.idtype">
<c-select
v-model="model.recgrp.rec.idtype"
style="width: 100%"
placeholder="请选择客户类型"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="金融机构类型" prop="recgrp.rec.akkcom">
<c-input
v-model="model.recgrp.rec.akkcom"
maxlength="8"
placeholder="请输入金融机构类型"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="身份证号码" prop="recgrp.rec.idcode">
<c-input
v-model="model.recgrp.rec.idcode"
maxlength="32"
placeholder="请输入身份证号码"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="交易主体" prop="recgrp.rec.trnman">
<c-select
v-model="model.recgrp.rec.trnman"
style="width: 100%"
placeholder="请选择交易主体"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="5" :offset="6">
<c-checkbox v-model="model.recgrp.rec.speeco"
>特殊经济区域</c-checkbox
>
</c-col>
<c-col :span="13">
<el-form-item label="ocrm日期" prop="recgrp.rec.khbsdt">
<c-date-picker
type="date"
v-model="model.recgrp.rec.khbsdt"
style="width: 100%"
placeholder="请选择ocrm日期"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="企业规模（国标）" prop="recgrp.rec.qygmgb">
<c-select
v-model="model.recgrp.rec.qygmgb"
style="width: 100%"
placeholder="请选择企业规模（国标）"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="贸金客户类别" prop="recgrp.rec.crmtyp">
<c-select
v-model="model.recgrp.rec.crmtyp"
style="width: 100%"
placeholder="请选择贸金客户类别"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-istream-table
:list="stmData.data"
:columns="stmData.columns"
:showButtonFlg="true"
>
</c-istream-table>
</c-col>
</c-col>
</c-content>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Infpty/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
stmData: {
columns: [
"0 1 \"Cur\" 200",
"2 2 \"Buy Type\" 250 1 0 1 PTYRAT:BUYTYP",
"3 3 \"Discount\" 250 2 0 1 0",
"4 4 \"Sell Type\" 250 1 0 1 PTYRAT:SELTYP",
"5 5 \"Discount\" 250 2 0 1 0"
],
data: [],
},
};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
<!-- <c-button size="small" type="primary" @click="onRecpanUpdall"
style="float:right;margin-right:10px;">
Update All
</c-button>
<c-button size="small" type="primary" @click="onRecpanUpd"
style="float:right;margin-right:10px;">
Update one
</c-button> -->
<!-- <c-col :span="24">
<span v-text="model.recpan.idnam" data-path=".recpan.idnam" > </span>
</c-col> -->
<!-- <c-col :span="24">
<span v-text="model.recpan.selpct" data-path=".recpan.selpct" > </span>
</c-col>
<c-col :span="24">
<span v-text="model.recpan.buypct" data-path=".recpan.buypct" > </span>
</c-col> -->
<!-- <c-col :span="24">
<c-button size="small" type="primary" @click="onRecpanEcif">
ECIF
</c-button>
</c-col> -->
<!-- <c-col :span="24">
<el-form-item label="Rate Stream" prop="recpan.ratstm">
<c-input
v-model="model.recpan.ratstm"
placeholder="请输入Rate Stream"
></c-input>
</el-form-item>
</c-col> -->
src/views/Business/Infpty/Ptytxt.vue 0 → 100644
<template>
<div class="eibs-tab">
<c-col :span="24">
<c-col :span="11">
<c-col :span="24">
<el-form-item label="General" prop="recpan.ptyinf.oit.inftxt">
<c-input type="textarea" v-model="model.recpan.ptyinf.oit.inftxt" maxlength="60" show-word-limit placeholder="请输入Infotext" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Display Type" prop="recpan.ptyinf.oit.inflev">
<c-select v-model="model.recpan.ptyinf.oit.inflev" style="width:100%" placeholder="请选择Infotext Level">
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="Stop" prop="recpan.ptystp.oit.inftxt">
<c-input type="textarea" v-model="model.recpan.ptystp.oit.inftxt" maxlength="60" show-word-limit placeholder="请输入Infotext" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Display Type" prop="recpan.ptystp.oit.inflev">
<c-select v-model="model.recpan.ptystp.oit.inflev" style="width:100%" placeholder="请选择Infotext Level">
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infpty/Event"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
}
}
</script>
<style>
</style>
<!-- <c-col :span="12">
<span v-text="model.recpan.ptyinf.labinftxt" data-path=".recpan.ptyinf.labinftxt" > </span>
</c-col> -->
<!-- <c-col :span="12">
<span v-text="model.recpan.ptystp.labinftxt" data-path=".recpan.ptystp.labinftxt" > </span>
</c-col> -->
\ No newline at end of file
src/views/Business/Infpty/index.vue
......@@ -9,7 +9,7 @@
size="small"
:validate-on-rule-change="false"
>
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--PD000039 -->
<el-tab-pane label="Search Panel" name="infsea">
<m-infsea :model="model" :codes="codes" ref="infsea" />
......@@ -18,6 +18,27 @@
<el-tab-pane label="Party" name="ptyp0">
<m-ptyp0 :model="model" :codes="codes" ref="ptyp0" />
</el-tab-pane>
<el-tab-pane label="Details" name="ptyp1">
<m-ptyp1 :model="model" :codes="codes" ref="ptyp1" />
</el-tab-pane>
<el-tab-pane label="Additional Addresses" name="addadrp">
<m-addadrp :model="model" :codes="codes" ref="addadrp" />
</el-tab-pane>
<el-tab-pane label="Info and Stoptext" name="ptytxt">
<m-ptytxt :model="model" :codes="codes" ref="ptytxt" />
</el-tab-pane>
<el-tab-pane label="Accounts" name="actinf">
<m-actinf :model="model" :codes="codes" ref="actinf" />
</el-tab-pane>
<el-tab-pane label="Contacts" name="ptcinf">
<m-ptcinf :model="model" :codes="codes" ref="ptcinf" />
</el-tab-pane>
<el-tab-pane label="Authentication of Address" name="ptmpan">
<m-ptmpan :model="model" :codes="codes" ref="ptmpan" />
</el-tab-pane>
<el-tab-pane label="Further Info and Stoptext" name="oitp">
<m-oitp :model="model" :codes="codes" ref="oitp" />
</el-tab-pane>
</c-tabs>
</el-form>
</div>
......@@ -32,11 +53,26 @@ import Default from "~/model/Infpty/Default";
import Pattern from "~/model/Infpty/Pattern";
import Infsea from "./Infsea";
import Ptyp0 from "./Ptyp0";
import Ptyp1 from "./Ptyp1";
import Addadrp from "./Addadrp";
import Ptytxt from "./Ptytxt";
import Actinf from "./Actinf";
import Ptcinf from "./Ptcinf";
import Ptmpan from "./Ptmpan";
import Oitp from "./Oitp";
export default {
name: "Infpty",
components: {
"m-infsea": Infsea,
"m-ptyp0": Ptyp0,
"m-infsea":Infsea,
"m-ptyp0":Ptyp0,
"m-ptyp1":Ptyp1,
"m-addadrp":Addadrp,
"m-ptytxt":Ptytxt,
"m-actinf":Actinf,
"m-ptcinf":Ptcinf,
"m-ptmpan":Ptmpan,
"m-oitp":Oitp,
},
provide() {
return {
......@@ -57,21 +93,15 @@ export default {
};
},
methods: {
myTabClick() {
this.tabClick(tab);
/**
* do it yourself
**/
},
//修改原事件MytabClick的V-on
},
created: async function () {
console.log("进入infpty交易");
let rtnmsg = await this.init({});
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data);
//处理istream的数据
// this.$refs.infsea.stmData.columns = rtnmsg.codeSet['infbut.dspstm']
//TODO 处理数据逻辑
this.updateModel(rtnmsg.data);//刷新前端数据
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
......
src/views/Home/cells/CustomerAnalyse.vue
......@@ -17,7 +17,7 @@
</template>
<script>
import CellHeaderVue from "./CellHeader.vue";
import CellHeaderVue from "./common/CellHeader.vue";
import * as echarts from "echarts";
export default {
......
src/views/Home/cells/Hall.vue
......@@ -29,7 +29,7 @@
</template>
<script>
import CellHeaderVue from "./CellHeader.vue";
import CellHeaderVue from "./common/CellHeader.vue";
export default {
name: "Hall",
......
src/views/Home/cells/NoticeAnnouncement.vue
......@@ -23,7 +23,7 @@
</template>
<script>
import CellHeaderVue from "./CellHeader.vue";
import CellHeaderVue from "./common/CellHeader.vue";
export default {
name: "NoticeAnnouncement",
......
src/views/Home/cells/QuickSearch.vue
<template>
<div class="home-cell" id="quickSearch">
<CellHeaderVue title="快速查询"> </CellHeaderVue>
<CellHeaderVue title="快速查询">
<span class="el-icon-setting" title="设置" @click="openSetting"></span>
</CellHeaderVue>
<el-scrollbar :style="{ height: cellScrollHeight + 'px' }">
<div class="cell-content">
<router-link
v-for="(item, index) in options"
:key="index"
:to="item.url"
>
<div
class="content-wrapper"
:style="{ height: Math.floor(cellScrollHeight * 0.3) + 'px' }"
>
<div class="search-item-wrapper">
<div class="search-item">
<img :src="item.icon" alt="" />
<span>{{ item.name }}</span>
</div>
</div>
</div>
</router-link>
</div>
</el-scrollbar>
<quick
ref="quick"
:cellScrollHeight="cellScrollHeight"
quickType="search"
></quick>
</div>
</template>
<script>
import CellHeaderVue from "./CellHeader.vue";
import CellHeaderVue from "./common/CellHeader.vue";
import quick from "./common/quick.vue";
import defaultQuickSearchItems from "./common/defaultQuickSearchItems.js";
export default {
name: "QuickSearch",
components: { CellHeaderVue },
components: { CellHeaderVue, quick },
props: {
cellScrollHeight: {
type: Number,
required: true,
},
},
data() {
return {
// options: [
// {
// name: "报文查询",
// icon: require("~/assets/icons/报文查询.svg"),
// url: "",
// },
// {
// name: "银行查询",
// icon: require("~/assets/icons/银行查询.svg"),
// url: "",
// },
// {
// name: "公司查询",
// icon: require("~/assets/icons/公司查询.svg"),
// url: "",
// },
// {
// name: "交易查询",
// icon: require("~/assets/icons/交易查询.svg"),
// url: "",
// },
// {
// name: "序号查询",
// icon: require("~/assets/icons/序号查询.svg"),
// url: "",
// },
// {
// name: "企业分类信息查询",
// icon: require("~/assets/icons/企业分类信息查询.svg"),
// url: "",
// },
// {
// name: "电子数据查询",
// icon: require("~/assets/icons/电子数据查询.svg"),
// url: "",
// },
// {
// name: "账务查看",
// icon: require("~/assets/icons/账务查看.svg"),
// url: "",
// },
// {
// name: "添加",
// icon: require("~/assets/icons/添加.svg"),
// url: "",
// },
// ],
options: [],
all: {
admin: [
{
name: "买方信用证交易查询",
icon: require("~/assets/icons/交易查询.svg"),
url: "/business/infdid",
},
{
name: " 买方信用证单据查询",
icon: require("~/assets/icons/单据查询.svg"),
url: "/business/infbdd",
},
{
name: "卖方信用证交易查询",
icon: require("~/assets/icons/交易查询.svg"),
url: "/business/infdet",
},
{
name: "卖方信用证单据查询",
icon: require("~/assets/icons/单据查询.svg"),
url: "/business/infbfd",
},
{
name: "出口信用证查询",
icon: require("~/assets/icons/进出口查询.svg"),
url: "/business/letsel",
},
{
name: "出口信用证单据查询",
icon: require("~/assets/icons/单据查询.svg"),
url: "/business/infbed",
},
{
name: "进口信用证查询",
icon: require("~/assets/icons/进出口查询.svg"),
url: "/business/inflid",
},
{
name: "进口信用证单据查询",
icon: require("~/assets/icons/单据查询.svg"),
url: "/business/infbpd",
},
{
name: "进口代收查询",
icon: require("~/assets/icons/进口代收查询.svg"),
url: "/business/infbcd",
},
],
normal: [
{
name: "买方信用证交易查询",
icon: require("~/assets/icons/交易查询.svg"),
url: "/business/infdid",
},
{
name: " 买方信用证单据查询",
icon: require("~/assets/icons/单据查询.svg"),
url: "/business/infbdd",
},
{
name: "卖方信用证交易查询",
icon: require("~/assets/icons/交易查询.svg"),
url: "/business/infdet",
},
{
name: "卖方信用证单据查询",
icon: require("~/assets/icons/单据查询.svg"),
url: "/business/infbfd",
},
{
name: "出口信用证查询",
icon: require("~/assets/icons/进出口查询.svg"),
url: "/business/letsel",
},
{
name: "进口信用证查询",
icon: require("~/assets/icons/进出口查询.svg"),
url: "/business/inflid",
},
{
name: "进口信用证单据查询",
icon: require("~/assets/icons/单据查询.svg"),
url: "/business/infbpd",
},
],
created() {
const admin = localStorage.getItem("quick-search-admin");
if (!admin) {
localStorage.setItem(
"quick-search-admin",
JSON.stringify(defaultQuickSearchItems.admin)
);
}
const normal = localStorage.getItem("quick-search-normal");
if (!normal) {
localStorage.setItem(
"quick-search-normal",
JSON.stringify(defaultQuickSearchItems.normal)
);
}
},
};
methods: {
openSetting() {
this.$refs.quick.openSetting();
},
mounted() {
this.genItems()
},
methods: {
genItems () {
const userId = this.$store.state.UserContext.userId;
if (userId.toLowerCase() === "zl") {
this.options = this.all.admin;
} else {
this.options = this.all.normal;
}
}
}
};
</script>
<style scoped>
#quickSearch .cell-content {
/* display: flex;
flex-wrap: wrap; */
}
#quickSearch .content-wrapper {
display: inline-block;
width: 33%;
height: 30%;
cursor: pointer;
}
#quickSearch .cell-content .search-item-wrapper {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
}
#quickSearch .cell-content .search-item {
/* padding-bottom: 16px; */
display: flex;
flex-direction: column;
align-items: center;
/* cursor: pointer; */
}
#quickSearch .cell-content .search-item i {
color: #0088ff;
font-size: 36px;
}
#quickSearch .cell-content .search-item span {
color: #303133;
font-size: 14px;
margin-top: 10px;
}
/* #quickSearch .cell-content .search-item:hover i {
color: var(--themecolor);
} */
/* #quickSearch .cell-content .search-item:hover span { */
#quickSearch .cell-content .content-wrapper:hover span {
color: var(--themecolor);
}
</style>
<style scoped></style>
src/views/Home/cells/QuickVisit.vue
<template>
<div class="home-cell" id="quickVisit">
<CellHeaderVue title="快速访问"> </CellHeaderVue>
<CellHeaderVue title="快速访问">
<span class="el-icon-setting" title="设置" @click="openSetting"></span>
</CellHeaderVue>
<el-scrollbar :style="{ height: cellScrollHeight + 'px' }">
<div class="cell-content">
<router-link
v-for="(item, index) in quickVisitItem"
:key="index"
:to="item.url"
>
<div
class="content-wrapper"
:style="{ height: Math.floor(cellScrollHeight * 0.3) + 'px' }"
>
<div class="visit-item-wrapper">
<div class="visit-item">
<img :src="item.icon" alt="" />
<span>{{ item.name }}</span>
</div>
</div>
</div>
</router-link>
</div>
</el-scrollbar>
<quick
ref="quick"
:cellScrollHeight="cellScrollHeight"
quickType="visit"
></quick>
</div>
</template>
<script>
import CellHeaderVue from "./CellHeader.vue";
import CellHeaderVue from "./common/CellHeader.vue";
import quick from "./common/quick.vue";
import defaultVisitItems from "./common/defaultQuickVisitItems.js";
export default {
name: "QuickVisit",
components: { CellHeaderVue },
components: { CellHeaderVue, quick },
props: {
cellScrollHeight: {
type: Number,
required: true,
},
},
data() {
return {
// quickVisitItem: [
// {
// name: "用户权限",
// icon: require("~/assets/icons/用户权限.svg"),
// url: "",
// },
// {
// name: "银行信息管理",
// icon: require("~/assets/icons/银行信息管理.svg"),
// url: "",
// },
// {
// name: "财务费用管理",
// icon: require("~/assets/icons/财务费用管理.svg"),
// url: "",
// },
// {
// name: "风险提示参数",
// icon: require("~/assets/icons/风险提示参数.svg"),
// url: "",
// },
// {
// name: "业务公共参数",
// icon: require("~/assets/icons/业务公共参数.svg"),
// url: "",
// },
// {
// name: "国内证开立",
// icon: require("~/assets/icons/国内证开立.svg"),
// url: "",
// },
// {
// name: "进口信用证开立",
// icon: require("~/assets/icons/进口信用证开立.svg"),
// url: "",
// },
// {
// name: "转让信用证开立",
// icon: require("~/assets/icons/转让信用证开立.svg"),
// url: "",
// },
// {
// name: "添加",
// icon: require("~/assets/icons/添加.svg"),
// url: "",
// },
// ],
quickVisitItem: [],
all: {
admin: [
{
name: "汇款查询",
icon: require("~/assets/icons/汇款查询.svg"),
url: "/business/infcpd",
},
{
name: "汇出汇款",
icon: require("~/assets/icons/汇出汇款.svg"),
url: "/business/cptopn",
},
{
name: "汇入汇款",
icon: require("~/assets/icons/汇入汇款.svg"),
url: "/business/cptadv",
},
{
name: "买方信用证开立",
icon: require("~/assets/icons/信用证.svg"),
url: "/business/ditopn",
},
{
name: "买方信用证交易查询",
icon: require("~/assets/icons/交易查询.svg"),
url: "/business/infdid",
},
{
name: " 买方信用证单据查询",
icon: require("~/assets/icons/单据查询.svg"),
url: "/business/infbdd",
},
{
name: "卖方信用证通知",
icon: require("~/assets/icons/信用证通知.svg"),
url: "/business/detopn",
},
{
name: "卖方信用证交易查询",
icon: require("~/assets/icons/交易查询.svg"),
url: "/business/infdet",
},
{
name: "卖方信用证单据查询",
icon: require("~/assets/icons/单据查询.svg"),
url: "/business/infbfd",
},
],
normal: [
{
name: "汇款查询",
icon: require("~/assets/icons/汇款查询.svg"),
url: "/business/infcpd",
},
{
name: "汇出汇款",
icon: require("~/assets/icons/汇出汇款.svg"),
url: "/business/cptopn",
},
{
name: "汇入汇款",
icon: require("~/assets/icons/汇入汇款.svg"),
url: "/business/cptadv",
},
{
name: "买方信用证开立",
icon: require("~/assets/icons/信用证.svg"),
url: "/business/ditopn",
},
{
name: "买方信用证交易查询",
icon: require("~/assets/icons/交易查询.svg"),
url: "/business/infdid",
},
{
name: "卖方信用证通知",
icon: require("~/assets/icons/信用证通知.svg"),
url: "/business/detopn",
},
{
name: "卖方信用证交易查询",
icon: require("~/assets/icons/交易查询.svg"),
url: "/business/infdet",
},
],
created() {
const admin = localStorage.getItem("quick-visit-admin");
if (!admin) {
localStorage.setItem(
"quick-visit-admin",
JSON.stringify(defaultVisitItems.admin)
);
}
const normal = localStorage.getItem("quick-visit-normal");
if (!normal) {
localStorage.setItem(
"quick-visit-normal",
JSON.stringify(defaultVisitItems.normal)
);
}
},
};
methods: {
openSetting() {
this.$refs.quick.openSetting();
},
mounted() {
this.genItems()
},
methods: {
genItems() {
const userId = this.$store.state.UserContext.userId;
if (userId.toLowerCase() === "zl") {
this.quickVisitItem = this.all.admin;
} else {
this.quickVisitItem = this.all.normal;
}
}
}
};
</script>
<style scoped>
/* 快速访问 */
#quickVisit .cell-content {
/* display: flex;
flex-wrap: wrap; */
}
#quickVisit .content-wrapper {
display: inline-block;
width: 33%;
/* height: 30%; */
}
#quickVisit .cell-content .visit-item-wrapper {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
}
#quickVisit .cell-content .visit-item {
/* padding-bottom: 16px; */
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
}
#quickVisit .cell-content .visit-item i {
color: #0088ff;
font-size: 36px;
}
#quickVisit .cell-content .visit-item span {
color: #303133;
font-size: 14px;
margin-top: 10px;
}
/* #quickVisit .cell-content .visit-item:hover i {
color: var(--themecolor);
} */
#quickVisit .cell-content .visit-item:hover span {
color: var(--themecolor);
}
</style>
<style scoped></style>
src/views/Home/cells/TaskStatistics.vue
......@@ -47,7 +47,7 @@
</template>
<script>
import CellHeaderVue from "./CellHeader.vue";
import CellHeaderVue from "./common/CellHeader.vue";
export default {
name: "TaskStatistics",
......
src/views/Home/cells/common/defaultQuickSearchItems.js 0 → 100644
export default {
admin: [
"/business/infdid",
"/business/infbdd",
"/business/infdet",
"/business/infbfd",
"/business/letsel",
"/business/infbed",
"/business/inflid",
"/business/infbpd",
"/business/infbcd",
],
normal: [
"/business/infdid",
"/business/infbdd",
"/business/infdet",
"/business/infbfd",
"/business/letsel",
"/business/inflid",
"/business/infbpd",
],
};
src/views/Home/cells/common/defaultQuickVisitItems.js 0 → 100644
export default {
admin: [
"/business/infcpd",
"/business/cptopn",
"/business/cptadv",
"/business/ditopn",
"/business/infdid",
"/business/infbdd",
"/business/detopn",
"/business/infdet",
"/business/infbfd",
],
normal: [
"/business/infcpd",
"/business/cptopn",
"/business/cptadv",
"/business/ditopn",
"/business/infdid",
"/business/detopn",
"/business/infdet",
],
};
src/views/Home/cells/common/icons.js 0 → 100644
const icons = {
"/business/infcpd": require("~/assets/icons/汇款查询.svg"),
"/business/cptopn": require("~/assets/icons/汇出汇款.svg"),
"/business/cptadv": require("~/assets/icons/汇入汇款.svg"),
"/business/ditopn": require("~/assets/icons/信用证.svg"),
"/business/infdid": require("~/assets/icons/交易查询.svg"),
"/business/infbdd": require("~/assets/icons/单据查询.svg"),
"/business/detopn": require("~/assets/icons/信用证通知.svg"),
"/business/infdet": require("~/assets/icons/交易查询.svg"),
"/business/infbfd": require("~/assets/icons/单据查询.svg"),
"/business/letsel": require("~/assets/icons/进出口查询.svg"),
"/business/infbed": require("~/assets/icons/单据查询.svg"),
"/business/inflid": require("~/assets/icons/进出口查询.svg"),
"/business/infbpd": require("~/assets/icons/单据查询.svg"),
"/business/infbcd": require("~/assets/icons/进口代收查询.svg"),
};
export default icons;
src/views/Home/cells/common/quick.vue 0 → 100644
<template>
<el-scrollbar :style="{ height: cellScrollHeight + 'px' }">
<div class="cell-content">
<router-link
v-for="(item, index) in quickVisitItem"
:key="index"
:to="item.path"
>
<div
class="content-wrapper"
:style="{ height: Math.floor(cellScrollHeight * 0.3) + 'px' }"
>
<div class="visit-item-wrapper">
<div class="visit-item">
<img :src="item.icon" alt="" />
<span>{{ item.name }}</span>
</div>
</div>
</div>
</router-link>
</div>
<el-dialog :visible="visible" title="设置" :before-close="handleClose">
<div style="text-align: center">
<el-transfer
style="text-align: left; display: inline-block"
v-model="selectedVals"
filterable
:titles="['未添加', '已添加']"
:button-texts="['移除', '添加']"
:format="{
noChecked: '${total}',
hasChecked: '${checked}/${total}',
}"
:data="transferData"
>
</el-transfer>
</div>
<span slot="footer" class="dialog-footer">
<c-button @click="cancel">取消</c-button>
<c-button type="primary" @click="save">保存</c-button>
</span>
</el-dialog>
</el-scrollbar>
</template>
<script>
import icons from "./icons.js";
export default {
props: {
cellScrollHeight: {
type: Number,
required: true,
},
quickType: {
type: String,
required: true,
}
},
data() {
return {
allAvailableItems: [],
quickVisitItem: [],
visible: false,
selectedVals: [],
transferData: [],
};
},
mounted() {
this.$nextTick(() => {
this.init();
this.generateVisitItems(this.getCachedVisitItems());
})
},
methods: {
init() {
const arr = [];
this.getAllAvailableItems(this.$store.state.UserContext.menu, arr);
this.allAvailableItems = arr;
this.transferData = arr.map((item) => {
const ps = item.path.split("/")
return {
key: item.path,
label: `${ps[ps.length - 1]} - ${item.name}` ,
};
});
},
getCachedVisitItems() {
const userId = this.$store.state.UserContext.userId;
const data = localStorage.getItem(
`quick-${this.quickType}-${userId.toLowerCase() === "zl" ? "admin" : "normal"}`
);
return JSON.parse(data);
},
setCachedVisitItems(data) {
const userId = this.$store.state.UserContext.userId;
localStorage.setItem(
`quick-${this.quickType}-${userId.toLowerCase() === "zl" ? "admin" : "normal"}`,
JSON.stringify(data)
);
},
generateVisitItems(keys) {
const res = [];
for (let i = 0; i < keys.length; i++) {
const key = keys[i];
const f = this.allAvailableItems.find((item) => item.path === key);
if (f) {
res.push({
name: f.name,
path: f.path,
icon: icons[key]
? icons[key]
: require("~/assets/icons/信用证.svg"),
});
}
}
this.quickVisitItem = res;
},
openSetting() {
this.selectedVals = this.quickVisitItem.map((item) => item.path);
this.visible = true;
},
cancel() {
this.visible = false;
},
save() {
this.setCachedVisitItems(this.selectedVals);
this.generateVisitItems(this.selectedVals);
this.visible = false;
},
handleClose(done) {
this.visible = false;
done();
},
getAllAvailableItems(source, arr) {
for (let i = 0; i < source.length; i++) {
const s = source[i];
if (s.children.length > 0) {
this.getAllAvailableItems(s.children, arr);
} else {
arr.push(s);
}
}
},
},
}
</script>
<style scoped>
.cell-content {
/* display: flex;
flex-wrap: wrap; */
}
.content-wrapper {
display: inline-block;
width: 33%;
/* height: 30%; */
}
.cell-content .visit-item-wrapper {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
}
.cell-content .visit-item {
/* padding-bottom: 16px; */
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
}
.cell-content .visit-item i {
color: #0088ff;
font-size: 36px;
}
.cell-content .visit-item span {
color: #303133;
font-size: 14px;
margin-top: 10px;
}
/* .cell-content .visit-item:hover i {
color: var(--themecolor);
} */
.cell-content .visit-item:hover span {
color: var(--themecolor);
}
.el-scrollbar >>> .el-transfer-panel {
width: 300px;
height: 600px;
}
.el-scrollbar >>> .el-checkbox-group.el-transfer-panel__list {
height: 500px;
}
</style>
\ No newline at end of file
src/views/Layout/SideMenu.vue
......@@ -157,6 +157,7 @@ export default {
const arr = [];
this.generateMenuTree(arr);
this.menus = arr;
this.$store.commit('UserContext/setMenu', arr)
this.initOpenFlgIndex();
},
methods: {
......
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