menduner/src/views/enterprise/components/binding.vue

<template>
  <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/register">注册新企业</v-btn>
      </div>
    </v-card>
  </div>
</template>

<script setup>
import CtForm from '@/components/CtForm'
import { ref } from 'vue';
defineOptions({name: 'enterprise-enterpriseRegister-binding'})
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>