| | |
| | | <div class="farm" v-for="(item, index) in farmPlanList" :key="index"> |
| | | <div class="farm-img"><img :src="item.url" class="img" /></div> |
| | | <div class="cai">{{ item.strainName }}</div> |
| | | <div class="area">种植面积:371.13亩</div> |
| | | <div class="area">种植面积:{{item.area}}</div> |
| | | <div class="btn"> |
| | | <el-button plain size="small" @click="recovery(item)" |
| | | >采收</el-button |
| | |
| | | </div> |
| | | <div class="statistics"> |
| | | <div class="title">生产统计</div> |
| | | <div class="farming-statis"> |
| | | <div class="left"> |
| | | <div class="farm-text">本年农事操作</div> |
| | | <div class="num"><span>{{total}}</span> 次</div> |
| | | </div> |
| | | <div class="right"> |
| | | <el-link type="success" :underline="false" @click="farmPlantDetail">明细>></el-link> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="repertory"> |
| | | <div class="title">农资库存</div> |
| | |
| | | name: "wel", |
| | | data() { |
| | | return { |
| | | total:0, |
| | | farmPlanList: [], |
| | | recoveryVisible: false, |
| | | landVisible: false, |
| | |
| | | this.stockVisible = true; |
| | | this.$nextTick(() => { |
| | | this.$refs.stock.init(); |
| | | }); |
| | | }, |
| | | //本年农事操作明细 |
| | | farmPlantDetail() { |
| | | const data ={ |
| | | activeName:"tab2" |
| | | } |
| | | this.$router.push({ |
| | | path: `/farmDetail`, |
| | | query: data |
| | | }); |
| | | }, |
| | | }, |
| | |
| | | font-weight: 550; |
| | | text-align: center; |
| | | } |
| | | |
| | | .farming-statis{ |
| | | width: 94%; |
| | | margin: 0 auto; |
| | | height: 100px; |
| | | display: flex; |
| | | flex-direction: row; |
| | | // background-color: aqua; |
| | | |
| | | .left{ |
| | | width: 60%; |
| | | height: 100px; |
| | | |
| | | .farm-text{ |
| | | font-size: 20px; |
| | | margin-top: 20px; |
| | | } |
| | | .num{ |
| | | font-size: 16px; |
| | | margin-top: 10px; |
| | | |
| | | |
| | | span{ |
| | | font-size: 36px; |
| | | font-weight: 550; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .right{ |
| | | margin-left:60px; |
| | | line-height: 100px; |
| | | height: 100px; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .repertory { |