307 lines
12 KiB
Vue
307 lines
12 KiB
Vue
<template>
|
|
<el-container>
|
|
<el-main class="nopadding">
|
|
<el-form label-width="130px" :model="formData" style="padding: 20px;" :disabled="localMode === 'show'">
|
|
<el-form-item label="员工信息" required>
|
|
<xtSelect
|
|
v-model="formData.employee"
|
|
style="width: 230px;"
|
|
:apiObj = "$API.hrm.employee.list"
|
|
v-model:label="formData.employee_name"
|
|
:edit="localMode === 'add'"
|
|
@change="handleChange">
|
|
<el-table-column prop="name" label="姓名"></el-table-column>
|
|
<el-table-column prop="belong_dept_name" label="部门"></el-table-column>
|
|
<el-table-column prop="post_name" label="岗位"></el-table-column>
|
|
|
|
</xtSelect>
|
|
</el-form-item>
|
|
<el-row :gutter="12">
|
|
<el-col :span="6" style="display: flex">
|
|
<el-form-item label="性别">
|
|
<el-input v-model="formData.gender" disabled style="width: 140px;"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item label="工号">
|
|
<el-input v-model="formData.number" disabled style="width: 140px;"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
<el-form-item label="联系方式">
|
|
<el-input v-model="formData.phone" disabled style="width: 140px;"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
<el-form-item label="身份证号">
|
|
<el-input v-model="formData.id_number" disabled style="width: 150px;"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
<el-form-item label="部门">
|
|
<el-input v-model="formData.belong_dept_name" disabled style="width: 140px;"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
<el-form-item label="职务">
|
|
<el-input v-model="formData.post_name" disabled style="width: 140px;"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
<el-form-item label="入职时间">
|
|
<el-input v-model="formData.start_date" disabled style="width: 140px;"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
<el-form-item label="日期" required>
|
|
<el-date-picker
|
|
v-model="formData.join_date"
|
|
type="date"
|
|
placeholder="日期"
|
|
value-format="YYYY-MM-DD"
|
|
style="width: 120px;"
|
|
:readonly="localMode === 'show'"
|
|
/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-form-item label="原部门" required>
|
|
<el-cascader
|
|
v-model="formData.original_dept"
|
|
:options="group"
|
|
:props="groupsProps"
|
|
:show-all-levels="false"
|
|
clearable
|
|
style="width: 230px"
|
|
></el-cascader>
|
|
</el-form-item>
|
|
<el-form-item label="是否跨部门调动" required>
|
|
<el-radio-group v-model="formData.is_change">
|
|
<el-radio :label="false">否</el-radio>
|
|
<el-radio :label="true">是</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
<el-form-item label="是否晋升" required>
|
|
<el-radio-group v-model="formData.is_promotion">
|
|
<el-radio :label="false">否</el-radio>
|
|
<el-radio :label="true">是</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
<el-form-item label="调岗部门" required>
|
|
<el-cascader
|
|
v-model="formData.new_dept"
|
|
:options="group"
|
|
:props="groupsProps"
|
|
:show-all-levels="false"
|
|
clearable
|
|
style="width: 230px"
|
|
></el-cascader>
|
|
</el-form-item>
|
|
<el-form-item label="原职务" required>
|
|
<xtSelect
|
|
:apiObj="apiObjPost"
|
|
v-model="formData.original_post"
|
|
v-model:label="formData.original_post_name"
|
|
style="width: 230px"
|
|
>
|
|
<el-table-column label="名称" prop="name"></el-table-column>
|
|
</xtSelect>
|
|
</el-form-item>
|
|
<el-form-item label="调岗职务" required>
|
|
<xtSelect
|
|
:apiObj="apiObjPost"
|
|
v-model="formData.new_post"
|
|
v-model:label="formData.new_post_name"
|
|
style="width: 230px"
|
|
>
|
|
<el-table-column label="名称" prop="name"></el-table-column>
|
|
</xtSelect>
|
|
</el-form-item>
|
|
<el-form-item label="个人工作内容">
|
|
<el-input v-model="formData.content" type="textarea" :rows="3" style="width: 300px;"/>
|
|
</el-form-item>
|
|
<el-form-item label="调岗原因">
|
|
<el-input v-model="formData.reason" type="textarea" :rows="2" style="width: 300px;"/>
|
|
</el-form-item>
|
|
<el-form-item label="原岗位薪资">
|
|
<el-input-number
|
|
v-model="formData.original_slary"
|
|
style="width: 200px;"
|
|
:precision="2"
|
|
:step="0.01"
|
|
:min="0"
|
|
v-if="formData.ticket_?.state_?.name !== '分管副总审批'"/>
|
|
<span style="margin-left:6px;">元</span>
|
|
</el-form-item>
|
|
<el-form-item label="调岗后岗位薪资">
|
|
<el-input-number
|
|
v-model="formData.new_slary"
|
|
style="width: 200px;"
|
|
:precision="2"
|
|
:step="0.01"
|
|
:min="0"
|
|
v-if="formData.ticket_?.state_?.name !== '分管副总审批'"/>
|
|
<span style="margin-left:6px;">元</span>
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
<el-footer>
|
|
<el-button type="danger"
|
|
v-if="localMode=='edit'"
|
|
style="margin-right: 4px;"
|
|
@click="handleDel"
|
|
:loading="saveLoading"
|
|
>删除</el-button>
|
|
<ticketd_b
|
|
v-if = "formData.ticket_ && localMode=='show'"
|
|
:t_id="formData.id"
|
|
:ticket_="formData.ticket_"
|
|
:ticket_data="ticket_data"
|
|
@success="$emit('success', localMode)"
|
|
ref="ticketd_b"
|
|
></ticketd_b>
|
|
<el-button
|
|
v-if="localMode!='show'"
|
|
type="primary"
|
|
style="margin-right: 4px;"
|
|
@click="handleSave"
|
|
:loading="saveLoading"
|
|
>提交审批</el-button>
|
|
</el-footer>
|
|
</el-main>
|
|
<el-aside width="20%" v-if="formData.ticket_">
|
|
<ticketd :ticket_="formData.ticket_" @success="$emit('success')"></ticketd>
|
|
</el-aside>
|
|
</el-container>
|
|
</template>
|
|
|
|
<script>
|
|
import ticketd_b from "@/views/wf/ticketd_b.vue";
|
|
import ticketd from '@/views/wf/ticketd.vue';
|
|
import { genTree } from "@/utils/verificate";
|
|
|
|
export default {
|
|
name: 'EnpJoinForm',
|
|
components: {
|
|
ticketd_b,
|
|
ticketd
|
|
},
|
|
props: {
|
|
mode: {
|
|
type: String,
|
|
default: 'show'
|
|
},
|
|
t_id: {
|
|
type: String,
|
|
default: ""
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
formData: {
|
|
is_change: false,
|
|
},
|
|
ticket_data: {},
|
|
localMode: this.mode,
|
|
saveLoading: false,
|
|
group:[],
|
|
apiObjPost: this.$API.system.post.list,
|
|
hideAdd:false,
|
|
hideDelete:false,
|
|
addTemplate: {
|
|
name: "",
|
|
gender: "",
|
|
age: "",
|
|
phone: "",
|
|
note: "",
|
|
},
|
|
groupsProps: {
|
|
multiple: false,
|
|
emitPath: false,
|
|
checkStrictly: true,
|
|
},
|
|
}
|
|
},
|
|
watch: {
|
|
formData: {
|
|
handler(val){
|
|
Object.assign(this.ticket_data,{
|
|
original_slary: val.original_slary,
|
|
new_slary: val.new_slary,
|
|
})
|
|
},
|
|
deep: true,
|
|
}
|
|
},
|
|
mounted() {
|
|
this.getGroup();
|
|
if (this.t_id) {
|
|
this.getTid();
|
|
} else {
|
|
this.localMode = "add";
|
|
}
|
|
},
|
|
methods: {
|
|
async getTid() {
|
|
try {
|
|
let res = await this.$API.hrm.transfer.item.req(this.t_id);
|
|
this.formData = res;
|
|
if (res.ticket_ && res.ticket_.state_.type == 1 && res.create_by == this.$TOOL.data.get("USER_INFO").id) {
|
|
this.localMode = "edit";
|
|
}
|
|
} catch (error) {
|
|
console.error('获取数据失败:', error);
|
|
}
|
|
},
|
|
async getGroup() {
|
|
let res = await this.$API.system.dept.list.req({ page: 0 });
|
|
this.group = genTree(res);
|
|
},
|
|
handleDel() {
|
|
this.$confirm(`确定删除吗？`, "提示", {
|
|
type: "warning",
|
|
})
|
|
.then(()=>{
|
|
this.$API.hrm.transfer.delete.req(this.formData.id).then(res=>{
|
|
this.$message.success("删除成功");
|
|
this.$emit('success');
|
|
})
|
|
})
|
|
},
|
|
async handleSave() {
|
|
if (this.localMode == "add") {
|
|
try {
|
|
let res = await this.$API.hrm.transfer.create.req(this.formData);
|
|
this.$message.success("提交成功");
|
|
this.$emit('success', this.localMode);
|
|
} catch (error) {
|
|
console.error('提交申请失败:', error);
|
|
throw error;
|
|
}
|
|
} else if (this.localMode == "edit") {
|
|
this.$message.error("不支持编辑");
|
|
}
|
|
},
|
|
handleQuery() {
|
|
this.$refs.table.queryData(this.query);
|
|
},
|
|
handleChange(obj) {
|
|
this.formData.employee_name = obj.name;
|
|
this.formData.belong_dept_name = obj.belong_dept_name;
|
|
this.formData.post_name = obj.post_name;
|
|
this.formData.gender = obj.gender;
|
|
this.formData.id_number = obj.id_number;
|
|
this.formData.phone = obj.phone;
|
|
this.formData.number = obj.number;
|
|
this.formData.start_date = obj.start_date;
|
|
},
|
|
|
|
}
|
|
}
|
|
</script> |