下拉框清除功能 农事操作、农事记录和农资记录的时间过滤

guanqb

2022-08-25 671c008f83b57495cc27da447630d4bee565c076

下拉框清除功能 农事操作、农事记录和农资记录的时间过滤

 src/views/home/index.vue

@@ -471,6 +471,7 @@
                            v-model="farmOperType"
                            placeholder="选择农事类型"
                            :popper-append-to-body="false"
                            clearable
                        >
                            <el-option
                                v-for="(item, index) in farmingList"
@@ -486,6 +487,7 @@
                            v-model="farmPlotId"
                            placeholder="选择地块"
                            :popper-append-to-body="false"
                            clearable
                        >
                            <el-option
                                v-for="(item, index) in plotNumArray"
@@ -494,6 +496,16 @@
                                :value="item.id"
                            ></el-option>
                        </el-select>
                    </div>
                    <div class="date">
                        <el-date-picker
                            v-model="scSelectTime"
                            type="daterange"
                            value-format="yyyy-MM-dd"
                            range-separator="至"
                            start-placeholder="开始时间"
                            end-placeholder="结束时间"
                        ></el-date-picker>
                    </div>
                    <div class="btn-grounp">
                        <el-button
@@ -1200,108 +1212,6 @@
                                }
                            }
                        ]
                    }
                ]
            }

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

            var x = []
            var y = []
            for (let i = 1; i <= 12; i++) {
                x.push(i)
                y.push(that.salaNumY[i])
            }

            const option = {
                tooltip: {},
                grid: {
                    top: '16%',
                    left: '6%',
                    right: '6%',
                    bottom: '12%',
                    containLabel: true
                },
                xAxis: [
                    {

                        type: 'category',
                        boundaryGap: false,
                        axisLine: {
                            show: true,
                            lineStyle: {
                                color: '#697B89'
                            }
                        },
                        axisLabel: {
                            // 坐标轴刻度标签的相关设置
                            textStyle: {
                                color: '#A9D1D7',
                                margin: 8
                            }
                        },
                        axisTick: { show: false },
                        data: x
                    }
                ],
                yAxis: [
                    {
                        name: '（元）',
                        nameTextStyle: {
                            color: '#A9D1D7'
                        },
                        type: 'value',
                        min: 0,
                        splitLine: {
                            show: false
                        },
                        axisLine: {
                            show: true,
                            lineStyle: {
                                color: '#697B89'
                            }
                        },
                        axisLabel: {
                            margin: 8,
                            textStyle: {
                                color: '#A9D1D7'
                            }
                        },
                        axisTick: { show: false }
                    }
                ],
                series: [
                    {
                        type: 'line',
                        smooth: true, // 是否平滑曲线显示
                        symbolSize: 0,
                        lineStyle: {
                            normal: {
                                color: '#66DDE9' // 线条颜色
                            }
                        },
                        areaStyle: {
                            // 区域填充样式
                            normal: {
                                // 线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
                                color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                    offset: 0,
                                    color: '#66DDE9'
                                }, {
                                    offset: 1,
                                    color: 'rgba(102,221,233,0)'
                                }]),

                                shadowColor: 'rgba(53,142,215, 0.9)', // 阴影颜色
                                shadowBlur: 20 // shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
                            }
                        },
                        data: y
                    }
                ]
            }

 src/views/manage/index.vue

@@ -365,6 +365,16 @@
                            v-model="inputNZ_nzname"
                        ></el-input>
                    </div>
                    <div class="date">
                        <el-date-picker
                            v-model="scSelectTime"
                            type="daterange"
                            value-format="yyyy-MM-dd"
                            range-separator="至"
                            start-placeholder="开始时间"
                            end-placeholder="结束时间"
                        ></el-date-picker>
                    </div>
                    <div class="btn-grounp">
                        <el-button
                            size="small"
@@ -503,6 +513,7 @@
                            v-model="farmOperType"
                            placeholder="选择农事类型"
                            :popper-append-to-body="false"
                            clearable
                        >
                            <el-option
                                v-for="(item, index) in farmingList"
@@ -518,6 +529,7 @@
                            v-model="farmPlotId"
                            placeholder="选择地块"
                            :popper-append-to-body="false"
                            clearable
                        >
                            <el-option
                                v-for="(item, index) in plotNumArray"
@@ -527,6 +539,16 @@
                            ></el-option>
                        </el-select>
                    </div>
                    <div class="date">
                        <el-date-picker
                            v-model="scSelectTime"
                            type="daterange"
                            value-format="yyyy-MM-dd"
                            range-separator="至"
                            start-placeholder="开始时间"
                            end-placeholder="结束时间"
                        ></el-date-picker>
                    </div>
                    <div class="btn-grounp">
                        <el-button
                            size="small"