Skip to content

I
isc-web-vue
Commit 999364cc by 李少勇
Options

infzdy 交易原型页面开发

parent 88ad7f3e
Showing with 221 additions and 3 deletions
src/page/Statics/Infsxf/views/index.vue
......@@ -14,12 +14,12 @@
</template>
<script>
import CodeTable from "~/config/CodeTable";
import Infsxf from "../model";
import Infzdy from "../model";
import Infsea from "./Infsea";
import Check from "../model/check"
export default {
name: 'Infsxf',
name: 'Infzdy',
components: {
"m-infsea": Infsea,
},
......@@ -32,7 +32,7 @@ export default {
data() {
return {
tabVal: "infent",
model: new Infsxf().data,
model: new Infzdy().data,
codes: { ...CodeTable },
}
},
......
src/page/Statics/Infzdy/model/check.js 0 → 100644
export default {
data() {
return {
rules: {
}
}
}
}
src/page/Statics/Infzdy/model/index.js 0 → 100644
export default class Infzdy {
constructor() {
this.data = {
zlsh: '',
khid: '',
xyh: '',
klrq: '',
jgh: '',
}
}
}
\ No newline at end of file
src/page/Statics/Infzdy/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.zlsh" maxlength="18" placeholder="请输入主流水号"></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="客户ID" style="width: 100%">
<c-input v-model="model.khid" maxlength="18" placeholder="请输入客户ID"></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="协议号" style="width: 100%">
<c-input v-model="model.xyh" 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-date-picker type="date" v-model="model.klrq"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="机构号" style="width: 100%">
<c-select v-model="model.jgh" placeholder="请选择机构号" :clearable="true" :code="[]">
</c-select>
</el-form-item>
</c-col>
</c-col>
</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>
<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 - 330px)" :highlight-current-row="true">
<el-table-column label="机构号" prop="jgh" align="left" min-width="150">
</el-table-column>
<el-table-column label="机构名称" prop="jgmc" align="left" min-width="150">
</el-table-column>
<el-table-column label="所属分行机构号" prop="ssfhjgh" align="left" min-width="150">
</el-table-column>
<el-table-column label="业务类型" prop="ywlx" align="left" min-width="150">
</el-table-column>
<el-table-column label="主流水号" prop="zlsh" align="left" min-width="150">
</el-table-column>
<el-table-column label="客户ID" prop="khid" align="left" min-width="150">
</el-table-column>
<el-table-column label="客户英文名称" prop="khywmc" align="left" min-width="150">
</el-table-column>
<el-table-column label="客户中文名称" prop="khzwmc" align="left" min-width="150">
</el-table-column>
<el-table-column label="受益人" prop="syr" align="left" min-width="150">
</el-table-column>
<el-table-column label="交易币种" prop="jybz" align="left" min-width="150">
</el-table-column>
<el-table-column label="交易金额" prop="jyje" align="left" min-width="150">
</el-table-column>
<el-table-column label="开立日期" prop="klrq" align="left" min-width="150">
</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/Infzdy/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 Infsxf from "../model";
import Infsea from "./Infsea";
import Check from "../model/check"
export default {
name: 'Infsxf',
components: {
"m-infsea": Infsea,
},
provide() {
return {
root: this
}
},
mixins: [Check],
data() {
return {
tabVal: "infent",
model: new Infsxf().data,
codes: { ...CodeTable },
}
},
methods: {
},
mounted() {
},
}
</script>
<style scoped></style>
src/page/Statics/StaticsRouter.js
......@@ -241,6 +241,7 @@ const StaticsRouter = [
{ path: 'inffxq', component: () => import('./Inffxq/views'), name: 'Inffxq', meta: { keepAlive: true, title: '反洗钱报送'} },
{ path: 'infhmd', component: () => import('./Infhmd/views'), name: 'Infhmd', meta: { keepAlive: true, title: '黑名单查询'} },
{ path: 'infsxf', component: () => import('./Infsxf/views'), name: 'Infsxf', meta: { keepAlive: true, title: '手续费明细台账'} },
{ path: 'infzdy', component: () => import('./Infzdy/views'), name: 'Infzdy', 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