From ea1cab4a1b6e3177e10651cff65e61493df41fff Mon Sep 17 00:00:00 2001 From: 曹睿 <360930172@qq.com> Date: 星期四, 03 七月 2025 10:53:50 +0800 Subject: [PATCH] Merge branch 'dev' of http://114.132.189.42:9002/r/product-inventory-management into dev --- src/views/personnelManagement/employeeRecord/index.vue | 223 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 223 insertions(+), 0 deletions(-) diff --git a/src/views/personnelManagement/employeeRecord/index.vue b/src/views/personnelManagement/employeeRecord/index.vue new file mode 100644 index 0000000..f1e04db --- /dev/null +++ b/src/views/personnelManagement/employeeRecord/index.vue @@ -0,0 +1,223 @@ +<template> + <div class="app-container"> + <div class="search_form"> + <div> + <span class="search_title">濮撳悕锛�</span> + <el-input + v-model="searchForm.staffName" + style="width: 240px" + placeholder="璇疯緭鍏ュ鍚嶆悳绱�" + @change="handleQuery" + clearable + :prefix-icon="Search" + /> + <el-button type="primary" @click="handleQuery" style="margin-left: 10px" + >鎼滅储</el-button + > + </div> + <div> +<!-- <el-button type="primary" @click="openForm('add')">鏂板鍏ヨ亴</el-button>--> + <el-button @click="handleOut">瀵煎嚭</el-button> +<!-- <el-button type="danger" plain @click="handleDelete">鍒犻櫎</el-button>--> + </div> + </div> + <div class="table_list"> + <PIMTable + rowKey="id" + :column="tableColumn" + :tableData="tableData" + :page="page" + :isSelection="true" + @selection-change="handleSelectionChange" + :tableLoading="tableLoading" + @pagination="pagination" + :total="page.total" + ></PIMTable> + </div> + <form-dia ref="formDia" @close="handleQuery"></form-dia> + </div> +</template> + +<script setup> +import { Search } from "@element-plus/icons-vue"; +import {onMounted, ref} from "vue"; +import FormDia from "@/views/personnelManagement/employeeRecord/components/formDia.vue"; +import {ElMessageBox} from "element-plus"; +import {staffOnJobListPage} from "@/api/personnelManagement/employeeRecord.js"; + +const data = reactive({ + searchForm: { + staffName: "", + }, +}); +const { searchForm } = toRefs(data); +const tableColumn = ref([ + { + label: "鐘舵��", + prop: "staffState", + dataType: "tag", + formatData: (params) => { + if (params == 0) { + return "绂昏亴"; + } else if (params == 1) { + return "鍦ㄨ亴"; + } else { + return null; + } + }, + formatType: (params) => { + if (params == 0) { + return "danger"; + } else if (params == 1) { + return "primary"; + } else { + return null; + } + }, + }, + { + label: "鍛樺伐缂栧彿", + prop: "staffNo", + }, + { + label: "濮撳悕", + prop: "staffName", + }, + { + label: "鎬у埆", + prop: "sex", + }, + { + label: "绫嶈疮", + prop: "nativePlace", + }, + { + label: "宀椾綅", + prop: "postJob", + }, + { + label: "瀹跺涵浣忓潃", + prop: "adress", + }, + { + label: "绗竴瀛﹀巻", + prop: "firstStudy", + }, + { + label: "涓撲笟", + prop: "profession", + }, + { + label: "韬唤璇佸彿", + prop: "identityCard", + }, + { + label: "骞撮緞", + prop: "age", + }, + { + label: "鑱旂郴鐢佃瘽", + prop: "phone", + }, + { + label: "绱ф�ヨ仈绯讳汉", + prop: "emergencyContact", + width: 120 + }, + { + label: "鑱旂郴鐢佃瘽", + prop: "emergencyContactPhone", + }, + { + label: "鍚堝悓骞撮檺", + prop: "contractTerm", + }, + // { + // label: "鍚堝悓寮�濮嬫棩鏈�", + // prop: "contractStartTime", + // width: 120 + // }, + { + label: "鍚堝悓缁撴潫鏃ユ湡", + prop: "contractExpireTime", + width: 120 + }, + { + dataType: "action", + label: "鎿嶄綔", + align: "center", + fixed: 'right', + operation: [ + { + name: "璇︽儏", + type: "text", + clickFun: (row) => { + openForm("edit", row); + }, + }, + ], + }, +]); +const tableData = ref([]); +const selectedRows = ref([]); +const tableLoading = ref(false); +const page = reactive({ + current: 1, + size: 100, + total: 0 +}); +const formDia = ref() +const { proxy } = getCurrentInstance() + +// 鏌ヨ鍒楄〃 +/** 鎼滅储鎸夐挳鎿嶄綔 */ +const handleQuery = () => { + page.current = 1; + getList(); +}; +const pagination = (obj) => { + page.current = obj.page; + page.size = obj.limit; + getList(); +}; +const getList = () => { + tableLoading.value = true; + staffOnJobListPage({...page, ...searchForm.value, staffState: 1}).then(res => { + tableLoading.value = false; + tableData.value = res.data.records + page.total = res.data.total; + }).catch(err => { + tableLoading.value = false; + }) +}; +// 琛ㄦ牸閫夋嫨鏁版嵁 +const handleSelectionChange = (selection) => { + selectedRows.value = selection; +}; + +// 鎵撳紑寮规 +const openForm = (type, row) => { + nextTick(() => { + formDia.value?.openDialog(type, row) + }) +}; +// 瀵煎嚭 +const handleOut = () => { + ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", { + confirmButtonText: "纭", + cancelButtonText: "鍙栨秷", + type: "warning", + }) + .then(() => { + proxy.download("/staff/staffOnJob/export", {staffState: 1}, "鍦ㄨ亴鍛樺伐鍙拌处.xlsx"); + }) + .catch(() => { + proxy.$modal.msg("宸插彇娑�"); + }); +}; +onMounted(() => { + getList(); +}); +</script> + +<style scoped></style> -- Gitblit v1.9.3