/**
 * @description 初始化组件
 */ 
function initComponentHeaderSearchMsunhealth() {
  
  // DOM
  var component = $('.component-header-search-msunhealth'); // 组件
  var mask = component.find('.search-mask'); // 遮罩
  var ipt = component.find('.search-ipt'); // 输入框
  var btnClose = component.find('.close-icon'); // 关闭按钮
  
  /**
   * 关闭
   */ 
  mask.on('click', function() {
    component.removeClass('show');
  });
  btnClose.on('click', function() {
    component.removeClass('show');
  });
  
}

/**
 * 组件功能函数挂载到window
 */ 
if(!window.$hi) { window.$hi = {} }
if(!window.$hi.components) { window.$hi.components = {} }
if(!window.$hi.components.headerSearchMsunhealth) { window.$hi.components.headerSearchMsunhealth = {} }

/**
 * 显示
 */ 
window.$hi.components.headerSearchMsunhealth.show = function() {
  $('.component-header-search-msunhealth').addClass('show');
}

/**
 * 关闭
 */ 
window.$hi.components.headerSearchMsunhealth.close = function() {
  $('.component-header-search-msunhealth').removeClass('show');
}

;$(function() {
  // 调用组件
  // initComponentHeaderSearchMsunhealth();
})

// Vue
; var hiSearchAlpaca = new Vue({
  el: '#headerSearch',
  data: function() {
    return {
      // 选中的类别值
      categoryValue: '新闻',
      // 搜索关键词
      searchText: ''
    }
  },
  mounted: function() {
    initComponentHeaderSearchMsunhealth();
  },
  methods: {
    /**
     * @description 点击菜单项触发的事件回调
     * @param [String] command <el-dropdown-item> 上绑定的 command 值
     */
    handleCommand: function(command) {
      this.categoryValue = command;
    },

    /**
     * @description 搜索事件
     */
    handleSearch: function() {
      // 验证是否输入了搜索内容
      if(this.searchText === '') {
        return this.$message.error('请输入您要搜索的关键词');
      }
      var that = this;
      //console.log(that.categoryValue);return ;
      window.location.href='/search/?cat='+this.categoryValue+'&keyword='+this.searchText;
      this.$message('正在全力搜索，请稍后...');
    }
  }
});