<template>
	<view class="content">
		<farmersCard></farmersCard>
		<view class="circumstance" v-for="(item,index) in actionList" :key="index">
			<view class="card-tit">
				<view class="">
					{{index}}
				</view>
				<view class="updata-btn" @click="navgo('/pages/growRecord/index')">
					更新{{index.slice(0,-2)}}
				</view>
			</view>
			<myTable :dataList="item.action_record">>
			</myTable>
		</view>
	</view>
</template>

<script setup>
	import farmersCard from "@/components/animal/farmersCard.vue"
	import {
		ref,
		reactive
	} from "vue"
	import myTable from "@/components/myTable/index.vue"
	import {

		actionsAPI
	} from "@/api/animal.js"
	const actionList = reactive({})
	actionsAPI({
		type: 3
	}).then(res => {
		for (let key in res.data) {
			actionList[key] = (res.data)[key]
		}
	})
	const navgo = (url) => {
		uni.navigateTo({
			url
		})
	}
</script>

<style lang="scss" scoped>
	.circumstance {
		width: 693.93rpx;
		margin: 0 auto;
		margin-bottom: 43rpx;

		.card-tit {
			display: flex;
			justify-content: space-between;
			margin-bottom: 28rpx;
		}

		.updata-btn {
			font-size: 26.29rpx;
			// width: 192.76rpx;
			padding: 0 30rpx;
			height: 57.83rpx;
			border: 1px solid #00A15E;
			color: #00A15E;
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius: 31.54rpx 31.54rpx 31.54rpx 31.54rpx;
		}

		.check {
			font-size: 29.79rpx;
			text-align: center;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.tab {

			height: 500rpx;
			background-color: red;
		}
	}
</style>