<template>
	<view style="margin-top: 80rpx;">
		<view class="font-senventy-two">
			基础信息
		</view>
		<view class="square" @click="gotochart('/pages/chart/chartList')">
			<image src="/static/icon/project.png" mode="" class="icon"></image>
			<view class="font-thirty-six">
				工程管理
			</view>
		</view>
		<view class="font-senventy-two">
			统计信息
		</view>
		<view style="background: #fcfcfe; margin-bottom: 15rpx;margin-top: 40rpx;">
			<view style="padding-top:20rpx;text-align: center;font-size: 50rpx;font-weight: 900;">小区合格率</view><newchartDetail ref='tj1' :allType='examineArea' ></newchartDetail>
		</view>
		<view style="background: #fcfcfe; margin-bottom: 15rpx;">
			<view style="padding-top:20rpx;text-align: center;font-size: 50rpx;font-weight: 900;">职工合格率</view><newchartDetail ref='tj2' :allType='ExamineWorker' ></newchartDetail>
		</view>
		<view style="background: #fcfcfe; margin-bottom: 15rpx;">
			<view style="padding-top:20rpx;text-align: center;font-size: 50rpx;font-weight: 900;">小区服务</view><newchartDetail ref='tj3' :allType='getExamineServe' ></newchartDetail>
		</view>
		<view style="background: #fcfcfe; margin-bottom: 15rpx;">
			<view style="padding-top:20rpx;text-align: center;font-size: 50rpx;font-weight: 900;">管材类别设计</view><newchartDetail ref='tj4' :allType='getExaminePipeType' ></newchartDetail>
		</view>
		<view style="background: #fcfcfe; margin-bottom: 15rpx;">
			<view style="padding-top:20rpx;text-align: center;font-size: 50rpx;font-weight: 900;">管材长度</view><newchartDetail ref='tj5' :allType='getExaminePipeLength' ></newchartDetail>
		</view>
		<view style="background: #fcfcfe; margin-bottom: 15rpx;">
			<view style="padding-top:20rpx;text-align: center;font-size: 50rpx;font-weight: 900;">自闭阀类别</view><newchartDetail ref='tj6' :allType='getExamineValveType' ></newchartDetail>
		</view>
		<view style="background: #fcfcfe; margin-bottom: 15rpx;">
			<view style="padding-top:20rpx;text-align: center;font-size: 50rpx;font-weight: 900;">小区汇总</view><newchartDetail ref='tj7' :allType='getAreaSum' ></newchartDetail>
		</view>
	</view>
</template>

<script>
	import service from '@/api/index.js';
	import newchartDetail from './newchartDetail.vue';
	export default {
		components: {
			newchartDetail,
		},
		data() {
			return {
				examineArea:'examineArea',
				ExamineWorker:'ExamineWorker',
				getExamineServe:'getExamineServe',
				getExaminePipeType:'getExaminePipeType',
				getExaminePipeLength:'getExaminePipeLength',
				getExamineValveType:'getExamineValveType',
				getAreaSum:'getAreaSum',
			}
		},
		methods: {
			gotochart(url) {
				uni.navigateTo({
					url,
				})
			},
		}
	}
</script>
<style lang="scss" scoped>
	.choose {
		text-align: center;
		padding: 20rpx;
		margin: 30rpx;
		color: #FFFFFF;
		background: #43CEB1;
		border-radius: 64rpx;
	}
	.square{
		margin: 25rpx;
		.icon{
			margin-left: 22rpx;
			width: 100rpx;
			height: 100rpx;
		}
	}
	
</style>