列表

src/locales/en.js

@@ -68,9 +68,12 @@ export default {
     haveSeenMe: 'Have Seen Me',
     pausePublishing: 'Pause Publishing',
     expiredPosition: 'Expired Position',
-    recycleBin: 'Recycle Bin',
+    drafts: 'Drafts',
     closed: 'Closed',
-    recruitmentInProgress: 'Recruitment In Progress'
+    recruitmentInProgress: 'Recruitment In Progress',
+    newPositionsAdded: 'New positions added',
+    screen: 'Screen',
+    positionName: 'Please enter the position name'
   },
   enterprise: {
     moreBtn: 'View More Enterprises',

src/locales/zh-CN.js

@@ -68,9 +68,12 @@ export default {
     haveSeenMe: '看过我',
     pausePublishing: '暂停发布',
     expiredPosition: '到期职位',
-    recycleBin: '回收站',
+    drafts : '草稿箱',
     closed: '已关闭',
-    recruitmentInProgress: '招聘中'
+    recruitmentInProgress: '招聘中',
+    newPositionsAdded: '新增职位',
+    screen: '筛选',
+    positionName: '请输入职位名称'
   },
   enterprise: {
     moreBtn: '查看更多企业',

src/router/modules/enterprise.js

@@ -59,6 +59,14 @@ const enterprise = [
           title: '职位列表'
         },
         component: () => import('@/views/enterprise/positionManagement/index.vue')
+      },
+      {
+        path: '/enterprise/position/add',
+        show: true,
+        meta: {
+          title: '新增职位'
+        },
+        component: () => import('@/views/enterprise/positionManagement/components/add.vue')
       }
     ]
   },

src/views/enterprise/positionManagement/components/add.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <v-card class="card-box pa-5">职位新增</v-card>
+  </div>
+</template>
+
+<script setup>
+defineOptions({ name: 'enterprise-position-add'})
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/views/enterprise/positionManagement/components/item.vue

@@ -23,19 +23,29 @@
             <div class="resume-number">6</div>
             <div>待筛选简历</div>
           </div>
-          <div>
+          <div v-if="tab === 1">
             <v-btn color="primary" variant="tonal">人才搜索</v-btn>
             <v-btn class="mx-3" color="primary">刷新职位</v-btn>
             <v-btn color="primary">置顶职位</v-btn>
           </div>
+          <div v-if="tab === 2">
+            <v-btn color="primary">激活职位</v-btn>
+          </div>
         </div>
       </div>
       <div class="bottom pa-5 d-flex justify-space-between align-center">
         <div>刷新时间：2024.5.30（90天后到期）</div>
-        <div>
-          <span class="cursor-pointer">招聘统计</span>
-          <span class="lines"></span>
-          <span class="cursor-pointer">编辑</span>
+        <div class="d-flex">
+          <div v-if="tab === 1">
+            <span class="cursor-pointer">关闭</span>
+            <span class="lines"></span>
+            <span class="cursor-pointer">暂停</span>
+          </div>
+          <div class="ml-10">
+            <span class="cursor-pointer">招聘统计</span>
+            <span class="lines"></span>
+            <span class="cursor-pointer">编辑</span>
+          </div>
         </div>
       </div>
     </div>
@@ -45,6 +55,12 @@
 <script setup>
 defineOptions({ name: 'enterprise-position-item'})
 import { ref } from 'vue'
+defineProps({
+  tab: {
+    type: Number,
+    default: 1
+  }
+})
 
 const list = ref([
   {

src/views/enterprise/positionManagement/index.vue

@@ -2,8 +2,8 @@
   <div>
     <v-card class="card-box pa-5">
       <div class="text-end">
-        <v-btn class="btn mr-3" prepend-icon="mdi-filter-outline" color="primary" variant="outlined">筛选</v-btn>
-        <v-btn class="btn" prepend-icon="mdi-plus" color="primary">新增职位</v-btn>
+        <v-btn class="btn mr-3" prepend-icon="mdi-filter-outline" color="primary" variant="outlined" @click="handleScreen">{{ $t('position.screen') }}</v-btn>
+        <v-btn class="btn" prepend-icon="mdi-plus" color="primary" @click="handleAdd">{{ $t('position.newPositionsAdded') }}</v-btn>
       </div>
       <div class="d-flex justify-center mt-3">
         <TextUI :item="textItem"></TextUI>
@@ -12,25 +12,21 @@
         <v-tabs v-model="tab" align-tabs="start" color="primary" bg-color="#fff">
           <v-tab :value="1">{{ $t('position.recruitmentInProgress') }}</v-tab>
           <v-tab :value="2">{{ $t('position.closed') }}</v-tab>
-          <v-tab :value="3">{{ $t('position.pausePublishing') }}</v-tab>
-          <v-tab :value="4">{{ $t('position.expiredPosition') }}</v-tab>
-          <v-tab :value="5">{{ $t('position.recycleBin') }}</v-tab>
+          <v-tab :value="3">{{ $t('position.expiredPosition') }}</v-tab>
+          <v-tab :value="4">{{ $t('position.drafts') }}</v-tab>
         </v-tabs>
         <v-window v-model="tab" class="mt-3">
           <v-window-item :value="1">
-            <PositionItem></PositionItem>
+            <PositionItem :tab="tab"></PositionItem>
           </v-window-item>
           <v-window-item :value="2">
-            <PositionItem></PositionItem>
+            <PositionItem :tab="tab"></PositionItem>
           </v-window-item>
           <v-window-item :value="3">
-            <PositionItem></PositionItem>
+            <PositionItem :tab="tab"></PositionItem>
           </v-window-item>
           <v-window-item :value="4">
-            <PositionItem></PositionItem>
-          </v-window-item>
-          <v-window-item :value="5">
-            <PositionItem></PositionItem>5
+            <PositionItem :tab="tab"></PositionItem>
           </v-window-item>
         </v-window>
       </div>
@@ -43,7 +39,9 @@ defineOptions({ name: 'enterprise-position-list'})
 import { ref } from 'vue'
 import TextUI from '@/components/FormUI/TextInput'
 import PositionItem from './components/item.vue'
+import { useRouter } from 'vue-router'
 
+const router = useRouter()
 const tab = ref(1)
 const textItem = ref({
   type: 'text',
@@ -52,6 +50,11 @@ const textItem = ref({
   label: '请输入职位名称',
   appendInnerIcon: 'mdi-magnify'
 })
+
+const handleScreen = () => {}
+const handleAdd = () => {
+  router.push('/enterprise/position/add')
+}
 </script>
 
 <style scoped lang="scss">