let headerapp = {
    template: `
    <div class="header pc">
        <div class="logo wow fadeinleft"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
        <div class="tel"><img src="images/ind_03.png" alt="">{{qiyejiej.company_tel}}</div>
        <div class="nav">
            <ul>
                <li v-for="(item,index) in menulist">
                    <a :href="item.link">{{item.title}}</a>
                    <div class="subnav">
                        <ul>
                            <li v-for="(item2,index2) in item.children"><a :href="item2.linkurl">{{item2.title}}</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
            <div class="cl"></div>
        </div>
    </div>
    <div class="header phone">
        <div class="logo"><a href=""><img src="images/logo_s.png" alt=""></a></div>
        <div class="menu_btn">
            <img src="images/menu.png">
        </div>
    </div>
    <div class="menu_box phone">
        <div class="menu_close tr">×</div>
        <ul class="menu_list">
            <li v-for="(item,index) in menulist">
                <a v-if="item.children">
					<h1>{{item.title}}</h1>
					<div class="sub_menu">
					    <ul>
					        <li v-for="(item2,index2) in item.children"><a :href="item2.linkurl">{{item2.title}}</a></li>
					    </ul>
					</div>
				</a>
				<a v-else><a :href="item.link">{{item.title}}</a>
                
            </li>
        </ul>
    </div>  
    `,
    props: ['suoyin'],
    setup() {
        let data = reactive({
            menulist: [],
            qiyejiej: ''
        })
        // 导航
        const getmenu = () => {
            requestdata('navigation',{
                data_type: 'list',
                page: 1,
                limit: 99,
                sort: 'sortasc',
                category_id: '65e05465e5f419448c46bf7d'
            },(res) => {
                data.menulist = res       
				settimeout(() => {
					requestdata('goods', {
					    data_type: 'list',
					    page: 1,
					    limit: 9,
					    sort: 'sortasc',
					    category_id: '65e048dfe5f419448c46bf60'
					}, (datas) => {
					    data.menulist[2].children = datas
					    data.menulist[2].children.foreach((ites,ins) =>{
					        ites.linkurl = 'business.html?id='+ites.id
					        ites.parentid = 2
					    })
					})       
				},20)
            })
        }
        vue.watch(data,() => {
			vue.nexttick(() => {

                $(".menu_btn").click(function() {
                    $(".menu_box").fadein(300)
                })
                $(".menu_close").click(function() {
                    $(".menu_box").fadeout(300)
                })

                $('.menu_list h1').click(function () {
                    $(this).next().slidetoggle(500).parent().toggleclass('current')
                    $(this).parent().siblings().removeclass('current').find('.sub_menu').slideup(500)
                })
                
            })
		})
        const getqiyejiej = () => {
            requestdata('site', null, (res) => {
                data.qiyejiej = res
            })
        }
        getmenu()
        getqiyejiej()
        return {
            ...torefs(data)
        }
    },
}