Compare commits
No commits in common. "35d105baf8cba7288a7b780a07fca0892c054418" and "809c14c1232271390fe9bd60c014111c5864ab41" have entirely different histories.
35d105baf8
...
809c14c123
|
|
@ -1,47 +0,0 @@
|
||||||
<template>
|
|
||||||
<el-container>
|
|
||||||
<el-header>
|
|
||||||
<div class="left-panel">
|
|
||||||
<el-button type="primary" @click="handleAdd">新增</el-button>
|
|
||||||
</div>
|
|
||||||
</el-header>
|
|
||||||
<el-main class="nopadding">
|
|
||||||
<scTable
|
|
||||||
ref="table"
|
|
||||||
:apiObj="API.hrm.empcontract.list"
|
|
||||||
row-key="id"
|
|
||||||
stripe
|
|
||||||
:query="query"
|
|
||||||
@row-click="(row)=>{t_id=row.id;mode='show';drawerVisible=true;}"
|
|
||||||
>
|
|
||||||
<el-table-column label="部门" prop="dept_need_name" width="80" show-overflow-tooltip></el-table-column>
|
|
||||||
<el-table-column label="审批状态" width="200" show-overflow-tooltip>
|
|
||||||
<template #default="scope">
|
|
||||||
<el-tag :type="actStateEnum[scope.row.ticket_?.act_state]?.type">
|
|
||||||
{{ actStateEnum[scope.row.ticket_?.act_state]?.text }}
|
|
||||||
</el-tag>
|
|
||||||
<el-tag type="info" effect="plain">{{ scope.row.ticket_?.state_.name }}</el-tag>
|
|
||||||
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</scTable>
|
|
||||||
</el-main>
|
|
||||||
</el-container>
|
|
||||||
<el-drawer title="劳动合同变更" v-model="drawerVisible" :size="'80%'" destroy-on-close>
|
|
||||||
<empcontract_form :mode="mode" :t_id="t_id"></empcontract_form>
|
|
||||||
</el-drawer>
|
|
||||||
</template>
|
|
||||||
<script setup>
|
|
||||||
import { ref } from 'vue'
|
|
||||||
import API from '@/api'
|
|
||||||
import empcontract_form from './empcontract_form.vue'
|
|
||||||
import { actStateEnum, interveneTypeEnum } from "@/utils/enum.js";
|
|
||||||
const query = ref({});
|
|
||||||
const drawerVisible = ref(false);
|
|
||||||
const mode = ref('add');
|
|
||||||
const t_id = ref(null);
|
|
||||||
const handleAdd = () => {
|
|
||||||
mode.value = 'add';
|
|
||||||
drawerVisible.value = true;
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
@ -1,255 +0,0 @@
|
||||||
<template>
|
|
||||||
<el-container>
|
|
||||||
<el-main class="nopadding">
|
|
||||||
<el-form label-width="100px" :model="formData" style="padding: 20px;" :disabled="localMode === 'show'">
|
|
||||||
<el-form-item label="申请部门" required>
|
|
||||||
<el-cascader
|
|
||||||
v-model="formData.dept_need"
|
|
||||||
:options="group"
|
|
||||||
:props="groupsProps"
|
|
||||||
:show-all-levels="false"
|
|
||||||
clearable
|
|
||||||
style="width: 220px"
|
|
||||||
></el-cascader>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="员工信息" required>
|
|
||||||
<xtSelect
|
|
||||||
v-model="formData.employee"
|
|
||||||
:apiObj="$API.hrm.employee.list"
|
|
||||||
v-model:label="formData.employee_name"
|
|
||||||
@change="handleChange"
|
|
||||||
style="width: 230px"
|
|
||||||
>
|
|
||||||
<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-form-item label="性别">
|
|
||||||
<el-input v-model="formData.gender" disabled style="width: 230px"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="身份证号">
|
|
||||||
<el-input v-model="formData.id_number" disabled style="width: 230px"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="手机号">
|
|
||||||
<el-input v-model="formData.phone" disabled style="width: 230px"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="岗位">
|
|
||||||
<el-input v-model="formData.post_name" disabled style="width: 230px"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="部门">
|
|
||||||
<el-input v-model="formData.dept_name" disabled style="width: 230px"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="入职日期">
|
|
||||||
<el-input v-model="formData.join_date" disabled style="width: 230px"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="合同结束日期">
|
|
||||||
<el-input v-model="formData.end_contract" disabled style="width: 230px"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="合同变更次数">
|
|
||||||
<el-input-number
|
|
||||||
v-model="formData.counts"
|
|
||||||
:min="0"
|
|
||||||
controls-position="right"
|
|
||||||
style="width: 160px"
|
|
||||||
></el-input-number>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="应续签">
|
|
||||||
<el-date-picker
|
|
||||||
v-model="formData.plan_renewal"
|
|
||||||
type="date"
|
|
||||||
placeholder="选择日期"
|
|
||||||
value-format="YYYY-MM-DD"
|
|
||||||
style="width: 230px"
|
|
||||||
></el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="正常续签">
|
|
||||||
<el-date-picker
|
|
||||||
v-model="formData.normal_renewal"
|
|
||||||
type="date"
|
|
||||||
placeholder="选择日期"
|
|
||||||
value-format="YYYY-MM-DD"
|
|
||||||
style="width: 230px"
|
|
||||||
></el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="续签/变更(年)">
|
|
||||||
<el-input-number
|
|
||||||
v-model="formData.change_date"
|
|
||||||
controls-position="right"
|
|
||||||
style="width: 160px"
|
|
||||||
></el-input-number>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="变更原因">
|
|
||||||
<el-input
|
|
||||||
v-model="formData.change_reason"
|
|
||||||
type="textarea"
|
|
||||||
rows="2"
|
|
||||||
placeholder="缩短续签/变更年限原因"
|
|
||||||
style="width: 400px"
|
|
||||||
></el-input>
|
|
||||||
</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: 'EnpContractForm',
|
|
||||||
components: {
|
|
||||||
ticketd_b,
|
|
||||||
ticketd
|
|
||||||
},
|
|
||||||
props: {
|
|
||||||
mode: {
|
|
||||||
type: String,
|
|
||||||
default: 'show'
|
|
||||||
},
|
|
||||||
t_id: {
|
|
||||||
type: String,
|
|
||||||
default: ""
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
formData: {
|
|
||||||
dept_need: "",
|
|
||||||
employee: "",
|
|
||||||
employee_name: "",
|
|
||||||
gender: "",
|
|
||||||
id_number: "",
|
|
||||||
phone: "",
|
|
||||||
post_name: "",
|
|
||||||
dept_name: "",
|
|
||||||
join_date: "",
|
|
||||||
end_contract: "",
|
|
||||||
counts: 0,
|
|
||||||
plan_renewal: "",
|
|
||||||
normal_renewal: "",
|
|
||||||
change_date: null,
|
|
||||||
change_reason: "",
|
|
||||||
},
|
|
||||||
ticket_data: {},
|
|
||||||
localMode: this.mode,
|
|
||||||
saveLoading: false,
|
|
||||||
group:[],
|
|
||||||
groupsProps: {
|
|
||||||
multiple: false,
|
|
||||||
emitPath: false,
|
|
||||||
checkStrictly: true,
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
formData: {
|
|
||||||
handler(val) {
|
|
||||||
Object.assign(this.ticket_data, val);
|
|
||||||
},
|
|
||||||
deep: true,
|
|
||||||
immediate: true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.getGroup();
|
|
||||||
if (this.t_id) {
|
|
||||||
this.getTid();
|
|
||||||
} else {
|
|
||||||
this.localMode = "add";
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
async getTid() {
|
|
||||||
try {
|
|
||||||
let res = await this.$API.hrm.empcontract.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.empcontract.delete.req(this.formData.id).then(res=>{
|
|
||||||
this.$message.success("删除成功");
|
|
||||||
this.$emit('success');
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
async handleSave() {
|
|
||||||
if (this.localMode == "add") {
|
|
||||||
try {
|
|
||||||
console.log('formData', this.formData);
|
|
||||||
let res = await this.$API.hrm.empcontract.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("不支持编辑");
|
|
||||||
}
|
|
||||||
},
|
|
||||||
handleChange(obj) {
|
|
||||||
if (obj) {
|
|
||||||
this.formData.employee_name = obj.name;
|
|
||||||
this.formData.gender = obj.gender;
|
|
||||||
this.formData.id_number = obj.id_number;
|
|
||||||
this.formData.phone = obj.phone;
|
|
||||||
this.formData.post_name = obj.post_name;
|
|
||||||
this.formData.dept_name = obj.belong_dept_name;
|
|
||||||
this.formData.join_date = obj.start_date;
|
|
||||||
this.formData.end_contract = obj.contract_end_date;
|
|
||||||
} else {
|
|
||||||
this.formData.employee_name = "";
|
|
||||||
this.formData.gender = "";
|
|
||||||
this.formData.id_number = "";
|
|
||||||
this.formData.phone = "";
|
|
||||||
this.formData.post_name = "";
|
|
||||||
this.formData.dept_name = "";
|
|
||||||
this.formData.join_date = "";
|
|
||||||
this.formData.end_contract = "";
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
Loading…
Reference in New Issue