<template>
  <div class="table-box">
    <div class="card table-main">
      <!-- 表格头部 操作按钮 -->
      <div class="table-header">
        <div class="header-button-lf">
          <el-form :model="queryParams" label-width="auto" :inline="true">
            <el-form-item label="自动站:">
              <el-select v-model="queryParams.name" filterable placeholder="请选择" clearable style="width: 200px;margin-left: 10px">
                <el-option label="站1" value="1" />
                <el-option label="站2" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="观测时间:">
              <el-date-picker
                v-model="queryParams.time"
                type="date"
                placeholder="请选择"
              />
            </el-form-item>
            <el-form-item>
              <el-switch v-model="queryParams.switch" class="ml-2" inline-prompt active-text="整月" inactive-text="半月" style="margin-right: 10px;" />
            </el-form-item>
            <el-form-item>
              <el-button type="primary" @click="handleQuery"> 查询 </el-button>
              <el-button style="margin-left: 10px" @click="resetQuery"> 重置 </el-button>
            </el-form-item>
          </el-form>
        </div>
      </div>
      <pdfViewer></pdfViewer>
    </div>
  </div>
</template>

<script setup lang="ts">
import pdfViewer from "@/components/PDFEmbed/PdfViewer.vue";
import { ref} from "vue";
const queryParams = ref({
  name: '',
  time:'',
  switch:''
});

// 查询功能
const handleQuery = () => {
};

//搜索功能
const resetQuery = () => {
};

</script>
