查询外业个人汇总统计信息

pages/index/common/hcCounts.vue

@@ -0,0 +1,108 @@
+<template>
+	<view class="hcdata">
+		<div class="nameTitle">当前监测图斑外业举证</div>
+		<uni-row>
+			<uni-col :span="6">
+				<view class="status" @click.stop="golist({stepState:0})">
+					<view class="num">{{ hccount.hz }}个</view>
+					<view>全部图斑</view>
+				</view>
+			</uni-col>
+			<uni-col :span="18">
+				<view class='countview'>
+					<div class="hcitem" v-for="(item, key) in hclist" :key="key" @click.stop="golist(item)">
+						<image class="logo" src="@/static/logo.png"></image>
+						{{item.name}}{{hccount[item.prop]}}个
+					</div>
+				</view>
+			</uni-col>
+		</uni-row>
+	</view>
+</template>
+<script>
+	import {
+		getHcCount
+	} from "@/api/dkjbxx.js";
+	import {hcs}from "../config.js";
+	export default {
+		name: "hcCounts",
+		components: {},
+		data() {
+			return {
+				loading: false,
+				hccount: {},
+				hclist:hcs
+
+			};
+		},
+		onLoad() {},
+		created() {},
+		mounted() {
+			this.getList();
+		},
+		onReady() {
+			//this.$refs.form.setRules(this.rules)
+		},
+		methods: {
+			getList() {
+				this.loading = true;
+				getHcCount().then((res) => {
+					this.hccount = res.data;
+					this.loading = false;
+				});
+			},
+			//跳转到详情页
+			golist(data) {
+				console.log(data, '----')
+				this.$emit('golist', data, this.hccount)
+			},
+		},
+	};
+</script>
+
+<style lang="scss">
+	.hcdata {
+		background: #fff;
+		padding: 20rpx;
+		border-radius: 20rpx;
+		margin-bottom: 30rpx;
+		height: 240rpx;
+
+		.nameTitle {
+			//color: red;
+			line-height: 50rpx;
+			font-weight: bold;
+			margin-bottom: 20rpx;
+		}
+
+		.status {
+			width: 130rpx;
+			height: 130rpx;
+			text-align: center;
+			line-height: 40rpx !important;
+			padding: 10rpx 0;
+			background: #D2EFFC;
+			border: 2rpx solid #02A7F0;
+			border-radius: 10rpx;
+			cursor: pointer;
+
+			.num {
+				color: #02A7F0;
+				font-weight: 600;
+			}
+		}
+
+
+		.countview {
+			.hcitem {
+				width: 40%;
+				display: inline-block;
+
+				.logo {
+					width: 40rpx;
+					height: 40rpx;
+				}
+			}
+		}
+	}
+</style>

pages/index/config.js

@@ -1,34 +1,93 @@
-
-
 export const hcs = [{
-  name: '待核查',
-  prop: 'dhc',
-  stepState: 0
-},
-{
-  name: '核查中',
-  prop: 'hcz',
-  stepState: 1
-},
-{
-  name: '已核查',
-  prop: 'yhc',
-  stepState: 2
-},
-{
-  name: '已退回',
-  prop: 'th',
-  stepState: -1
-},
+		name: '待核查',
+		prop: 'dhc',
+		stepState: 0
+	},
+	{
+		name: '核查中',
+		prop: 'hcz',
+		stepState: 1
+	},
+	{
+		name: '已核查',
+		prop: 'yhc',
+		stepState: 2
+	},
+	{
+		name: '已退回',
+		prop: 'th',
+		stepState: -1
+	},
 ]
-export const TableHeader = [
-  { label: "地块编号", align: "center", prop: "dkbh" },
-  { label: "行政区名称", align: "center", prop: "xzqmc" },
-  { label: "监测面积(亩)", align: "center", prop: "dkmj" },
-  { label: "前类型", align: "center", prop: "qlx" },
-  { label: "后类型", align: "center", prop: "hlx" },
-  { label: "前时相", align: "center", prop: "qsx" },
-  { label: "后时相", align: "center", prop: "hsx" },
-  { label: "操作", slot: "action", width: 140, align: 'center' },
+
+
+
+
+export const jbxxs = [{
+		name: "行政区代码",
+		prop: "xzqdm"
+	},
+	{
+		name: "行政区名称",
+		prop: "xzqmc"
+	},
+	{
+		name: "图斑编号",
+		prop: "dkbh"
+	},
+	{
+		name: "前类型",
+		prop: "qlx"
+	},
+	{
+		name: "后类型",
+		prop: "hlx"
+	},
+	{
+		name: "中心点经度",
+		prop: "lzb"
+	},
+	{
+		name: "中心点纬度",
+		prop: "bzb"
+	},
+	{
+		name: "监测面积（亩）",
+		prop: "dkmj"
+	},
+	{
+		name: "前时相",
+		prop: "qsx"
+	},
+	{
+		name: "后时相",
+		prop: "hsx"
+	},
 ]
 
+
+export const tdxzTable = [
+	// { label: "地类编码", prop: "id", align: 'center' },
+	{
+		label: "ID",
+		prop: "swid",
+		align: 'center',
+		width: 110,
+	},
+	{
+		label: "压占面积",
+		prop: "yzmj",
+		align: 'center'
+	},
+	{
+		label: "压占面积比",
+		slot: "ratio",
+		align: 'center'
+	},
+	// {
+	// 	label: "操作",
+	// 	slot: "action",
+	// 	align: 'center'
+	// },
+
+]