路由

src/router/modules/recruit.js

@@ -4,6 +4,10 @@ import Layout from '@/layout'
 const recruit = [
   {
     path: '/recruit',
+    redirect: '/home'
+  },
+  {
+    path: '/recruit/personal/position',
     component: Layout,
     name: 'recruit',
     children: [

src/views/Home/enterprise.vue

@@ -1,13 +0,0 @@
-<template>
-  <enterprise></enterprise>
-</template>
-
-<script setup>
-defineOptions({ name: 'enterprise-home-index'})
-
-import enterprise from './company'
-</script>
-
-<style scoped lang="scss">
-
-</style>

src/views/Home/index.vue

@@ -1,12 +1,42 @@
 <template>
-  <personal ref="personalRef"></personal>
+  <div>
+    <headCarousel></headCarousel>
+    <div class="stickyBox py-5">
+      <headSearch text="职位类型" @handleSearch="handleSearch"></headSearch>
+    </div>
+    <hotJobs></hotJobs>
+    <div class="default-width">
+      <!-- <jobTypeCard class="mb-5" page @handleJobClick="handleJobClick" isSingle></jobTypeCard> -->
+      <homeJobTypeCard class="mb-5"></homeJobTypeCard>
+      <hotPromotedPositions></hotPromotedPositions>
+      <PopularEnterprises class="mt-10"></PopularEnterprises>
+    </div>
+  </div>
 </template>
 
 <script setup>
-defineOptions({ name:'home-index'})
-import personal from './personal/index.vue'
+defineOptions({ name:'personal-index'})
+import headCarousel from './components/headCarousel.vue'
+import headSearch from '@/components/headSearch'
+import hotJobs from './components/hotJobs.vue'
+// import jobTypeCard from '@/components/jobTypeCard'
+import homeJobTypeCard from './components/homeJobTypeCard'
+import hotPromotedPositions from './components/hotPromotedPositions.vue'
+import PopularEnterprises from './components/popularEnterprises.vue'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+
+const handleSearch = (val) => {
+  if (val) router.push(`/recruit/personal/position?content=${val}`)
+}
 </script>
 
 <style lang="scss" scoped>
-
+.stickyBox {
+  position: sticky;
+  top: 48px;
+  z-index: 999;
+  background-color: var(--default-bgc);
+}
 </style>

src/views/Home/personal/index.vue

@@ -1,41 +0,0 @@
-<template>
-  <div>
-    <headCarousel></headCarousel>
-    <div class="stickyBox py-5">
-      <headSearch text="职位类型" @handleSearch="handleSearch"></headSearch>
-    </div>
-    <hotJobs></hotJobs>
-    <div class="default-width">
-      <!-- <jobTypeCard class="mb-5" page @handleJobClick="handleJobClick" isSingle></jobTypeCard> -->
-      <homeJobTypeCard class="mb-5"></homeJobTypeCard>
-      <hotPromotedPositions></hotPromotedPositions>
-      <PopularEnterprises class="mt-10"></PopularEnterprises>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import headCarousel from './components/headCarousel.vue'
-import headSearch from '@/components/headSearch'
-import hotJobs from './components/hotJobs.vue'
-// import jobTypeCard from '@/components/jobTypeCard'
-import homeJobTypeCard from './components/homeJobTypeCard'
-import hotPromotedPositions from './components/hotPromotedPositions.vue'
-import PopularEnterprises from './components/popularEnterprises.vue'
-import { useRouter } from 'vue-router'
-const router = useRouter()
-defineOptions({ name:'personal-index'})
-
-const handleSearch = (val) => {
-  if (val) router.push(`/recruit/personal/position?content=${val}`)
-}
-</script>
-
-<style lang="scss" scoped>
-.stickyBox {
-  position: sticky;
-  top: 48px;
-  z-index: 999;
-  background-color: var(--default-bgc);
-}
-</style>