Skip to content

I
isc-web-vue
Commit 04a31f1a by zenghuan
Options

公共管理

parent 4600aa31
Showing with 705 additions and 705 deletions
src/page/Frontend/Dblabk/event/index.js 0 → 100644
import Api from "~/service/Api";
import moment from "moment";
export default {
methods: {
async handleSearch() {
},
async handleReset() {
},
// pageSize改变
handleSizeChange(val) {
this.pagination.pageNum = 1;
this.pagination.pageSize = val;
this.handleSearch();
},
// 页码改变
handleCurrentChange(val) {
this.pagination.pageNum = val;
this.handleSearch();
},
handleSelectionChange(val){
this.multipleSelection = val;
}
},
};
src/page/Frontend/Dblabk/views/Abkp10.vue
<template>
<div class="eibs-tab">
<c-list-search @form-reset="handleReset" @form-search="handleSearch">
<!-- 持续展示区 -->
<template v-slot="searchSlot">
<el-row>
<c-col :span="24">
<div class="e-table-wrapper">
<el-table
:data="model.abkp.ptyshwlst"
style="width: 100%"
>
<el-table-column
prop="engnam"
label="银行英文名称"
sortable
width="400">
</el-table-column>
<el-table-column
prop="chnnam"
label="银行中文名称"
sortable
width="200">
</el-table-column>
<el-table-column
prop="extkey"
label="银行BIC"
sortable
width="100">
</el-table-column>
<el-table-column
prop="actid"
label="帐号"
sortable
width="150">
</el-table-column>
<el-table-column
prop="ctraid"
label="合同帐号"
sortable
width="150">
</el-table-column>
<el-table-column
prop="cur"
label="币种"
sortable
width="80">
</el-table-column>
<el-table-column
prop="actflg"
label="参与清算"
sortable
width="70">
<template slot-scope="scope">
<span>{{ this.codes.yosflg.find(item=>item.value==scope.row.actflg).label }}</span>
</template>
</el-table-column>
<el-table-column
prop="gjsactflg"
label="参与国际结算清算"
sortable
width="100">
</el-table-column>
<el-table-column
prop="ghdactflg"
label="参与国际汇兑清算"
sortable
width="100">
</el-table-column>
<el-table-column
prop="drcflg"
label="直接清算"
sortable
width="70">
<template slot-scope="scope">
<span>{{ this.codes.yosflg.find(item=>item.value==scope.row.drcflg).label }}</span>
</template>
</el-table-column>
<el-table-column
prop="gjsdrcflg"
label="国际结算直接清算"
sortable
width="100">
</el-table-column>
<el-table-column
prop="ghddrcflg"
label="国际汇兑直接清算"
sortable
width="100">
</el-table-column>
<el-table-column
prop="fulrcvflg"
label="是否全额到账"
sortable
width="100">
</el-table-column>
<el-table-column
prop="minrcvflg"
label="是否小币种兑付"
sortable
width="100">
</el-table-column>
</el-table>
<el-pagination
layout="prev, pager, next"
:total="1">
</el-pagination>
</div>
</c-col>
<c-col :span="12">
<el-form-item :label="$t('abkp.LT000112')" prop="abkp.isa">
<c-select v-model="model.abkp.isa" style="width:100%" :placeholder="$t('other.please_enter')+$t('abkp.LT000112')">
</c-select>
<c-col :span="8">
<el-form-item label="银行英文名称" prop="" style="width: 100%">
<c-input v-model="model.abkp.engnam" style="width: 100%" placeholder="请输入银行英文名称"/>
</el-form-item>
</c-col>
<!-- LT000087 : 是否账户行 -->
<!-- LT000112 : ： -->
<c-col :span="12">
<c-checkbox v-model="model.abkp.fulrcvflg">{{$t('abkp.FD000517')}}</c-checkbox>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.abkp.minrcvflg">{{$t('abkp.FD000518')}}</c-checkbox>
</c-col>
<!-- LT000507 : 是否参与清算 -->
<!-- LT000497 : ： -->
<c-col :span="12">
<el-form-item :label="$t('abkp.LT000497')" prop="abkp.actflg">
<c-select v-model="model.abkp.actflg" style="width:100%" :placeholder="$t('other.please_enter')+$t('abkp.LT000497')">
<el-option
v-for="item in codes.yosflg"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</c-select>
<c-col :span="8">
<el-form-item label="银行中文名称" prop="" style="width: 100%">
<c-input v-model="model.abkp.chnnam" style="width: 100%" placeholder="请输入银行中文名称"/>
</el-form-item>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.abkp.gjsactflg">{{$t('abkp.FD000519')}}</c-checkbox>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.abkp.ghdactflg">{{$t('abkp.FD000520')}}</c-checkbox>
</c-col>
<!-- LT000508 : 是否直接清算 -->
<!-- LT000498 : ： -->
<c-col :span="12">
<el-form-item :label="$t('abkp.LT000498')" prop="abkp.drcflg">
<c-select v-model="model.abkp.drcflg" style="width:100%" :placeholder="$t('other.please_enter')+$t('abkp.LT000498')">
<el-option
v-for="item in codes.yosflg"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</c-select>
<c-col :span="8">
<el-form-item label="账号" prop="" style="width: 100%">
<c-input v-model="model.abkp.actid" style="width: 100%" placeholder="请输入账号"/>
</el-form-item>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.abkp.gjsdrcflg">{{$t('abkp.FD000522')}}</c-checkbox>
</c-col>
</el-row>
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
</el-row>
</template>
</c-list-search>
<c-col :span="12">
<c-checkbox v-model="model.abkp.ghddrcflg">{{$t('abkp.FD000523')}}</c-checkbox>
</c-col>
<!-- LT000072 : 银行英文名称 -->
<!-- LT000107 : ： -->
<el-col :span="24" style="margin-top: 2px;margin-bottom: 1px;">
<c-button :disabled="isFoldDisable" class="medium_bcs" size="medium" style="margin-left: 0"
type="primary">{{ $t('public.归档') }}
</c-button>
<c-button :disabled="isRoutingDisable" class="medium_bcs" size="medium"
style="margin-left: 20" type="primary">ReRouting
</c-button>
<c-button class="medium_bcs" size="medium" style="margin-left: 20" type="primary">
{{ $t('public.导出Excel') }}
</c-button>
</el-col>
<c-col :span="12">
<c-form-item :label="$t('abkp.LT000107')" prop="abkp.engnam">
<c-input v-model="model.abkp.engnam" maxlength="200" :placeholder="$t('other.please_enter')+$t('abkp.LT000107')"></c-input>
</c-form-item>
</c-col>
<!-- LT000073 : 银行中文名称 -->
<!-- LT000106 : ： -->
<el-col :span="24" style="margin-top: 10px">
<div style="height: 90%">
<c-col :span="24">
<el-tabs v-model="activeTab" class="y-tabs">
<el-tab-pane label="账户行信息维护" name="fb">
<el-table :data="stmData.data" :columns="stmData.columns" v-loading="load" style="width: 100%"
@selection-change="handleSelectionChange"
size="small" :border="true" height="calc(100vh - 480px)" :highlight-current-row="true">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column v-for="(item, key) in stmData.columns" :key="key" :label="item.label" :prop="item.prop"
:min-width="item.width">
</el-table-column>
</el-table>
<c-col :span="12">
<c-form-item :label="$t('abkp.LT000106')" prop="abkp.chnnam">
<c-input v-model="model.abkp.chnnam" maxlength="200" :placeholder="$t('other.please_enter')+$t('abkp.LT000106')"></c-input>
</c-form-item>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
:page-size="pagination.pageSize" :current-page.sync="pagination.pageNum"
@size-change="handleSizeChange"
@current-change="handleCurrentChange">
</el-pagination>
</el-tab-pane>
</el-tabs>
</c-col>
<!-- LT000058 : 银行BIC -->
<!-- LT000108 : ： -->
</div>
</el-col>
</div>
</template>
<script>
import event from "../event";
<c-col :span="12">
<c-form-item :label="$t('abkp.LT000108')" prop="abkp.bic">
<c-input v-model="model.abkp.bic" maxlength="11" :placeholder="$t('other.please_enter')+$t('abkp.LT000108')"></c-input>
</c-form-item>
</c-col>
<!-- LT000088 : 帐号 -->
<!-- LT000111 : ： -->
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [event],
data() {
return {
activeTab: 'fb',
load: false,
subtypCodes: [],
multipleSelection: [],
stmData: {
columns: [
{
label: "银行BIC",
prop: "extkey",
width: "120px"
},
{
label: "合同账号",
prop: "ctraid",
width: "120px"
},
{
label: "币种",
prop: "cur",
width: "120px"
},
{
label: "参与清算",
prop: "actflg",
width: "120px"
},
{
label: "参与国际结算清算",
prop: "gjsactflg",
width: "120px"
},
{
label: "参与国际汇兑清算",
prop: "ghdactflg",
width: "120px"
},
{
label: "直接清算",
prop: "drcflg",
width: "120px"
},
{
label: "国际结算直接清算",
prop: "gjsdrcflg",
width: "120px"
},
{
label: "国际汇兑直接清算",
prop: "ghddrcflg",
width: "120px"
},
{
label: "是否全额到账",
prop: "fulrcvflg",
width: "120px"
},
{
label: "是否小币种兑付",
prop: "minrcvflg",
width: "120px"
}],
data: [],
},
pagination: {
pageNum: 1,
pageSize: 10,
total: 0,
},
};
},
computed: {
isFoldDisable: function () {
return this.multipleSelection.length == 0;
},
isRoutingDisable: function () {
return this.multipleSelection.length == 0;
}
},
methods: {},
mounted: function () {
},
};
</script>
<style lang="less" scoped>
::v-deep .c-content-scrollbar {
height: 100% !important;
}
<c-col :span="12">
<c-form-item :label="$t('abkp.LT000111')" prop="abkp.actid">
<c-input v-model="model.abkp.actid" maxlength="40" :placeholder="$t('other.please_enter')+$t('abkp.LT000111')"></c-input>
</c-form-item>
</c-col>
<!-- LT000100 : 合同帐号 -->
<!-- LT000109 : ： -->
.eibs-tabs /deep/ {
.m-table-search {
padding: 20px 0px 10px 0px;
}
}
<c-col :span="12">
<c-form-item :label="$t('abkp.LT000109')" prop="abkp.ctraid">
<c-input v-model="model.abkp.ctraid" maxlength="35" :placeholder="$t('other.please_enter')+$t('abkp.LT000109')"></c-input>
</c-form-item>
</c-col>
<!-- LT000089 : 币种 -->
<!-- LT000110 : ： -->
.header-wrap {
height: 36px;
display: flex;
justify-content: space-between;
align-items: center;
<c-col :span="12">
<el-form-item :label="$t('abkp.LT000110')" prop="abkp.cur">
<c-select v-model="model.abkp.cur" style="width:100%" :placeholder="$t('other.please_enter')+$t('abkp.LT000110')">
</c-select>
</el-form-item>
</c-col>
<!-- LT000356 : 国家 -->
<!-- LT000357 : ： -->
.title {
font-size: 16px;
color: #000;
}
<c-col :span="12">
<c-form-item :label="$t('abkp.LT000357')" prop="abkp.contry">
<c-input v-model="model.abkp.contry" maxlength="100" :placeholder="$t('other.please_enter')+$t('abkp.LT000357')"></c-input>
</c-form-item>
</c-col>
.close-btn {
padding: 3px;
cursor: pointer;
}
}
<c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onAbkpSel">
{{$t('abkp.BT000022')}}
</c-button>
</c-col>
.m-list-btns {
height: 300px;
overflow: auto;
}
<c-col :span="12">
<c-button size="small" type="primary" @click="onAbkpClr">
{{$t('abkp.BT000023')}}
</c-button>
</c-col>
.medium_bcs {
border-radius: 5px;
}
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "../model/Event"
.m-table-search {
padding: 20px 0px 10px 0px;
}
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
.pagination-box {
width: 100%;
height: 30px;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0 10px;
background: #fff;
margin-top: 5px;
}
}
},
methods:{...Event},
created:function(){
.el-dialog__body {
padding: 10px 5px 50px;
}
}
.m-table-search {
padding: 20px 0px 10px 0px;
}
</script>
<style>
.btn-group-wrap {
max-height: 200px;
width: 100%;
overflow-y: auto;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.btn-item {
margin-bottom: 10px;
margin-right: 10px;
}
</style>
src/page/Frontend/Dblabk/views/index.vue
<template>
<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="myTabClick">
<!--abkp PD000086 账户行查询页面2 -->
<el-tab-pane :label="$t('abkp.PD000086')" name="abkp10">
<m-abkp10 :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
<div class="eContainer-search">
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="120px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<c-content>
<m-abkp10 :model="model" :codes="codes" ref="abkp10"/>
</c-content>
</el-form>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Dblabk from "../model"
import commonProcess from "~/mixin/commonProcess"
import Check from "../model/Check"
import Default from "../model/Default"
import Pattern from "../model/Pattern"
import Abkp10 from "./Abkp10"
</template>
<script>
import CodeTable from "~/config/CodeTable";
import Dblabk from "../model";
import event from "../event"
import Abkp10 from "./Abkp10.vue"
export default {
export default {
name: "Dblabk",
components:{
"m-abkp10" : Abkp10,
},
provide() {
return {
root: this
}
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
mixins: [event], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "abkp10",
trnName: "dblabk",
trnType: "",
model: new Dblabk().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
fmssta:CodeTable.fmssta,
sta:CodeTable.sta,
kpatyp:CodeTable.kpatyp,
actsta:CodeTable.actsta,
sdcflg:CodeTable.sdcflg,
offsta:CodeTable.offsta,
batcharge:CodeTable.batcharge,
msgmst:CodeTable.msgmst,
yosflg:CodeTable.yosflg,
bnksta:CodeTable.bnksta,
codes:{...CodeTable},
};
},
}
},
methods:{
myTabClick(tab){
this.tabClick(tab)
/**
* do it yourself
**/
}
},
created:async function(){
console.log("进入dblabk交易");
let rtnmsg = {}; // await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
methods:{},
created:async function() {},
};
</script>
<style scoped>
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
}
}
</script>
<style>
</style>
\ No newline at end of file
</style>
src/page/Frontend/Dblatt/event/index.js 0 → 100644
import Api from "~/service/Api";
import moment from "moment";
export default {
methods: {
async handleSearch() {
},
async handleReset() {
},
// pageSize改变
handleSizeChange(val) {
this.pagination.pageNum = 1;
this.pagination.pageSize = val;
this.handleSearch();
},
// 页码改变
handleCurrentChange(val) {
this.pagination.pageNum = val;
this.handleSearch();
},
handleSelectionChange(val){
this.multipleSelection = val;
}
},
};
src/page/Frontend/Dblatt/views/Attlpn.vue
<template>
<div class="eibs-tab">
<c-list-search @form-reset="handleReset" @form-search="handleSearch">
<!-- 持续展示区 -->
<template v-slot="searchSlot">
<el-row>
<c-col :span="24">
<div class="e-table-wrapper">
<el-table
:data="model.pttgrp.pttlst"
style="width: 100%"
>
<el-table-column
prop="usratr"
label="联系人熟悉"
sortable
width="100">
<template slot-scope="scope">
<span>{{ this.codes.usratr.find(item=>item.value==scope.row.usratr).label }}</span>
</template>
</el-table-column>
<el-table-column
prop="ptybic"
label="账户行BIC码"
sortable
width="120">
</el-table-column>
<el-table-column
prop="ptynam"
label="账户行名称"
sortable
width="300">
</el-table-column>
<el-table-column
prop="cur"
label="币种"
sortable
width="80">
<template slot-scope="scope">
<span>{{ this.codes.cur.find(item=>item.value==scope.row.cur).label }}</span>
</template>
</el-table-column>
<el-table-column
prop="usrnam"
label="联系人中文名称"
sortable
width="120">
</el-table-column>
<el-table-column
prop="engnam"
label="联系人英文名称"
sortable
width="150">
</el-table-column>
<el-table-column
prop="tel1"
label="固定电话1"
sortable
width="150">
</el-table-column>
<el-table-column
prop="tel2"
label="固定电话2"
sortable
width="150">
</el-table-column>
<el-table-column
prop="tel3"
label="固定电话3"
sortable
width="150">
</el-table-column>
<el-table-column
prop="mobile"
label="移动电话"
sortable
width="150">
</el-table-column>
<el-table-column
prop="eml"
label="邮箱地址"
sortable
width="200">
</el-table-column>
<el-table-column
prop="fax"
label="传真号码"
sortable
width="120">
</el-table-column>
<el-table-column
prop="rmk"
label="备注"
sortable
width="350">
</el-table-column>
</el-table>
<el-pagination
layout="prev, pager, next"
:total="1">
</el-pagination>
</div>
</c-col>
<c-col :span="12">
<el-form-item :label="$t('pttp.LT000066')" prop="pttp.usratr">
<c-select v-model="model.pttp.usratr" style="width:100%" :placeholder="$t('other.please_enter')+$t('pttp.LT000066')">
<el-option
v-for="item in codes.usratr"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</c-select>
<c-col :span="8">
<el-form-item label="联系人性质" prop="" style="width: 100%">
<c-select v-model="model.pttp.usratr" style="width: 100%" placeholder="请选择联系人性质"
:code="codes.usratr"/>
</el-form-item>
</c-col>
<!-- LT000066 : 联系人性质 -->
<!-- LT000067 : ： -->
<c-col :span="12">
<c-form-item label="代理行BIC码" prop="pttp.ptybic">
<c-input v-model="model.pttp.ptybic" maxlength="24" :placeholder="$t('other.please_enter')+'代理行BIC码'"></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.pttp.biclbl" data-path=".pttp.biclbl" > </span>
</c-col>
<!-- LT000011 : ： -->
<c-col :span="12">
<c-form-item label="代理行名称" prop="pttp.ptynam">
<c-input v-model="model.pttp.ptynam" maxlength="100" :placeholder="$t('other.please_enter')+'代理行名称'"></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.pttp.namlbl" data-path=".pttp.namlbl" > </span>
</c-col>
<!-- LT000018 : ： -->
<c-col :span="12">
<el-form-item :label="$t('pttp.LT000004')" prop="pttp.cur">
<c-select v-model="model.pttp.cur" style="width:100%" :placeholder="$t('other.please_enter')+$t('pttp.LT000004')">
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</c-select>
<c-col :span="8">
<el-form-item label="代理行BIC码" prop="" style="width: 100%">
<c-input v-model="model.pttp.ptybic" style="width: 100%" placeholder="请输入代理行BIC码"/>
</el-form-item>
</c-col>
<!-- LT000004 : 币种 -->
<!-- LT000012 : ： -->
<c-col :span="12">
<c-form-item :label="$t('pttp.LT000005')" prop="pttp.usrnam">
<c-input v-model="model.pttp.usrnam" maxlength="20" :placeholder="$t('other.please_enter')+$t('pttp.LT000005')"></c-input>
</c-form-item>
</c-col>
<!-- LT000005 : 联系人中文名称 -->
<!-- LT000013 : ： -->
<c-col :span="12">
<c-form-item :label="$t('pttp.LT000088')" prop="pttp.engnam">
<c-input v-model="model.pttp.engnam" maxlength="20" :placeholder="$t('other.please_enter')+$t('pttp.LT000088')"></c-input>
</c-form-item>
</c-col>
<!-- LT000088 : 联系人英文名称 -->
<!-- LT000089 : ： -->
<c-col :span="12">
<c-form-item :label="$t('pttp.LT000006')" prop="pttp.tel">
<c-input v-model="model.pttp.tel" maxlength="30" :placeholder="$t('other.please_enter')+$t('pttp.LT000006')"></c-input>
</c-form-item>
</c-col>
<!-- LT000006 : 固定电话 -->
<!-- LT000014 : ： -->
<c-col :span="12">
<c-form-item :label="$t('pttp.LT000007')" prop="pttp.fax">
<c-input v-model="model.pttp.fax" maxlength="30" :placeholder="$t('other.please_enter')+$t('pttp.LT000007')"></c-input>
</c-form-item>
</c-col>
<!-- LT000007 : 传真号码 -->
<!-- LT000015 : ： -->
<c-col :span="12">
<c-form-item :label="$t('pttp.LT000008')" prop="pttp.eml">
<c-input v-model="model.pttp.eml" maxlength="50" :placeholder="$t('other.please_enter')+$t('pttp.LT000008')"></c-input>
</c-form-item>
<c-col :span="8">
<el-form-item label="代理行名称" prop="" style="width: 100%">
<c-input v-model="model.pttp.ptynam" style="width: 100%" placeholder="请输入代理行名称"/>
</el-form-item>
</c-col>
<!-- LT000008 : 邮箱地址 -->
<!-- LT000016 : ： -->
<c-col :span="12">
<c-form-item :label="$t('pttp.LT000009')" prop="pttp.mobile">
<c-input v-model="model.pttp.mobile" maxlength="20" :placeholder="$t('other.please_enter')+$t('pttp.LT000009')"></c-input>
</c-form-item>
</c-col>
<!-- LT000009 : 移动电话 -->
<!-- LT000017 : ： -->
</el-row>
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
</el-row>
</template>
</c-list-search>
<c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onSel">
{{$t('mtabut.BT000022')}}
<el-col :span="24" style="margin-top: 2px;margin-bottom: 1px;">
<c-button :disabled="isFoldDisable" class="medium_bcs" size="medium" style="margin-left: 0"
type="primary">{{ $t('public.归档') }}
</c-button>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onReset">
{{$t('mtabut.BT000023')}}
<c-button :disabled="isRoutingDisable" class="medium_bcs" size="medium"
style="margin-left: 20" type="primary">ReRouting
</c-button>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onPttpAdd">
{{$t('pttp.BT000090')}}
<c-button class="medium_bcs" size="medium" style="margin-left: 20" type="primary">
{{ $t('public.导出Excel') }}
</c-button>
</c-col>
</el-col>
<el-col :span="24" style="margin-top: 10px">
<div style="height: 90%">
<c-col :span="24">
<el-tabs v-model="activeTab" class="y-tabs">
<el-tab-pane label="账户行管理" name="fb">
<el-table :data="stmData.data" :columns="stmData.columns" v-loading="load" style="width: 100%"
@selection-change="handleSelectionChange"
size="small" :border="true" height="calc(100vh - 480px)" :highlight-current-row="true">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column v-for="(item, key) in stmData.columns" :key="key" :label="item.label" :prop="item.prop"
:min-width="item.width">
</el-table-column>
</el-table>
<c-col :span="12">
<c-button size="small" type="primary" @click="onRtn">
{{$t('pttp.BT000022')}}
</c-button>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
:page-size="pagination.pageSize" :current-page.sync="pagination.pageNum"
@size-change="handleSizeChange"
@current-change="handleCurrentChange">
</el-pagination>
</el-tab-pane>
</el-tabs>
</c-col>
</div>
</el-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "../model/Event"
import event from "../event";
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
inject: ["root"],
props: ["model", "codes"],
mixins: [event],
data() {
return {
activeTab: 'fb',
load: false,
subtypCodes: [],
multipleSelection: [],
stmData: {
columns: [
{
label: "联系人熟悉",
prop: "usratr",
width: "120px"
},
{
label: "账户行BIC",
prop: "ptybic",
width: "120px"
},
{
label: "账户行名称",
prop: "ptynam",
width: "120px"
},
{
label: "币种",
prop: "cur",
width: "120px"
},
{
label: "固定电话1",
prop: "tel1",
width: "120px"
},
{
label: "固定电话2",
prop: "tel2",
width: "120px"
},
{
label: "固定电话3",
prop: "tel3",
width: "120px"
},
{
label: "移动电话",
prop: "mobile",
width: "120px"
},
{
label: "邮箱地址",
prop: "eml",
width: "120px"
},
{
label: "传真号码",
prop: "fax",
width: "120px"
},
{
label: "备注",
prop: "rmk",
width: "120px"
}],
data: [],
},
pagination: {
pageNum: 1,
pageSize: 10,
total: 0,
},
};
},
computed: {
isFoldDisable: function () {
return this.multipleSelection.length == 0;
},
isRoutingDisable: function () {
return this.multipleSelection.length == 0;
}
},
methods:{...Event},
created:function(){
methods: {},
mounted: function () {
},
};
</script>
<style lang="less" scoped>
::v-deep .c-content-scrollbar {
height: 100% !important;
}
.eibs-tabs /deep/ {
.m-table-search {
padding: 20px 0px 10px 0px;
}
}
</script>
<style>
.header-wrap {
height: 36px;
display: flex;
justify-content: space-between;
align-items: center;
.title {
font-size: 16px;
color: #000;
}
.close-btn {
padding: 3px;
cursor: pointer;
}
}
.m-list-btns {
height: 300px;
overflow: auto;
}
.medium_bcs {
border-radius: 5px;
}
.m-table-search {
padding: 20px 0px 10px 0px;
}
.pagination-box {
width: 100%;
height: 30px;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0 10px;
background: #fff;
margin-top: 5px;
}
.el-dialog__body {
padding: 10px 5px 50px;
}
.m-table-search {
padding: 20px 0px 10px 0px;
}
.btn-group-wrap {
max-height: 200px;
width: 100%;
overflow-y: auto;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.btn-item {
margin-bottom: 10px;
margin-right: 10px;
}
</style>
src/page/Frontend/Dblatt/views/index.vue
<template>
<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="myTabClick">
<!--pttp PD000127 账户行联系人查询主页 -->
<el-tab-pane :label="$t('pttp.PD000127')" name="attlpn">
<m-attlpn :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
<div class="eContainer-search">
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="120px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<c-content>
<m-attlpn :model="model" :codes="codes" ref="attlpn"/>
</c-content>
</el-form>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Dblatt from "../model"
import commonProcess from "~/mixin/commonProcess"
import Check from "../model/Check"
import Default from "../model/Default"
import Pattern from "../model/Pattern"
import Attlpn from "./Attlpn"
</template>
<script>
import CodeTable from "~/config/CodeTable";
import Dblatt from "../model";
import event from "../event"
import Attlpn from "./Attlpn.vue"
export default {
export default {
name: "Dblatt",
components:{
"m-attlpn" : Attlpn,
},
provide() {
return {
root: this
}
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
mixins: [event], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "attlpn",
trnName: "dblatt",
trnType: "",
model: new Dblatt().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
fmssta:CodeTable.fmssta,
sta:CodeTable.sta,
kpatyp:CodeTable.kpatyp,
actsta:CodeTable.actsta,
cur:CodeTable.cur,
sdcflg:CodeTable.sdcflg,
offsta:CodeTable.offsta,
batcharge:CodeTable.batcharge,
msgmst:CodeTable.msgmst,
yosflg:CodeTable.yosflg,
bnksta:CodeTable.bnksta,
usratr:CodeTable.usratr,
codes:{...CodeTable},
};
},
}
},
methods:{
myTabClick(tab){
this.tabClick(tab)
/**
* do it yourself
**/
}
},
created:async function(){
console.log("进入dblatt交易");
let rtnmsg = {}; // await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
methods:{},
created:async function() {},
};
</script>
<style scoped>
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
}
}
</script>
<style>
</style>
\ No newline at end of file
</style>
src/page/Frontend/Rptgen/event/index.js 0 → 100644
import Api from "~/service/Api";
import moment from "moment";
export default {
methods: {
async handleSearch() {
},
async handleReset() {
},
// pageSize改变
handleSizeChange(val) {
this.pagination.pageNum = 1;
this.pagination.pageSize = val;
this.handleSearch();
},
// 页码改变
handleCurrentChange(val) {
this.pagination.pageNum = val;
this.handleSearch();
},
handleSelectionChange(val){
this.multipleSelection = val;
}
},
};
src/page/Frontend/Rptgen/views/Rptsel.vue
<template>
<div class="eibs-tab">
<!-- LT000003 : 报表生成器 -->
<c-col :span="12">
<c-button size="small" type="primary" @click="onRptmodLnk">
{{$t('rptp.BT000002')}}
</c-button>
</c-col>
<c-col :span="12">
<el-form-item :label="$t('rptp.LT000001')" prop="rptmod.rpttyp">
<c-select v-model="model.rptmod.rpttyp" style="width:100%" :placeholder="$t('other.please_enter')+$t('rptp.LT000001')">
</c-select>
<c-list-search @form-reset="handleReset" @form-search="handleSearch">
<!-- 持续展示区 -->
<template v-slot="searchSlot">
<el-row>
<c-col :span="24">
<c-col :span="8">
<el-form-item label="报表种类" prop="" style="width: 100%">
<c-select v-model="model.rptmod.rpttyp" style="width: 100%" placeholder="请选择报表种类" :code="codes.rpttyp"/>
</el-form-item>
</c-col>
</c-col>
<!-- LT000001 : 报表种类: -->
</el-row>
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
</el-row>
</template>
</c-list-search>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "../model/Event"
import event from "../event";
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
inject: ["root"],
props: ["model", "codes"],
mixins: [event],
data() {
return {
activeTab: 'fb',
load: false,
subtypCodes: [],
multipleSelection:[],
stmData: {
columns: [],
data: [],
},
pagination: {
pageNum: 1,
pageSize: 10,
total: 0,
},
};
},
computed:{
isFoldDisable: function(){
return this.multipleSelection.length == 0;
} ,
isRoutingDisable:function(){
return this.multipleSelection.length == 0;
}
},
methods:{...Event},
created:function(){
methods: {
},
mounted: function () {
},
};
</script>
<style lang="less" scoped>
::v-deep .c-content-scrollbar {
height: 100% !important;
}
.eibs-tabs /deep/ {
.m-table-search {
padding: 20px 0px 10px 0px;
}
}
.header-wrap {
height: 36px;
display: flex;
justify-content: space-between;
align-items: center;
.title {
font-size: 16px;
color: #000;
}
.close-btn {
padding: 3px;
cursor: pointer;
}
}
</script>
<style>
.m-list-btns {
height: 300px;
overflow: auto;
}
.medium_bcs {
border-radius: 5px;
}
.m-table-search {
padding: 20px 0px 10px 0px;
}
.pagination-box {
width: 100%;
height: 30px;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0 10px;
background: #fff;
margin-top: 5px;
}
.el-dialog__body {
padding: 10px 5px 50px;
}
.m-table-search {
padding: 20px 0px 10px 0px;
}
.btn-group-wrap {
max-height: 200px;
width: 100%;
overflow-y: auto;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.btn-item {
margin-bottom: 10px;
margin-right: 10px;
}
</style>
src/page/Frontend/Rptgen/views/index.vue
<template>
<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="myTabClick">
<!--rptp PD000000 报表选择界面 -->
<el-tab-pane :label="$t('rptp.PD000000')" name="rptsel">
<m-rptsel :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
<div class="eContainer-search">
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="120px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<c-content>
<m-rptsel :model="model" :codes="codes" ref="rptsel"/>
</c-content>
</el-form>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Rptgen from "../model"
import commonProcess from "~/mixin/commonProcess"
import Check from "../model/Check"
import Default from "../model/Default"
import Pattern from "../model/Pattern"
import Rptsel from "./Rptsel"
</template>
<script>
import CodeTable from "~/config/CodeTable";
import Rptgen from "../model";
import event from "../event"
import Rptsel from "./Rptsel.vue"
export default {
export default {
name: "Rptgen",
components:{
"m-rptsel" : Rptsel,
},
provide() {
return {
root: this
}
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
mixins: [event], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "rptsel",
trnName: "rptgen",
trnType: "",
model: new Rptgen().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
msgdrt:CodeTable.msgdrt,
blksta:CodeTable.blksta,
kpatyp:CodeTable.kpatyp,
cur:CodeTable.cur,
sdcflg:CodeTable.sdcflg,
gpicod:CodeTable.gpicod,
mgssta:CodeTable.mgssta,
ljschk:CodeTable.ljschk,
offtyp:CodeTable.offtyp,
msgrng:CodeTable.msgrng,
fmssta:CodeTable.fmssta,
clrsys:CodeTable.clrsys,
stacod:CodeTable.stacod,
dottyp:CodeTable.dottyp,
recsta:CodeTable.recsta,
cassta:CodeTable.cassta,
bnksta:CodeTable.bnksta,
gpista:CodeTable.gpista,
kpadir:CodeTable.kpadir,
area:CodeTable.area,
cpsfxdtyp:CodeTable.cpsfxdtyp,
rspsta:CodeTable.rspsta,
sta:CodeTable.sta,
actsta:CodeTable.actsta,
offsta:CodeTable.offsta,
batcharge:CodeTable.batcharge,
msgmst:CodeTable.msgmst,
yosflg:CodeTable.yosflg,
filtyp:CodeTable.filtyp,
dircod:CodeTable.dircod,
kpstyp:CodeTable.kpstyp,
allmsgcod:CodeTable.allmsgcod,
dcflg:CodeTable.dcflg,
cipsstatus:CodeTable.cipsstatus,
curcod:CodeTable.curcod,
msgtyp:CodeTable.msgtyp,
chncod:CodeTable.chncod,
msgsta:CodeTable.msgsta,
usratr:CodeTable.usratr,
msgchksta:CodeTable.msgchksta,
cipsmsgtype:CodeTable.cipsmsgtype,
setmth:CodeTable.setmth,
chniptcod:CodeTable.chniptcod,
dtlchg:CodeTable.dtlchg,
codes:{...CodeTable},
};
},
}
},
methods:{
myTabClick(tab){
this.tabClick(tab)
/**
* do it yourself
**/
}
},
created:async function(){
console.log("进入rptgen交易");
let rtnmsg = {}; // await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
methods:{},
created:async function() {},
};
</script>
<style scoped>
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
}
}
</script>
<style>
</style>
\ No newline at end of file
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment