Commit 9263c248 authored by jiangweijia's avatar jiangweijia

贷款发放确认页面开发

parent 03ed1310
This diff is collapsed.
import './index.less'
import { Icon } from '@iconify/vue2'
let _that
export default {
cName: '对公客户',
cCode: '4001',
beforeRouteLeave(to, from, next) {
next()
},
beforeRouteEnter(to, from, next) {
const _autorun = to.params._autorun
next((vm) => {
_autorun && _autorun(vm)
from && (vm.$from = from.name)
})
},
components: {
Icon
},
filters: {},
props: {},
data() {
return {
params: { flist1: [], form: { activateBrn: '', bizNo: '' } },
options: {},
table: {
flist1: {
options: {
rowKey: (record, index) => {
return index
}
},
pagination: {
current: 1,
pageSize: 10,
total: 0,
showSizeChanger: true,
showQuickJumper: true,
pageSizeOptions: ['10', '20', '50', '100'],
showTotal: (total) => `共 ${total} 条`,
onChange: this.handlePageChange_table67369,
onShowSizeChange: this.handlePageChange_table67369
}
}
},
enums: [],
result: {},
customData: {},
stepField: []
}
},
computed: {},
watch: {},
methods: {
// ----------------- 系统自带方法,严禁修改 -----------------
// 获取枚举
async $getOptions() {
const options = await this.$queryEnum(this.enums.join(';'))
Object.keys(options).forEach((key) => {
if (options[key] !== null && typeof options[key] === 'object') {
this.options[key] = Object.entries(options[key]).map(([value, label]) => ({
value,
label
}))
}
})
},
// 提交表单
$submit(callback) {
this.$refs.form.validate((state, data) => state && callback && callback(this.params))
},
// 重置表单
$reset() {
this.$refs.form.resetFields()
},
// 清除表单验证
$clearValidate(props) {
this.$refs.form.clearValidate(props)
},
// 跳转页面
$go(code, callback, replace = false) {
this.$router.push({
name: code,
params: {
_autorun: callback,
_replace: replace
}
})
},
// 返回上一页
$back(callback) {
if (!this.$from) return
this.$go(this.$from, callback, true)
},
// ----------------- 表格数据请求、分页、按钮方法 -----------------------------
async handlePageChange_table67369(current, pageSize) {
this.table.flist1.pagination.current = current
this.table.flist1.pagination.pageSize = pageSize
this.$submit((values) => {
this.updateTable_table67369(values)
})
},
async updateTable_table67369(values) {
let pagination = this.table.flist1.pagination
let params = {
...values,
current: String(pagination.current),
pageSize: String(pagination.pageSize)
}
this.$remote({
url: '1001.do',
params,
successFn: (response) => {
this.table.flist1.pagination.total = response.total
this.params.flist1 = response.flist1
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
},
// render table row buttn
async table_btn_43474(value) {
alert(1)
},
// ----------------- 用户自定义方法 -----------------------------
async button27913_onClick() {
this.$submit((params) => {
this.$remote({
url: 'trade/1001.do',
params: {
...params
},
successFn: (response) => {
/*成功回调函数 (数据存储在response)*/
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
})
},
async button70657_onClick() {
this.$reset()
}
},
created() {
_that = this
},
mounted() {
this.$getOptions()
this.$submit((params) => {
this.$remote({
url: '1001.do',
params: {
...params
},
successFn: (response) => {
/*成功回调函数 (数据存储在response)*/
this.params.flist1 = response.data || []
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
})
},
updated() {}
}
.ant-form-item {
width: 100%;
}
<template>
<div id="4001">
<a-form-model
ref="form"
:model="params"
labelAlign="left"
layout="horizontal"
:labelCol="{
span: 6,
offset: 0
}"
:wrapperCol="{
span: 18,
offset: 0
}"
:colon="true"
>
<a-card id="card93308" :bordered="true" :hoverable="false" size="default">
<template #title> 客户查询条件 </template>
<div id="formblock85142" class="form-blockform">
<a-row id="grid29899" align="middle" :gutter="[12, 0]" justify="start">
<a-col id="grid-col-52478" :offset="0" :span="8">
<a-form-model-item
v-if="true"
prop="form.activateBrn"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="left"
:wrapperCol="{
span: 18,
offset: 0
}"
>
<template #label> 启动机构 </template>
<a-select
v-model="params.form.activateBrn"
id="select19089"
:allowClear="true"
:disabled="false"
mode="default"
size="default"
:options="[
{ label: 'select 1', value: 1 },
{ label: 'select 2', value: 2 },
{ label: 'select 3', value: 3 }
]"
>
</a-select>
</a-form-model-item>
</a-col>
<a-col id="grid-col-25192" :offset="0" :span="8">
<a-form-model-item
v-if="true"
prop="form.bizNo"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="left"
:wrapperCol="{
span: 18,
offset: 0
}"
>
<template #label> 业务编号 </template>
<a-input
v-model="params.form.bizNo"
id="input117403"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</a-col>
</a-row>
</div>
<div
style="width: 100%; display: flex; justify-content: center; align-items: middle; gap: 8px"
id="flexbox114954"
>
<a-button id="button27913" :ghost="false" type="primary" @click="button27913_onClick">
查询
</a-button>
<a-button id="button70657" :ghost="false" @click="button70657_onClick"> 重置 </a-button>
</div>
</a-card>
<a-card id="card96595" :bordered="true" :hoverable="false" size="default">
<a-card :bordered="false">
<a-table
id="table67369"
:data-source="params.flist1"
:pagination="table.flist1.pagination"
:rowKey="table.flist1.options.rowKey"
>
<a-table-column data-index="creditsCustNo" key="" title="客户编号">
<template slot-scope="text, value, index">
<div id="statictext59329">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="custNm" key="" title="客户名称">
<template slot-scope="text, value, index">
<div id="statictext32377">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="orgBrnCd" key="" title="组织机构代码">
<template slot-scope="text, value, index">
<div id="statictext81916">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="lnCardNo" key="" title="贷款卡号">
<template slot-scope="text, value, index">
<div id="statictext55541">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="custProperty" key="" title="客户性质">
<template slot-scope="text, value, index">
<div id="statictext22012">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="custMgrNm" key="" title="客户经理名称">
<template slot-scope="text, value, index">
<div id="statictext61354">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="lastOneProcPsn" key="" title="上一处理人">
<template slot-scope="text, value, index">
<div id="statictext29409">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="flowNoFldNm" key="" title="流程启动者">
<template slot-scope="text, value, index">
<div id="statictext41652">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="procStepNo" key="" title="处理步骤">
<template slot-scope="text, value, index">
<div id="statictext58733">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="initiateTm" key="" title="发起时间">
<template slot-scope="text, value, index">
<div id="statictext75804">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="lastProcTm" key="" title="最后处理时间">
<template slot-scope="text, value, index">
<div id="statictext59020">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column title="操作" fixed="right">
<template slot-scope="text, value, index">
<a @click="table_btn_43474(value)"> 确认信息 </a>
</template>
</a-table-column>
</a-table>
</a-card>
</a-card>
</a-form-model>
</div>
</template>
<script src="./index.js"></script>
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