assess-app/common/statistics/stat_finance_chart.vue

<template>
	<view class="page-box-bg-fff m-t20 r-30 p-30">
		<!-- 模块title -->
		<StatisticsTitle :genre="0" :leftText="'财务汇总占比'" :rightText="'同比环比'" @onHandle="onHandle"></StatisticsTitle>
		<view class="content_chart row-justify-sb center">
			<view class="chart_item column-c sys-from-background-color m-r30 r-20 p-tb20">
				<CircleChart :bgColor="'#2B7DFA'"></CircleChart>
				<text class="size-24 sys-from-background-color m-t16">放款</text>
			</view>
			<view class="chart_item column-c sys-from-background-color r-20 p-tb20">
				<CircleChart :bgColor="'#ED9A2C'"></CircleChart>
				<text class="size-24 sys-from-background-color m-t16">回款</text>
			</view>
		</view>
	</view>
</template>

<script>
	import CircleChart from "@/common/chart/circle_chart.vue";
	import StatisticsTitle from "@/common/statistics/statistics_title.vue";

	export default {
		name: 'content_chart',
		components: {
			CircleChart,
			StatisticsTitle
		},
		data() {
			return {

			};
		},
		methods: {
			onHandle() {
				console.log(999);
				// 业务跳转
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content_chart {
		text-align: center;

		.chart_item {
			width: 330rpx;

			.num {
				width: 140rpx;
				height: 50rpx;
				line-height: 50rpx;
				background: #F7F9FE;
				border-radius: 10rpx;
			}
		}
	}
</style>