发起邀请

src/locales/en.js

@@ -47,6 +47,7 @@ export default {
     pleaseEnter: 'Please Enter',
     actions: 'operation',
     selectAll: 'Select All',
+    copy: 'Copy',
     noData: 'There is currently no data available'
   },
   sys: {
@@ -193,6 +194,8 @@ export default {
       regularUser: 'Regular users',
       addBranchOffice: 'Add a branch office',
       inviteNewColleagues: 'Invite new colleagues',
+      initiateInvitation: 'Initiate invitation',
+      invitationRecord: 'Invitation Record',
       post: 'Post',
       jobBinding: 'Job binding',
       postNodataToAdd: 'There is currently no job data available, please add job data first',

src/locales/zh-CN.js

@@ -47,6 +47,7 @@ export default {
     pleaseEnter: '请输入',
     actions: '操作',
     selectAll: '全选',
+    copy: '复制',
     noData: '暂无数据'
   },
   sys: {
@@ -193,6 +194,8 @@ export default {
       regularUser: '普通用户',
       addBranchOffice: '添加分支机构',
       inviteNewColleagues: '邀请新同事',
+      initiateInvitation: '发起邀请',
+      invitationRecord: '邀请记录',
       post: '岗位',
       jobBinding: '岗位绑定',
       postNodataToAdd: '暂无岗位数据，请先添加岗位数据',

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

@@ -235,6 +235,25 @@ const enterprise = [
         },
         component: () => import('@/views/recruit/enterprise/systemManagement/groupAccount/index.vue')
       },
+      {
+        path: '/recruit/enterprise/systemManagement/groupAccount/addBranchOffice',
+        show: true,
+        meta: {
+          title: '添加分支机构',
+          enName: 'Add a branch office'
+          // title: '新增岗位'
+        },
+        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')
+      },
       // {
       //   path: '/recruit/enterprise/systemManagement/userManagement',
       //   meta: {

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

@@ -0,0 +1,37 @@
+<!-- 添加分支机构 -->
+<template>
+  <v-card class="card-box pa-5">
+    <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></invite>
+        </v-window-item>
+        <v-window-item :value="2">
+          <record></record>
+        </v-window-item>
+      </v-window>
+    </div>
+  </v-card>
+</template>
+
+<script setup>
+import invite from './components/invite.vue'
+import record from './components/record.vue'
+import { useI18n } from '@/hooks/web/useI18n'; const { t } = useI18n()
+import { ref } from 'vue'
+defineOptions({name: 'groupAccount-addBranchOffice'})
+const tabList = [
+  { label: t('enterprise.userManagement.initiateInvitation'), value: 1 },
+  { label: t('enterprise.userManagement.invitationRecord'), value: 2 },
+]
+const tab = ref(1)
+// 切换
+const handleChangeTab = () => {
+  
+}
+</script>
+<style lang="scss" scoped>
+</style>

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

@@ -0,0 +1,38 @@
+<!-- 发起邀请 -->
+<template>
+  <div style="font-size: 14px; min-height: 500px;">
+    <div class="mt-5 color-777">将下面的公共邀请链接通过微信、00等任何方式发给同事，即可点击加入公司。请注意，用户同意后将自动加入到团队中，您需确保添加到的同事为同一公司招聘人员</div>
+    <div class="mt-5 d-flex align-center">
+      <div class="mr-5 shareUrlTxt">http://menduner.citupro.com:7878/groupAccount/add?code={{ props.code }}</div>
+      <v-btn color="primary" class="mr-3" @click="copy()">{{ $t('common.copy') }}</v-btn>
+      <v-btn color="green" variant="outlined" @click="refresh()">{{ $t('common.refresh') }}</v-btn>
+    </div>
+    <div class="mt-5 color-777">链接{{ day }}天内有效</div>
+  </div>
+</template>
+
+<script setup>
+defineOptions({name: 'groupAccount-component-invite'})
+const props = defineProps({
+  code: {
+    type: String,
+    default: '123'
+  }
+})
+
+const day = '30'
+const copy = () => {
+  
+}
+const refresh = () => {
+
+}
+</script>
+<style lang="scss" scoped>
+.shareUrlTxt {
+  line-height: 30px;
+  background-color: #f0f0f0;
+  // border-radius: 5px;
+  padding: 6px 16px;
+}
+</style>

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

@@ -0,0 +1,10 @@
+<!-- 邀请记录 -->
+<template>
+  <div>邀请记录</div>
+</template>
+
+<script setup>
+defineOptions({name: 'groupAccount-component-record'})
+</script>
+<style lang="scss" scoped>
+</style>

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="{}">{{ $t('enterprise.userManagement.addBranchOffice') }}</v-btn>
+          <v-btn prepend-icon="mdi-plus" variant="text" density="compact" color="primary" @click="handleAdd(0)">{{ $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="{}">{{ $t('enterprise.userManagement.inviteNewColleagues') }}</v-btn>
+          <v-btn prepend-icon="mdi-plus" color="primary" @click="handleAdd(1)">{{ $t('enterprise.userManagement.inviteNewColleagues') }}</v-btn>
         </div>
         <v-data-table
           :loading="loading"
@@ -100,6 +100,12 @@ const textItem = ref({
   label: '请输入用户名称搜索'
 })
 
+import { useRouter } from 'vue-router'; const router = useRouter()
+const handleAdd = (num) => {
+  const name = num ? 'inviteNewColleagues' : 'addBranchOffice'
+  router.push({ path: `/recruit/enterprise/systemManagement/groupAccount/${name}` })
+}
+
 const show = ref(false)
 const formPageRef = ref()
 const bindQuery = ref({})

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

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