Skip to content

I
isc-web-vue
Commit 1c03a5a2 by 李少勇
Options

机构结算量和客户计算量报表页面原型开发

parent a319a4d4
Showing with 512 additions and 9 deletions
src/page/Statics/Infjgjsl/model/check.js 0 → 100644
export default {
data() {
return {
rules: {
}
}
}
}
src/page/Statics/Infjgjsl/model/index.js 0 → 100644
export default class Infjgjsl {
constructor() {
this.data = {
fhmc: '',
gnmc: '',
}
}
}
\ No newline at end of file
src/page/Statics/Infjgjsl/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-select v-model="model.fhmc" 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.gnmc" style="width: 100%" placeholder="请选择功能名称" :clearable="true" :code="[]">
</c-select>
</el-form-item>
</c-col>
</el-row>
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
</el-row>
</el-form>
</template>
<template v-slot:extendsRight>
<c-button class="medium_bcs" size="medium" type="primary" style="margin-left: 2px">
导出
</c-button>
</template>
</c-list-search>
<div style="width: 100%;padding: 5px 0;display: flex;justify-content: flex-end;">
<span>单位：美元</span>
</div>
<el-col :span="24">
<c-col :span="24">
<el-table id='infgidBSTableRef' v-loading="load" :data="tableData" style="width:100%" size="small" :border="true"
height="calc(100vh - 350px)" :highlight-current-row="true">
<el-table-column label="">
<el-table-column label="分行代码" prop="fhdm" align="left" min-width="150">
</el-table-column>
<el-table-column label="支行代码" prop="zhdm" align="left" min-width="150">
</el-table-column>
<el-table-column label="业务机构" prop="ywjg" align="left" min-width="150">
</el-table-column>
</el-table-column>
<el-table-column label="汇入汇款">
<el-table-column label="笔数" prop="hrhkbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="hrhkje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="汇出汇款">
<el-table-column label="笔数" prop="hchkbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="hchkje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="出口/光票托收">
<el-table-column label="笔数" prop="ckgptsbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="ckgptsje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="进口代收登记">
<el-table-column label="笔数" prop="jkdsdjbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="jkdsdjje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="出口议付">
<el-table-column label="笔数" prop="ckyfbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="ckyfje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="进口开证">
<el-table-column label="笔数" prop="jkkzbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="jkkzje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="出口保函收汇">
<el-table-column label="笔数" prop="ckbhshbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="ckbhshje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="进口保函开立">
<el-table-column label="笔数" prop="jkbhklbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="jkbhklje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="出口结算量合计">
<el-table-column label="笔数" prop="ckjslhjbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="ckjslhjje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="进口结算量合计">
<el-table-column label="笔数" prop="jkjslhjbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="jkjslhjje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="合计">
<el-table-column label="笔数" prop="hjbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="hjje" align="left" min-width="100">
</el-table-column>
</el-table-column>
</el-table>
</c-col>
</el-col>
</div>
</template>
<script>
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [],
components: {
},
data() {
return {
load: false,
tableData: [],
};
},
watch: {
},
computed: {},
mounted() {
},
methods: {
handleReset() {
},
formSubmit() {
},
}
};
</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/Infjgjsl/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 Infjgjsl from "../model";
import Infsea from "./Infsea";
import Check from "../model/check"
export default {
name: 'Infjgjsl',
components: {
"m-infsea": Infsea,
},
provide() {
return {
root: this
}
},
mixins: [Check],
data() {
return {
tabVal: "infent",
model: new Infjgjsl().data,
codes: { ...CodeTable },
}
},
methods: {
},
mounted() {
},
}
</script>
<style scoped></style>
src/page/Statics/Infjsl/model/index.js
......@@ -2,14 +2,8 @@
export default class Infjsl {
constructor() {
this.data = {
ywbh: '',
ywpz: '',
sfrq: '',
sssdh: '',
khh: '',
sfxm: '',
bz: '',
jeqj: '',
fhmc: '',
gnmc: '',
}
}
}
\ No newline at end of file
src/page/Statics/Infjsl/views/Infsea.vue
......@@ -32,7 +32,7 @@
</c-button>
</template>
</c-list-search>
<el-col :span="24" style="margin-top: 10px">
<el-col :span="24">
<c-col :span="24">
<el-table id='infgidBSTableRef' v-loading="load" :data="tableData" style="width:100%" size="small" :border="true"
height="calc(100vh - 330px)" :highlight-current-row="true">
......
src/page/Statics/Infkhjsl/model/check.js 0 → 100644
export default {
data() {
return {
rules: {
}
}
}
}
src/page/Statics/Infkhjsl/model/index.js 0 → 100644
export default class Infkhjsl {
constructor() {
this.data = {
fhmc: '',
gnmc: '',
}
}
}
\ No newline at end of file
src/page/Statics/Infkhjsl/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-select v-model="model.fhmc" 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.gnmc" style="width: 100%" placeholder="请选择功能名称" :clearable="true" :code="[]">
</c-select>
</el-form-item>
</c-col>
</el-row>
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
</el-row>
</el-form>
</template>
<template v-slot:extendsRight>
<c-button class="medium_bcs" size="medium" type="primary" style="margin-left: 2px">
导出
</c-button>
</template>
</c-list-search>
<div style="width: 100%;padding: 5px 0;display: flex;justify-content: flex-end;">
<span>单位：美元</span>
</div>
<el-col :span="24">
<c-col :span="24">
<el-table id='infgidBSTableRef' v-loading="load" :data="tableData" style="width:100%" size="small" :border="true"
height="calc(100vh - 350px)" :highlight-current-row="true">
<el-table-column label="">
<el-table-column label="分行代码" prop="fhdm" align="left" min-width="150">
</el-table-column>
<el-table-column label="支行代码" prop="zhdm" align="left" min-width="150">
</el-table-column>
<el-table-column label="业务机构" prop="ywjg" align="left" min-width="150">
</el-table-column>
<el-table-column label="客户名称" prop="khmc" align="left" min-width="150">
</el-table-column>
<el-table-column label="对公/对私" prop="dgds" align="left" min-width="150">
</el-table-column>
</el-table-column>
<el-table-column label="汇入汇款">
<el-table-column label="笔数" prop="hrhkbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="hrhkje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="汇出汇款">
<el-table-column label="笔数" prop="hchkbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="hchkje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="出口/光票托收">
<el-table-column label="笔数" prop="ckgptsbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="ckgptsje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="进口代收登记">
<el-table-column label="笔数" prop="jkdsdjbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="jkdsdjje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="出口议付">
<el-table-column label="笔数" prop="ckyfbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="ckyfje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="进口开证">
<el-table-column label="笔数" prop="jkkzbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="jkkzje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="出口保函收汇">
<el-table-column label="笔数" prop="ckbhshbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="ckbhshje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="进口保函开立">
<el-table-column label="笔数" prop="jkbhklbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="jkbhklje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="出口结算量合计">
<el-table-column label="笔数" prop="ckjslhjbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="ckjslhjje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="进口结算量合计">
<el-table-column label="笔数" prop="jkjslhjbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="jkjslhjje" align="left" min-width="100">
</el-table-column>
</el-table-column>
<el-table-column label="合计">
<el-table-column label="笔数" prop="hjbs" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="hjje" align="left" min-width="100">
</el-table-column>
</el-table-column>
</el-table>
</c-col>
</el-col>
</div>
</template>
<script>
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [],
components: {
},
data() {
return {
load: false,
tableData: [],
};
},
watch: {
},
computed: {},
mounted() {
},
methods: {
handleReset() {
},
formSubmit() {
},
}
};
</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/Infkhjsl/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 Infkhjsl from "../model";
import Infsea from "./Infsea";
import Check from "../model/check"
export default {
name: 'Infkhjsl',
components: {
"m-infsea": Infsea,
},
provide() {
return {
root: this
}
},
mixins: [Check],
data() {
return {
tabVal: "infent",
model: new Infkhjsl().data,
codes: { ...CodeTable },
}
},
methods: {
},
mounted() {
},
}
</script>
<style scoped></style>
src/page/Statics/StaticsRouter.js
......@@ -243,6 +243,8 @@ const StaticsRouter = [
{ path: 'infsxf', component: () => import('./Infsxf/views'), name: 'Infsxf', meta: { keepAlive: true, title: '手续费明细台账'} },
{ path: 'infzdy', component: () => import('./Infzdy/views'), name: 'Infzdy', meta: { keepAlive: true, title: '自定义报表'} },
{ path: 'infjsl', component: () => import('./Infjsl/views'), name: 'Infjsl', meta: { keepAlive: true, title: '结算量明细报表'} },
{ path: 'infjgjsl', component: () => import('./Infjgjsl/views'), name: 'Infjgjsl', meta: { keepAlive: true, title: '机构结算量明细报表'} },
{ path: 'infkhjsl', component: () => import('./Infkhjsl/views'), name: 'Infkhjsl', 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