Skip to content

丽
丽人贷管理后台
Commit 6bf66bc6 authored by caimeng's avatar caimeng
Browse files
Options

修改同盾数据报告

parent e19c9d08
Hide whitespace changes
Inline Side-by-side
Showing with 359 additions and 16 deletions
public/report.html 0 → 100644
View file @ 6bf66bc6
<!DOCTYPE html>
<html lang='zh-cmn-Hans'>
<head>
<meta charset='utf-8' />
<meta content='IE=edge' http-equiv='X-UA-Compatible' />
<meta content='width=device-width,initial-scale=1.0' name='viewport' />
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.tongdun.cn/preloan/tdreport.1.2.min.js?r=1" charset="utf-8"></script>
<link href='./favicon.png' rel='icon' type='image/png' />
<title>同盾数据报告</title>
<meta content='vab,vab官网,后台管理框架,vue后台管理框架,vue-admin-beautiful,vue-admin-beautiful-pro,vue-admin-beautiful官网,vue-admin-beautiful文档,vue-element-admin,vue-element-admin官网,vue-element-admin文档,vue-admin,vue-admin官网,vue-admin文档' name='keywords' />
<meta content='官网与文档基于vue-admin-beautiful-pro构建，简称vab（是一款超棒的vue+element中后台前端快速开发框架' name='description' />
</head>
<body>
<script>
const dataStr = localStorage.getItem('tdData')
if (dataStr) {
const data = JSON.parse(dataStr)
jQuery.showTDReport(data)
}
</script>
</body>
</html>
src/components/approval.vue
View file @ 6bf66bc6
......@@ -18,6 +18,14 @@
<template v-if='form.approveStatus==="PASS"'>
<el-form-item label='申请期数(期)'>
<el-row>
<el-col :span='14'>
<el-input v-model='form.loanIntentionNum' style='width: 100%;' clearable />
</el-col>
</el-row>
</el-form-item>
<el-row>
<el-col :span='10'>
<template v-if='manualAmount && form.capitalCode==="FENGSHENGBUSINESS"'>
......@@ -200,9 +208,6 @@
const { creditNo } = clientDetail
const { manualAmount,loanIntentionNum } = projectInfoResponse
this.creditNo = creditNo
//const { applyAmount, manualAmount, loanIntentionNum, creditAmount, creditNo } = this.item
//this.form.applyAmount = this.money(applyAmount)
//this.form.creditAmount = this.money(creditAmount)
this.form.loanIntentionNum = loanIntentionNum
this.manualAmount = manualAmount
this.form.perAllotAmount = manualAmount
......
src/components/tdun-report.vue
View file @ 6bf66bc6
......@@ -3,7 +3,7 @@
<div>
<el-descriptions style='margin-bottom: 20px;' border size='small' :column='3'>
<el-descriptions-item label-class-name='labelCls' label='同盾报告'>
<el-button type='text' @click='showReport' size='mini'>点击查看</el-button>
<el-link href="./report.html" type="primary" target="_blank">点击查看</el-link>
</el-descriptions-item>
</el-descriptions>
</div>
......@@ -11,11 +11,6 @@
<script>
const showReport = function(data) {
$().ready(function() {
jQuery.showTDReport(data)
})
}
export default {
name: 'TDReport',
......@@ -31,16 +26,12 @@
data: null
}
},
created() {
mounted() {
if (this.report) {
this.data = this.report
console.log(this.data, '同盾报告数据')
}
},
methods: {
showReport() {
const data = this.data;
showReport(data)
localStorage.setItem('tdData',JSON.stringify(data))
console.log(this.data, '同盾报告数据')
}
}
}
......
src/router/index.js
View file @ 6bf66bc6
......@@ -102,6 +102,15 @@ export const asyncRoutes = [
title: '授信审核'
}
},
{
path: 'increase',
name: 'Increase',
component: () => import('@/views/credit/increase'),
meta: {
noKeepAlive: true,
title: '提额审核'
}
},
{
path: 'approval',
name: 'CreditApproval',
......
src/views/credit/increase.vue 0 → 100644
View file @ 6bf66bc6
<template>
<div class='page-fence'>
<!--搜索-->
<block-header title='搜索' />
<div class='search'>
<el-form label-suffix=':' :inline='true' ref='form' :model='queryForm' class='form-inline'>
<el-form-item prop='creditNo' label='授信编号'>
<el-input
v-model='queryForm.creditNo'
clearable
placeholder='请输入授信编号'
/>
</el-form-item>
<el-form-item prop='realName' label='客户姓名'>
<el-input
v-model='queryForm.realName'
clearable
placeholder='请输入客户姓名'
/>
</el-form-item>
<el-form-item prop='mobile' label='手机号码'>
<el-input
v-model='queryForm.mobile'
clearable
placeholder='请输入客户手机号码'
/>
</el-form-item>
<template v-if='searchData!==null'>
<el-form-item prop='creditType' label='授信类型'>
<el-select v-model='queryForm.creditType' clearable placeholder='请选择授信类型'>
<el-option
v-for='(item,index) in searchData.creditTypeResponseList'
:key='index'
:label='item.creditTypeStr'
:value='item.creditType'></el-option>
</el-select>
</el-form-item>
</template>
<template v-if='searchData!==null'>
<el-form-item prop='creditStatus' label='授信状态'>
<el-select v-model='queryForm.creditStatus' clearable placeholder='请选择授信状态'>
<el-option
v-for='(item,index) in searchData.creditStatusResponseList'
:label='item.creditStatusStr'
:key='index'
:value='item.creditStatus'></el-option>
</el-select>
</el-form-item>
</template>
<template v-if='searchData!==null'>
<el-form-item prop='creditResult' label='审批结果'>
<el-select v-model='queryForm.creditResult' clearable placeholder='请选择审批结果'>
<el-option
v-for='(item,index) in searchData.creditStatusResultResponseList'
:label='item.creditResultStr'
:key='index'
:value='item.creditResult'></el-option>
</el-select>
</el-form-item>
</template>
<el-form-item prop='time' label='申请时间'>
<el-date-picker
v-model='queryForm.time'
type='datetimerange'
:picker-options='pickerConfig'
:default-time="['00:00:00', '23:59:59']"
value-format='yyyy-MM-dd HH:mm:ss'
range-separator='至'
start-placeholder='开始时间'
end-placeholder='结束时间'
>
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button icon='el-icon-search' type='primary' @click='onSearch'>搜 索</el-button>
<el-button icon='el-icon-delete' type='default' @click="onReset('form')">重置</el-button>
</el-form-item>
</el-form>
</div>
<block-header title='授信列表' />
<!--表格-->
<el-table
ref='tableSort'
v-loading='listLoading'
border
:data='list'
style='width: 100%'
>
<el-table-column
v-for='(item, index) in finallyColumns'
:key='index'
align='center'
:label='item.label'
:sortable='item.sortable'
:width='item.width'
:fixed='!!item.fixed'
:show-overflow-tooltip='!!item.overflow'
>
<template #default='{ row }'>
<span v-if='item.label==="授信额度(元)"'>
{{ money(row.availableAmount) }}
</span>
<span v-else-if='item.label==="授信状态"'>
<el-tag v-if='row.creditStatus==="CREATED"' size='mini'>{{ row.creditStatusStr }}</el-tag>
<el-tag v-if='row.creditStatus==="CREDIT_ING"' type='warning' size='mini'>{{ row.creditStatusStr }}</el-tag>
<el-tag v-if='row.creditStatus==="MANUAL_CREDIT_ING"' type='warning' size='mini'>{{ row.creditStatusStr
}}</el-tag>
<el-tag v-if='row.creditStatus==="MANUAL_BACK"' type='danger' size='mini'>{{ row.creditStatusStr }}</el-tag>
<el-tag v-if='row.creditStatus==="FINISHED"' type='success' size='mini'>{{ row.creditStatusStr }}</el-tag>
</span>
<span v-else-if='item.label==="审批结果"'>
<el-tag v-if='row.creditResult==="PASS"' type='success' size='mini'>{{ row.creditResultStr }}</el-tag>
<el-tag v-if='row.creditResult==="BACK"' type='info' size='mini'>{{ row.creditResultStr }}</el-tag>
<el-tag v-if='row.creditResult==="REJECT"' type='danger' size='mini'>{{ row.creditResultStr }}</el-tag>
<el-tag v-if='row.creditResult==="RETRIAL"' type='warning' size='mini'>{{ row.creditResultStr }}</el-tag>
<el-tag v-if='row.creditResult==="NO_RESULT"' type='info' size='mini'>未出结果</el-tag>
</span>
<span v-else>{{ row[item.prop] }}</span>
</template>
</el-table-column>
<el-table-column
fixed='right'
align='center'
label='操作'
>
<template #default='{ row }'>
<el-button type='text' @click='handleDetail(row)'>详情</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
:current-page='queryForm.current'
layout='total, prev, pager, next'
:page-size='queryForm.size'
:total='total'
background
@current-change='handleCurrentChange'
/>
</div>
</template>
<script>
import _ from 'lodash'
import API from '@/server/api'
import { mapGetters } from 'vuex'
export default {
name: 'CreditList',
data() {
return {
checkList: ['授信编号', '客户姓名', '手机号码', '对应BD', '商户区域', '授信额度(元)', '申请时间', '授信状态', '审批结果'],
columns: [
{
order: 1,
label: '授信编号',
prop: 'creditNo'
},
{
order: 2,
label: '客户姓名',
prop: 'realName'
},
{
order: 3,
label: '手机号码',
width: 115,
prop: 'mobile'
},
{
order: 4,
label: '对应BD',
prop: 'bdName',
overflow: true
},
{
order: 5,
label: '商户区域',
prop: 'regionName'
},
{
order: 6,
label: '授信额度(元)',
prop: 'availableAmount'
},
{
order: 7,
label: '申请时间',
prop: 'applyDate',
width: 110
},
{
order: 9,
label: '授信状态',
prop: 'creditStatusStr'
},
{
order: 10,
label: '审批结果',
prop: 'creditResultStr'
}
],
list: [],
listLoading: true,
total: 1,
pickerConfig: this.datePickerOptions,
queryForm: {
current: 1,
size: 10,
mobile: '',
bdNo: '',
creditNo: '',
creditType:'',
creditResult: '',
creditStatus: '',
realName: '',
time: '',
startTime: '',
endTime: '',
userId: ''
}
}
},
computed: {
finallyColumns() {
let finallyArray = []
this.checkList.forEach((checkItem) => {
finallyArray.push(
this.columns.filter((item) => item.label === checkItem)[0]
)
})
return _.sortBy(finallyArray, (item) => item.order)
},
...mapGetters(['searchData', 'user'])
},
mounted() {
this.fetchData()
},
methods: {
onSearch() {
const { time } = this.queryForm
this.queryForm.current = 1
if (time) {
this.queryForm.startTime = time[0]
this.queryForm.endTime = time[1]
} else {
this.queryForm.startTime = ''
this.queryForm.endTime = ''
}
this.fetchData()
},
// 预授信详情
handleDetail(row) {
const { creditNo } = row
this.$router.push({
path: '/credit/detail',
query: { creditNo }
})
},
handleCurrentChange(val) {
this.queryForm.current = val
this.fetchData()
},
async fetchData() {
this.listLoading = true
const form = this.queryForm
const params = Object.assign({}, form)
delete params.time
//params.userId = this.user.userId;
const result = await API.creditList({ ...params })
const { records, total } = result.result
this.list = records
this.total = total
this.listLoading = false
},
// 授信申述
handlePlead() {
}
}
}
</script>
<style lang='scss' scoped>
.page-fence {
::v-deep {
i {
cursor: pointer;
}
}
box-sizing: border-box;
padding: 20px;
}
</style>
<style lang='scss'>
.custom-table-checkbox {
.el-checkbox {
display: block !important;
margin: 0 0 $base-padding/4 0;
}
}
.action-bar {
margin-bottom: 15px;
}
</style>
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