<template>
  <div class="app-container harmonicReport">
    <!-- 筛选start -->
    <div class="filter-container">
      <div class="left">
        <div>
          <div class="filter-item">
            选择站点:
            <el-select
              v-model="region"
              placeholder="请选择"
              style="width: 150px"
            >
              <el-option label="站点一" value="1"></el-option>
              <el-option label="站点二" value="2"></el-option>
            </el-select>
          </div>

          <div class="filter-item">
            回路:
            <el-select
              v-model="circuit"
              placeholder="请选择"
              style="width: 150px"
            >
              <el-option label="回路1" value="1"></el-option>
              <el-option label="回路2" value="2"></el-option>
            </el-select>
          </div>

          <div class="filter-item">
            测量类型:
            <el-select
              v-model="measurType"
              placeholder="请选择"
              style="width: 150px"
            >
              <el-option label="类型1" value="1"></el-option>
              <el-option label="类型2" value="2"></el-option>
            </el-select>
          </div>

          <div class="filter-item">
            谐波次数:
            <el-select
              v-model="number"
              placeholder="请选择"
              style="width: 150px"
            >
              <el-option label="已执行" value="1"></el-option>
              <el-option label="未执行" value="2"></el-option>
            </el-select>
          </div>

          <div class="filter-item">
            时间：
            <el-date-picker
              v-model="value4"
              type="dates"
              placeholder="请选择"
              style="width: 150px"
            >
            </el-date-picker>

            <el-radio-group v-model="listTabPosition">
      <el-radio-button label="byDay">按日</el-radio-button>
      <el-radio-button label="byMonth">按月</el-radio-button>
     
    </el-radio-group>

            <el-button
              class="search-button timeTab"
              @click="num = 0"
              :type="num == 0 ? 'primary' : ''"
              >按日</el-button
            >
            <el-button
              class="search-button timeTab"
              @click="num = 1"
              :type="num == 1 ? 'primary' : ''"
              style="margin-left: 0 !important"
              >按月</el-button
            >
          </div>

          <el-button type="primary" class="search-button">搜索</el-button>
        </div>
      </div>
    </div>
    <!-- 筛选end -->

    <el-button
      class="search-button timeTab"
      @click="num2 = 0"
      :type="num2 == 0 ? 'primary' : ''"
      >曲线</el-button
    >
    <el-button
      class="search-button timeTab"
      @click="num2 = 1"
      :type="num2 == 1 ? 'primary' : ''"
      style="margin-left: 0 !important"
      >表格</el-button
    >
    <curve-com v-if="num2 == 0"></curve-com>
    <table-com  v-if="num2 == 1"></table-com>
  </div>
</template>

<script>
import curveCom from "./curveCom";
import tableCom from "./tableCom";

export default {
  name: "VariableList",
   components: {
   curveCom,
   tableCom
  },

  data() {
    return {
      listTabPosition:'byDay',
      num: 0,
      num2: 0,
      value4: "请选择",
      number: 1,
      measurType: 1,
      select: 1,
      currentPage4: 4,
      showDialog: false,
      tabPosition: "one",
      input: "",
      region: "",
    };
  },
  methods: {
   
  },
};
</script>

<style lang="scss" scoped>
</style>
