Vue.component('hheader', {
    template: '<div id="headdiv">\n' +
			  '  <div class="top02">\n' +
			  '    <div class="top02_center">\n' +
			  '      <div class="logo"> <a href="#"><img :src="rootPath + \'images/logo.jpg\'"/></a> </div>\n' +
			  '      <!-- 导航 -->\n' +
			  '      <div class="nav">\n' +
			  '        <ul>\n' +
			  '          <li :class="\'m\' + (currMenu == menuNames[0] ? \' on\' : \'\')" id="m1"> <a :href="rootPath + \'index.html\'" class="aa1 mmm" id="sel">mk体育(MKsports集团)股份公司</a> </li>\n' +
			  '          <li :class="\'m\' + (currMenu == menuNames[index + 1] ? \' on\' : \'\')" id="m3" v-for="(item, index) in menus"> <a :href="rootPath + item.url" class="aa3 mmm">{{item.name}}</a>\n' +
			  '            <div class="sub" v-if="item.subs.length &gt; 0">\n' +
			  '              <div class="nav_xiao">\n' +
			  '                <div class="xiao_one">\n' +
			  '                  <ul :style="item.style">\n' +
			  '                    <li v-for="sub in item.subs"><a :href="getUrl(sub)" :target="getTarget(sub)">{{sub.name}}</a></li>\n' +
			  '                  </ul>\n' +
			  '                </div>\n' +
			  '              </div>\n' +
			  '            </div>\n' +
			  '          </li>\n' +
			  '        </ul>\n' +
			  '      </div>\n' +
			  '      <!-- 导航 end -->\n' +
			  '      <div style="float:right;  width:120px;">\n' +
			  '        <div class="search d6">\n' +
			  '          <form :action="rootPath + \'news/newslist.html\'" method="get">\n' +
			  '            <input name="keywords" placeholder="搜索..." type="text"/>\n' +
			  '            <button type="submit"></button>\n' +
			  '          </form>\n' +
			  '        </div>\n' +
			  '      </div>\n' +
			  '    </div>\n' +
			  '  </div>\n' +
			  '</div>',
	props: {
		currMenu: {
		  type: String,
		  default:'home'
		},
		rootPath: {
				  type: String,
				  default:''
				}
    },
	data () {
      return {
        menus:[
		       {name: '集团概况', url: 'about/aboutus.html', style: "padding-left: 254px",
						subs:  [{name: '集团简介', url: 'about/aboutus.html'},{name: '集团领导', url: 'about/leader.html'},
			                    {name: '组织架构', url: 'about/jiagou.html'},{name: '集团荣誉', url: 'about/rongyu.html'},
			                    {name: '集团品牌', url: 'about/pinpai.html'},{name: '信息公开', url: 'about/gongkai.html'},
			                    {name: '联系我们', url: 'about/lxwm.html'}]},
																	
		       {name: '中心', url: 'news/newslist.html', style: "padding-left: 569px",
						subs:  [{name: '集团', url: 'news/newslist.html'},{name: '基层动态', url: 'news/jiceng.html'},
			                    {name: '媒体聚焦', url: 'news/meitilist.html'}]},
																	
		       {name: '集团产业', url: 'chanye/fuwuqu.html', style: "padding-left: 569px",
						subs:  [{name: '服务区版块', url: 'chanye/fuwuqu.html'},{name: '能源板块', url: 'chanye/nengyuan.html'},
			                    {name: '商贸板块', url: 'chanye/shangmao.html'},{name: '广告板块', url: 'chanye/guanggao.html'},
			                    {name: '餐饮板块', url: 'chanye/canyin.html'},{name: '培育板块', url: 'chanye/peiyu.html'}]},
																	
		       {name: '会员中心', url: 'huiyuan/huiyuanjieshao.html', style: "padding-left: 779px",
						subs:  [{name: '会员介绍', url: 'huiyuan/huiyuanjieshao.html'},{name: 'VIP分级', url: 'huiyuan/fenji.html'}]},
																	
		       {name: '服务区导航', url: 'fuwuqu/daohang.html', subs: []},
		       {name: '公告公示', url: 'gonggao/zhaobiaolist.html', style: "padding-left: 989px",
						subs:  [{name: '招商中心', url: 'zhaoshang/index.html'},{name: '招标采购', url: 'gonggao/zhaobiaolist.html'},
			                    {name: '人才招聘', url: 'gonggao/zhaopin.html'}, {name: '公告公示', url: 'gonggao/ggaolist.html'}]}
			],
		menuNames: ['home', 'about', 'news', 'chanye', 'huiyuan', 'fuwuqu', 'gonggao'],
		keyword: ""
      };
    },
	/*watch: {
		content: function(value){
			if(this.instance &amp;&amp; !this.isEdit)
				this.instance.setContent(value);
			this.isEdit = false;
		}
	},*/
	computed: {
		rootPath1: function(){
			if(this.rootPath == "../")
				return "../" + this.rootPath;
			return this.rootPath || "";
		}
	},
    //此时--el挂载到实例上去了,可以初始化对应的编辑器了
    mounted: function() {
      this.init();
    },

    beforeDestroy: function() {
    },
    methods: {
        init: function() {
			//二级导航
			$(".nav").slide({
				type: "menu",
				titCell: ".m",
				targetCell: ".sub",
				effect: "slideDown",
				delayTime: 300,
				triggerTime: 100,
				returnDefault: true
			});
        },
		getUrl(item) {
			if(!item || !item.url)
				return '#';
			if(item.url.startsWith("https://") || item.url.startsWith("http://"))
				return item.url;
			return this.rootPath + item.url;
		},
		getTarget(item) {
			if(!item || !item.url)
				return '';
			if(item.url.startsWith("https://") || item.url.startsWith("http://"))
				return '__blank';
			return '';
		}
    }
});