任务中心

src/layout/personal/navBar.vue

@@ -39,6 +39,7 @@
           <div class="d-flex align-center" v-if="getToken()">
             <a href="/purchasePackage" class="cursor-pointer mr-5" style="color: #FB8C00;">{{ $t('sys.purchasePackage') }}</a>
             <span class="cursor-pointer">{{ $t('sys.news') }}</span>
+            <span class="cursor-pointer ml-5" @click="router.push({ path: '/personalTaskCenter' })">{{ $t('sys.sign') }}</span>
             <v-menu open-on-hover>
               <template v-slot:activator="{ props }">
                 <div class="d-flex ml-5 pl-2 align-center cursor-pointer" v-bind="props" @click="handleToPersonalCenter">
@@ -108,6 +109,7 @@ import { useUserStore } from '@/store/user'
 import { useLocaleStore } from '@/store/locale'
 import { useI18n } from '@/hooks/web/useI18n'
 import CtDialog from '@/components/CtDialog'
+import { useRouter } from 'vue-router'; const router = useRouter()
 import { getUserBindEnterpriseList, getUserRegisterEnterpriseApply } from '@/api/personal/user'
 defineOptions({ name: 'personal-navbar' })
 
@@ -128,8 +130,6 @@ const list = ref([
   { text: t('common.company'), path: '/recruit/company' }
 ])
 
-import { useRouter } from 'vue-router'
-const router = useRouter()
 const handleLogoClick = () => { router.push({ path: '/home'}) }
 const handleSubmit = () => { toEnterprise(radios.value) }
 
@@ -190,6 +190,7 @@ const items = ref([
   { title: t('setting.accountSettings'), icon: 'mdi-cog-outline', change: () => router.push({ path: '/personalAccount/accountBinding' }) },
   { title: t('setting.switchToRecruit'), icon: 'mdi-swap-horizontal', change: changeLoginType },
   { title: t('publicRecruitment.myPR'), icon: 'mdi-google-circles-extended', change: () => router.push({ path: '/myPublicRecruitment' }) },
+  { title: t('taskCenter.taskCenter'), icon: 'mdi-google-circles-extended', change: () => router.push({ path: '/personalTaskCenter' }) },
   { title: t('setting.logOut'), icon: 'mdi-logout', change: handleLogout }
 ])
 

src/locales/en.js

@@ -69,6 +69,7 @@ export default {
     tourist: 'Tourist',
     purchasePackage: 'Purchase Package',
     news: 'News',
+    sign: 'Sign in',
     lookingJob: 'Looking For Job',
     recruit: 'Recruit',
     switchCities: 'Switch Cities'
@@ -217,6 +218,10 @@ export default {
     switchToJobSeeker: 'Switch to Job Seeker',
     switchToRecruit: 'Switch to Recruiter'
   },
+  // 任务中心
+  taskCenter: {
+    taskCenter: 'Task Center',
+  },
   publicRecruitment: {
     // 众聘
     publicRecruitment: 'Public Recruitment',

src/locales/zh-CN.js

@@ -69,6 +69,7 @@ export default {
     tourist: '游客',
     purchasePackage: '购买套餐',
     news: '消息',
+    sign: '签到',
     lookingJob: '我要找工作',
     recruit: '我要招聘',
     switchCities: '切换城市'
@@ -217,10 +218,14 @@ export default {
     switchToJobSeeker: '切换为求职者',
     switchToRecruit: '切换为招聘者'
   },
+  // 任务中心
+  taskCenter: {
+    taskCenter: '任务中心',
+  },
   publicRecruitment: {
     // 众聘
     publicRecruitment: '众聘',
-    myPR: '赏金与积分', // 我的众聘
+    myPR: '赏金与积分',
     myRecommendation: '我的推荐',
     myRegistration: '我的积分',
     // 积分

src/router/modules/personal.js

@@ -107,7 +107,7 @@ const personal = [
     component: Layout,
     name: 'myPublicRecruitment',
     meta: {
-      title: '赏金与积分' // 我的众聘
+      title: '赏金与积分'
     },
     children: [
       {
@@ -119,6 +119,23 @@ const personal = [
       }
     ]
   },
+  {
+    path: '/personalTaskCenter',
+    component: Layout,
+    name: 'personalTaskCenter',
+    meta: {
+      title: '任务中心'
+    },
+    children: [
+      {
+        path: '/personalTaskCenter',
+        component: () => import('@/views/personal/taskCenter/index'),
+        meta: {
+          title: '任务中心'
+        },
+      }
+    ]
+  },
   {
     path: '/purchasePackage',
     component: Layout,

src/views/personal/myPublicRecruitment/index.vue

@@ -1,4 +1,4 @@
-<!-- 赏金与积分  // 我的众聘 -->
+<!-- 赏金与积分 -->
 <template>
   <div class="default-width py-3">
     <v-tabs v-model="tab" align-tabs="start" color="primary" bg-color="#fff" @update:model-value="getPositionList">

src/views/personal/myPublicRecruitment/myRegistration.vue

@@ -15,7 +15,7 @@
       </div>
     </div>
     <!-- 任务中心 -->
-    <div style="font-size: 14px; color: #777; text-align: right;" class="mr-5 mt-3 cursor-pointer">《<span style=" color: var(--v-primary-base);">任务中心</span>》</div>
+    <div style="font-size: 14px; color: #777; text-align: right;" class="mr-5 mt-3 cursor-pointer" @click="router.push({ path: '/personalTaskCenter' })">《<span style=" color: var(--v-primary-base);">任务中心</span>》</div>
     <!-- 数据 -->
     <!-- <div class="d-flex mt-3"></div> -->
     <div class="mt-3">
@@ -32,6 +32,7 @@
 
 <script setup>
 import TablePage from './components/integralTable.vue'
+import { useRouter } from 'vue-router'; const router = useRouter()
 import { ref } from 'vue'
 defineOptions({name: 'personal-myPublicRecruitment-myRegistration'})
 const integral = '135'

src/views/personal/taskCenter/index.vue

@@ -0,0 +1,10 @@
+<!-- 任务中心 -->
+<template>
+  <div>任务中心</div>
+</template>
+
+<script setup>
+defineOptions({name: 'personal-taskCenter-index'})
+</script>
+<style lang="scss" scoped>
+</style>