确认进入

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

@@ -6,9 +6,10 @@
       </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 :loading="loginLoading" color="warning" class="white--text mt-5" min-width="350" @click="handleLogin" :style="{'width': isMobile ? '100%' : '350px' }">
+          {{ $t('common.confirm') }}
         </v-btn>
+        <!-- <div class="color-999 mt-2" style="font-size: 13px;">注：确认即代表加入该企业</div> -->
       </div>
     </div>
   </div>
@@ -18,6 +19,10 @@
 defineOptions({ name: 'inviteConfirm'})
 import { ref, onMounted } from 'vue'
 import phoneFrom from '@/components/VerificationCode'
+import { useUserStore } from '@/store/user'; const userStore = useUserStore()
+import { useRoute } from 'vue-router'; const route = useRoute()
+import { enterpriseInviteRecordConsent } from '@/api/recruit/enterprise/enterpriseInvite.js'
+import Snackbar from '@/plugins/snackbar'
 
 // 组件挂载后添加事件监听器  
 const isMobile = ref(false)
@@ -25,11 +30,25 @@ 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 code = route.query?.code || ''
 const phoneRef = ref()
 const loginLoading = ref(false)
 
-const handleLogin = async () => {}
+const handleLogin = async () => {
+  localStorage.removeItem('currentRole')
+  const { valid } = await phoneRef.value.phoneForm.validate()
+  if (!valid) return
+  loginLoading.value = true
+  try {
+    const params = { ...phoneRef.value.loginData } // 只能验证码登录
+    await userStore.handleSmsLogin(params)
+    await enterpriseInviteRecordConsent({ code })
+    Snackbar.success('加入成功')
+  } catch (error) {
+    console.error('error', error)
+    Snackbar.error('加入失败')
+  }
+}
 </script>
 
 <style scoped lang="scss">