轮播图管理 - 搜索与筛选功能

  <!-- 数据筛选 -->
  <el-form ref='queryFormRef' :model='queryParams' label-position='right' label-width='90px'>
    <el-row>
      <el-col :span='12'>
        <el-form-item prop='keywords' label='更新时间'>
          <el-date-picker v-model='onSaleTimeSE' type='datetimerange' value-format='YYYY-MM-DD HH:mm:ss'
            range-separator='至' start-placeholder='开始时间' end-placeholder='结束时间' @change='getonSaleTime' />
        </el-form-item>
      </el-col>
      <el-col :span='6'>
        <el-form-item label='标题' prop='carouselName'>
          <el-input v-model='queryParams.carouselName' placeholder='请输入标题' clearable />
        </el-form-item>
      </el-col>

      <el-col :span='6'>
        <el-form-item label='发布状态' prop='status'>
          <el-select v-model='queryParams.status' clearable>
            <el-option :key='1' label='已发布' :value='1' />
            <el-option :key='0' label='待发布' :value='0' />
          </el-select>
        </el-form-item>
      </el-col>

      <!-- 
    </el-row>
    <el-row> -->

      <el-col :span='24' class='flex justify-end'>
        <el-form-item>
          <el-button type='primary' @click='handleQuery'><i-ep-search />搜索</el-button>
          <el-button @click='resetQuery'><i-ep-refresh />重置</el-button>

        </el-form-item>
      </el-col>
    </el-row>

  </el-form>
</div>

<style>
  .active-tab {
    color: blue;
    text-decoration: underline;
  }
</style>