<template>
  <div class="allBox">
    <!-- 头部 -->
    <Head title="三级劳务体系⼈员数据"></Head>
    <LeftBorder></LeftBorder>
    <RightBorder></RightBorder>
    <BottomBorder></BottomBorder>
    <!-- 统计 -->
    <Statistic></Statistic>
    <!-- 地图 -->
    <Map></Map>
    <!-- 服务企业情况 -->
    <CompanyProfile style="margin-top: 50px"></CompanyProfile>
    <!-- 解决就业情况 -->
    <SolveEmployment style="margin-top: 40px"></SolveEmployment>
  </div>
</template>

<script setup>
import Head from "../../components/largeScreen/headHome.vue";
import Statistic from "./components/statistic.vue";
import Map from "./components/map.vue";
import CompanyProfile from "./components/companyProfile.vue";
import SolveEmployment from "./components/solveEmployment.vue";
import LeftBorder from "../../components/largeScreen/leftBorder.vue";
import RightBorder from "../../components/largeScreen/rightBorder.vue";
import BottomBorder from "../../components/largeScreen/bottomBorder.vue";
// 定义标题名称
const title = "三级劳务体系⼈员数据";
</script>

<style lang="scss" scoped>
.allBox {
  width: 1920px;
  height: 3240px;
  margin: 0 auto;
  background: url("~@/assets/images/largeScreen/all-bg.png") no-repeat;
  background-size: 100%;
  position: relative;
}
</style>
<style lang="scss">
#app {
  overflow: auto !important;
}
</style>
