邀请页面

src/router/modules/common.js

@@ -35,6 +35,14 @@ const common = [
     },
     component: () => import('@/views/recruit/personal/shareJob/index.vue')
   },
+  {
+    path: '/invite',
+    name: 'invite',
+    meta: {
+      title: '成员邀请'
+    },
+    component: () => import('@/views/recruit/enterprise/systemManagement/groupAccount/inviteConfirm.vue')
+  },
 ]
 
 export default common

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

@@ -0,0 +1,49 @@
+<template>
+  <div style="background-color: #f0f0f0;">
+    <div class="inviteView text-center" :style="{'width': isMobile ? '100%' : '750px'}">
+      <div class="invite-title">
+        门墩儿直聘用户史迪奇，邀请你加入【门墩儿科技有限公司】的招聘团
+      </div>
+      <div class="mt-10 d-flex flex-column align-center">
+        <phoneFrom ref="phoneRef" @handleEnter="handleLogin" :style="{'width': isMobile ? '100%' : '350px' }"></phoneFrom>
+        <v-btn :loading="loginLoading" color="primary" class="white--text mt-5" min-width="350" @click="handleLogin" :style="{'width': isMobile ? '100%' : '350px' }">
+          {{ $t('login.register') }}
+        </v-btn>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+defineOptions({ name: 'inviteConfirm'})
+import { ref, onMounted } from 'vue'
+import phoneFrom from '@/components/VerificationCode'
+
+// 组件挂载后添加事件监听器  
+const isMobile = ref(false)
+onMounted(() => {
+  const userAgent = navigator.userAgent
+  isMobile.value = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i.test(userAgent)
+})
+
+const phoneRef = ref()
+const loginLoading = ref(false)
+
+const handleLogin = async () => {}
+</script>
+
+<style scoped lang="scss">
+.inviteView {
+  min-height: 100vh;
+  display: block;
+  overflow: hidden;
+  margin: 0 auto;
+  padding: 45px;
+  background-color: #fff;
+}
+.invite-title {
+  font-size: 20px;
+  font-weight: 700;
+  color: var(--color-333);
+}
+</style>