切换招聘者

components.d.ts

@@ -20,7 +20,7 @@ declare module 'vue' {
     CtPagination: typeof import('./src/components/CtPagination/index.vue')['default']
     CtSearch: typeof import('./src/components/CtSearch/index.vue')['default']
     CtTextField: typeof import('./src/components/CtVuetify/CtTextField/index.vue')['default']
-    DatePicker: typeof import('./src/components/FormUI/datePicker/index.vue')['default']
+    DatePicker: typeof import('./src/components/DatePicker/index.vue')['default']
     Details: typeof import('./src/components/Enterprise/details.vue')['default']
     Empty: typeof import('./src/components/Empty/index.vue')['default']
     HeadSearch: typeof import('./src/components/headSearch/index.vue')['default']

src/layout/personal/navBar.vue

@@ -87,8 +87,13 @@
         
       </div>
     </v-toolbar>
-    <Dialog :visible="show" :footer="true" title="切换为招聘者" widthType="3" @submit="handleSubmit" @close="show = false">
-
+    <!-- <Dialog :visible="show" :footer="true" title="切换为招聘者" widthType="3" @submit="handleSubmit" @close="show = false"></Dialog> -->
+    <Dialog :visible="show" title="提示" :footer="false" widthType="2" @close="show = false">
+      <div class="mb-3 text-center" style="color: #999;">
+        <div class="mb-5">您还未绑定或注册企业, 请选择您要操作的类型！</div>
+        <v-btn class="half-button" size="small" color="primary" variant="tonal" @click="handleChange(0)">绑定企业</v-btn>
+        <v-btn class="half-button ml-5" size="small" color="primary" variant="tonal" @click="handleChange(1)">注册新企业</v-btn>
+      </div>
     </Dialog>
   </div>
 </template>
@@ -99,7 +104,6 @@ import { getToken } from '@/utils/auth'
 import { useUserStore } from '@/store/user'
 import { useLocaleStore } from '@/store/locale'
 import Dialog from '@/components/CtDialog'
-import Confirm from '@/plugins/confirm'
 defineOptions({ name: 'personal-navbar' })
 
 defineProps({
@@ -122,22 +126,23 @@ import { useRouter } from 'vue-router'
 const router = useRouter()
 const handleLogoClick = () => { router.push({ path: '/home'}) }
 
+const show = ref(false)
 const userType = ref(1) // 0企业用户、1个人用户
 const changeRole = () => {
   if (userType.value) {
-    // 未注册或绑定企业
-    Confirm('系统提示', '是否确认删除此教育经历？').then(async () => {
-      console.log('1', 1)
-      router.push({ path: '/enterprise/register' })
-    })
+    show.value = true
+    router.push({ path: '/enterprise/register' })
   } else {
     router.push({ path: '/enterprise/home' }) 
   }
 }
 
-const handleSubmit = () => {
-  console.log('1', 1)
+const handleChange = (index) => {
+  const path = index ? '/enterprise/register' : '/enterprise/binding'
+  show.value = false
+  router.push({ path })
 }
+
 const handleToPersonalCenter = () => {
   router.push({ path: '/personalCenter' })
 }

src/router/modules/personal.js

@@ -78,13 +78,20 @@ const personal = [
     path: '/enterprise/register',
     component: Layout,
     name: 'enterpriseRegister',
-    meta: {
-      title: '注册企业'
-    },
     children: [
       {
         path: '/enterprise/register',
         component: () => import('@/views/enterprise/components/register'),
+        meta: {
+          title: '注册新企业'
+        },
+      },
+      {
+        path: '/enterprise/binding',
+        component: () => import('@/views/enterprise/components/binding'),
+        meta: {
+          title: '绑定企业'
+        },
       }
     ]
   }

src/views/enterprise/components/binding.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="default-width pt-5">
+    binding
+  </div>
+</template>
+
+<script setup>
+defineOptions({name: 'enterprise-enterpriseRegister-binding'})
+</script>
+<style lang="scss" scoped>
+</style>

src/views/enterprise/components/register copy.vue

@@ -0,0 +1,75 @@
+<!-- 企业注册表单 -->
+<template>
+  <div>
+    <!-- （输入提示框-> 如果是选择了某个公司，带出公司信息，展开预览信息，点击加入） -->
+    <!-- 多个招聘专员注册多个boss账号，但这些账号只能认证一个公司主体。新建的需要门墩后台审核，加入的由公司主体账户审核 -->
+      <v-tabs v-model="tab" align-tabs="center" color="primary">
+        <v-tab :value="1">加入公司</v-tab>
+        <v-tab :value="2">新建公司</v-tab>
+      </v-tabs>
+      <v-window v-model="tab" class="mt-9">
+        <v-window-item :value="1">
+          <!-- 加入公司 -->
+          <!-- <div>头像</div> -->
+          <v-form v-model="valid">
+            <v-text-field
+              v-model="addInForm.username"
+              label="姓名"
+              placeholder="请输入姓名" 
+              color="primary" 
+              variant="outlined" 
+              density="compact" 
+              :rules="[v=> !!v || '请输入姓名']"
+            ></v-text-field>
+            <v-autocomplete
+              v-model="addInForm.company"
+              label="公司名称"
+              placeholder="请输入公司名称" 
+              color="primary" 
+              variant="outlined" 
+              density="compact" 
+              return-object
+              :items="[{value: 'Alibaba', title: '阿里巴巴', shortName: '阿里' }, {value: 'Tencent', title: '腾讯', shortName: '腾讯' }, {value: 'Tencent', title: '腾讯', shortName: '腾讯' }, {value: 'Tencent', title: '腾讯', shortName: '腾讯' }, {value: 'Tencent', title: '腾讯', shortName: '腾讯' }, {value: 'Tencent', title: '腾讯', shortName: '腾讯' }, {value: 'Tencent', title: '腾讯', shortName: '腾讯' }, {value: 'Tencent', title: '腾讯', shortName: '腾讯' }, {value: 'Tencent', title: '腾讯', shortName: '腾讯' }, {value: 'Tencent', title: '腾讯', shortName: '腾讯' }]"
+              :rules="[v=> !!v || '请输入公司名称']"
+              @update:search-input="companySearch"
+            ></v-autocomplete>
+            <v-text-field
+              v-model="addInForm.duties"
+              label="职务"
+              placeholder="请输入职务" 
+              variant="outlined" 
+              density="compact"
+              color="primary"
+              :rules="[v=> !!v || '请输入职务']"
+            ></v-text-field>
+          </v-form>
+        </v-window-item>
+        <v-window-item :value="2">
+          <!-- 新建公司 -->
+          <div>公司全称（需要与营业执照完全一致）</div>
+          <div>公司简称（选填）</div>
+          <div>营业执照</div>
+          <div>公司行业</div>
+          <div>人员规模</div>
+          <div>法人招聘授权书</div>
+          <div>法人身份证照片</div>
+        </v-window-item>
+      </v-window>
+    <!-- 新建 -->
+  </div>
+</template>
+<script setup>
+import { reactive, ref } from 'vue';
+defineOptions({ name:'register-form'})
+
+const tab = ref(1)
+const valid = ref(false)
+const addInForm = reactive({ username: '', company: '', duties: '' })
+const companySearch = (val) => {
+  console.log('companySearch', val)
+}
+
+</script>
+<style lang="scss" scoped>
+
+</style>

src/views/enterprise/components/register.vue

@@ -1,75 +1,11 @@
-<!-- 企业注册表单 -->
 <template>
-  <div>
-    <!-- （输入提示框-> 如果是选择了某个公司，带出公司信息，展开预览信息，点击加入） -->
-    <!-- 多个招聘专员注册多个boss账号，但这些账号只能认证一个公司主体。新建的需要门墩后台审核，加入的由公司主体账户审核 -->
-      <v-tabs v-model="tab" align-tabs="center" color="primary">
-        <v-tab :value="1">加入公司</v-tab>
-        <v-tab :value="2">新建公司</v-tab>
-      </v-tabs>
-      <v-window v-model="tab" class="mt-9">
-        <v-window-item :value="1">
-          <!-- 加入公司 -->
-          <!-- <div>头像</div> -->
-          <v-form v-model="valid">
-            <v-text-field
-              v-model="addInForm.username"
-              label="姓名"
-              placeholder="请输入姓名" 
-              color="primary" 
-              variant="outlined" 
-              density="compact" 
-              :rules="[v=> !!v || '请输入姓名']"
-            ></v-text-field>
-            <v-autocomplete
-              v-model="addInForm.company"
-              label="公司名称"
-              placeholder="请输入公司名称" 
-              color="primary" 
-              variant="outlined" 
-              density="compact" 
-              return-object
-              :items="[{value: 'Alibaba', title: '阿里巴巴', shortName: '阿里' }, {value: 'Tencent', title: '腾讯', shortName: '腾讯' }, {value: 'Tencent', title: '腾讯', shortName: '腾讯' }, {value: 'Tencent', title: '腾讯', shortName: '腾讯' }, {value: 'Tencent', title: '腾讯', shortName: '腾讯' }, {value: 'Tencent', title: '腾讯', shortName: '腾讯' }, {value: 'Tencent', title: '腾讯', shortName: '腾讯' }, {value: 'Tencent', title: '腾讯', shortName: '腾讯' }, {value: 'Tencent', title: '腾讯', shortName: '腾讯' }, {value: 'Tencent', title: '腾讯', shortName: '腾讯' }]"
-              :rules="[v=> !!v || '请输入公司名称']"
-              @update:search-input="companySearch"
-            ></v-autocomplete>
-            <v-text-field
-              v-model="addInForm.duties"
-              label="职务"
-              placeholder="请输入职务" 
-              variant="outlined" 
-              density="compact"
-              color="primary"
-              :rules="[v=> !!v || '请输入职务']"
-            ></v-text-field>
-          </v-form>
-        </v-window-item>
-        <v-window-item :value="2">
-          <!-- 新建公司 -->
-          <div>公司全称（需要与营业执照完全一致）</div>
-          <div>公司简称（选填）</div>
-          <div>营业执照</div>
-          <div>公司行业</div>
-          <div>人员规模</div>
-          <div>法人招聘授权书</div>
-          <div>法人身份证照片</div>
-        </v-window-item>
-      </v-window>
-    <!-- 新建 -->
+  <div class="default-width pt-5">
+    register
   </div>
 </template>
-<script setup>
-import { reactive, ref } from 'vue';
-defineOptions({ name:'register-form'})
-
-const tab = ref(1)
-const valid = ref(false)
-const addInForm = reactive({ username: '', company: '', duties: '' })
-const companySearch = (val) => {
-  console.log('companySearch', val)
-}
 
+<script setup>
+defineOptions({name: 'enterprise-enterpriseRegister-register'})
 </script>
 <style lang="scss" scoped>
-
-</style>
+</style>