kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/dev' into dev

Browse Source
This commit is contained in:
aixianling
2022-04-08 21:19:07 +08:00
parent 446facac7e bf8bd66b85
commit cf2e255253
3 changed files with 120 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
project/xiushan/apps/AppPublicArrearage/components/List.vue
View File

@@ -8,7 +8,7 @@
<el-button type="primary" icon="iconfont iconAdd" @click="toAdd('')">添加</el-button> <el-button type="primary" icon="iconfont iconAdd" @click="toAdd('')">添加</el-button>
</template> </template>
<template #right> <template #right>
<el-input size="small" placeholder="欠费主题/统一信用社会代码" v-model="search.arrearsSubject" clearable @clear="page.current = 1, search.arrearsSubject = '',getTableData()" <el-input size="small" placeholder="欠费主体/统一信用社会代码" v-model="search.arrearsSubject" clearable @clear="page.current = 1, search.arrearsSubject = '',getTableData()"
suffix-icon="iconfont iconSearch" v-throttle="() => {(page.current = 1), getTableData();}"/> suffix-icon="iconfont iconSearch" v-throttle="() => {(page.current = 1), getTableData();}"/>
<ai-import :instance="instance" :dict="dict" importUrl="/appcreditpublicutilitiesarrears/import" url="/appcreditpublicutilitiesarrears/downloadTemplate" name="公共事业欠费信息" @success="getTableData(), $message.success('导入成功!')"> <ai-import :instance="instance" :dict="dict" importUrl="/appcreditpublicutilitiesarrears/import" url="/appcreditpublicutilitiesarrears/downloadTemplate" name="公共事业欠费信息" @success="getTableData(), $message.success('导入成功!')">
<el-button size="small">导入</el-button> <el-button size="small">导入</el-button>
@@ -51,14 +51,14 @@ export default {
computed: { computed: {
colConfigs() { colConfigs() {
return [ return [
{ prop: "arrearsSubject", label: '欠费主体', align: "center", width: "200px", }, { prop: "arrearsSubject", label: '欠费主体', align: "center", width: "180px", },
{ prop: "unifiedCode", label: '统一信用代码', align: "center", width: "150px", }, { prop: "unifiedCode", label: '统一信用代码', align: "center", width: "180px", },
{ prop: "arrearsType", label: '欠费类型名称', align: "center", width: "150px", dict: 'arrearsType'}, { prop: "arrearsType", label: '欠费类型名称', align: "center", width: "180px", dict: 'arrearsType'},
{ prop: "arrearsAmount", label: '欠费金额（万元）', align: "center", width: "150px", }, { prop: "arrearsAmount", label: '欠费金额（万元）', align: "center", width: "180px", },
{ prop: "dishonestySeverity", label: '失信严重程度', align: "center", width: "150px", dict:"dishonestySeverity"}, { prop: "dishonestySeverity", label: '失信严重程度', align: "center", width: "180px", dict:"dishonestySeverity"},
{ prop: "cognizanceDate", label: '认定日期', align: "center", width: "150px", }, { prop: "cognizanceDate", label: '认定日期', align: "center", width: "180px", },
{ prop: "createTime", label: '更新时间', align: "center", width: "150px", }, { prop: "createTime", label: '更新时间', align: "center", width: "180px", },
{ prop: "createUserName", label: '操作人', align: "center", width: "150px", }, { prop: "createUserName", label: '操作人', align: "center", width: "180px", },
{ slot: "options" ,}, { slot: "options" ,},
] ]
} }

7
project/xiushan/apps/financing/AppFinancingNeeds/AppFinancingNeeds.vue
View File

@@ -8,7 +8,7 @@
<el-tabs class="tabs-page" v-model="currIndex"> <el-tabs class="tabs-page" v-model="currIndex">
<el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label" :name="String(i)"> <el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label" :name="String(i)">
<component :is="tab.comp" v-if="currIndex==i" :ref="currIndex" :instance="instance" :dict="dict" <component :is="tab.comp" v-if="currIndex==i" :ref="currIndex" :instance="instance" :dict="dict"
:permissions="permissions" :listType="tab.value" @goPage="goPage"/> :permissions="permissions" :listType="tab.value" @goPage="goPage" :areaId="areaId"/>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</template> </template>
@@ -19,7 +19,7 @@
</template> </template>
<script> <script>
import {mapState} from "vuex";
import NeedsDetail from "./needsDetail"; import NeedsDetail from "./needsDetail";
import NeedsList from "./needsList"; import NeedsList from "./needsList";
import NeedsStatistics from "./needsStatistics"; import NeedsStatistics from "./needsStatistics";
@@ -48,6 +48,7 @@ export default {
} }
}, },
computed: { computed: {
...mapState(['user']),
tabs() { tabs() {
return [ return [
{ {
@@ -65,7 +66,9 @@ export default {
} }
}, },
created() { created() {
console.log(this.user)
this.dict.load("productRepaymentTimeline", "financialFundPurpose","financingDemandApplyType", "enterpriseType", "dishonestPersonSituation", "administrativeSanctionType") this.dict.load("productRepaymentTimeline", "financialFundPurpose","financingDemandApplyType", "enterpriseType", "dishonestPersonSituation", "administrativeSanctionType")
this.areaId = this.user.info.areaId || ''
}, },
methods: { methods: {
goPage(obj) { goPage(obj) {

175
project/xiushan/apps/financing/AppFinancingNeeds/needsStatistics.vue
View File

@@ -1,42 +1,15 @@
<template> <template>
<section class="needsStatistics"> <section class="needsStatistics">
<ai-search-bar> <ai-search-bar>
<template #left> <template #left>
<ai-select v-model="search.messageType" placeholder="金融机构" clearable :selectList="$dict.getDict('dlbResourceType')" @change="getTableData()"></ai-select> <ai-select v-model="search.organizationId" placeholder="金融机构" clearable :prop="{label:'organizationName'}"
action="/appfinancialorganization/list" @change="page.current=1,getTableData()" :instance="instance"/>
</template> </template>
</ai-search-bar> </ai-search-bar>
<div class="col-row"> <div class="col-row">
<div class="item"> <div class="item" v-for="(v,label) in cloList" :key="label">
<p>累计发布需求</p> <p v-text="label"/>
<h2>20</h2> <h2 v-text="v"/>
</div>
<div class="item">
<p>累计发布需求</p>
<h2>20</h2>
</div>
<div class="item">
<p>累计发布需求</p>
<h2>20</h2>
</div>
<div class="item">
<p>累计发布需求</p>
<h2>20</h2>
</div>
<div class="item">
<p>累计发布需求</p>
<h2>20</h2>
</div>
<div class="item">
<p>累计发布需求</p>
<h2>20</h2>
</div>
<div class="item">
<p>累计发布需求</p>
<h2>20</h2>
</div>
<div class="item">
<p>累计发布需求</p>
<h2>20</h2>
</div> </div>
</div> </div>
<div class="chart-flex"> <div class="chart-flex">
@@ -44,18 +17,18 @@
<div class="title">融资需求发布主体占比</div> <div class="title">融资需求发布主体占比</div>
<div class="cir-flex"> <div class="cir-flex">
<div class="total-num"> <div class="total-num">
<h2>108</h2> <h2>{{applyInfo['总数'] || 0}}</h2>
<p>总数</p> <p>总数</p>
</div> </div>
<div id="circleChart"></div> <div id="circleChart"></div>
<div class="cir-text"> <div class="cir-text">
<div class="info"> <div class="info">
<p><span class="tips-bg" style="background: #2891FF;"></span>企业融资</p> <p><span class="tips-bg" style="background: #2891FF;"></span>企业融资</p>
<div>65</div> <div>{{applyInfo['企业融资'] || 0}}</div>
</div> </div>
<div class="info"> <div class="info">
<p><span class="tips-bg" style="background: #FFB865;"></span>个人融资</p> <p><span class="tips-bg" style="background: #FFB865;"></span>个人融资</p>
<div>65</div> <div>{{applyInfo['个人融资'] || 0}}</div>
</div> </div>
</div> </div>
</div> </div>
@@ -75,7 +48,7 @@
<div class="title">交易记录</div> <div class="title">交易记录</div>
<ai-search-bar style="padding:20px 20px 0 20px;"> <ai-search-bar style="padding:20px 20px 0 20px;">
<template #left> <template #left>
<ai-select v-model="search.messageType" placeholder="金融机构" clearable :selectList="$dict.getDict('dlbResourceType')" @change="getTableData()"></ai-select> <ai-select v-model="search.organizationType" placeholder="机构类型" clearable :selectList="$dict.getDict('financialOrganizationType')" @change="getList()"></ai-select>
<ai-search label="申请时间"> <ai-search label="申请时间">
<el-date-picker size="small" placeholder="请选择" type="daterange" <el-date-picker size="small" placeholder="请选择" type="daterange"
start-placeholder="开始日期" start-placeholder="开始日期"
@@ -83,22 +56,22 @@
style="width: 258px;" style="width: 258px;"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
v-model="stuTime" v-model="stuTime"
@change="page.current=1,getList()"/> @change="changeTime"/>
</ai-search> </ai-search>
</template> </template>
<template #right> <template #right>
<el-input size="small" placeholder="搜索企业名称" v-model="search.messageType" clearable @change="getList()"/> <el-input size="small" placeholder="请输入居民名称或真实姓名" v-model="search.name" clearable @change="getList()"/>
<ai-download :instance="instance" url="/app/appcommunityhouseresident/listExport" :params="search" <!-- <ai-download :instance="instance" url="/app/appcommunityhouseresident/listExport" :params="search"
fileName="人口信息"> fileName="人口信息">
<el-button icon="iconfont iconExported">导出</el-button> <el-button icon="iconfont iconExported">导出</el-button>
</ai-download> </ai-download> -->
</template> </template>
</ai-search-bar> </ai-search-bar>
<ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size" <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
@getList="getList" :col-configs="colConfigs" :dict="dict" style="padding:0 20px 20px 20px;"> @getList="getList" :col-configs="colConfigs" :dict="dict" style="padding:0 20px 20px 20px;">
<el-table-column slot="options" label="状态" fixed="right" width="100"> <el-table-column slot="options" label="状态" fixed="right" width="100" align="center">
<template slot-scope="{row}"> <template slot-scope="{row}">
<el-button type="text">详情</el-button> <span :class="`status${row.status}`">{{$dict.getLabel('financialLoanApplyStatus', row.status)}}</span>
</template> </template>
</el-table-column> </el-table-column>
</ai-table> </ai-table>
@@ -115,43 +88,82 @@ export default {
props: { props: {
instance: Function, instance: Function,
dict: Object, dict: Object,
permissions: Function permissions: Function,
areaId: String
}, },
computed: { computed: {
...mapState(['user']) ...mapState(['user'])
}, },
data() { data() {
return { return {
search: {messageType: ''}, search: {organizationId: '', name: '', createTimeStart: '', createTimeEnd: '', organizationType: ''},
page: {current: 1, total: 10}, page: {current: 1, total: 10},
circleChart: null, circleChart: null,
lineChart: null, lineChart: null,
columnChart: null, columnChart: null,
tableData: [], tableData: [],
colConfigs: [ colConfigs: [
{label: "产品名称", width: '200', prop: "enterpriseName"}, // {label: "产品名称", width: '200', prop: "enterpriseName"},
{label: "联系人", width: '100', prop: "areaName"}, {label: "联系人", width: '100', prop: "name"},
{label: "联系方式", width: '140', prop: "loanAmount"}, {label: "联系方式", width: '140', prop: "phone"},
{label: "身份证号", width: '180', prop: "createTime"}, {label: "身份证号", width: '180', prop: "idNumber"},
{label: "企业主体", width: '200', prop: "name"}, {label: "企业主体", width: '200', prop: "enterpriseName"},
{label: "贷款金额(万)", width: '120', prop: "phone"}, {label: "贷款金额(万)", width: '120', prop: "loanAmount"},
{label: "申请时间", width: '180', prop: "remark"}, {label: "申请时间", width: '180', prop: "createTime"},
{label: "贷款机构", width: '200', prop: "remark"}, {label: "贷款机构", width: '200', prop: "organizationName"},
{label: "机构类型", width: '200', prop: "remark"}, {label: "机构类型", width: '200', prop: "organizationType", dict:'financialOrganizationType'},
{slot: "options"} {slot: "options"}
], ],
cloList: [],
applyInfo: {},
demandInfo: {},
staticInfo: {},
stuTime: []
} }
}, },
methods: { methods: {
getTableData() { getTableData() {
this.circleChartInit() this.instance.post(`/appfinancingdemand/staticFinancialDemandByOrganization?areaId=${this.areaId}&organizationId=${this.search.organizationId}`).then(res => {
this.lineChartInit() if (res?.data) {
this.columnChartInit() if(res.data['对接成功率']) {
res.data['对接成功率'] = Number( res.data['对接成功率'] * 100) + '%'
}
this.cloList = res.data
}
})
this.instance.post(`/appfinancingdemand/staticFinancialDemandByApplyType?areaId=${this.areaId}&organizationId=${this.search.organizationId}`).then(res => {
if (res?.data) {
this.applyInfo = res.data
this.circleChartInit(this.applyInfo)
}
})
this.instance.post(`/appfinancingdemand/staticFinancialDemandByHot?areaId=${this.areaId}&organizationId=${this.search.organizationId}`).then(res => {
if (res?.data) {
var nameList = [], applyList = [], auditList = []
res.data.map((item) => {
nameList.push(item.organizationName)
applyList.push(item.applyNumber)
auditList.push(item.auditNumber)
})
this.columnChartInit(nameList, applyList, auditList)
}
})
this.instance.post(`/appfinancingdemand/staticFinancialDemandByMonth?areaId=${this.areaId}&organizationId=${this.search.organizationId}`).then(res => {
if (res?.data) {
var monthList = [], applyList = [], auditList = []
res.data.map((item) => {
monthList.push(item.month)
applyList.push(item.applyNumber)
auditList.push(item.auditNumber)
})
this.lineChartInit(monthList, applyList, auditList)
}
})
this.getList() this.getList()
}, },
getList() { getList() {
this.instance.post("/appfinancingdemand/list", null, { this.instance.post("/appfinancingdemand/list", null, {
params: {...this.page, ...this.search, status: 0} params: {...this.page, ...this.search}
}).then(res => { }).then(res => {
if (res?.data) { if (res?.data) {
this.tableData = res.data?.records this.tableData = res.data?.records
@@ -159,7 +171,7 @@ export default {
} }
}) })
}, },
circleChartInit() { circleChartInit(data) {
this.circleChart = echarts.init(document.getElementById('circleChart')) this.circleChart = echarts.init(document.getElementById('circleChart'))
if (!this.circleChart) { if (!this.circleChart) {
return this.circleChart.dispose(); return this.circleChart.dispose();
@@ -187,8 +199,8 @@ export default {
} }
}, },
data: [ data: [
{ value: 180}, { value: data['企业融资']},
{ value: 20}, { value: data['个人融资']},
] ]
} }
] ]
@@ -197,7 +209,7 @@ export default {
this.circleChart.setOption(option) this.circleChart.setOption(option)
}, },
lineChartInit() { lineChartInit(monthList, applyList, auditList) {
this.lineChart = echarts.init(document.getElementById('lineChart')) this.lineChart = echarts.init(document.getElementById('lineChart'))
if (!this.lineChart) { if (!this.lineChart) {
return this.lineChart.dispose(); return this.lineChart.dispose();
@@ -217,7 +229,7 @@ export default {
xAxis: { xAxis: {
type: 'category', type: 'category',
boundaryGap: false, boundaryGap: false,
data: ['2020-07', '2020-08', '2020-09', '2020-10', '2020-11'] data: monthList
}, },
yAxis: { yAxis: {
type: 'value' type: 'value'
@@ -226,7 +238,7 @@ export default {
{ {
name: '申请笔数', name: '申请笔数',
type: 'line', type: 'line',
data: [120, 132, 101, 134, 90, 230, 210], data: applyList,
itemStyle: { itemStyle: {
normal: { normal: {
lineStyle:{ lineStyle:{
@@ -239,7 +251,7 @@ export default {
name: '放款笔数', name: '放款笔数',
type: 'line', type: 'line',
stack: 'Total', stack: 'Total',
data: [220, 182, 191, 234, 290, 330, 310], data: auditList,
itemStyle: { itemStyle: {
normal: { normal: {
lineStyle:{ lineStyle:{
@@ -252,7 +264,7 @@ export default {
}; };
this.lineChart.setOption(option) this.lineChart.setOption(option)
}, },
columnChartInit() { columnChartInit(nameList, applyList, auditList) {
this.columnChart = echarts.init(document.getElementById('columnChart')) this.columnChart = echarts.init(document.getElementById('columnChart'))
if (!this.columnChart) { if (!this.columnChart) {
return this.columnChart.dispose(); return this.columnChart.dispose();
@@ -277,7 +289,7 @@ export default {
axisTick: { axisTick: {
show: false show: false
}, },
data: ['重庆银行秀山支行', '哈尔滨银行秀山支行', '重庆银行五岳广场支行', '重庆秀山北银村镇银行'] data: nameList
}], }],
yAxis: [{ yAxis: [{
type: 'value' type: 'value'
@@ -286,22 +298,38 @@ export default {
name: '申请数量', name: '申请数量',
type: 'bar', type: 'bar',
barGap: 0, barGap: 0,
data: [100, 80, 90, 100, 60], data: applyList,
barWidth: 10, barWidth: 10,
}, },
{ {
name: '放款数量', name: '放款数量',
type: 'bar', type: 'bar',
barGap: 0, barGap: 0,
data: [100, 80, 90, 100, 60], data: auditList,
barWidth: 10, barWidth: 10,
}] }]
}; };
this.columnChart.setOption(option) this.columnChart.setOption(option)
},
changeTime() {
this.search.createTimeStart = ''
this.search.createTimeEnd = ''
if(this.stuTime.length) {
this.search.createTimeStart = this.stuTime[0]
this.search.createTimeEnd = this.stuTime[1]
}
this.page.current = 1
this.getList()
} }
}, },
created() {
this.dict.load('financialOrganizationType', 'financialLoanApplyStatus')
},
mounted() { mounted() {
if(this.user.financeUser.id) { //机构
this.search.organizationId = this.user.financeUser.organizationId
}
this.getTableData() this.getTableData()
} }
} }
@@ -451,5 +479,14 @@ export default {
color: #222; color: #222;
padding-left: 16px; padding-left: 16px;
} }
.status0{
color: #f82;
}
.status1{
color: #2EA222;
}
.status2{
color: #f46;
}
} }
</style> </style>