<template>
  <div class="pop-screen-box" @click="dialogClose">
    <div @click.stop>
      <div class="header-box">
        <i class="back el-icon-close" @click="dialogClose"></i>
        <span>高级筛选</span>
      </div>
      <div class="p-cont">
        <slot></slot>
      </div>
      <div class='p-btn'>
        <el-button type="primary" plain class="btn" @click="reset" icon="el-icon-refresh-right">重
          置
        </el-button>
        <el-button type="primary" class="btn" @click="dialogPrimary" icon="el-icon-check">确 定</el-button>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "h5SearchDialog",
  methods: {
    dialogClose() {
      this.$emit('update:visiable', false);
    },
    reset() {
      this.$emit('resetEvent');
    },
    dialogPrimary() {
      this.$emit('searchEvent');
      this.dialogClose();
    },
  }
}
</script>
<style scoped>

</style>
