首页

tangzy

2022-06-29 0dbeac89f7688ea4d7fbad17ce7cc684250be517

首页

 src/api/farm/farmingrecord.js

New file
@@ -0,0 +1,69 @@
import request from '@/router/axios'

export const getList = (current, size, params) => {
    return request({
        url: '/api/farmingRecord/page',
        method: 'get',
        params: {
            ...params,
            current,
            size,
        }
    })
}
export const remove = (ids) => {
    return request({
        url: '/api/farmingRecord/remove',
        method: 'post',
        params: {
            ids,
        }
    })
}

export const save = (row) => {
    return request({
        url: '/api/farmingRecord/save',
        method: 'post',
        data: row
    })
}

export const update = (row) => {
    return request({
        url: '/api/farmingRecord/update',
        method: 'post',
        data: row
    })
}

export const getDetail = (id) => {
    return request({
        url: '/api/farmingRecord/detail',
        method: 'get',
        params: {
            id
        }
    })
}


export const getFarmingCount = (deptId) => {
    return request({
        url: '/farmingRecord/getFarmingCount',
        method: 'get',
        params: {
            deptId
        }
    })
}

export const getFarmingStatis = (deptId) => {
    return request({
        url: '/farmingRecord/getFarmingStatis',
        method: 'get',
        params: {
            deptId
        }
    })
}

 src/views/home/index.vue

@@ -206,7 +206,7 @@
                        <div class="icon"></div>
                        <div class="text">
                            本年农事操作
                            <div class="num">9</div>
              <div class="num">{{ total }}</div>
                            <div class="unit">次</div>
                        </div>

@@ -215,56 +215,21 @@
                            <div class="r"></div>
                        </div>
                    </div>
                    <div class="content-box">
                        <div>
                            <div class="title">施肥</div>
                            <div class="num-unit">
                                <div class="num">2</div>
                                <div class="unit">次</div>
          <div class="content-box" :v-if="isFarmingDetail">
            <div class="detail" v-for="(item, index) in farmingList" :key="index">
              <div class="title">{{ item.name }}</div>
              <div class="num">
              <span>{{ item.value }}</span
              >次
                            </div>
                        </div>
                        <div>
                            <div class="title">翻耕</div>
                            <div class="num-unit">
                                <div class="num">2</div>
                                <div class="unit">次</div>
                            </div>
                        </div>
                        <div>
                            <div class="title">灌溉</div>
                            <div class="num-unit">
                                <div class="num">2</div>
                                <div class="unit">次</div>
                            </div>
                        </div>
                        <div>
                            <div class="title">除草</div>
                            <div class="num-unit">
                                <div class="num">2</div>
                                <div class="unit">次</div>
                            </div>
                        </div>
                        <div>
                            <div class="title">移栽</div>
                            <div class="num-unit">
                                <div class="num">2</div>
                                <div class="unit">次</div>
                            </div>
                        </div>
                        <div>
                            <div class="title">采收</div>
                            <div class="num-unit">
                                <div class="num">2</div>
                                <div class="unit">次</div>
                            </div>
                        </div>
                        <div>
                            <div class="title">销售</div>
                            <div class="num-unit">
                                <div class="num">2</div>
                                <div class="unit">次</div>
                            </div>
                        </div>
            <!--            <div>-->
            <!--              <div class="title">施肥</div>-->
            <!--              <div class="num-unit">-->
            <!--                <div class="num">2</div>-->
            <!--                <div class="unit">次</div>-->
            <!--              </div>-->
            <!--            </div>-->
                    </div>
                </div>
                <div class="b">
@@ -378,7 +343,22 @@
</template>

<script>
// eslint-disable-next-line no-unused-vars
import { getFarmingCount, getFarmingStatis } from '@/api/farm/farmingrecord'

export default {
  data () {
    return {
      farmingList: [],
      isFarmingDetail: false,
      total: 0
    }
  },
  created () {
    // 本年农事操作记录
    this.getFarmingStatis()
    this.getFarmingCount()
  },
    mounted () {
        this.initPie('BeingEcharts')
        this.initPie('LeisureEcharts')
@@ -698,6 +678,27 @@
            }

            option && myChart.setOption(option)
    },
    getFarmingCount () {
      var that = this
      var deptId = '1123598813738675201'

      getFarmingCount(deptId).then((res) => {
        that.total = res.data.data
        console.log(that.total, res.data.data)
        // that.total = 0;
        if (that.total > 0) {
          that.isFarmingDetail = true
        }
      })
    },
    // 本年农事操作记录，分组统计
    getFarmingStatis () {
      var that = this
      var deptId = '1123598813738675201'
      getFarmingStatis(deptId).then((res) => {
        that.farmingList = res.data.data
      })
        }

    }
@@ -1050,6 +1051,7 @@

            .c {
                height: 214px;

                .title-box {
                    .text {
                        display: flex;
@@ -1379,6 +1381,7 @@
            .text {
                color: #08f4ff;
            }

            border: 1px solid #18fefe;
        }
    }