<template>
  <div>
    <el-row>
      <el-form :model="data" label-width="100px" :size="$store.getters.size">
        <el-row :gutter="gridNum.row.gutter">
          <el-col :xs="gridNum.cols.xs" :sm="gridNum.cols.sm" :md="gridNum.cols.md" :lg="gridNum.cols.lg" :xl="gridNum.cols.xl">
            <el-form-item label="条件1" prop="">
              <el-input v-model="data.a" clearable />
            </el-form-item>
          </el-col>
          <el-col :xs="gridNum.cols.xs" :sm="gridNum.cols.sm" :md="gridNum.cols.md" :lg="gridNum.cols.lg" :xl="gridNum.cols.xl">
            <el-form-item label="条件2" prop="">
              <el-input v-model="data.b" clearable />
            </el-form-item>
          </el-col>
        </el-row>
        <el-col :span="24" style="text-align: right">
          <el-button @click="close">取消</el-button>

          <el-button
            type="primary"
            @click="importNowPage"
          >导出本页</el-button>
          <el-button
            type="primary"
            @click="importIf"
          >根据条件导出</el-button>
        </el-col>
      </el-form>
    </el-row>
  </div>
</template>
<script>
export default {
  data() {
    return {

      gridNum: {
        row: {
          gutter: 2
        },
        cols: {
          xs: 24,
          sm: 24,
          md: 12,
          lg: 12,
          xl: 6
        }
      },
      data: {}
    }
  },
  methods: {
    importNowPage() { // 导出本页

    },
    importIf() { // 根据条件

    },
    close() {
      this.$emit('closeDialog')
    }
  }
}
</script>
