| | |
| | | </div> |
| | | <div class="out" @click="goToBack"> |
| | | <img src="../../../public/img/out.png" /> |
| | | <span> 退出</span> |
| | | <span> 返回</span> |
| | | </div> |
| | | </div> |
| | | <div class="farm-plant"> |
| | |
| | | </div> |
| | | <div class="land-info"> |
| | | <div class="content"> |
| | | <span>有轮廓的地块:</span> |
| | | <span |
| | | style="font-size: 26px;font-weight: bold;color: #5ABF78;" |
| | | > {{landIsAreaStatistic[0]}}</span> |
| | | |
| | | <span>无轮廓的地块:</span> |
| | | <span |
| | | style="font-size: 26px;font-weight: bold;color: #E3B745;" |
| | | > {{landIsAreaStatistic[1]}}</span> |
| | | <div> |
| | | 有轮廓的地块: |
| | | <span |
| | | style="font-size: 26px;font-weight: bold;color: #5ABF78;" |
| | | >{{landIsAreaStatistic[0]}}</span> |
| | | </div> |
| | | |
| | | <div> |
| | | 无轮廓的地块: |
| | | <span |
| | | style="font-size: 26px;font-weight: bold;color: #E3B745;" |
| | | >{{landIsAreaStatistic[1]}}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="farm-land"> |
| | |
| | | landList: [], |
| | | farmInfo: {}, |
| | | landAreaInfo: {}, |
| | | landIsAreaStatistic: null, |
| | | landIsAreaStatistic: [0, 0], |
| | | } |
| | | |
| | | }, |
| | |
| | | //获取地块轮廓统计信息 |
| | | getLandIsAreaStatistic () { |
| | | getLandIsAreaStatistic(this.userInfo.farmId).then(res => { |
| | | console.log(res) |
| | | this.landIsAreaStatistic = res.data.data |
| | | }) |
| | | } |
| | |
| | | top: 112px; |
| | | |
| | | .content { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | margin: auto; |
| | | padding: 0 40px; |
| | | width: 431px; |
| | | height: 56px; |
| | | background: rgba(0, 0, 0, 0.5); |
| | | border-radius: 28px 28px 28px 28px; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | font-size: 16px; |
| | | font-weight: 400; |
| | | color: #ffffff; |
| | | |
| | | & > div { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | } |
| | | } |
| | | |