绑定已有企业

src/views/enterprise/components/binding.vue

@@ -1,14 +1,95 @@
 <template>
-  <div class="default-width pt-5">
-    <div>binding</div>
-    <v-btn color="primary" @click="router.push({ path: '/enterprise/register' })">注册新企业</v-btn>
+  <div class="pt-5">
+    <v-card class="default-width pa-5">
+      <!-- 标题 -->
+      <div class="resume-header">
+        <div class="resume-title">绑定已有企业</div>
+      </div>
+      <!-- 表单 -->
+      <div class="CtFormClass" style="width: 600px;">
+        <CtForm ref="CtFormRef" :items="formItems" style="width: 100%;"></CtForm>
+      </div>
+      <div class="text-center">
+        <!-- 完成 -->
+        <v-btn
+          :loading="loginLoading"
+          color="primary" class="white--text mt-8" min-width="350"
+          to="/enterprise/talentPool"
+        >
+          完成
+        </v-btn>
+      </div>
+      <!-- 底部 -->
+      <div class="text-center mt-5">
+        <v-btn color="primary" variant="text" to="/enterprise/binding">注册新企业</v-btn>
+      </div>
+    </v-card>
   </div>
 </template>
 
 <script setup>
+import CtForm from '@/components/CtForm'
+import { ref } from 'vue';
 defineOptions({name: 'enterprise-enterpriseRegister-binding'})
-import { useRouter } from 'vue-router'
-const router = useRouter()
+const loginLoading = ref(false)
+
+const formItems = ref({
+  options: [
+    {
+      type: 'text',
+      key: 'name',
+      value: '',
+      label: '姓名 *',
+      counter: 15,
+      rules: [v => !!v || '请输入姓名']
+    },
+    {
+      type: 'text',
+      key: 'phone',
+      value: '',
+      label: '公司名称 *',
+      rules: [v => !!v || '公司名称']
+    },
+    {
+      type: 'text',
+      key: 'email',
+      value: '',
+      label: '职务 *',
+      rules: [v => !!v || '请输入职务']
+    },
+  ]
+})
+
+// 提交
+const handleCommit = () => {
+  // await saveResumeBasicInfo({ ...baseInfo.value, avatar: data })
+  // await userStore.getUserBaseInfos(baseInfo.value.userId)
+  // getBasicInfo()
+}
+handleCommit()
 </script>
 <style lang="scss" scoped>
+.CtFormClass {
+  margin: 0 auto;
+}
+.note {
+  color: #666;
+  font-size: 14px;
+  line-height: 32px;
+}
+.file-input-box {
+  position: relative;
+  height: 80px;
+  width: 100px;
+  border: 1px solid rgb(188, 188, 188);
+  border-radius: 5px;
+  cursor: pointer;
+  .icon {
+    position: absolute;
+    top: 45%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    color: #999;
+  }
+}
 </style>

src/views/enterprise/components/register.vue

@@ -49,8 +49,8 @@
         </v-btn>
       </div>
       <!-- 底部 -->
-      <div class="mt-5">
-        <div style="color: var(--v-primary-base); cursor: pointer;" class="text-center">绑定已有企业</div>
+      <div class="text-center mt-5">
+        <v-btn color="primary" variant="text" to="/enterprise/binding">绑定已有企业</v-btn>
       </div>
     </v-card>
   </div>