<template>
    <div class="ls-search-form">
      <div class="search-style" >
        <el-row :gutter="24" >
          <el-col :span="6">
            <label>模块名称</label>
            <common-select :dictType="'CRM_Module_Code'" v-model="queryParam.moduleId" @handleButton="handleButton" ></common-select>
          </el-col>
          <el-col :span="6">
            <label>报告类型</label>
            <common-select :dictType="'Crm_Report_Type'" v-model="queryParam.reportType" @handleButton="handleButton" ></common-select>
          </el-col>
          <el-col :span="6">
            <label>部门名称</label>
            <el-input v-model="queryParam.deptName" size="small" ></el-input>
          </el-col>
          <el-col :span="6">
            <label>人员名称</label>
            <el-input v-model="queryParam.userName" size="small" ></el-input>
          </el-col>
        </el-row>
      </div>
      <div class="btns-wrap">
        <el-button type="warning" size="small" icon="el-icon-search" @click="doSearch">查询</el-button>
        <el-button type="info" size="small" icon="el-icon-refresh-left" @click="reset">重置</el-button>
      </div>
    </div>
</template>


<script>
  import commonSelect from '../../../../components/common-select.vue'
  export default {
    name: 'reminder-search',
    components:{
      commonSelect
    },

    data: function() {
      return {
        queryParam: {
          deptName: '',
          moduleId: '',
          reportType: '',
          userName: '',
        },
        tiem:'',
      };
    },
    created: function() {

    },
    methods: {
      //筛选控件触发查询
      doSearch: function() {
        this.$emit('query', this.queryParam);
      },
      //下拉框组件 选择后的回调
      handleButton(data){
        console.log(data)
      },
      //重置
      reset: function() {
        this.queryParam = {
           deptName: '',
           moduleId: '',
           reportType: '',
           userName: '',
        }
        this.tiem=[]
        this.$emit('query', this.queryParam);
      }
    },

  }
</script>
<style type="text/css" scoped lang="scss">

</style>
