合并文件

src/layout/enterprise.vue

@@ -43,7 +43,8 @@ const whiteList = [
   '/recruit/enterprise/talentPool/details',
   '/recruit/enterprise/position/details',
   '/recruit/enterprise/purchasePackage',
-  '/recruit/enterprise/systemManagement/groupAccount/addBranchOffice'
+  '/recruit/enterprise/systemManagement/groupAccount/invite/0',
+  '/recruit/enterprise/systemManagement/groupAccount/invite/1'
 ]
 // 查询是否在白名单内，在则不展示面包屑
 const isInWhiteList = (url, whiteList)=> {

src/router/modules/components/recruit/enterprise.js

@@ -236,23 +236,14 @@ const enterprise = [
         component: () => import('@/views/recruit/enterprise/systemManagement/groupAccount/index.vue')
       },
       {
-        path: '/recruit/enterprise/systemManagement/groupAccount/addBranchOffice',
+        path: '/recruit/enterprise/systemManagement/groupAccount/invite/:type',
         show: true,
         meta: {
           hideSide: true,
-          title: '添加分支机构',
-          enName: 'Add a branch office'
+          title: '邀请',
+          enName: 'Invite'
         },
-        component: () => import('@/views/recruit/enterprise/systemManagement/groupAccount/addBranchOffice.vue')
-      },
-      {
-        path: '/recruit/enterprise/systemManagement/groupAccount/inviteNewColleagues',
-        show: true,
-        meta: {
-          title: '邀请新同事',
-          enName: 'Invite new colleagues',
-        },
-        component: () => import('@/views/recruit/enterprise/systemManagement/groupAccount/inviteNewColleagues.vue')
+        component: () => import('@/views/recruit/enterprise/systemManagement/groupAccount/invite.vue')
       },
       // {
       //   path: '/recruit/enterprise/systemManagement/userManagement',

src/views/recruit/enterprise/systemManagement/groupAccount/components/record.vue

@@ -26,12 +26,19 @@ import { useI18n } from '@/hooks/web/useI18n'; const { t } = useI18n()
 import { timesTampChange } from '@/utils/date'
 import { getEnterpriseUserList } from '@/api/recruit/enterprise/system/user'
 defineOptions({name: 'groupAccount-component-record'})
+const props = defineProps({
+  inviteType: {
+    type: String,
+    default: '0' // 类型 (0 邀请同事 | 1 邀请子公司),示例值(2)
+  }
+})
 const total = ref(0)
 const tableData = ref([])
 const loading = ref(false)
 const query = ref({
   pageSize: 10,
   pageNo: 1,
+  type: props.inviteType
 })
 const headers = [
   { title: t('login.username'), key: 'name' },

src/views/recruit/enterprise/systemManagement/groupAccount/index.vue

@@ -3,7 +3,7 @@
     <v-row no-gutters justify="space-between">
       <v-col cols="2">
         <div class="d-flex justify-start pr-3">
-          <v-btn prepend-icon="mdi-plus" variant="text" density="compact" color="primary" @click="handleAdd(0)">{{ $t('enterprise.userManagement.addBranchOffice') }}</v-btn>
+          <v-btn prepend-icon="mdi-plus" variant="text" density="compact" color="primary" @click="handleAdd(1)">{{ $t('enterprise.userManagement.addBranchOffice') }}</v-btn>
         </div>
         <v-treeview
           :items="treeData"
@@ -28,7 +28,7 @@
       <v-col class="ml-10">
         <div class="d-flex justify-space-between px-3">
           <TextInput v-model="query.name" :item="textItem" @change="getUserList"></TextInput>
-          <v-btn prepend-icon="mdi-plus" color="primary" @click="handleAdd(1)">{{ $t('enterprise.userManagement.inviteNewColleagues') }}</v-btn>
+          <v-btn prepend-icon="mdi-plus" color="primary" @click="handleAdd(0)">{{ $t('enterprise.userManagement.inviteNewColleagues') }}</v-btn>
         </div>
         <v-data-table
           :loading="loading"
@@ -192,10 +192,9 @@ const handleBinding = async (item) => {
   show.value = true
 }
 
-const handleAdd = (num) => {
-  const name = num ? 'inviteNewColleagues' : 'addBranchOffice'
-  // router.push({ path: `/recruit/enterprise/systemManagement/groupAccount/${name}` })
-  window.open(`/recruit/enterprise/systemManagement/groupAccount/${name}`)
+const handleAdd = (type) => {
+  // type: 类型(0 邀请同事 | 1 邀请子公司)
+  window.open(`/recruit/enterprise/systemManagement/groupAccount/invite/${type}`)
 }
 
 const handleClose = () => {

src/views/recruit/enterprise/systemManagement/groupAccount/addBranchOffice.vue → src/views/recruit/enterprise/systemManagement/groupAccount/invite.vue

@@ -1,16 +1,18 @@
-<!-- 添加分支机构 -->
 <template>
   <v-card class="card-box pa-5">
     <div class="default-width">
+      <div class="resume-header mb-5">
+        <div class="resume-title">{{ inviteType ? $t('enterprise.userManagement.addBranchOffice') : $t('enterprise.userManagement.inviteNewColleagues') }}</div>
+      </div>
       <v-tabs v-model="tab" align-tabs="start" color="primary" bg-color="#f7f8fa" @update:model-value="handleChangeTab">
         <v-tab v-for="val in tabList" :key="val.value" :value="val.value"> {{ val.label }}</v-tab>
       </v-tabs>
       <v-window v-model="tab" class="mt-3">
         <v-window-item :value="1">
-          <invite style="min-height: 500px;"></invite>
+          <linkPage :inviteType="inviteType" style="min-height: 500px;"></linkPage>
         </v-window-item>
         <v-window-item :value="2">
-          <record style="min-height: 500px;"></record>
+          <record :inviteType="inviteType" style="min-height: 500px;"></record>
         </v-window-item>
       </v-window>
     </div>
@@ -18,11 +20,13 @@
 </template>
 
 <script setup>
-import invite from './components/invite.vue'
+import linkPage from './components/link.vue'
 import record from './components/record.vue'
 import { useI18n } from '@/hooks/web/useI18n'; const { t } = useI18n()
+import { useRouter } from 'vue-router'; const router = useRouter()
 import { ref } from 'vue'
-defineOptions({name: 'groupAccount-addBranchOffice'})
+defineOptions({name: 'groupAccount-invite'})
+const inviteType = ref(+router.currentRoute.value?.params?.type || 0) // 类型(0 邀请同事 | 1 邀请子公司)
 const tabList = [
   { label: t('enterprise.userManagement.initiateInvitation'), value: 1 },
   { label: t('enterprise.userManagement.invitationRecord'), value: 2 },

src/views/recruit/enterprise/systemManagement/groupAccount/inviteNewColleagues.vue

@@ -1,10 +0,0 @@
-<!-- 邀请新同事 -->
-<template>
-  <div>vue3PageInit</div>
-</template>
-
-<script setup>
-defineOptions({name: 'groupAccount-inviteNewColleagues'})
-</script>
-<style lang="scss" scoped>
-</style>