|
@@ -1,169 +0,0 @@
|
|
|
-<template>
|
|
|
- <div>
|
|
|
- <a-button type="primary" @click="showDrawer">编辑</a-button>
|
|
|
- <a-drawer
|
|
|
- v-model:visible="visible"
|
|
|
- class="custom-class"
|
|
|
- title="员工信息"
|
|
|
- placement="right"
|
|
|
- width="900"
|
|
|
- :closable="false"
|
|
|
- @close="onClose"
|
|
|
- >
|
|
|
- <a-form ref="formRef" :model="form" size="small" layout="vertical">
|
|
|
- <a-row :gutter="16">
|
|
|
- <a-col :span="8">
|
|
|
- <a-form-item label="人员编号" name="hrcode" :rules="[{ required: true, message: '请输入人员编号' }]">
|
|
|
- <a-input v-model:value="form.hrcode" placeholder="输入人员编号"></a-input>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="8">
|
|
|
- <a-form-item label="人员姓名" name="name" :rules="[{ required: true, message: '请输入姓名' }]">
|
|
|
- <a-input v-model:value="form.name" placeholder="输入姓名"></a-input>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="8">
|
|
|
- <a-form-item label="所属部门" name="departmentids" :rules="[{ required: true, message: '请选择所属部门' }]">
|
|
|
- <a-cascader v-model:value="form.departmentids" :options="depOptions" placeholder="选择所属部门" :fieldNames="{label:'depname',value:'departmentid',children:'subdep'}" :multiple="false" change-on-select clear @change="onChange"/>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="8">
|
|
|
- <a-form-item label="手机号码" name="phonenumber">
|
|
|
- <a-input v-model:value="form.phonenumber" placeholder="输入手机号码"></a-input>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="8">
|
|
|
- <a-form-item label="职位" name="position">
|
|
|
- <a-input v-model:value="form.position" placeholder="输入职位"></a-input>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="8">
|
|
|
- <a-form-item label="身份证号" name="idcard">
|
|
|
- <a-input v-model:value="form.idcard" placeholder="输入身份证号"></a-input>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="8">
|
|
|
- <a-form-item label="人员性别" name="name">
|
|
|
- <a-select v-model:value="form.sex" style="width: 100%" placeholder="选择人员性别">
|
|
|
- <a-select-option v-for="item in sexOptions" :key="item.index" :value="item.value">{{item.remarks}}</a-select-option>
|
|
|
- </a-select>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="8">
|
|
|
- <a-form-item label="电子邮箱" name="email">
|
|
|
- <a-input v-model:value="form.email" placeholder="输入姓名"></a-input>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="8">
|
|
|
- <a-form-item label="办公电话" name="officetelephone">
|
|
|
- <a-input v-model:value="form.officetelephone" placeholder="输入办公电话"></a-input>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <!-- <a-col :span="8">
|
|
|
- <a-form-item label="汇报对象" name="reporthrid">
|
|
|
- <a-input v-model:value="form.reporthrid" placeholder="输入汇报对象"></a-input>
|
|
|
- </a-form-item>
|
|
|
- </a-col> -->
|
|
|
- <a-col :span="8">
|
|
|
- <a-form-item label="是否部门负责人">
|
|
|
- <a-select v-model:value="form.isleader">
|
|
|
- <a-select-option :value="1">是</a-select-option>
|
|
|
- <a-select-option :value="0">否</a-select-option>
|
|
|
- </a-select>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="8">
|
|
|
- <a-form-item label="是否服务人员">
|
|
|
- <a-select v-model:value="form.isworker">
|
|
|
- <a-select-option :value="1">是</a-select-option>
|
|
|
- <a-select-option :value="0">否</a-select-option>
|
|
|
- </a-select>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </a-form>
|
|
|
- <template #extra>
|
|
|
- <a-space>
|
|
|
- <a-button @click="onClose">关闭</a-button>
|
|
|
- <a-button type="primary" @click="submit">保存</a-button>
|
|
|
- </a-space>
|
|
|
- </template>
|
|
|
- </a-drawer>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script setup>
|
|
|
-import {ref,defineProps,defineEmits} from 'vue'
|
|
|
-import { storeToRefs } from 'pinia'
|
|
|
-import { useBaseStore } from '@/stores/modules/base'
|
|
|
-
|
|
|
-import Api from '@/api/api'
|
|
|
-import utils from '@/utils/utils'
|
|
|
-const props = defineProps(['data'])
|
|
|
-const emit = defineEmits('onSuccess')
|
|
|
-const base = useBaseStore()
|
|
|
-const visible = ref(false)
|
|
|
-const form = ref({
|
|
|
- userid:0,
|
|
|
- hrid:0,
|
|
|
- sex:'男',
|
|
|
- phonenumber:'',
|
|
|
- officetelephone:'',
|
|
|
- idcard:'',
|
|
|
- email:'',
|
|
|
- birthday:'',
|
|
|
- hrcode:"",
|
|
|
- isleader:1,
|
|
|
- isworker:0,
|
|
|
- remarks:''
|
|
|
-})
|
|
|
-const Provinces = ref([])
|
|
|
-const formRef = ref()
|
|
|
-const showDrawer = async ()=>{
|
|
|
- form.value = Object.assign({},form.value,props.data)
|
|
|
- form.value.departmentids = [form.value.departmentid]
|
|
|
- visible.value = true
|
|
|
- sexData()
|
|
|
- depData()
|
|
|
-}
|
|
|
-const onClose = () => {
|
|
|
- visible.value = false;
|
|
|
- formRef.value.resetFields();
|
|
|
-};
|
|
|
-const submit = async ()=>{
|
|
|
- try {
|
|
|
- const values = await formRef.value.validateFields();
|
|
|
- const res = await Api.requested({
|
|
|
- classname: "webmanage.hr.hr",
|
|
|
- method: "insertormodify_hr",
|
|
|
- content:form.value
|
|
|
- })
|
|
|
- utils.message(res,'添加成功',()=>{
|
|
|
- emit('onSuccess')
|
|
|
- onClose()
|
|
|
- })
|
|
|
- } catch (errorInfo) {
|
|
|
- console.log('Failed:', errorInfo);
|
|
|
- }
|
|
|
-}
|
|
|
-const onChange = (val)=>{
|
|
|
- form.value.departmentid = form.value.departmentids.at(-1)
|
|
|
-}
|
|
|
-const sexOptions = ref([])
|
|
|
-const sexData = async () =>{
|
|
|
- const res = await Api.optionstype('sex')
|
|
|
- sexOptions.value = res.data
|
|
|
-}
|
|
|
-const depOptions = ref([])
|
|
|
-const depData = async ()=>{
|
|
|
- const res = await Api.requested({
|
|
|
- id:20230608101802,
|
|
|
- content:{
|
|
|
- nocache:true
|
|
|
- }
|
|
|
- })
|
|
|
- depOptions.value = res.data
|
|
|
-}
|
|
|
-</script>
|
|
|
-<style>
|
|
|
-</style>
|