Skip to content

V
vue-gjjs
Commit 1958cc8d by yuqiao
Options

infbnk,dbibnk页面开发

parent 605f41db
Showing with 717 additions and 0 deletions
src/service/test/bnk.js 0 → 100644
import Api from "~/service/Api"
export function queryByPage(data) {
return Api.post("/manager/bnk/queryByPage", data)
}
export function queryById(inr) {
return Api.post("/manager/bnk/queryById",{inr})
}
src/views/Statics/Dbibnk/Bnk.js 0 → 100644
export default class Bnk {
constructor() {
this.data = {
inr: "",
fqhhao: "",
lianhh: "",
zhuant: "",
jigulb: "",
hanbdm: "",
bhsjcy: "",
zjcyhh: "",
ssrhdm: "",
jieddm: "",
chshdm: "",
jigomc: "",
jigojc: "",
dizhii: "",
youzbm: "",
dihdig: "",
dzyjdz: "",
sxiorq: "",
shixrq: "",
gngxrq: "",
gngxsj: "",
caozbz: "",
gngxqh: "",
remark: "",
shjnch: "",
jiluzt: "",
}
}
}
export const Pattern = {
"inr": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 8, "message": "最大长度8个字符", "trigger": "blur" }
],
"fqhhao": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 12, "message": "最大长度12个字符", "trigger": "blur" }
],
"lianhh": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 11, "message": "最大长度11个字符", "trigger": "blur" }
],
"zhuant": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 1, "message": "最大长度1个字符", "trigger": "blur" }
],
"jigulb": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 2, "message": "最大长度2个字符", "trigger": "blur" }
],
"hanbdm": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 3, "message": "最大长度3个字符", "trigger": "blur" }
],
"bhsjcy": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 130, "message": "最大长度130个字符", "trigger": "blur" }
],
"zjcyhh": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 12, "message": "最大长度12个字符", "trigger": "blur" }
],
"ssrhdm": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 12, "message": "最大长度12个字符", "trigger": "blur" }
],
"jieddm": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 5, "message": "最大长度5个字符", "trigger": "blur" }
],
"chshdm": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 4, "message": "最大长度4个字符", "trigger": "blur" }
],
"jigomc": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 62, "message": "最大长度62个字符", "trigger": "blur" }
],
"jigojc": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 20, "message": "最大长度20个字符", "trigger": "blur" }
],
"dizhii": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 100, "message": "最大长度100个字符", "trigger": "blur" }
],
"youzbm": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 6, "message": "最大长度6个字符", "trigger": "blur" }
],
"dihdig": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 30, "message": "最大长度30个字符", "trigger": "blur" }
],
"dzyjdz": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 42, "message": "最大长度42个字符", "trigger": "blur" }
],
"sxiorq": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 12, "message": "最大长度12个字符", "trigger": "blur" }
],
"shixrq": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 12, "message": "最大长度12个字符", "trigger": "blur" }
],
"gngxrq": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 12, "message": "最大长度12个字符", "trigger": "blur" }
],
"gngxsj": [
{ "required": true, "message": "必输项", "trigger": "blur" },
{ "pattern": /^-?\d{0,10}$/, "message": "整数不能超过10位", "trigger": "blur" }
],
"caozbz": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 1, "message": "最大长度1个字符", "trigger": "blur" }
],
"gngxqh": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 8, "message": "最大长度8个字符", "trigger": "blur" }
],
"remark": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 60, "message": "最大长度60个字符", "trigger": "blur" }
],
"shjnch": [
{ "required": true, "message": "必输项", "trigger": "blur" },
{ "pattern": /^-?\d{0,16}$/, "message": "整数不能超过16位", "trigger": "blur" }
],
"jiluzt": [
],
}
\ No newline at end of file
src/views/Statics/Dbibnk/BnkInfo.vue 0 → 100644
<template>
<div class="eibs-tab">
<!-- 左 -->
<c-col :span="24">
<c-col :span="12" class="col-left">
<c-col :span="24">
<el-form-item label="支付行号" prop="fqhhao">
<c-input
v-model="model.fqhhao"
placeholder="请输入支付行号"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="联行行号" prop="lianhh">
<c-input
v-model="model.lianhh"
placeholder="请输入联行行号"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="银行状态" prop="zhuant">
<c-input
v-model="model.zhuant"
placeholder="请输入银行状态"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="银行类别" prop="jigulb">
<c-input
v-model="model.jigulb"
placeholder="请输入银行类别"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="别行代码" prop="hanbdm">
<c-input
v-model="model.hanbdm"
placeholder="请输入别行代码"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="本行上级参与者" prop="bhsjcy">
<c-input
v-model="model.bhsjcy"
placeholder="请输入本行上级参与者"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="直接参与行号" prop="zjcyhh">
<c-input
v-model="model.zjcyhh"
placeholder="请输入直接参与行号"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="所属人行代码" prop="ssrhdm">
<c-input
v-model="model.ssrhdm"
placeholder="请输入所属人行代码"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="节点代码" prop="jieddm">
<c-input
v-model="model.jieddm"
placeholder="请输入节点代码"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="城市代码" prop="chshdm">
<c-input
v-model="model.chshdm"
placeholder="请输入城市代码"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="银行全称" prop="jigomc">
<c-input
v-model="model.jigomc"
placeholder="请输入银行全称"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="银行简称" prop="jigojc">
<c-input
v-model="model.jigojc"
placeholder="请输入银行简称"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地址" prop="dizhii">
<c-input
v-model="model.dizhii"
placeholder="请输入地址"
>
</c-input>
</el-form-item>
</c-col>
</c-col>
<!-- 右 -->
<c-col :span="12" class="col-right">
<c-col :span="24">
<el-form-item label="邮政编码" prop="youzbm">
<c-input
v-model="model.youzbm"
placeholder="请输入邮政编码"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="电话" prop="dihdig">
<c-input
v-model="model.dihdig"
placeholder="请输入电话"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="电子邮箱地址" prop="dzyjdz">
<c-input
v-model="model.dzyjdz"
placeholder="请输入电子邮箱地址"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="生效日期" prop="sxiorq">
<c-input
v-model="model.sxiorq"
placeholder="请输入生效日期"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="失效日期" prop="shixrq">
<c-input
v-model="model.shixrq"
placeholder="请输入失效日期"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="更新日期" prop="gngxrq">
<c-input
v-model="model.gngxrq"
placeholder="请输入更新日期"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="更新时间" prop="gngxsj">
<c-input
v-model="model.gngxsj"
placeholder="请输入更新时间"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="更新操作" prop="caozbz">
<c-input
v-model="model.caozbz"
placeholder="请输入更新操作"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="更新期号" prop="gngxqh">
<c-input
v-model="model.gngxqh"
placeholder="请输入更新期号"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="备注" prop="remark">
<c-input
v-model="model.remark"
placeholder="请输入备注"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="时间戳" prop="shjnch">
<c-input
v-model="model.shjnch"
placeholder="请输入时间戳"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="记录状态" prop="jiluzt">
<c-input
v-model="model.jiluzt"
placeholder="请输入记录状态"
>
</c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
</div>
</template>
<script>
export default {
name: "",
props: ["model"],
data() {
return {};
},
methods:{
}
};
</script>
\ No newline at end of file
src/views/Statics/Dbibnk/index.vue 0 → 100644
<template>
<div class="eContainer">
<c-page :title="title">
<el-form
ref="modelForm"
label-width="160px"
size="small"
label-position="right"
:model="model"
:rules="rules"
:validate-on-rule-change="false"
disabled
>
<c-tabs v-model="tabVal" ref="elment" type="card">
<el-tab-pane label="银行行号信息详情" name="bnk">
<c-content>
<m-bnkp0 :model="model"/>
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
<div style="text-align: center">
<c-button type="primary" @click="goBack">返 回</c-button>
</div>
</c-page>
</div>
</template>
<script>
import BnkInfo from "./BnkInfo.vue";
import Bnk, { Pattern } from "./Bnk.js";
import { queryById } from "~/service/test/bnk.js";
export default {
name: "StaticsDbibnk",
components: {
"m-bnkp0": BnkInfo,
},
provide() {
return {
root: this,
};
},
props: {
type: {
type: String,
default: "info",
},
title: {
type: String,
default: "dbibnk"
}
},
data() {
return {
model: new Bnk().data,
tabVal: "bnk",
rules: Pattern,
};
},
created() {
const inr = this.$route.params.inr;
queryById(inr).then((res) => {
if (res.inr) {
this.model = res;
} else {
this.$message.error("客户不存在")
}
});
},
methods: {
goBack(update) {
this.$store.dispatch("TagsView/delView", this.$route);
this.$router.push({ name: "StaticsInfbnk", params: { update } });
}
}
}
</script>
\ No newline at end of file
src/views/Statics/Infbnk/Infsea.vue 0 → 100644
<template>
<div class="eibs-tab">
<!-- ----------左 ---------->
<c-col :span="12" class="col-left">
<c-col :span="24">
<el-form-item label="支付行号" prop="fqhhao">
<c-input
v-model="model.fqhhao"
maxlength="12"
placeholder="请输入支付行号"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="银行状态" prop="zhuant">
<c-input
placeholder="请输入银行状态"
v-model="model.zhuant"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="所属人行代码" prop="ssrhdm">
<c-input
maxlength="12"
placeholder="请输入所属人行代码号"
v-model="model.ssrhdm"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!------------- 右 ---------->
<c-col :span="12" class="col-right">
<c-col :span="24">
<el-form-item label="联行行号" prop="lianhh">
<c-input
placeholder="请输入银行行号"
v-model="model.lianhh"
maxlength="11"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="银行类别" prop="jigulb">
<c-input
placeholder="请输入银行类别"
v-model="model.jigulb"
maxlength="12"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- 重置与查询 -->
<c-col :span="24" style="text-align: right">
<el-button size="small" @click="handleReset">重置</el-button>
<el-button
type="primary"
icon="el-icon-search"
size="small"
@click="onSearch()"
>查询
</el-button>
</c-col>
<!-- 查询详情 -->
<c-col :span="24">
<c-paging-table
:data="bnkData"
:columns="bnkColumns"
:pageNumber="model.pageNum"
:pageSize="model.pageSize"
:total="model.total"
v-on:queryFunc="queryFunc"
:border="true"
>
<c-table-column fixed="right" prop="op" label="操作" width="100px">
<template slot-scope="{ scope }">
<c-button
style="margin-left: 0"
size="small"
type="primary"
@click="bnkInfo(scope.$index, scope.row)"
>详情</c-button
>
</template>
</c-table-column>
</c-paging-table>
</c-col>
</div>
</template>
<script>
import { queryByPage } from "~/service/test/bnk.js";
export default {
name: "",
props: ["model"],
inject: ["root"],
data() {
return {
bnkData: [],
bnkColumns: [
{ label: '支付行号', prop: 'fqhhao', width: '120' },
{ label: '联行行号', prop: 'lianhh', width: '150' },
{ label: '银行状态', prop: 'zhuant', width: '200' },
{ label: '银行类别', prop: 'jigulb', width: '100' },
{ label: '所属人行代码', prop: 'ssrhdm', width: '200' },
{ label: '本行上级参与者', prop: 'bhsjcy', width: '200' },
{ label: '直接参与行号', prop: 'zjcyhh', width: '200' },
{ label: '银行简称', prop: 'jigojc', width: '200' },
{ label: '失效日期', prop: 'shixrq', width: '200' },
],
};
},
activated() {
const { update } = this.$route.params
if (update) {
this.onInfBnkSearch()
}
},
methods: {
handleReset() {
this.root.$refs.modelForm.resetFields();
},
onSearch(){
this.model.pageNum = 1;
this.model.pageSize = 5;
this.onInfBnkSearch();
},
onInfBnkSearch() {
queryByPage(this.model).then(res => {
const list = res.list
this.bnkData = list
this.model.pageNum = res.pageNumber
this.model.pageSize = res.pageSize
this.model.total = res.total
})
},
queryFunc(pageNumber, pageSize) {
this.model.pageNum = pageNumber
this.model.pageSize = pageSize
this.onInfBnkSearch()
},
bnkInfo(index, row) {
this.$router.push(`/statics/dbibnk/${row.inr}`)
}
}
}
</script>
<style scoped>
.table-button-item-list {
padding: 0;
margin: 0;
}
.table-button-item-list li {
list-style: none;
padding: 5px 0;
text-align: center;
color: #606266;
cursor: pointer;
}
</style>
\ No newline at end of file
src/views/Statics/Infbnk/index.vue 0 → 100644
<template>
<div class="eContainer">
<c-page title="银行行号信息查询">
<el-form
:model="model"
ref="modelForm"
label-width="120px"
label-position="right"
size="small"
>
<c-tabs v-model="tabVal" ref="elment" type="card">
<el-tab-pane label="银行行号信息查询" name="infsea">
<c-content>
<m-infsea :model="model" ref="infsea" />
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
</c-page>
</div>
</template>
<script>
import Infsea from "./Infsea";
export default {
name: "StaticsInfbnk",
components: {
"m-infsea": Infsea,
},
provide() {
return {
root: this,
};
},
data() {
return {
tabVal: "infsea",
model: {
//bnk
fqhhao: "",
lianhh: "",
zhuant: "",
jigulb: "",
ssrhdm: "",
// paging
pageNum: 1,
pageSize: 5,
total: 0
},
};
},
};
</script>
<style></style>
src/views/Statics/StaticsRouter.js
......@@ -100,6 +100,9 @@ import Dbezmq from "./Dbezmq";
import Dbdzmq from "./Dbdzmq";
import Dbizmqxrt from "./Dbizmqxrt";
import Infbnk from "~/views/Statics/Infbnk";
import Dbibnk from "~/views/Statics/Dbibnk";
const StaticsRouter = [
{ path: 'dbiptm/:inr', component:Dbiptm, name: 'StaticsDbiptm', meta: { title: (tag) => { return '客户详情: ' + tag.params.inr } } },
......@@ -202,6 +205,9 @@ const StaticsRouter = [
{ path: 'dbizmqxrt/:inr', component: Dbizmqxrt, name: 'StaticsDbizmqxrt', meta: { title: (tag) => { return '自贸区牌价详情: ' + tag.params.inr } } },
{ path: 'dbezmq/:inr', component: Dbezmq, name: 'StaticsDbezmq', meta: { title: (tag) => { return '自贸区牌价编辑: ' + tag.params.inr } } },
{ path: 'dbdzmq/:inr', component: Dbdzmq, name: 'StaticsDbdzmq', meta: { title: (tag) => { return '自贸区牌价删除: ' + tag.params.inr } } },
{ path: 'infbnk', component: Infbnk, name: 'StaticsInfbnk', meta: { title: '银行行号信息查询' } },
{ path: 'dbibnk/:inr', component: Dbibnk, name: 'StaticsDbibnk', meta: { title: (tag) => { return '银行行号信息详情: ' + tag.params.inr } } },
]
export default StaticsRouter
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