zdsz_WeChatApplet/pages/chart/chart.vue

<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 class="font-fifty-six SourceHanSansCN choose" @click="gotochart('/pages/chart/chartDetail?type=examineArea')">
			小区合格率
		</view>
		<view class="font-fifty-six SourceHanSansCN choose" @click="gotochart('/pages/chart/chartDetail?type=ExamineWorker')">
			职工合格率
		</view>
		<view class="font-fifty-six SourceHanSansCN choose" @click="gotochart('/pages/chart/chartDetail?type=getExamineServe')">
			小区服务
		</view>
		<view class="font-fifty-six SourceHanSansCN choose" @click="gotochart('/pages/chart/chartDetail?type=getExaminePipeType')">
			管材类别设计
		</view>
		<view class="font-fifty-six SourceHanSansCN choose" @click="gotochart('/pages/chart/chartDetail?type=getExaminePipeLength')">
			管材长度
		</view>
		<view class="font-fifty-six SourceHanSansCN choose" @click="gotochart('/pages/chart/chartDetail?type=getExamineValveType')">
			自闭阀类别
		</view>
		<view class="font-fifty-six SourceHanSansCN choose" @click="gotochart('/pages/chart/chartDetail?type=getAreaSum')">
			小区汇总
		</view>
	</view>
</template>

<script>
	import service from '@/api/index.js'
	export default {
		data() {
			return {
				// chartData: {
				// 	series: [{
				// 		data: []
				// 	}]
				// },
			}
		},
		onLoad() {
			// this.getList()
			// this.getExamineValveType()
			// this.getwork();
		},
		methods: {
			getList() {
				service.getList().then(res => {
					console.log('getList', res)
				})
			},
			gotochart(url) {
				uni.navigateTo({
					url,
				})

			},
			getExamineValveType() {
				service.getExamineValveType().then(res => {
					this.chartData.series[0].data = res
					console.log('getExamineValveType', res)
				})
			},
			// getOrderListFn() {
			// 	if (this.itemList.length < this.total) {
			// 		server.getOrderList(this.orderParams).then(response => {
			// 			this.orderParams.pageNum = response.current + 1
			// 			for (var i = 0; i < response.records.length; i++) {
			// 				this.itemList.push(response.records[i])
			// 			}
			// 		})
			// 	}
			// },
		}
	}
</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>