You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
888 B
44 lines
888 B
2 years ago
|
<style lang="scss">
|
||
|
|
.content{
|
||
|
|
min-height: 100%;
|
||
|
|
background:#F6F6F6;
|
||
|
|
&>map{
|
||
|
|
height:348rpx;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
&>.u-tabs{
|
||
|
|
background:#fff;
|
||
|
|
box-shadow: 0 6rpx 12rpx 2rpx rgba(0,0,0,0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<template>
|
||
|
|
<view class="content">
|
||
|
|
<map/>
|
||
|
|
|
||
|
|
<u-tabs :list="tabs" :current="tabIndex" activeStyle="color:#10C176;" lineColor="#10C176" lineWidth="50" :scrollable="false" @change="tabIndex=$event.index"/>
|
||
|
|
|
||
|
|
<plant-plan v-if="tabIndex==0"/>
|
||
|
|
<farmRecord v-else-if="tabIndex==1" />
|
||
|
|
<recovery v-else />
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import plantPlan from './plantPlan.vue'
|
||
|
|
import farmRecord from './farmRecord.vue'
|
||
|
|
import recovery from './recovery.vue'
|
||
|
|
export default {
|
||
|
|
components:{plantPlan,farmRecord,recovery},
|
||
|
|
data(){
|
||
|
|
return{
|
||
|
|
tabIndex:0,
|
||
|
|
tabs:[
|
||
|
|
{name:"种植计划",},
|
||
|
|
{name:"农事记录",},
|
||
|
|
{name:"采收记录",},
|
||
|
|
]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|