Skip to content

V
vue-gjjs
Commit 54e7f640 by 杜大兵
Options

infled

parent 4608548c
Showing with 357 additions and 98 deletions
src/views/Business/Infled/BusNavbar.vue 0 → 100644
<template>
<div class="busnavbar">
<div class="busnavbar-items">
<c-button v-for="(item,index) in codeList" v-bind:key="index" @click.native="onNarBtnClick(item.code,index)" :title="item.title" :disabled="item.isDis==='N'">{{item.label}}</c-button>
</div>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Litsel from "~/model/Litsel"
import CommonProcess from "~/mixin/CommonProcess"
export default {
props:["ownref"],
components:{
},
mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理
data(){
return {
trnName:'litsel',
model:new Litsel().data,
navcode:[
{code:"",label:"",isDis:"",title:""},
],
}
},
methods:{
//各入口按钮请求
async onNarBtnClick(code,i){
this.model.cfgfil.subtrn1= code
let rtnmsg = await this.executeRule("cfgfil.hotsub1")
console.log("cfgfil.code:" + this.model.cfgfil.subtrn1);
if(rtnmsg.respCode = SUCCESS){
this.$emit("onChoose",code.toLowerCase());
}else{
}
},
},
computed:{
codeList(){
//将model中的数据映射成数组
return this.navcode.map(item=>{
let entireItem = {...item}
//TODO 根据数据判断当前的code，是否可以继续
// entireItem.enable = item.isDis
return entireItem
})
}
},
watch:{
"ownref":async function(n, o){
if(!this.ownref){
console.log("11111")
// onTigger()
return;
}
}
},
mounted(){
this.$nextTick(function(){
this.$on('childmethods',async function(){
//请求按钮数据
this.model.lidgrp.rec.ownref = this.ownref
console.log("ownref:" + this.ownref );
let rtnmsg = await this.executeRule("lidgrp.rec.ownref")
if(rtnmsg.respCode = SUCCESS){
//重置数组
this.navcode.length = 0
this.model.cfgfil.btnstm = rtnmsg.data.cfgfil_btnstm.rows
//给inr赋值,后面弹窗里面的按钮请求会用到
this.model.lidgrp.rec.inr = rtnmsg.data.lidgrp_rec_inr
const idx = this.model.cfgfil.btnstm.length
let btnStr = this.model.cfgfil.btnstm
// console.log("btnstmStr:"+btnStr);
for(let i=0; i < idx; i++){
//获取数组中每行的数据
let arr = btnStr[i].split("\t");
let newList = {
code:arr[0],
label:arr[1],
isDis:arr[2],
title:arr[3]
}
//添加到navcode数组中
this.navcode.splice(i,0,newList)
}
}
})
})
}
}
</script>
<style>
.busnavbar-items{
/*TODO完善按钮间隔等样式 */
}
</style>
src/views/Business/Infled/Infsea.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-row :span="24"> <c-list-search @form-reset="handleReset" @form-search="onInfbutSearow" >
<div > <template v-slot="searchSlot">
<c-button size="small" type="primary" @click="onInfbutSearow">Search</c-button> <el-form
<c-button size="small" type="primary" @click="onInfbutDsp" disabled>Display</c-button> class="m-table-search-form"
<c-button size="small" type="primary" @click="onInfbutUserow" disabled>Use</c-button> ref="paramsForm"
<c-button size="small" type="primary" @click="onInfbutClr">Clear</c-button> :inline="true"
<c-button size="small" type="primary" @click="onInfbutButprt">导Excel</c-button> label-position="left"
<c-button size="small" type="primary" @click="onInfbutExi">Exit</c-button> label-width="110px"
</div> size="small"
>
<c-col :span="24"> <el-row>
<c-col :span="11"> <c-col :span="12">
<el-form-item label="Own Reference" prop="infcon.seaownref"> <el-form-item label="业务编号" prop="infcon.seaownref">
<c-input v-model="model.infcon.seaownref" maxlength="16" placeholder="请输入Own Reference"></c-input> <c-input
v-model="model.infcon.seaownref"
maxlength="16"
placeholder="请输入Own Reference"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="11" :offset="1"> <c-col :span="12">
<el-form-item label="Name" prop="infcon.nam"> <el-form-item label="开立日期" >
<c-input v-model="model.infcon.nam" maxlength="40" placeholder="请输入Name"></c-input> <el-date-picker
type="date"
v-model="model.infcon.opndatfrom"
style="width:43%"
placeholder="请选择Opening between"
></el-date-picker>
-
<el-date-picker
type="date"
v-model="model.infcon.opndatto"
style="width:43%"
placeholder="请选择Open Date to"
></el-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> </el-row>
<c-col :span="24"> <el-row v-show="searchSlot.searchToggle">
<c-col :span="6"> <c-col :span="12">
<el-form-item label="Party Reference" prop="infcon.searef"> <el-form-item label="Party Reference" prop="infcon.searef">
<c-input v-model="model.infcon.searef" maxlength="16" placeholder="请输入Party Reference"></c-input> <c-input
</el-form-item> v-model="model.infcon.searef"
</c-col> maxlength="16"
placeholder="请输入Party Reference"
<c-col :span="6" :offset="2"> ></c-input>
<el-form-item label="Release Status" prop="infcon.relflg">
<c-select v-model="model.infcon.relflg" style="width:100%" placeholder="请选择Release Status"></c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="6" :offset="2"> <c-col :span="12" >
<el-form-item label="Handling Type" prop="infcon.hndtyp"> <el-form-item label="业务主题" prop="infcon.nam" style="">
<c-select v-model="model.infcon.hndtyp" style="width:100%" placeholder="请选择Handling Type"></c-select> <c-input
v-model="model.infcon.nam"
maxlength="40"
placeholder="请输入Name"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="24"> <c-col :span="12">
<c-col :span="11">
<el-form-item label="Select Single Party" prop="infcon.pty.extkey"> <el-form-item label="Select Single Party" prop="infcon.pty.extkey">
<c-input v-model="model.infcon.pty.extkey" maxlength="24" placeholder="请输入Select Single Party"></c-input> <c-input
v-model="model.infcon.pty.extkey"
maxlength="24"
placeholder="请输入Select Single Party"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="11" :offset="1">
<el-form-item label="External Visible Name" prop="infcon.pty.nam"> <c-col :span="12">
<c-input v-model="model.infcon.pty.nam" maxlength="40" placeholder="请输入External Visible Name"></c-input> <el-form-item label="Party Name" prop="infcon.pty.nam">
<c-input
v-model="model.infcon.pty.nam"
maxlength="40"
placeholder="请输入External Visible Name"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="24"> <c-col :span="12">
<c-col :span="11">
<el-form-item label="Party Name/BIC" prop="infcon.seapty"> <el-form-item label="Party Name/BIC" prop="infcon.seapty">
<c-input v-model="model.infcon.seapty" maxlength="24" placeholder="请输入Party Name/BIC"></c-input> <c-input
v-model="model.infcon.seapty"
maxlength="24"
placeholder="请输入Party Name/BIC"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="11" :offset="1"> <c-col :span="12">
<el-form-item label="Role" prop="infcon.searol"> <el-form-item label="Role" prop="infcon.searol">
<c-select v-model="model.infcon.searol" style="width:100%" placeholder="请选择Role"> <c-select
v-model="model.infcon.searol"
style="width:100%"
placeholder="请选择Role"
>
<el-option
v-for="item in codes.searol"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="24">
<c-col :span="12"> <c-col :span="12">
<c-col :span="11"> <el-form-item label="Resp.User" prop="infcon.usr.extkey">
<el-form-item label="Opening between" prop="infcon.opndatfrom"> <c-input
<c-date-picker type="date" v-model="model.infcon.opndatfrom" style="width:100%" placeholder="请选择Opening between"></c-date-picker> v-model="model.infcon.usr.extkey"
maxlength="8"
placeholder="请输入User ID"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!--
<c-col :span="11" :offset="1"> <c-col :span="12">
<el-form-item label="and" label-width="5px" prop="infcon.opndatto"> <el-form-item label="Status" prop="infcon.seasta" style="">
<c-date-picker type="date" v-model="model.infcon.opndatto" style="width:100%" placeholder="请选择Open Date to"></c-date-picker> <c-select
v-model="model.infcon.seasta"
style="width:100%"
placeholder="请选择Status"
>
<el-option
v-for="item in codes.seasta"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item> </el-form-item>
</c-col> </c-col> -->
</c-col>
<c-col :span="12"> <c-col :span="12">
<c-col :span="10"> <el-form-item label="业务状态" prop="infcon.seasta">
<el-form-item label="User ID" prop="infcon.usr.extkey">
<c-input v-model="model.infcon.usr.extkey" maxlength="8" placeholder="请输入User ID"></c-input>
</el-form-item>
</c-col>
<c-col :span="1" :offset="2">
<el-form-item label="Status" prop="infcon.seasta">
<c-select v-model="model.infcon.seasta" style="width:100%" placeholder="请选择Status"> <c-select v-model="model.infcon.seasta" style="width:100%" placeholder="请选择Status">
<el-option
v-for="item in codes.seasta"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12"> <c-col :span="12">
<c-col :span="11"> <el-form-item label="币种" prop="infcon.seacur">
<el-form-item label="Currency" prop="infcon.seacur"> <c-select v-model="model.infcon.seacur" style="width:100%" placeholder="请选择Currency">
<c-select v-model="model.infcon.seacur" style="width:100%" placeholder="请选择Currency"></c-select> <el-option
</el-form-item> v-for="item in codes.seacur"
</c-col> :key="item.value"
<c-col :span="10" :offset="1"> :label="item.label"
<el-form-item label="是否显示查询码" prop="infcon.cxmflg"> :value="item.value"
<c-select v-model="model.infcon.cxmflg" style="width:100%" placeholder="请选择是否显示查询码"> >
</el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="12"> <c-col :span="12">
<c-col :span="11"> <el-form-item label="金额" prop="infcon.seaamtfr">
<el-form-item label="Amount between" prop="infcon.seaamtfr"> <c-input
<c-input v-model="model.infcon.seaamtfr" placeholder="请输入Amount between"></c-input> v-model="model.infcon.seaamtfr"
</el-form-item> style="width:45%"
</c-col> placeholder="请输入Amount between"
<c-col :span="8" > ></c-input>
<!-- label-width="5px" --> -
<el-form-item label="and" prop="infcon.seaamtto">
<c-input <c-input
v-model="model.infcon.seaamtto" v-model="model.infcon.seaamtto"
style="width:45%"
placeholder="请输入Amount to" placeholder="请输入Amount to"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
</c-col> <!-- <c-col :span="12">
<el-form-item label="是否显示查询码" prop="infcon.cxmflg">
<c-select v-model="model.infcon.cxmflg" style="width:100%" placeholder="请选择是否显示查询码">
<el-option
v-for="item in codes.cxmflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col> -->
<c-col :span="12"> <c-col :span="12">
<el-form-item label="Form of L/C" prop="sealcrtyp"> <el-form-item label="信用证类型" prop="sealcrtyp">
<c-select v-model="model.sealcrtyp" style="width:100%" placeholder="请选择Form of L/C"> <c-select
</c-select> v-model="model.sealcrtyp"
style="width:100%"
:code="codes.lcrtyp"
placeholder="请选择Form of L/C"
></c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</el-row>
</el-form>
</template>
</c-list-search>
<c-col :span="24"> <c-col :span="24" style="padding: 20px 16px;">
<el-form-item label="display stream" prop="infbut.dspstm"> <c-button size="small" type="primary" title="LETOPN" @click="onChoose('letopn')">
<c-input v-model="model.infbut.dspstm" placeholder="请输入display stream"></c-input> 出口信用证开立
</el-form-item> </c-button>
<c-button size="small" type="primary" @click="onInfbutDsp" disabled>
Display
</c-button>
<!-- <c-button size="small" type="primary" @click="onInfbutUserow" disabled>Use</c-button> -->
<c-button size="small" type="primary" @click="onInfbutClr">
Clear
</c-button>
<c-button size="small" type="primary" @click="onInfbutButprt">
导Excel
</c-button>
<!-- <c-button size="small" type="primary" @click="onInfbutSearow">Search</c-button> -->
<c-button size="small" type="primary" @click="onInfbutExi">
Exit
</c-button>
</c-col> </c-col>
</c-row>
<c-istream-table
:list="this.model.infbut.dspstm"
:columns="columns"
style="padding: 0 16px;"
>
<el-table-column
prop="display"
label="操作"
width="100px"
>
<!-- width="100" -->
<template slot-scope="scope">
<c-button size="small" type="primary" @click="getButtons(scope.row['业务编号'])">处理</c-button>
<!--<a href="javascript:void(0)" @click="getButtons(scope.row['业务编号'])">处理</a>-->
</template>
</el-table-column>
</c-istream-table>
<!-- "'交易列表'" -->
<el-dialog :visible.sync="initdialog" :title="交易列表" append-to-body>
<div class="m-list-btns">
<m-busbtn ref="childs" :ownref="curownref" @onChoose="onChoose" >11</m-busbtn>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
...@@ -155,17 +265,57 @@ import Api from "~/service/Api" ...@@ -155,17 +265,57 @@ import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess"; import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infled/Event" import Event from "~/model/Infled/Event"
import BusNavbar from "~/views/Business/Infled/BusNavbar"
export default { export default {
inject: ['root'], inject: ['root'],
props:["model","codes"], props:["model","codes"],
mixins: [CommonProcess], mixins: [CommonProcess],
components:{'m-busbtn':BusNavbar},
data(){ data(){
return { return {
// curinr:"",
curownref:"",
initdialog:false,
columns:[
"1 1 \"业务编号\" 130 200",
"2 2 \"经办柜员\" 90 80",
"5 5 \"开立日期\" 120 250",
"6 6 \"到期日\" 300 250",
"8 7 \"分行名称\" 200 300",
"9 8 \"申请人编号\" 150 200",
"11 9 \"申请人名称\" 150 300",
"15 10 \"受益人名称\" 60 300",
"16 3 \"开立币种\" 90 80",
"17 4 \"开立金额\" 90 80",
]
}
},
methods:{
...Event,
async getButtons(ownref){
this.initdialog = true
this.curownref = ownref
console.log("curownref:" +ownref);
setTimeout(()=>{
this.$refs.childs.$emit("childmethods")
},10
)
},
async onChoose(code){
//跳转交易
this.$router.history.push("/business/" + code)
},
handleReset: function () {
this.model = {
instNo: '',
instName: ''
} }
}, },
methods:{...Event}, },
created:function(){ created:function(){
} }
......
src/views/Business/Infled/index.vue
...@@ -13,11 +13,11 @@ ...@@ -13,11 +13,11 @@
> >
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick"> <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--PD000006 --> <!--PD000006 Selection -->
<el-tab-pane label="Selection" name="infsea"> <el-tab-pane label="出口信用证查询" name="infsea">
<c-content> <!-- <c-content> -->
<m-infsea :model="model" :codes="codes"/> <m-infsea :model="model" :codes="codes"/>
</c-content> <!-- </c-content> -->
</el-tab-pane> </el-tab-pane>
<!--PD000017 Overview --> <!--PD000017 Overview -->
......
src/views/Business/Inflid/Infsea.vue
...@@ -158,9 +158,9 @@ ...@@ -158,9 +158,9 @@
<c-col :span="12"> <c-col :span="12">
<el-form-item label="金额" > <el-form-item label="金额" >
<c-input v-model="model.infcon.seaamtfr" placeholder="请输入Amount between"style="width:45%"></c-input> <c-input v-model="model.infcon.seaamtfr" placeholder="请输入Amount between" style="width:45%"></c-input>
- -
<c-input v-model="model.infcon.seaamtto" placeholder="请输入Amount to"style="width:45%"></c-input> <c-input v-model="model.infcon.seaamtto" placeholder="请输入Amount to" style="width:45%"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
......
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