LK/income_payments_client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

【修改】统计金额修改为千分位展示

Browse Source
This commit is contained in:
fengachen
2022-06-02 11:38:14 +08:00
parent f55b77e7a0
commit a9ddce0a21
8 changed files with 200 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/utils/formatMoney.js
+41
View File
@@ -0,0 +1,41 @@
export function formatMoney(money) {
var num = (money || 0).toString(),
re = /\d{3}$/,
result = ''
var point = ''
if (num.indexOf('.') !== -1) {
point = num.substring(num.indexOf('.'))
num = parseInt(num)
}
while (re.test(num)) {
result = RegExp.lastMatch + result
if (num !== RegExp.lastMatch) {
result = ',' + result
num = RegExp.leftContext
} else {
num = ''
break
}
}
if (num) {
result = num + result
}
function _(result) {
return result.replace('-,', '-')
}
function __(result) {
if (result[0] === ',') {
result = result.substring(1)
}
return result
}
function ___(result) {
if (result[0] === '.') {
result = '0' + result
}
return result
}
return ___(__(_(result) + point))
}
src/views/statisticalReport/WholeInstituteStatisticsList.vue
+22 -4
View File
@@ -138,6 +138,14 @@
</a-tooltip>
</template>
<template slot="allMoney" slot-scope="text">
<a-tooltip>
<template slot="title">{{ formatMoney(text) }}</template>
<div class="table-text">{{ formatMoney(text) }}</div>
</a-tooltip>
</template>
<!-- 是否打包-->
<template slot="pack" slot-scope="text, record">
<status-slot :statu-obj="record" :status-no="text" :status-type="true"></status-slot>
@@ -171,6 +179,14 @@
</a-tooltip>
</template>
<template slot="allMoney" slot-scope="text">
<a-tooltip>
<template slot="title">{{ formatMoney(text) }}</template>
<div class="table-text">{{ formatMoney(text) }}</div>
</a-tooltip>
</template>
</a-table>
</template>
@@ -191,6 +207,7 @@ import { getAction } from '../../api/manage'
import ProjectDetailModal from '../../components/ProjectDetailModal'
import { downloadFile } from '../../api/manage'
import StatusSlot from '../../components/tools/StatusSlot'
import {formatMoney} from '@/utils/formatMoney'
export default {
name: 'WholeInstituteStatisticsList',
@@ -256,13 +273,13 @@ export default {
align: 'center',
width: 200,
dataIndex: 'allMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '实收金额',
align: 'center',
width: 200,
dataIndex: 'comeAllMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '来款用途',
align: 'center',
@@ -311,13 +328,13 @@ export default {
align: 'center',
width: 200,
dataIndex: 'allMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '实收金额',
align: 'center',
width: 200,
dataIndex: 'comeAllMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '来款用途',
align: 'center',
@@ -350,6 +367,7 @@ export default {
this.setScroll()
},
methods: {
formatMoney,
/**
* 同步表与footer滚动，保留底部滚动条
*/
src/views/statisticalReport/departmentStatistics/IndividualPaymentStatisticsList.vue
+26 -4
View File
@@ -90,6 +90,14 @@
<j-ellipsis :value="text" :length="18"></j-ellipsis>
</template>
<template slot="allMoney" slot-scope="text">
<a-tooltip>
<template slot="title">{{ formatMoney(text) }}</template>
<div class="table-text">{{ formatMoney(text) }}</div>
</a-tooltip>
</template>
<template slot="footer" v-if="dataSource.length > 0">
<a-table
@@ -107,6 +115,14 @@
<j-ellipsis :value="text" :length="18"></j-ellipsis>
</template>
<template slot="allMoney" slot-scope="text">
<a-tooltip>
<template slot="title">{{ formatMoney(text) }}</template>
<div class="table-text">{{ formatMoney(text) }}</div>
</a-tooltip>
</template>
</a-table>
</template>
@@ -124,6 +140,7 @@ import JYearDate from '../../../components/jero/JYearDate'
import SelectPrincipal from '../../../components/company/SelectPrincipal'
import { getAllDepartTreeList } from '../../../api/incomePaymentsApi'
import { getAction } from '@api/manage'
import {formatMoney} from '@/utils/formatMoney'
export default {
name: 'IndividualPaymentStatisticsList',
@@ -164,12 +181,14 @@ export default {
title: '应收金额',
align: 'center',
width: 140,
dataIndex: 'allMoney'
dataIndex: 'allMoney',
scopedSlots: {customRender: 'allMoney'}
}, {
title: '实收金额',
align: 'center',
width: 140,
dataIndex: 'comeAllMoney'
dataIndex: 'comeAllMoney',
scopedSlots: {customRender: 'allMoney'}
}, {
title: '个人完成率',
align: 'center',
@@ -194,12 +213,14 @@ export default {
title: '应收金额',
align: 'center',
width: 140,
dataIndex: 'allMoney'
dataIndex: 'allMoney',
scopedSlots: {customRender: 'allMoney'}
}, {
title: '实收金额',
align: 'center',
width: 140,
dataIndex: 'comeAllMoney'
dataIndex: 'comeAllMoney',
scopedSlots: {customRender: 'allMoney'}
}, {
title: '个人完成率',
align: 'center',
@@ -228,6 +249,7 @@ export default {
this.setScroll()
},
methods: {
formatMoney,
// 同步表与footer滚动，保留底部滚动条
setScroll() {
if (this.dataSource.length === 0) {
src/views/statisticalReport/departmentStatistics/ProjectPaymentStatisticsList.vue
+22 -4
View File
@@ -110,6 +110,14 @@
<status-slot :statu-obj="record" :status-no="text" :status-type="true"></status-slot>
</template>
<template slot="allMoney" slot-scope="text">
<a-tooltip>
<template slot="title">{{ formatMoney(text) }}</template>
<div class="table-text">{{ formatMoney(text) }}</div>
</a-tooltip>
</template>
<template slot="footer" v-if="dataSource.length > 0">
<a-table
size="middle"
@@ -128,6 +136,14 @@
@click="openDetailModal(record)"></j-ellipsis>
</template>
<template slot="allMoney" slot-scope="text">
<a-tooltip>
<template slot="title">{{ formatMoney(text) }}</template>
<div class="table-text">{{ formatMoney(text) }}</div>
</a-tooltip>
</template>
<template slot="text" slot-scope="text">
<j-ellipsis :value="text" :length="18"></j-ellipsis>
@@ -151,6 +167,7 @@ import SelectPrincipal from '@comp/company/SelectPrincipal'
import { getAllDepartTreeList } from '../../../api/incomePaymentsApi'
import ProjectDetailModal from '../../../components/ProjectDetailModal'
import StatusSlot from '../../../components/tools/StatusSlot'
import {formatMoney} from '@/utils/formatMoney'
export default {
name: 'ProjectPaymentStatisticsList',
@@ -210,13 +227,13 @@ export default {
align: 'center',
width: 160,
dataIndex: 'allMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '实收金额',
align: 'center',
width: 160,
dataIndex: 'comeAllMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '来款用途',
align: 'center',
@@ -261,13 +278,13 @@ export default {
align: 'center',
width: 160,
dataIndex: 'allMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '实收金额',
align: 'center',
width: 160,
dataIndex: 'comeAllMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '来款用途',
align: 'center',
@@ -298,6 +315,7 @@ export default {
this.setScroll()
},
methods: {
formatMoney,
/**
* 获取科室（部门）数据
*/
src/views/statisticalReport/enterprisePaymentStatistics/EnterprisePaymentStatisticsDetail.vue
+23 -5
View File
@@ -92,6 +92,14 @@
<status-slot :statu-obj="record" :status-no="text" :status-type="true"></status-slot>
</template>
<template slot="allMoney" slot-scope="text">
<a-tooltip>
<template slot="title">{{ formatMoney(text) }}</template>
<div class="table-text">{{ formatMoney(text) }}</div>
</a-tooltip>
</template>
<template slot="footer" v-if="dataSource.length > 0">
<a-table
@@ -111,6 +119,14 @@
@click="openDetailModal(record)"></j-ellipsis>
</template>
<template slot="allMoney" slot-scope="text">
<a-tooltip>
<template slot="title">{{ formatMoney(text) }}</template>
<div class="table-text">{{ formatMoney(text) }}</div>
</a-tooltip>
</template>
<template slot="text" slot-scope="text">
<j-ellipsis :value="text" :length="18"></j-ellipsis>
</template>
@@ -132,6 +148,7 @@ import JYearDate from '../../../components/jero/JYearDate'
import { getAction } from '@api/manage'
import ProjectDetailModal from '../../../components/ProjectDetailModal'
import StatusSlot from '../../../components/tools/StatusSlot'
import {formatMoney} from '@/utils/formatMoney'
export default {
name: 'EnterprisePaymentStatisticsDetail',
@@ -173,7 +190,7 @@ export default {
width: 300,
dataIndex: 'chargeCompanyName',
scopedSlots: { customRender: 'text' }
}, , {
}, {
title: '是否打包',
align: 'center',
width: 100,
@@ -184,13 +201,13 @@ export default {
align: 'center',
width: 160,
dataIndex: 'allMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '实收金额',
align: 'center',
width: 160,
dataIndex: 'comeAllMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '来款用途',
align: 'center',
@@ -229,13 +246,13 @@ export default {
align: 'center',
width: 160,
dataIndex: 'allMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '实收金额',
align: 'center',
width: 160,
dataIndex: 'comeAllMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '来款用途',
align: 'center',
@@ -262,6 +279,7 @@ export default {
this.setScroll()
},
methods: {
formatMoney,
// 同步表与footer滚动，保留底部滚动条
setScroll() {
if (this.dataSource.length === 0) {
src/views/statisticalReport/enterprisePaymentStatistics/EnterprisePaymentStatisticsList.vue
+21 -4
View File
@@ -81,6 +81,13 @@
<div class="table-text">{{ text }}</div>
</a-tooltip>
</template>
<template slot="allMoney" slot-scope="text">
<a-tooltip>
<template slot="title">{{ formatMoney(text) }}</template>
<div class="table-text">{{ formatMoney(text) }}</div>
</a-tooltip>
</template>
<span slot="action" class="action-span-cell" slot-scope="text, record">
<a @click="goDetail(record)" v-has="'companyPaymentStatistics:detail'">详情</a>
@@ -109,6 +116,14 @@
<j-ellipsis :value="text" :length="18"></j-ellipsis>
</template>
<template slot="allMoney" slot-scope="text">
<a-tooltip>
<template slot="title">{{ formatMoney(text) }}</template>
<div class="table-text">{{ formatMoney(text) }}</div>
</a-tooltip>
</template>
</a-table>
</template>
@@ -126,6 +141,7 @@ import JYearDate from '../../../components/jero/JYearDate'
import { getAction } from '@api/manage'
import CompanySelect from '@comp/company/CompanySelect'
import { filterObj } from '../../../utils/util'
import {formatMoney} from '@/utils/formatMoney'
export default {
name: 'EnterprisePaymentStatisticsList',
@@ -166,13 +182,13 @@ export default {
align: 'center',
width: 160,
dataIndex: 'allMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '实收总金额',
align: 'center',
width: 160,
dataIndex: 'comeAllMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '到账率',
align: 'center',
@@ -205,13 +221,13 @@ export default {
align: 'center',
width: 160,
dataIndex: 'allMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '实收总金额',
align: 'center',
width: 160,
dataIndex: 'comeAllMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '到账率',
align: 'center',
@@ -241,6 +257,7 @@ export default {
this.setScroll()
},
methods: {
formatMoney,
goDetail(record) {
this.$router.push({
path: '/statisticalReport/enterprisePaymentStatistics/EnterprisePaymentStatisticsDetail',
src/views/statisticalReport/workingGroupPaymentStatistics/WorkingGroupPaymentStatisticsDetail.vue
+22 -4
View File
@@ -99,6 +99,14 @@
<j-ellipsis :value="text" :length="18"></j-ellipsis>
</template>
<template slot="allMoney" slot-scope="text">
<a-tooltip>
<template slot="title">{{ formatMoney(text) }}</template>
<div class="table-text">{{ formatMoney(text) }}</div>
</a-tooltip>
</template>
<span slot="action" class="action-span-cell" slot-scope="text, record">
<a @click="goDetail(record.id)">详情</a>
</span>
@@ -127,6 +135,14 @@
@click="openDetailModal(record)"></j-ellipsis>
</template>
<template slot="allMoney" slot-scope="text">
<a-tooltip>
<template slot="title">{{ formatMoney(text) }}</template>
<div class="table-text">{{ formatMoney(text) }}</div>
</a-tooltip>
</template>
<template slot="text" slot-scope="text">
<j-ellipsis :value="text" :length="18"></j-ellipsis>
</template>
@@ -147,6 +163,7 @@ import SelectPrincipal from '../../../components/company/SelectPrincipal'
import JYearDate from '../../../components/jero/JYearDate'
import { getAction } from '../../../api/manage'
import StatusSlot from '../../../components/tools/StatusSlot'
import {formatMoney} from '@/utils/formatMoney'
export default {
name: 'WorkingGroupPaymentStatisticsDetail',
@@ -200,13 +217,13 @@ export default {
align: 'center',
width: 160,
dataIndex: 'allMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '实收金额',
align: 'center',
width: 160,
dataIndex: 'comeAllMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '来款用途',
align: 'center',
@@ -253,13 +270,13 @@ export default {
align: 'center',
width: 160,
dataIndex: 'allMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '实收金额',
align: 'center',
width: 160,
dataIndex: 'comeAllMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '来款用途',
align: 'center',
@@ -283,6 +300,7 @@ export default {
}
},
methods: {
formatMoney,
loadData(arg) {
if (!this.url.list) {
this.$message.error('请设置url.list属性!')
src/views/statisticalReport/workingGroupPaymentStatistics/WorkingGroupPaymentStatisticsList.vue
+23 -4
View File
@@ -84,6 +84,14 @@
</a-tooltip>
</template>
<template slot="allMoney" slot-scope="text">
<a-tooltip>
<template slot="title">{{ formatMoney(text) }}</template>
<div class="table-text">{{ formatMoney(text) }}</div>
</a-tooltip>
</template>
<span slot="action" class="action-span-cell" slot-scope="text, record">
<a @click="goDetail(record.id)" v-has="'workingGroupPaymentStatistics:detail'">详情</a>
</span>
@@ -117,6 +125,15 @@
<div class="table-text">{{ text }}</div>
</a-tooltip>
</template>
<template slot="allMoney" slot-scope="text">
<a-tooltip>
<template slot="title">{{ formatMoney(text) }}</template>
<div class="table-text">{{ formatMoney(text) }}</div>
</a-tooltip>
</template>
</a-table>
</template>
@@ -132,6 +149,7 @@ import PageHeaderTitle from '../../../components/layouts/PageHeaderTitle'
import { JeroListMixin } from '../../../mixins/JeroListMixin'
import JYearDate from '../../../components/jero/JYearDate'
import { getAction } from '../../../api/manage'
import {formatMoney} from '@/utils/formatMoney'
export default {
name: 'WorkingGroupPaymentStatisticsList',
@@ -172,13 +190,13 @@ export default {
align: 'center',
width: 160,
dataIndex: 'allMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '实收总金额',
align: 'center',
width: 160,
dataIndex: 'comeAllMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '实收完成率',
align: 'center',
@@ -212,13 +230,13 @@ export default {
align: 'center',
width: 160,
dataIndex: 'allMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '实收总金额',
align: 'center',
width: 160,
dataIndex: 'comeAllMoney',
scopedSlots: { customRender: 'text' }
scopedSlots: { customRender: 'allMoney' }
}, {
title: '实收完成率',
align: 'center',
@@ -245,6 +263,7 @@ export default {
}
},
methods: {
formatMoney,
loadData(arg) {
if (!this.url.list) {
this.$message.error('请设置url.list属性!')