<template>
  <div>
    <!--对话框-->
    <el-dialog
      :close-on-click-modal="false"
      title="多条件筛选"
      width="35%"
      :before-close="handleClose"
    >
      <el-form :inline="true" ref="form" :model="form" label-width="160px">
        <el-form-item label="暂态幅值(%):">
          <el-input v-model="form.fz1" placeholder="0"></el-input>
        </el-form-item>
        <el-form-item label="&lt;  幅值  &lt;:">
          <el-input v-model="form.fz2" placeholder="200"></el-input>
        </el-form-item>
        <el-form-item label="暂态持续时间:">
          <el-input v-model="form.time1" placeholder="请输入X毫秒"></el-input>
        </el-form-item>
        <el-form-item label="&lt;  持续时间  &lt;:">
          <el-input v-model="form.time2" placeholder="请输入X毫秒"></el-input>
        </el-form-item>
        <el-form-item label="事件严重度:">
          <el-input v-model="form.cd1" placeholder="请输入正负数"></el-input>
        </el-form-item>
        <el-form-item label="&lt;  严重度  &lt;:">
          <el-input v-model="form.cd2" placeholder="请输入正负数"></el-input>
        </el-form-item>
        <el-form-item label="暂降类型:">
          <el-select v-model="form.eventtype" placeholder="请选择暂降类型">
            <el-option
              v-for="item in typeoptions"
              :key="item.code"
              :label="item.name"
              :value="item.code"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="暂降原因:">
          <el-select v-model="form.reason" placeholder="请选择暂降原因">
            <el-option
              v-for="item in reasonoptions"
              :key="item.code"
              :label="item.name"
              :value="item.code"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="触发类型:">
          <el-select v-model="form.trigger" placeholder="请选择触发类型">
            <el-option
              v-for="item in triggeroptions"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="是否有波形:">
          <el-select v-model="form.wareavalue" placeholder="请选择是否存在波形">
            <el-option
              v-for="item in wareaoptions"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="dialogVisible = false"
          >确 认</el-button
        >
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        fz1: "",
        fz2: "",
        time1: "",
        time2: "",
        cd1: "",
        cd2: "",
        eventtype: "",
        reason: "",
        trigger: "",
        wareavalue: "",
      },
      dialogVisible: false,
      //暂降类型
      typeoptions: [],
      //暂降原因
      reasonoptions: [],
      //触发类型
      triggeroptions: [],
      //波形类型
      wareaoptions: [],
    };
  },
  mounted() {},
  created() {},
  methods: {
    //对话框关闭触发事件
    handleClose() {
      this.dialogVisible = false;
    },
  },
};
</script>

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