<template>
	<a-row type="flex" justify="center">
		<a-col span="18">
			<a-row gutter="20" type="flex" justify="space-between">
				<a-col span="8">
					<a-row gutter="20">
						<a-col sapn="12">
							<div style="display: flex;flex-direction: column;align-items: flex-start;cursor: pointer;">
								<div @click="toPath(1)">关于我们</div>
								<div style="display: flex;flex-direction: column;">
									<div @click="toPath(2)">联系方式</div>
									<div @click="toPath(3)">公司地图</div>
									<div @click="toPath(4)">收费方式</div>
									<div @click="toPath(5)">汇款方式</div>
								</div>
							</div>
						</a-col>
						<a-col sapn="12">
							<div v-if="hasToken"
								style="display: flex;flex-direction: column;align-items: flex-start;justify-content: center;cursor: pointer;">
								<div @click="toPath(6)">快速注册</div>
								<div style="display: flex;flex-direction: column;">
									<div @click="toPath(7)">企业用户注册</div>
									<div @click="toPath(8)">个人用户注册</div>
								</div>
							</div>
						</a-col>
					</a-row>
					<a-row style="margin-top: 30px; color: #fff;">
						<a-col sapn="24">
							<a-typography-paragraph style="font-size: 12px; text-align: left;color: #fff;"
								content="中山求职 招聘 到菊城人才网 本网站实名:中山市菊城人才网" />
							<a-typography-paragraph style="font-size: 12px; text-align: left;color: #fff;"
								content="邮编:zsjcjob@163.com 传真号码:0760-22236922 0760-22236026" />
							<a-typography-paragraph style="font-size: 12px; text-align: left;color: #fff;"
								content="Copyright@2002-2024 菊城人才网 All Right Reserved 粤ICP备05092134号" />
						</a-col>
					</a-row>
				</a-col>
				<a-col span="4">
					<div style="display: flex;flex-direction: column;align-items: flex-start;">
						<div>上班时间</div>
						<div style="display: flex;flex-direction: column;align-items: flex-start;">
							<div>星期一至星期五：8:30-17:30</div>
							<div>星期六：9:00-16:00</div>
						</div>
					</div>
				</a-col>
				<a-col span="8">
					<div
						style="display: flex;flex-direction: column;align-items: flex-end;justify-content: space-between;height: 100%;">
						<div style="display: flex;flex-direction: column;align-items: flex-start;">
							<div>联系电话</div>
							<div>0760-22236225、22236226</div>
							<div>0760-22236225、22236226</div>
						</div>
						<div style="display: flex;flex-direction: column;align-items: center;">
							<image-container :need="true"
								:imgObj="{src: '/images/gongzhonghao.png',width: '100px',height:'100px'}"></image-container>
							<div>官方公众号</div>
						</div>
					</div>
				</a-col>
			</a-row>
		</a-col>
	</a-row>
</template>

<script setup lang="ts">
	import { ref, computed, onMounted, defineEmits, defineProps, watch } from 'vue';
	import { router } from '@/router';
	import { store } from '@/store/index';
	import { useMenu } from '@/hooks/useMenu';
	let { onMenu, routerCur, routerArrayCur, routerArrayParentChildCur } = useMenu();
	let hasToken = ref<Boolean>(sessionStorage.getItem('token') ? false : true)
	
	const toPath = (val) => {
		if (val == 6 || val == 7 || val == 8) {
			router.push({
				path: '/login',
			})
		} else {
			if(routerCur() == '/about') {
				sessionStorage.setItem('footer_key', val)
				location.reload()
			} else {
				store.commit('getPageType', {
					pageType: ''
				})
				store.commit('setShowLoginBox', {
					showLoginBox: false
				})
				sessionStorage.setItem('pageType', '')
				store.commit('permissions/SET_PERMISSION', null)
				store.commit('permissions/SET_MENU', [])
				sessionStorage.setItem('footer_key', val)
				router.push({
					path: '/about'
				})
			}
		}
		
		
		
	}
	
	onMounted(() => {
		sessionStorage.removeItem('footer_key')
	})
</script>

<style scoped lang="less">

</style>