From 2e02111747139c575101437920e821abfa1b1317 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 17 六月 2025 13:33:17 +0800
Subject: [PATCH] 人员管理页面
---
src/layout/components/Sidebar/Logo.vue | 4
src/views/personnelManagement/onboarding/index.vue | 180 +++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 182 insertions(+), 2 deletions(-)
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index 824ed6f..898085b 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -89,8 +89,8 @@
.sidebar-logo-container {
position: relative;
- width: 100%;
- height: 50px;
+ width: 100% !important;
+ height: 50px !important;
line-height: 50px;
background: #fff;
text-align: center;
diff --git a/src/views/personnelManagement/onboarding/index.vue b/src/views/personnelManagement/onboarding/index.vue
new file mode 100644
index 0000000..61f1301
--- /dev/null
+++ b/src/views/personnelManagement/onboarding/index.vue
@@ -0,0 +1,180 @@
+<template>
+ <div class="app-container">
+ <div class="search_form">
+ <div>
+ <span class="search_title">濮撳悕锛�</span>
+ <el-input
+ v-model="searchForm.customerName"
+ 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">鏂板鍏ヨ亴</el-button>
+ </div>
+ </div>
+ <div class="table_list">
+ <PIMTable :column="tableColumn" :tableData="tableData" :page="page" :isSelection="true"
+ :handleSelectionChange="handleSelectionChange" :tableLoading="tableLoading" @pagination="pagination"
+ :total="total"></PIMTable>
+ </div>
+ </div>
+</template>
+
+<script setup>
+import {Search} from "@element-plus/icons-vue";
+import {ref} from "vue";
+
+const data = reactive({
+ searchForm: {
+ customerName: '',
+ },
+ form: {
+ salesLedgerId: '',
+ customerName: '',
+ salesman: '',
+ projectName: '',
+ productData: []
+ },
+ rules: {
+ salesLedgerId: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }]
+ }
+})
+const { searchForm, form, rules } = toRefs(data)
+const tableColumn = ref([
+ {
+ label: '鐘舵��',
+ prop: 'paymentDate',
+ dataType: 'tag',
+ formatData: (params) => {
+ if (params == 0) {
+ return '鍦ㄨ亴';
+ } else if (params == 1) {
+ return '绂昏亴';
+ } else {
+ return null
+ }
+ },
+ formatType: (params) => {
+ if (params == 0) {
+ return 'primary';
+ } else if (params == 1) {
+ return 'danger';
+ } else {
+ return null
+ }
+ }
+ },
+ {
+ label: '鍛樺伐缂栧彿',
+ prop: 'supplierName',
+ },
+ {
+ label: '濮撳悕',
+ prop: 'currentPaymentAmount',
+ },
+ {
+ label: '鎬у埆',
+ prop: 'paymentMethod'
+ },
+ {
+ label: '绫嶈疮',
+ prop: 'registrant'
+ },
+ {
+ label: '宀椾綅',
+ prop: 'registrationtDate'
+ },
+ {
+ label: '瀹跺涵浣忓潃',
+ prop: 'registrationtDate'
+ },
+ {
+ label: '绗竴瀛﹀巻',
+ prop: 'registrationtDate'
+ },
+ {
+ label: '涓撲笟',
+ prop: 'registrationtDate'
+ },
+ {
+ label: '韬唤璇佸彿',
+ prop: 'registrationtDate'
+ },
+ {
+ label: '骞撮緞',
+ prop: 'registrationtDate'
+ },
+ {
+ label: '鑱旂郴鐢佃瘽',
+ prop: 'registrationtDate'
+ },
+ {
+ label: '绱ф�ヨ仈绯讳汉',
+ prop: 'registrationtDate'
+ },
+ {
+ label: '鑱旂郴鐢佃瘽',
+ prop: 'registrationtDate'
+ },
+ {
+ label: '鍚堝悓骞撮檺',
+ prop: 'registrationtDate'
+ },
+ {
+ label: '鍚堝悓寮�濮嬫棩鏈�',
+ prop: 'registrationtDate'
+ },
+ {
+ label: '鍚堝悓缁撴潫鏃ユ湡',
+ prop: 'registrationtDate'
+ },
+])
+const tableData = ref([])
+const selectedRows = ref([])
+const tableLoading = ref(false)
+const page = reactive({
+ current: 1,
+ size: 100,
+})
+const total = ref(0)
+
+
+// 鏌ヨ鍒楄〃
+/** 鎼滅储鎸夐挳鎿嶄綔 */
+const handleQuery = () => {
+ page.current = 1
+ getList()
+}
+const pagination = (obj) => {
+ page.current = obj.page;
+ page.size = obj.limit;
+ getList()
+}
+const getList = () => {
+ tableLoading.value = true
+ ledgerListPage({...searchForm.value, ...page}).then(res => {
+ tableLoading.value = false
+ tableData.value = res.records;
+ total.value = res.total
+ })
+}
+// 琛ㄦ牸閫夋嫨鏁版嵁
+const handleSelectionChange = (selection) => {
+ console.log('selection', selection)
+ selectedRows.value = selection.filter(item => item.salesContractNo !== undefined);
+}
+
+// 鎵撳紑寮规
+const openForm = () => {
+
+}
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
--
Gitblit v1.9.3