84 lines
1.5 KiB
Vue
84 lines
1.5 KiB
Vue
<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> |