溯源查询趋势

zengh

2022-07-13 b4303e5cc0c168589467debac086a97b7f8b3de0

溯源查询趋势

 src/api/farm/farmingrecord.js

@@ -228,3 +228,12 @@
        }
    })
}
export const getSweepRecordStatisticsByDayOrMonthOrYear = (params) => {
    return request({
        url: '/sweepRecord/getSweepRecordStatisticsByDayOrMonthOrYear',
        method: 'get',
        params: {
            ...params
        }
    })
}

 src/views/manage/index.vue

@@ -175,13 +175,13 @@
                    <div class="title-box">
                        <div>
                            <div class="item" :class="{on : cltjOrsym == 'cltj'}">
                                <div @click="cltjOrsym='cltj'" class="title">产量统计</div>
                                <div @click="cltjOrSymChange('cltj')" class="title">产量统计</div>
                                <span></span>
                            </div>
                        </div>
                        <div>
                            <div class="item" :class="{on : cltjOrsym == 'sym'}">
                                <div @click="cltjOrsym='sym'" class="title">溯源查询趋势图</div>
                                <div @click="cltjOrSymChange('sym')" class="title">溯源查询趋势图</div>
                                <span></span>
                            </div>
                        </div>
@@ -267,7 +267,8 @@
        statisticsStockMonth,
        productsSupervise,
        pageCountNzCrk,
        getSweepRecordStatistics
        getSweepRecordStatistics,
        getSweepRecordStatisticsByDayOrMonthOrYear
    } from '@/api/farm/farmingrecord'

    export default {
@@ -311,6 +312,8 @@
                NcpJg: [],
                // 溯源次数
                sweepList: {},
                // 溯源趋势
                sweepTrend: [],
                nzOrNcp: 'ncp',
                trpOrNcp: 'trp',
                nsjlOrnz: 'nsjl',
@@ -333,6 +336,8 @@
            this.selectMarketCirculate()
            // 统计任务总数
            this.countTaskNum('2022-07')
            // 溯源趋势统计
            this.getSweepRecordStatisticsByDayOrMonthOrYear('2022-07')
            // 农事操作
            this.farmingRecords()
            // 农产品监管
@@ -362,8 +367,9 @@
            getCltjTime (e) {
                this.statisticsStockMonth(e)
            },
            // 溯源码时间查询
            // 溯源趋势时间查询
            getSymTime (e) {
                this.getSweepRecordStatisticsByDayOrMonthOrYear(e)
            },
            initBar (dom) {
                const that = this
@@ -477,6 +483,7 @@
                const that = this
                const chartDom = document.getElementById(dom)
                const myChart = this.$echarts.init(chartDom)
                myChart.clear()
                var nztrData = this.nztr
                var nztrX = []
                var nztrY = []
@@ -630,7 +637,7 @@
            initClSyBar (dom) {
                const chartDom = document.getElementById(dom)
                const myChart = this.$echarts.init(chartDom)

                myChart.clear()
                var data = []
                var data1 = [
                    '0',
@@ -749,6 +756,70 @@
                    ]
                }

                option && myChart.setOption(option)
            },
            initSymyBar (dom) {
                const chartDom = document.getElementById(dom)
                const myChart = this.$echarts.init(chartDom)
                myChart.clear()

                var data = this.sweepTrend
                var x = []
                var y = []
                for (var i = 0; i < data.length; i++) {
                    y.push(data[i].num)
                    x.push(data[i].time)
                }

                var option = {
                    grid: {
                        top: '10%',
                        right: '0%',
                        left: '0%',
                        bottom: '0%',
                        containLabel: true
                    },
                    xAxis: {
                        type: 'category',
                        boundaryGap: false,
                        data: x
                    },
                    yAxis: [
                        {
                            min: 0,
                            type: 'value',
                            axisLabel: {
                                interval: 0,
                                show: true,
                                textStyle: {
                                    color: '#B4B5BE'
                                }
                            },
                            axisLine: {
                                show: true,
                                lineStyle: {
                                    color: '#697B89',
                                    width: 1
                                }
                            },
                            splitLine: {
                                show: true,
                                lineStyle: {
                                    color: 'rgba(62,81,97, .5)',
                                    type: 'dashed'
                                }
                            }
                        }
                    ],
                    series: [
                        {
                            data: y,
                            type: 'line',
                            smooth: true,
                            areaStyle: {}
                        }
                    ]
                }
                option && myChart.setOption(option)
            },
            // 农场使用率
@@ -895,6 +966,19 @@
                    this.sweepList = res.data.data
                })
            },
            // 溯源趋势统计
            getSweepRecordStatisticsByDayOrMonthOrYear (year) {
                var params = {}
                // 农场id
                params.farmId = '1'
                params.time = year
                getSweepRecordStatisticsByDayOrMonthOrYear(Object.assign(params)).then((res) => {
                    this.sweepTrend = res.data.data
                    if (this.cltjOrsym == 'sym') {
                        this.initSymyBar('ClSyEcharts')
                    }
                })
            },
            // 监管图表切换
            trpOrNcpChange (item) {
                var that = this
@@ -905,6 +989,17 @@
                    // 农产品监管
                    that.initNcpBar('TrpEcharts')
                }
            },
            // 产量统计图表切换
            cltjOrSymChange (item) {
                var that = this
                that.cltjOrsym = item
                if (item == 'cltj') {
                    this.initClSyBar('ClSyEcharts')
                } else {
                    // 溯源码
                    this.initSymyBar('ClSyEcharts')
                }
            }
        }
    }