hac/src/views/people/archive/info.vue

<!--  -->
<template>
   <HcCard>
    <el-form ref="formRef" :model="formModel" :rules="formRules" label-position="left" label-width="auto" size="large">
                <el-row :gutter="20">
                    <el-col :span="8">
                        <el-form-item label="姓名:" prop="name">
                            <el-input v-model="formModel.name"/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="年龄:" prop="location">
                            <el-input v-model="formModel.idNumber" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="手机号:">
                            <el-select v-model="formModel.top" class="block" placeholder="请选择" size="large">
                                <el-option v-for="item in topMenuoptions" :key="item.value" :label="item.label" :value="item.value"/>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="身份证姓名:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="性别:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="民族:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="身份证号码:" prop="type">
                            <el-radio-group v-model="formModel.type">
                                <el-radio :label="3">菜单</el-radio>
                                <el-radio :label="6">按钮</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="出生日期:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="试用期:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="身份证地址:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="入职时间:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="合同类型:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="员工身份证（人像）:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="司龄:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="合同开始日期:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="员工身份证（国徽）:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="职位:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="合同结束日期:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="婚姻状况:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="邮箱:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="续签次数:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="户籍:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="部门:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="合同附件:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="学历:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="直属主管:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="紧急联系人姓名:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="专业:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="政治面貌:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="联系人电话:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="开户行:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="员工状态:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="联系人关系:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="银行卡号:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="员工类型:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="员工照片:">
                            <el-input v-model="formModel.deptId" placeholder=""/>
                        </el-form-item>
                    </el-col>
                </el-row>
     </el-form>
   </HcCard>
</template>

<script setup>
import {ref, watch} from  'vue'


const formRef = ref(null)
const formModel = ref({})
const formRules = {
    
}
</script>
<style lang='scss' scoped>
</style>