查看更多按钮

src/router/modules/components/headhunting.js

@@ -0,0 +1,11 @@
+const headhunting = [
+  {
+    path: '/headhunting',
+    component: () => import('@/views/headhunting/index.vue'),
+    meta: {
+      title: '门墩儿猎寻服务'
+    }
+  }
+]
+
+export default headhunting

src/router/modules/remaining.js

@@ -1,6 +1,7 @@
 import common from './common'
 import recruit from './recruit'
 import Layout from '@/layout'
+import headhunting from './components/headhunting'
 import { setLoginType } from '@/utils/loginType'
 
 
@@ -44,11 +45,12 @@ const remainingRouter = [
   },
 ]
 setLoginType(remainingRouter, 'noLogin')
+setLoginType(headhunting, 'noLogin')
 setLoginType(common, 'common')
-
 const routeArray = [
   ...remainingRouter,
   ...recruit,
+  ...headhunting,
   ...common
 ]
 

src/views/entrances/list/index.vue

@@ -13,10 +13,9 @@
   <div class="listBox mt-15">
     <div
       v-for="(item, index) in menuList" :key="'menu' + index"
-      class="listItem mb-2 mx-3"
+      class="listItem mb-3"
       @click="handleClick(item)"
     >
-      <!-- <span>{{ item.title }}</span> -->
       <v-icon color="primary" size="50" class="mt-6" style="height: 100px; line-height: 100px;">{{ item.icon }}</v-icon>
       <div style="font-size: 18px;">{{ item.title }}</div>
       <div style="font-size: 14px;" class="defaultLink mt-3">立即体验 ></div>
@@ -25,13 +24,10 @@
 </template>
 
 <script setup>
-// import { useRouter } from 'vue-router'; const router = useRouter()
-import { ref } from 'vue'
-
 defineOptions({name: 'entrances-list'})
+import { ref } from 'vue'
 
 const bigTitle = ['酒店管理与职业发展社交一体化 SaaS 平台']
-
 const smallTitle = [
   '企业在线招聘专场',
   '更快找到合适人选',
@@ -40,14 +36,17 @@ const smallTitle = [
 const menuList = ref([
   { icon: 'mdi-account-group-outline', title: '门墩儿直聘', to: '/personal' },
   { icon: 'mdi-shopping-outline', title: '臻选商城', to: '/mall' },
-  { icon: 'mdi-chart-bar-stacked', title: '数据服务', to: '' },
   { icon: 'mdi-school-outline', title: '火苗儿校企', to: '' },
+  // { icon: 'mdi-account-search', title: '门墩猎寻服务', to: '/headhunting' },
+  { icon: 'mdi-database-outline', title: '数据服务', to: '' },
+  // { icon: 'mdi-town-hall', title: '门墩儿产业与院校联合会', to: '' },
 ])
+
  const handleClick = (item) => {
-  // router.push(item.to)
   window.open(item.to)
  }
 </script>
+
 <style lang="scss" scoped>
 .listBox {
   display: flex;
@@ -60,11 +59,14 @@ const menuList = ref([
     cursor: pointer;
     border-radius: 8px;
     text-align: center;
+    margin-right: 12px;
     box-shadow: 0px 0px 40px 0px var(--v-primary-lighten4);
-    // transition: all 0.2s;
     &:hover {
       transform: translateY(-8px);
     }
+    &:nth-child(6n) {
+      margin-right: 0;
+    }
   }
 }
 </style>

src/views/headhunting/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="headhunting">门墩猎寻服务</div>
+</template>
+
+<script setup>
+defineOptions({ name: 'headhunting-index'})
+</script>
+
+<style scoped lang="scss">
+.headhunting {
+  width: 100%;
+  height: 100%;
+  background-color: var(--default-bgc);
+}
+</style>

src/views/recruit/personal/home/components/popularEnterprises.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <HotPromoted :items="items"></HotPromoted>
-    <div class="text-center">
+    <div v-if="items.length" class="text-center">
       <v-btn class="buttons" color="primary" to="/recruit/personal/company">{{ $t('enterprise.moreBtn') }}</v-btn>
     </div>
   </div>