Skip to content

I
isc-web-vue
Commit a05d14b7 by 李少勇
Options

infdst多实体查询交易原型页面开发

parent a361b3e7
Showing with 372 additions and 8 deletions
src/page/Statics/Infdst/model/check.js 0 → 100644
export default {
data() {
return {
rules: {
}
}
}
}
src/page/Statics/Infdst/model/index.js 0 → 100644
export default class Infdst {
constructor() {
this.data = {
frmc: '',
biccod: '',
frdzxx: '',
szgjqy: '',
yy: '',
sq: '',
st: '',
bz: '',
jjd: '',
}
}
}
\ No newline at end of file
src/page/Statics/Infdst/views/Infsea.vue 0 → 100644
<template>
<div class="eibs-tab">
<c-list-search @form-reset="handleReset" @form-search="formSubmit">
<!-- 持续展示区 -->
<template v-slot="searchSlot">
<el-form class="m-table-search-form" ref="paramsForm" label-position="right" label-width="110px" size="small"
:model="model">
<el-row>
<c-col :span="8">
<el-form-item label="法人名称" style="width: 100%">
<c-input v-model="model.frmc" maxlength="18" placeholder="请输入客户号"></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="BIC code" style="width: 100%">
<c-select v-model="model.biccod" style="width: 100%" placeholder="请选择BIC code" :clearable="true" :code="extCodes.ywlx">
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="法人地址信息" style="width: 100%">
<c-input v-model="model.frdzxx" maxlength="18" placeholder="请输入法人地址信息"></c-input>
</el-form-item>
</c-col>
</el-row>
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
<c-col :span="24">
<c-col :span="8">
<el-form-item label="所在国家/区域" style="width: 100%">
<c-input v-model="model.szgjqy" maxlength="18" placeholder="请输入所在国家/区域"></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="语言" style="width: 100%">
<c-select v-model="model.yy" style="width: 100%" placeholder="请选择语言" :clearable="true" :code="[]">
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="时区" style="width: 100%">
<c-input v-model="model.sq" maxlength="18" placeholder="请输入时区"></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="实体（法人机构）" style="width: 100%">
<c-select v-model="model.st" style="width: 100%" placeholder="请选择实体（法人机构）" :clearable="true" :code="[]">
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="币种" style="width: 100%">
<c-select v-model="model.bz" style="width: 100%" placeholder="请选择币种" :clearable="true" dbCode="curtxt">
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="加减点" style="width: 100%">
<c-input v-model="model.jjd" maxlength="18" placeholder="请输入加减点"></c-input>
</el-form-item>
</c-col>
</c-col>
</el-row>
</el-form>
</template>
</c-list-search>
<el-col :span="24" style="margin-top: 10px;margin-bottom: 10px;">
<c-button class="medium_bcs" size="medium" type="primary" @click="toAdd()" style="margin-left: 0px">
新增
</c-button>
</el-col>
<el-col :span="24" style="margin-top: 10px">
<c-col :span="24">
<el-table id='infgidBSTableRef' v-loading="load" :data="tableData" style="width:100%" size="small" :border="true"
height="calc(100vh - 480px)" :highlight-current-row="true">
<el-table-column label="法人名称" prop="frmc" align="left" min-width="150">
</el-table-column>
<el-table-column label="BIC code" prop="biccod" align="left" min-width="150">
</el-table-column>
<el-table-column label="法人地址信息" prop="frdzxx" align="left" min-width="150">
</el-table-column>
<el-table-column label="所在国家/区域" prop="szgjqy" align="left" min-width="150">
</el-table-column>
<el-table-column label="语言" prop="yy" align="left" min-width="100">
</el-table-column>
<el-table-column label="时区" prop="sq" align="left" min-width="120">
</el-table-column>
<el-table-column label="实体（法人机构）" prop="st" align="left" min-width="150">
</el-table-column>
<el-table-column label="币种" prop="bz" align="left" min-width="80">
</el-table-column>
<el-table-column label="加减点" prop="jjd" align="left" min-width="150">
</el-table-column>
</el-table>
</c-col>
</el-col>
<add-hmd :codes="codes" ref="addHmd"></add-hmd>
</div>
</template>
<script>
import addHmd from './addHmd'
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [],
components: {
addHmd
},
data() {
return {
load: false,
tableData: [],
extCodes: {
ywlx: [
{
label: '汇入汇款',
value: '1'
},
{
label: '汇出汇款',
value: '2'
},
]
},
isVisible: false
};
},
watch: {
},
computed: {},
mounted() {
},
methods: {
handleReset() {
},
formSubmit() {
},
toAdd() {
this.$refs.addHmd.visible = true
}
}
};
</script>
<style scoped lang="less">
.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;
}
}
.m-list-btns {
height: 300px;
overflow: auto;
}
.medium_bcs {
border-radius: 5px;
}
</style>
\ No newline at end of file
src/page/Statics/Infdst/views/addHmd.vue 0 → 100644
<template>
<div>
<el-dialog v-if="visible" v-dialogDrag :visible="visible" :modal-append-to-body="false" :close-on-click-modal="false"
title="新增多实体" destroy-on-close width="80%">
<c-col :span="24">
<!-- ==================左边================ -->
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<el-form-item label="法人名称" style="width: 100%">
<c-input v-model="model.frmc" maxlength="18" placeholder="请输入客户号"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="BIC code" style="width: 100%">
<c-input v-model="model.biccod" maxlength="18" placeholder="请输入客户名称"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="法人地址信息" style="width: 100%">
<c-input v-model="model.frdzxx" maxlength="18" placeholder="请输入国籍"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="所在国家/区域" style="width: 100%">
<c-input v-model="model.szgjqy" maxlength="18" placeholder="请输入所在国家/区域"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="语言" style="width: 100%">
<c-select v-model="model.yy" style="width: 100%" placeholder="请选择语言" :clearable="true" :code="[]">
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- ============右边================= -->
<c-col :span="12">
<c-col :span="24">
<el-form-item label="时区" style="width: 100%">
<c-input v-model="model.sq" maxlength="18" placeholder="请输入时区"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="实体（法人机构）" style="width: 100%">
<c-select v-model="model.st" style="width: 100%" placeholder="请选择实体（法人机构）" :clearable="true" :code="[]">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="币种" style="width: 100%">
<c-select v-model="model.bz" style="width: 100%" placeholder="请选择币种" :clearable="true" dbCode="curtxt">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="加减点" style="width: 100%">
<c-input v-model="model.jjd" maxlength="18" placeholder="请输入加减点"></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="handleSubmit()">确 定</el-button>
<el-button @click="handleCancel()">取 消</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
export default {
mixins: [],
props: ['codes'],
computed: {
},
data() {
return {
visible: false,
model: {
frmc: '',
biccod: '',
frdzxx: '',
szgjqy: '',
yy: '',
sq: '',
st: '',
bz: '',
jjd: '',
}
};
},
watch: {
},
methods: {
handleSubmit() {
this.visible = false;
},
handleCancel() {
this.visible = false;
}
}
};
</script>
<style scoped lang="less"></style>
\ No newline at end of file
src/page/Statics/Infdst/views/index.vue 0 → 100644
<template>
<div class="eContainer-search">
<c-tabs ref="elment" type="card" v-model="tabVal">
<el-tab-pane label="多实体查询" name="infent">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="right" size="small"
:validate-on-rule-change="false">
<c-content>
<m-infsea :model="model" :codes="codes" ref="infsea" />
</c-content>
</el-form>
</el-tab-pane>
</c-tabs>
</div>
</template>
<script>
import CodeTable from "~/config/CodeTable";
import Infdst from "../model";
import Infsea from "./Infsea";
import Check from "../model/check"
export default {
name: 'Infdst',
components: {
"m-infsea": Infsea,
},
provide() {
return {
root: this
}
},
mixins: [Check],
data() {
return {
tabVal: "infent",
model: new Infdst().data,
codes: { ...CodeTable },
}
},
methods: {
},
mounted() {
},
}
</script>
<style scoped></style>
src/page/Statics/Infhmd/views/Infsea.vue
......@@ -52,21 +52,21 @@
<c-col :span="24">
<el-table id='infgidBSTableRef' v-loading="load" :data="tableData" style="width:100%" size="small" :border="true"
height="calc(100vh - 480px)" :highlight-current-row="true">
<el-table-column label="客户名称" prop="khmc" align="left" fixed="left" min-width="150">
<el-table-column label="客户名称" prop="khmc" align="left" min-width="150">
</el-table-column>
<el-table-column label="证件号码" prop="zjhm" align="left" fixed="left" min-width="150">
<el-table-column label="证件号码" prop="zjhm" align="left" min-width="150">
</el-table-column>
<el-table-column label="国籍" prop="gj" align="left" fixed="left" min-width="150">
<el-table-column label="国籍" prop="gj" align="left" min-width="150">
</el-table-column>
<el-table-column label="注册地" prop="zcd" align="left" fixed="left" min-width="150">
<el-table-column label="注册地" prop="zcd" align="left" min-width="150">
</el-table-column>
<el-table-column label="制裁种类" prop="zczl" align="left" fixed="left" min-width="150">
<el-table-column label="制裁种类" prop="zczl" align="left" min-width="150">
</el-table-column>
<el-table-column label="制裁方" prop="zcf" align="left" fixed="left" min-width="150">
<el-table-column label="制裁方" prop="zcf" align="left" min-width="150">
</el-table-column>
<el-table-column label="制裁时间" prop="zcsj" align="left" fixed="left" min-width="150">
<el-table-column label="制裁时间" prop="zcsj" align="left" min-width="150">
</el-table-column>
<el-table-column label="制裁原因" prop="zcyy" align="left" fixed="left" min-width="150">
<el-table-column label="制裁原因" prop="zcyy" align="left" min-width="150">
</el-table-column>
</el-table>
</c-col>
......
src/page/Statics/StaticsRouter.js
......@@ -246,6 +246,7 @@ const StaticsRouter = [
{ path: 'infjgjsl', component: () => import('./Infjgjsl/views'), name: 'Infjgjsl', meta: { keepAlive: true, title: '机构结算量明细报表'} },
{ path: 'infkhjsl', component: () => import('./Infkhjsl/views'), name: 'Infkhjsl', meta: { keepAlive: true, title: '客户结算量明细报表'} },
{ path: 'inffxp', component: () => import('./Inffxp/views'), name: 'Inffxp', meta: { keepAlive: true, title: '客户风险分类报表'} },
{ path: 'infdst', component: () => import('./Infdst/views'), name: 'Infdst', meta: { keepAlive: true, title: '多实体查询'} },
]
......
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