assess-app/pages/statistics/module/stat_industry.vue

<template>
	<view class="page-box-bg-fff m-t20 r-30 p-30">
		<StatisticsTitle :is_right="false" :genre="0" :leftText="'行业占比(金额排行)'" :rightText="'同比环比'" @onHandle="onHandle">
		</StatisticsTitle>
		<view class="page-box-bg-fff row-justify-sb center r-30 p-r60">
			<view class="chart_item column-c m-lr20">
				<CircleChart :bgColor="'#2B7DFA'"></CircleChart>
			</view>
			<view class="">
				<view class="row-c p-tb10" v-for="(item,index) in list" :key="index">
					<view class="wh-14 m-r10" :style="{background:item.color}"></view>
					<text class="size-24 text-color-576">{{item.name}}</text>
				</view>
			</view>
			<view class="">
				<view class="row-c p-tb10" v-for="(item,index) in list" :key="index">
					<view class="wh-14 m-r10" :style="{background:item.color}"></view>
					<text class="size-24 text-color-576">{{item.name}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

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

	export default {
		name: 'stat_industry',
		components: {
			CircleChart,
			StatisticsTitle
		},
		data() {
			return {
				list: [{
					name: '电力',
					color: '#2B7DFA'
				}, {
					name: '信息传媒',
					color: '#00BF8A'
				}, {
					name: '互联网',
					color: '#ED9A2C'
				}, ]
			};
		},
		methods: {
			onChange(e) {
				this.current = e
			}
		}
	}
</script>

<style lang="scss" scoped>
</style>