feat: 完善离职申请页面

This commit is contained in:
caoqianming 2025-11-09 23:29:19 +08:00
parent 21d0ec18ff
commit a44a07154d
1 changed files with 19 additions and 8 deletions

View File

@ -13,28 +13,39 @@
row-key="id"
stripe
:query="query"
@row-click="(row)=>{t_id=row.id;mode='show';drawerVisible=true;}"
>
<el-table-column label="姓名" prop="name" width="200"></el-table-column>
<el-table-column label="审批状态" width="200"></el-table-column>
<el-table-column label="部门" width="200"></el-table-column>
<el-table-column label="岗位" width="200"></el-table-column>
<el-table-column label="身份证号" width="300"></el-table-column>
<el-table-column label="离职日期" width="200"></el-table-column>
<el-table-column label="原因" ></el-table-column>
<el-table-column label="姓名" prop="employee_name" width="100" 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>`
<el-table-column label="部门" prop="belong_dept_name" width="120" show-overflow-tooltip></el-table-column>`
<el-table-column label="岗位" prop="post_name" width="120" show-overflow-tooltip></el-table-column>
<el-table-column label="身份证号" prop="employee_id_number" width="200" show-overflow-tooltip></el-table-column>
<el-table-column label="离职日期" prop="end_date" width="100" show-overflow-tooltip></el-table-column>
<el-table-column label="原因" prop="reason" show-overflow-tooltip></el-table-column>
</scTable>
</el-main>
</el-container>
<el-drawer title="离职申请" v-model="drawerVisible" :size="'80%'" destroy-on-close>
<resignation-form :mode="mode"></resignation-form>
<resignation-form :mode="mode" :t_id="t_id"></resignation-form>
</el-drawer>
</template>
<script setup>
import { ref } from 'vue'
import API from '@/api'
import resignationForm from './resignation_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;