员工档案

src/api/modules/people/archive.js

@@ -0,0 +1,38 @@
+import {httpApi} from "../../request/httpApi";
+
+export default {
+    //分页
+    async page(form) {
+        return httpApi({
+            url: '/api/blade-control/userfilesinfo/page',
+            method: 'get',
+            params: form
+        }, false);
+    },
+    //删除
+    async remove(ids) {
+        return httpApi({
+            url: '/api/blade-control/userfilesinfo/remove',
+            method: 'post',
+            params: {
+                ids
+            },
+        }, false);
+    },
+    //详情
+    async detail(form) {
+        return httpApi({
+            url: '/api/blade-control/userfilesinfo/detail',
+            method: 'get',
+            params: form
+        }, false);
+    },
+    //提交
+    async submit(form) {
+        return httpApi({
+            url: '/api/blade-control/userfilesinfo/submit',
+            method: 'post',
+            data: form
+        }, false);
+    },
+}

src/views/people/archive/index.vue

@@ -1,83 +1,62 @@
-
 <template>
-  <HcCard>
-    <template #header>
-      <div class="w-36 ml-2">
-                <el-select v-model="searchForm.peoplename" block clearable placeholder="员工姓名" size="large">
-                    <el-option v-for="item in peopleoption" :label="item.name" :value="item.key"/>
+    <HcCard>
+        <template #header>
+            <div class="w-36 ml-2">
+                <el-select v-model="searchForm.userId" block clearable filterable placeholder="员工姓名" size="large">
+                    <el-option v-for="item in userList" :label="item.name" :value="item.id" />
                 </el-select>
-      </div>
-      <div class="ml-4">
+            </div>
+            <div class="ml-4">
                 <el-button type="primary" @click="searchClick" size="large">
                     <HcIcon name="search-2"/>
                     <span>搜索</span>
                 </el-button>
-       </div>
-      <div class="ml-2">
+            </div>
+            <div class="ml-2">
                 <el-button size="large" @click="resetClick">
                     <HcIcon name="close-circle"/>
                     <span>重置</span>
                 </el-button>
-        </div>
-    </template>
-    <HcTable :column="tableColumn" :datas="tableData" >
+            </div>
+        </template>
+        <HcTable :loading="tableLoading" :column="tableColumn" :datas="tableData">
             <template #action="{row, index}">
-       
-                  <el-button hc-btn type="primary" size="small"  @click="editRowClick(row)">编辑</el-button>
-                  <el-button hc-btn type="primary" size="small">删除</el-button>
-           
+                <el-button type="primary" size="small" @click="editRowClick(row)">编辑</el-button>
+                <el-button type="danger" size="small" @click="delRowClick(row)">删除</el-button>
             </template>
-      </HcTable>
-      <template #action>
-            <HcPages :pages="searchForm" @change="pageChange"></HcPages>
-      </template>
-  </HcCard>
+        </HcTable>
+        <template #action>
+            <HcPages :pages="searchForm" @change="pageChange"/>
+        </template>
+    </HcCard>
 </template>
 
 <script setup>
-import {ref, watch} from  'vue'
-
+import {onActivated, ref} from 'vue'
+import mainApi from "~api/people/archive";
 import {useRouter} from 'vue-router'
+import {getuserList} from "~api/other";
+import {getArrValue} from "js-fast-way";
+import {delMessage} from "~uti/tools";
 
 const router = useRouter()
 
+onActivated(() => {
+    getuserListApi()
+    getTableData()
+})
 
-const tableColumn = [
-    {key: 'name', name: '姓名'},
-    {key: 'email', name: '邮箱'},
-    {key: 'department', name: '部门'},
-    {key: 'key4', name: '直属主管'},
-    {key: 'key5', name: '职位'},
-    {key: 'key6', name: '手机号'},
-    {key: 'key7', name: '入职时间'},
-    {key: 'key8', name: '司龄'},
-    {key: 'action', name: '操作', align: 'center', fixed: 'right'},
-
+//获取用户下拉数据
+const userList = ref([])
+const getuserListApi = async () => {
+    const {data} = await getuserList()
+    userList.value = getArrValue(data)
+}
 
-]
-const tableData = ref([
-    {name: '名称1',id:1},
-    {name: '名称2', },
-    {name: '名称3', }
-])
 const searchForm = ref({
-    name: '',
+    type: 1, userId: null,
     current: 1, size: 20, total: 0
 })
-const peopleoption=ref([
-    {name: '张三', key: '1'},
-    {name: '李四', key: '2'},
-])
-//分页被点击
-const pageChange = ({current, size}) => {
-    searchForm.value.current = current
-    searchForm.value.size = size
-    getTableData()
-}
-
-const getTableData = () => {
-
-}
 
 //搜索
 const searchClick = () => {
@@ -89,17 +68,87 @@ const searchClick = () => {
 const resetClick = () => {
     searchForm.value = {current: 1, size: 20, total: 0}
 }
-//编辑档案信息
+
+//分页被点击
+const pageChange = ({current, size}) => {
+    searchForm.value.current = current
+    searchForm.value.size = size
+    getTableData()
+}
+
+//表格参数
+const tableLoading = ref(false)
+const tableColumn = [
+    {key: 'name', name: '姓名', width: 100},
+    {key: 'email', name: '邮箱', width: 120},
+    {key: 'deptName', name: '部门', width: 120},
+    {key: 'leaderName', name: '直属主管', width: 100},
+    {key: 'postName', name: '职位', width: 120},
+    {key: 'phone', name: '手机号', width: 120},
+    {key: 'entryTime', name: '入职时间', width: 120},
+    {key: 'cyear', name: '司龄', width: 100},
+    {key: 'key1', name: '员工类型', width: 100},
+    {key: 'key2', name: '员工状态', width: 100},
+    {key: 'key3', name: '试用期', width: 100},
+    {key: 'idNumber', name: '身份证号码', width: 120},
+    {key: 'carName', name: '身份证姓名', width: 120},
+    {key: 'birthday', name: '出生日期', width: 120},
+    {key: 'key4', name: '年龄', width: 90},
+    {key: 'sex', name: '性别', width: 90},
+    {key: 'nation', name: '民族', width: 90},
+    {key: 'key5', name: '身份证地址', width: 120},
+    {key: 'key6', name: '婚姻状况', width: 100},
+    {key: 'key7', name: '户籍', width: 100},
+    {key: 'key8', name: '政治面貌', width: 100},
+    {key: 'educationName', name: '学历', width: 100},
+    {key: 'key9', name: '专业', width: 100},
+    {key: 'key10', name: '银行卡号', width: 120},
+    {key: 'key11', name: '开户行', width: 120},
+    {key: 'conTypeName', name: '合同类型', width: 120},
+    {key: 'conStartDate', name: '合同开始日期', width: 120},
+    {key: 'conEndDate', name: '合同结束日期', width: 120},
+    {key: 'key12', name: '续签次数', width: 100},
+    {key: 'key13', name: '合同期限', width: 100},
+    {key: 'conFileUrl', name: '合同附件', width: 120},
+    {key: 'key14', name: '紧急联系人姓名', width: 130},
+    {key: 'key15', name: '联系人电话', width: 120},
+    {key: 'key16', name: '联系人关系', width: 100},
+    {key: 'key17', name: '身份证(人面像)', width: 120},
+    {key: 'key18', name: '身份证(国徽)', width: 120},
+    {key: 'key19', name: '员工照片', width: 120},
+    {key: 'action', name: '操作', width: 145, align: 'center', fixed: 'right'},
+]
+
+//获取表格数据
+const tableData = ref([
+    {id:1}
+])
+const getTableData = async () => {
+    tableLoading.value = true
+    const {data} = await mainApi.page(searchForm.value)
+    tableLoading.value = false
+    //tableData.value = getArrValue(data['records'])
+    //searchForm.value.total = data['total'] || 0
+}
+
+//编辑
 const editRowClick = (row) => {
     router.push({
         name: 'people-archive-info',
-        query: {
-            id: row.id,
-            type: 'edit'
-        }
+        query: {id: row.id}
     })
 }
 
+//删除
+const delRowClick = (row) => {
+    delMessage(async () => {
+        const {error, code, msg} = await mainApi.remove({ids: row.id})
+        if (!error && code === 200) {
+            window.$message?.success(msg)
+            getTableData().then()
+        } else {
+            window.$message?.error(msg)
+        }
+    })
+}
 </script>
-<style lang='scss' scoped>
-</style>

src/views/people/archive/info.vue

@@ -1,103 +1,101 @@
 <!--  -->
 <template>
-   <HcCard>
-    <template #header>
-        员工档案信息编辑
-    </template>
-    <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.age" placeholder=""/>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="手机号:">
-                            <el-select v-model="formModel.phone" class="block" placeholder="请选择" size="large">
-                                <el-input v-model="formModel.phone" placeholder=""/>
-                            </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-select v-model="formModel.sex" clearable placeholder="请选择" style="width: 100%;">
-                                <el-option
+    <HcCard scrollbar title="员工档案信息编辑" actionUi="text-center">
+        <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.age" placeholder=""/>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                    <el-form-item label="手机号:">
+                        <el-select v-model="formModel.phone" class="block" placeholder="请选择" size="large">
+                            <el-input v-model="formModel.phone" placeholder=""/>
+                        </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-select v-model="formModel.sex" clearable placeholder="请选择" style="width: 100%;">
+                            <el-option
                                 label="男"
                                 value="1"
-                                />
-                                <el-option
+                            />
+                            <el-option
                                 label="女"
                                 value="2"
-                                />
-                            </el-select>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="民族:">
-                            <el-input v-model="formModel.nation" placeholder=""/>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="身份证号码:" prop="type">
-                            <el-input v-model="formModel.idNumber" placeholder=""/>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="出生日期:" >
-                            <el-date-picker
+                            />
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                    <el-form-item label="民族:">
+                        <el-input v-model="formModel.nation" placeholder=""/>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                    <el-form-item label="身份证号码:" prop="type">
+                        <el-input v-model="formModel.idNumber" placeholder=""/>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                    <el-form-item label="出生日期:">
+                        <el-date-picker
                             v-model="formModel.birthday"
                             type="date"
                             placeholder=""
                             disabled
                             style="width: 100%;"
-                             />
-                        </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-date-picker
+                        />
+                    </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-date-picker
                             v-model="formModel.entryTime"
                             type="date"
                             placeholder=""
                             style="width: 100%;"
-                             />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="合同类型:">
-                            <el-input v-model="formModel.contactType" placeholder="" disabled/>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="员工身份证（人像）:">
-                            <!-- <el-input v-model="formModel.deptId" placeholder=""/> -->
-                            <HcUploadFile
+                        />
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                    <el-form-item label="合同类型:">
+                        <el-input v-model="formModel.contactType" placeholder="" disabled/>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                    <el-form-item label="员工身份证（人像）:">
+                        <!-- <el-input v-model="formModel.deptId" placeholder=""/> -->
+                        <HcUploadFile
                             ref="HcUploadFileRef"
-                                :options="UploadFileOptions"
-                                @progress="HcUploadFileProgress"
-                                @success="HcUploadFileSuccess"
-                                @change="HcUploadFileChange"
-                            >
+                            :options="UploadFileOptions"
+                            @progress="HcUploadFileProgress"
+                            @success="HcUploadFileSuccess"
+                            @change="HcUploadFileChange"
+                        >
                             <el-button size="large" type="primary" hc-btn>
                                 <HcIcon name="upload-cloud-2"/>
                                 <span>上传图像</span>
@@ -106,223 +104,223 @@
                               {{ infoData?.originalName }}
                             </span>
                         </HcUploadFile>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="司龄:">
-                            <el-input v-model="formModel.deptId" placeholder="" disabled/>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="合同开始日期:">
-                            <el-date-picker
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                    <el-form-item label="司龄:">
+                        <el-input v-model="formModel.deptId" placeholder="" disabled/>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                    <el-form-item label="合同开始日期:">
+                        <el-date-picker
                             v-model="formModel.startTime"
                             type="date"
                             placeholder=""
                             style="width: 100%;"
-                             />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="员工身份证（国徽）:">
-                            <HcUploadFile
+                        />
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                    <el-form-item label="员工身份证（国徽）:">
+                        <HcUploadFile
                             ref="HcUploadFileRef"
-                                :options="UploadFileOptions"
-                                @progress="HcUploadFileProgress"
-                                @success="HcUploadFileSuccess"
-                                @change="HcUploadFileChange"
-                            >
-                                <el-button size="large" type="primary" hc-btn>
-                                    <HcIcon name="upload-cloud-2"/>
-                                    <span>上传图像</span>
-                                </el-button>
-                                <span class="hc-form-file-pdf" v-show="infoData?.originalName">
+                            :options="UploadFileOptions"
+                            @progress="HcUploadFileProgress"
+                            @success="HcUploadFileSuccess"
+                            @change="HcUploadFileChange"
+                        >
+                            <el-button size="large" type="primary" hc-btn>
+                                <HcIcon name="upload-cloud-2"/>
+                                <span>上传图像</span>
+                            </el-button>
+                            <span class="hc-form-file-pdf" v-show="infoData?.originalName">
                                 {{ infoData?.originalName }}
                                 </span>
-                             </HcUploadFile>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="职位:">
-                            <el-input v-model="formModel.deptName" placeholder="" disabled/>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="合同结束日期:">
-                            <el-date-picker
+                        </HcUploadFile>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                    <el-form-item label="职位:">
+                        <el-input v-model="formModel.deptName" placeholder="" disabled/>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                    <el-form-item label="合同结束日期:">
+                        <el-date-picker
                             v-model="formModel.startTime"
                             type="date"
                             placeholder=""
                             style="width: 100%;"
                             disabled
-                             />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="婚姻状况:">
-                             <el-select v-model="formModel.marriage" clearable placeholder="请选择" style="width: 100%;">
-                                  <el-option
+                        />
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                    <el-form-item label="婚姻状况:">
+                        <el-select v-model="formModel.marriage" clearable placeholder="请选择" style="width: 100%;">
+                            <el-option
                                 label="已婚"
                                 value="1"
-                                />
-                                <el-option
+                            />
+                            <el-option
                                 label="未婚"
                                 value="2"
-                             />
-                            </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="部门:">
-                            <el-input v-model="formModel.deptId" placeholder="" disabled/>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="合同附件:">
-                            <el-link type="primary" :href="formModel.pdflink">附件.pdf</el-link>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="学历:">
-                            <el-select v-model="formModel.education" class="m-2" placeholder="请选择" size="large" style="width: 100%;">
-                                <el-option
+                            />
+                        </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="部门:">
+                        <el-input v-model="formModel.deptId" placeholder="" disabled/>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                    <el-form-item label="合同附件:">
+                        <el-link type="primary" :href="formModel.pdflink">附件.pdf</el-link>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                    <el-form-item label="学历:">
+                        <el-select v-model="formModel.education" class="m-2" placeholder="请选择" size="large"
+                                   style="width: 100%;">
+                            <el-option
                                 v-for="item in educationalOptions"
                                 :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="" disabled/>
-                        </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-select v-model="formModel.political" clearable placeholder="请选择" style="width: 100%;">
-                                  <el-option
+                            />
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                    <el-form-item label="直属主管:">
+                        <el-input v-model="formModel.deptId" placeholder="" disabled/>
+                    </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-select v-model="formModel.political" clearable placeholder="请选择" style="width: 100%;">
+                            <el-option
                                 label="党员"
                                 value="1"
-                                />
-                                <el-option
+                            />
+                            <el-option
                                 label="非党员"
                                 value="2"
-                             />
-                            </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-select v-model="formModel.staus" clearable placeholder="请选择" style="width: 100%;">
-                                  <el-option
+                            />
+                        </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-select v-model="formModel.staus" clearable placeholder="请选择" style="width: 100%;">
+                            <el-option
                                 label="在职"
                                 value="1"
-                                />
-                                <el-option
+                            />
+                            <el-option
                                 label="离职"
                                 value="2"
-                             />
-                            </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-select v-model="formModel.type" class="m-2" placeholder="请选择" size="large" style="width: 100%;">
-                                <el-option
+                            />
+                        </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-select v-model="formModel.type" class="m-2" placeholder="请选择" size="large"
+                                   style="width: 100%;">
+                            <el-option
                                 v-for="item in typeOptions"
                                 :key="item.value"
                                 :label="item.label"
                                 :value="item.value"
-                                />
-                            </el-select>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="8">
-                        <el-form-item label="员工照片:">
-                            <HcUploadFile
+                            />
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                    <el-form-item label="员工照片:">
+                        <HcUploadFile
                             ref="HcUploadFileRef"
-                                :options="UploadFileOptions"
-                                @progress="HcUploadFileProgress"
-                                @success="HcUploadFileSuccess"
-                                @change="HcUploadFileChange"
-                            >
-                                <el-button size="large" type="primary" hc-btn>
-                                    <HcIcon name="upload-cloud-2"/>
-                                    <span>上传图像</span>
-                                </el-button>
-                                <span class="hc-form-file-pdf" v-show="infoData?.originalName">
+                            :options="UploadFileOptions"
+                            @progress="HcUploadFileProgress"
+                            @success="HcUploadFileSuccess"
+                            @change="HcUploadFileChange"
+                        >
+                            <el-button size="large" type="primary" hc-btn>
+                                <HcIcon name="upload-cloud-2"/>
+                                <span>上传图像</span>
+                            </el-button>
+                            <span class="hc-form-file-pdf" v-show="infoData?.originalName">
                                 {{ infoData?.originalName }}
                                 </span>
                         </HcUploadFile>
-                          
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-    </el-form>
-    <template #action>
-        <div style="text-align: center;">
+
+                    </el-form-item>
+                </el-col>
+            </el-row>
+        </el-form>
+        <template #action>
             <el-button size="large" type="info" hc-btn @click="goBackClick">
                 <HcIcon name="arrow-go-back"/>
                 <span>取消并返回</span>
             </el-button>
-            <el-button size="large" type="primary" hc-btn >
+            <el-button size="large" type="primary" hc-btn>
                 <HcIcon name="check-double"/>
                 <span>提交保存</span>
             </el-button>
-        </div>
-    </template>
-   </HcCard>
+        </template>
+    </HcCard>
 </template>
 
 <script setup>
-import {ref, watch} from  'vue'
+import {ref, watch} from 'vue'
 import {getTokenHeader} from "~src/api/request/header";
 import {getObjValue} from "js-fast-way"
 import {useRouter, useRoute} from 'vue-router'
@@ -332,15 +330,13 @@ const router = useRouter()
 
 const formRef = ref(null)
 const formModel = ref({})
-const formRules = {
-    
-}
+const formRules = {}
 //返回
 const goBackClick = () => {
     router.back()
 }
 //学历
-const educationalOptions=ref([
+const educationalOptions = ref([
     {
         value: '1',
         label: '小学/初中',
@@ -367,7 +363,7 @@ const educationalOptions=ref([
     },
 ])
 //员工类型
-const typeOptions=ref([
+const typeOptions = ref([
     {
         value: '1',
         label: '全职'
@@ -395,14 +391,14 @@ const UploadFileOptions = {
 const HcUploadFileProgress = (res) => {
     console.log('文件上传进度', res)
 }
-const infoData=ref({})
-const HcUploadFileRef=ref(null)
+const infoData = ref({})
+const HcUploadFileRef = ref(null)
 // 文件上传成功的回调
 const HcUploadFileSuccess = (res) => {
-    const { originalName } = getObjValue(res.resData)
+    const {originalName} = getObjValue(res.resData)
     infoData.value.originalName = originalName
     HcUploadFileRef.value?.setModalShow(false);
-   
+
 }
 
 // 文件全部上传成功
@@ -411,4 +407,4 @@ const HcUploadFileChange = () => {
 }
 </script>
 <style lang='scss' scoped>
-</style>
+</style>