日期可按照季度年度来筛选

使用

//var code = "db5c64f9-1e05-40e7-9398-89198c3bced4"
     <el-form :inline="true" :model="listQuery" class="demo-form-inline">
        <el-radio-group v-model="radio1" @change="looe">
          <el-radio-button label="0">日期</el-radio-button>
          <el-radio-button label="1">季度</el-radio-button>
          <el-radio-button label="2">年度</el-radio-button>
        </el-radio-group>
        <el-form-item label="开始时间：" v-if="radio1 == 0">
          <el-date-picker
            v-model="listQuery.startTime"
            type="datetime"
            align="right"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="选择日期"
            style="width: 100%"
          />
        </el-form-item>
        <el-form-item label="结束时间：" v-if="radio1 == 0">
          <el-date-picker
            v-model="listQuery.endTime"
            type="datetime"
            align="right"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="选择日期"
            style="width: 100%"
          />
        </el-form-item>
        <el-form-item label="季度：" v-if="radio1 == 1">
        //季度组件————————————————
          <quarter-picker
            v-model="val"
            @inputValue="inputValue"
            readonly="readonly"
          />
        </el-form-item>
        <el-form-item label="年度：" v-if="radio1 == 2">
        //饿了吗的组件，月和日手动写就行，参考下面事例。——————————
          <el-date-picker
            v-model="value3"
            value-format="yyyy"
            type="year"
            placeholder="选择年"
            @change="ce"
          >
          </el-date-picker>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="goSearch">查询</el-button>
        </el-form-item>
      </el-form>

事件

//选择时间的事件
looe(e) {
   
      if (e > 0) {
   
        // 默认是0，就是正常选择时间，换的话，清空一下值，不然直接查询，使用的是上次选择的时间