Skip to content

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

黑名单管理原型页面开发

parent cf778fe9
Showing with 341 additions and 0 deletions
src/page/Statics/Infhmd/model/check.js 0 → 100644
export default {
data() {
return {
rules: {
}
}
}
}
src/page/Statics/Infhmd/model/index.js 0 → 100644
export default class Infhmd {
constructor() {
this.data = {
khh: '',
ywlx: '',
gj: '',
zjhm: '',
wl: '',
}
}
}
\ No newline at end of file
src/page/Statics/Infhmd/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.khh" 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.ywlx" style="width: 100%" placeholder="请选择业务类型" :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.gj" 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.zjhm" 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.wl" style="width: 100%" placeholder="请选择物类" :clearable="true" :code="[]">
</c-select>
</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="khmc" align="left" fixed="left" min-width="150">
</el-table-column>
<el-table-column label="证件号码" prop="zjhm" align="left" fixed="left" min-width="150">
</el-table-column>
<el-table-column label="国籍" prop="gj" align="left" fixed="left" min-width="150">
</el-table-column>
<el-table-column label="注册地" prop="zcd" align="left" fixed="left" min-width="150">
</el-table-column>
<el-table-column label="制裁种类" prop="zczl" align="left" fixed="left" min-width="150">
</el-table-column>
<el-table-column label="制裁方" prop="zcf" align="left" fixed="left" min-width="150">
</el-table-column>
<el-table-column label="制裁时间" prop="zcsj" align="left" fixed="left" min-width="150">
</el-table-column>
<el-table-column label="制裁原因" prop="zcyy" align="left" fixed="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/Infhmd/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.khh" 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.khmc" 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.gj" 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.zjhm" 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.wl" 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.zcd" 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.zczl" 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.zcf" maxlength="18" placeholder="请输入制裁方"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="制裁时间" prop="crtp.valdat">
<c-date-picker type="date" v-model="model.zcsj" style="width:100%"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="制裁原因" style="width: 100%">
<c-input v-model="model.zcyy" 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: {
khh: '',
khmc: '',
gj: '',
zjhm: '',
ywlx: '',
wl: '',
zcd: '',
zczl: '',
zcf: '',
zcsj: '',
zcyy: '',
}
};
},
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/Infhmd/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 Infhmd from "../model";
import Infsea from "./Infsea";
import Check from "../model/check"
export default {
name: 'Infhmd',
components: {
"m-infsea": Infsea,
},
provide() {
return {
root: this
}
},
mixins: [Check],
data() {
return {
tabVal: "infent",
model: new Infhmd().data,
codes: { ...CodeTable },
}
},
methods: {
},
mounted() {
},
}
</script>
<style scoped></style>
src/page/Statics/StaticsRouter.js
......@@ -239,6 +239,7 @@ const StaticsRouter = [
{ path: 'infent', component: Infent, name: 'Infent', meta: { keepAlive: true, title: '企业名录查询'} },
{ path: 'infanb', component: Infanb, name: 'Infanb', meta: { keepAlive: true, title: '2120对账'} },
{ path: 'inffxq', component: () => import('./Inffxq/views'), name: 'Inffxq', meta: { keepAlive: true, title: '反洗钱报送'} },
{ path: 'infhmd', component: () => import('./Infhmd/views'), name: 'Infhmd', 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