From 32f10392ab00b07e85c0b4229037c30af7c3f28e Mon Sep 17 00:00:00 2001
From: zouyu <2723363702@qq.com>
Date: 星期二, 27 一月 2026 10:42:49 +0800
Subject: [PATCH] 浪潮对接单点登录:mis调整2

---
 src/views/personnelManagement/payrollManagement/index.vue |  497 +++++++++++++++++++++++++++---------------------------
 1 files changed, 249 insertions(+), 248 deletions(-)

diff --git a/src/views/personnelManagement/payrollManagement/index.vue b/src/views/personnelManagement/payrollManagement/index.vue
index f17f42e..8dca7eb 100644
--- a/src/views/personnelManagement/payrollManagement/index.vue
+++ b/src/views/personnelManagement/payrollManagement/index.vue
@@ -1,305 +1,306 @@
 <template>
-	<div class="app-container">
-		<div class="search_form">
-			<div>
-				<span class="search_title">濮撳悕锛�</span>
-				<el-input
-					v-model="searchForm.name"
-					style="width: 240px"
-					placeholder="璇疯緭鍏ュ鍚嶆悳绱�"
-					@change="handleQuery"
-					clearable
-					:prefix-icon="Search"
-				/>
-				<span class="search_title ml10">鏈堜唤锛�</span>
-				<el-date-picker
-					v-model="searchForm.payDateStr"
-					type="month"
-					@change="handleQuery"
-					value-format="YYYY-MM"
-					format="YYYY-MM"
-					placeholder="璇烽�夋嫨鏈堜唤"
-					style="width: 240px"
-					clearable
-				/>
-				<el-button type="primary" @click="handleQuery" style="margin-left: 10px"
-				>鎼滅储</el-button
-				>
-			</div>
-			<div>
-				<el-button @click="handleExport" style="margin-right: 10px">瀵煎嚭</el-button>
-				<el-button type="primary" @click="openForm('add')">鏂板钖祫</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>
+  <div class="app-container">
+    <div class="search_form">
+      <div>
+        <span class="search_title">濮撳悕锛�</span>
+        <el-input
+            v-model="searchForm.name"
+            style="width: 240px"
+            placeholder="璇疯緭鍏ュ鍚嶆悳绱�"
+            @change="handleQuery"
+            clearable
+            :prefix-icon="Search"
+        />
+        <span class="search_title ml10">鏈堜唤锛�</span>
+        <el-date-picker
+            v-model="searchForm.payDateStr"
+            type="month"
+            @change="handleQuery"
+            value-format="YYYY-MM"
+            format="YYYY-MM"
+            placeholder="璇烽�夋嫨鏈堜唤"
+            style="width: 240px"
+            clearable
+        />
+        <el-button type="primary" @click="handleQuery" style="margin-left: 10px"
+        >鎼滅储</el-button
+        >
+      </div>
+      <div>
+        <el-button @click="handleExport" style="margin-right: 10px">瀵煎嚭</el-button>
+        <el-button type="primary" @click="openForm('add')">鏂板钖祫</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, reactive, toRefs, getCurrentInstance, nextTick} from "vue";
 import FormDia from "@/views/personnelManagement/payrollManagement/components/formDia.vue";
+import {staffJoinDel} from "@/api/personnelManagement/onboarding.js";
 import {ElMessageBox} from "element-plus";
 import dayjs from "dayjs";
 import {compensationDelete, compensationListPage} from "@/api/personnelManagement/payrollManagement.js";
 
 const data = reactive({
-	searchForm: {
-		name: "",
-		payDateStr: "",
-	},
+  searchForm: {
+    name: "",
+    payDateStr: "",
+  },
 });
 const { searchForm } = toRefs(data);
 const tableColumn = ref([
-	{
-		label: "钖祫鏈堜唤",
-		prop: "payDate",
-	},
-	{
-		label: "濮撳悕",
-		prop: "name",
-	},
-	{
-		label: "搴斿嚭鍕ゅぉ鏁�",
-		prop: "shouldAttendedNum",
-		width:100
-	},
-	{
-		label: "瀹為檯鍑哄嫟澶╂暟",
-		prop: "actualAttendedNum",
-		width:110
-	},
-	{
-		label: "鍩烘湰宸ヨ祫",
-		prop: "basicSalary",
-	},
-	{
-		label: "宀椾綅宸ヨ祫",
-		prop: "postSalary",
-		width:100
-	},
-	{
-		label: "鍏ョ鑱岀己鍕ゆ墸娆�",
-		prop: "deductionAbsenteeism",
-		width:130
-	},
-	{
-		label: "鐥呭亣鎵ｆ",
-		prop: "sickLeaveDeductions",
-		width:100
-	},
-	{
-		label: "浜嬪亣鎵ｆ",
-		prop: "deductionPersonalLeave",
-		width:100
-	},
-	{
-		label: "蹇樿鎵撳崱鎵ｆ",
-		prop: "forgetClockDeduct",
-		width:110
-	},
-	{
-		label: "缁╂晥寰楀垎",
-		prop: "performanceScore",
-		width:150
-	},
-	{
-		label: "缁╂晥宸ヨ祫",
-		prop: "performancePay",
-		width: 120
-	},
-	{
-		label: "搴斿彂鍚堣",
-		prop: "payableWages",
-		width:150
-	},
-	{
-		label: "绀句繚涓汉",
-		prop: "socialSecurityIndividuals",
-	},
-	{
-		label: "绀句繚鍏徃",
-		prop: "socialSecurityCompanies",
-		width: 120
-	},
-	{
-		label: "绀句繚鍚堣",
-		prop: "socialSecurityTotal",
-		width: 120
-	},
-	{
-		label: "鍏Н閲戜釜浜�",
-		prop: "providentFundIndividuals",
-		width: 120
-	},
-	{
-		label: "鍏Н閲戝叕鍙�",
-		prop: "providentFundCompany",
-		width: 120
-	},
-	{
-		label: "鍏Н閲戝悎璁�",
-		prop: "providentFundTotal",
-		width: 120
-	},
-	{
-		label: "搴旂◣宸ヨ祫",
-		prop: "taxableWaget",
-	},
-	{
-		label: "涓汉鎵�寰楃◣",
-		prop: "personalIncomeTax",
-		width: 120
-	},
-	{
-		label: "瀹炲彂宸ヨ祫",
-		prop: "actualWages",
-		width: 120
-	},
-	{
-		dataType: "action",
-		label: "鎿嶄綔",
-		align: "center",
-		fixed: 'right',
-		operation: [
-			{
-				name: "缂栬緫",
-				type: "text",
-				clickFun: (row) => {
-					openForm("edit", row);
-				},
-			},
-		],
-	},
+  {
+    label: "钖祫鏈堜唤",
+    prop: "payDate",
+  },
+  {
+    label: "濮撳悕",
+    prop: "name",
+  },
+  {
+    label: "搴斿嚭鍕ゅぉ鏁�",
+    prop: "shouldAttendedNum",
+    width:100
+  },
+  {
+    label: "瀹為檯鍑哄嫟澶╂暟",
+    prop: "actualAttendedNum",
+    width:110
+  },
+  {
+    label: "鍩烘湰宸ヨ祫",
+    prop: "basicSalary",
+  },
+  {
+    label: "宀椾綅宸ヨ祫",
+    prop: "postSalary",
+    width:100
+  },
+  {
+    label: "鍏ョ鑱岀己鍕ゆ墸娆�",
+    prop: "deductionAbsenteeism",
+    width:130
+  },
+  {
+    label: "鐥呭亣鎵ｆ",
+    prop: "sickLeaveDeductions",
+    width:100
+  },
+  {
+    label: "浜嬪亣鎵ｆ",
+    prop: "deductionPersonalLeave",
+    width:100
+  },
+  {
+    label: "蹇樿鎵撳崱鎵ｆ",
+    prop: "forgetClockDeduct",
+    width:110
+  },
+  {
+    label: "缁╂晥寰楀垎",
+    prop: "performanceScore",
+    width:150
+  },
+  {
+    label: "缁╂晥宸ヨ祫",
+    prop: "performancePay",
+    width: 120
+  },
+  {
+    label: "搴斿彂鍚堣",
+    prop: "payableWages",
+    width:150
+  },
+  {
+    label: "绀句繚涓汉",
+    prop: "socialSecurityIndividuals",
+  },
+  {
+    label: "绀句繚鍏徃",
+    prop: "socialSecurityCompanies",
+    width: 120
+  },
+  {
+    label: "绀句繚鍚堣",
+    prop: "socialSecurityTotal",
+    width: 120
+  },
+  {
+    label: "鍏Н閲戜釜浜�",
+    prop: "providentFundIndividuals",
+    width: 120
+  },
+  {
+    label: "鍏Н閲戝叕鍙�",
+    prop: "providentFundCompany",
+    width: 120
+  },
+  {
+    label: "鍏Н閲戝悎璁�",
+    prop: "providentFundTotal",
+    width: 120
+  },
+  {
+    label: "搴旂◣宸ヨ祫",
+    prop: "taxableWaget",
+  },
+  {
+    label: "涓汉鎵�寰楃◣",
+    prop: "personalIncomeTax",
+    width: 120
+  },
+  {
+    label: "瀹炲彂宸ヨ祫",
+    prop: "actualWages",
+    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,
+  current: 1,
+  size: 100,
+  total: 0,
 });
 const formDia = ref()
 const { proxy } = getCurrentInstance()
 
 const handleDateChange = (value,type) => {
-	searchForm.value.entryDateEnd = null
-	searchForm.value.entryDateStart = null
-	if(type === 1){
-		if (value) {
-			searchForm.value.entryDateStart = dayjs(value).format("YYYY-MM-DD");
-		}
-	}else{
-		if (value) {
-			searchForm.value.entryDateEnd = dayjs(value).format("YYYY-MM-DD");
-		}
-	}
-	getList();
+  searchForm.value.entryDateEnd = null
+  searchForm.value.entryDateStart = null
+  if(type === 1){
+    if (value) {
+      searchForm.value.entryDateStart = dayjs(value).format("YYYY-MM-DD");
+    }
+  }else{
+    if (value) {
+      searchForm.value.entryDateEnd = dayjs(value).format("YYYY-MM-DD");
+    }
+  }
+  getList();
 };
 // 鏌ヨ鍒楄〃
 /** 鎼滅储鎸夐挳鎿嶄綔 */
 const handleQuery = () => {
-	page.current = 1;
-	getList();
+  page.current = 1;
+  getList();
 };
 const pagination = (obj) => {
-	page.current = obj.page;
-	page.size = obj.limit;
-	getList();
+  page.current = obj.page;
+  page.size = obj.limit;
+  getList();
 };
 const getList = () => {
-	tableLoading.value = true;
-	compensationListPage({...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;
-	})
+  tableLoading.value = true;
+  compensationListPage({...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;
+  selectedRows.value = selection;
 };
 
 // 鎵撳紑寮规
 const openForm = (type, row) => {
-	nextTick(() => {
-		formDia.value?.openDialog(type, row)
-	})
+  nextTick(() => {
+    formDia.value?.openDialog(type, row)
+  })
 };
 
 // 鍒犻櫎
 const handleDelete = () => {
-	let ids = [];
-	if (selectedRows.value.length > 0) {
-		ids = selectedRows.value.map((item) => item.id);
-	} else {
-		proxy.$modal.msgWarning("璇烽�夋嫨鏁版嵁");
-		return;
-	}
-	ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "瀵煎嚭", {
-		confirmButtonText: "纭",
-		cancelButtonText: "鍙栨秷",
-		type: "warning",
-	})
-		.then(() => {
-			compensationDelete(ids).then((res) => {
-				proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
-				getList();
-			});
-		})
-		.catch(() => {
-			proxy.$modal.msg("宸插彇娑�");
-		});
+  let ids = [];
+  if (selectedRows.value.length > 0) {
+    ids = selectedRows.value.map((item) => item.id);
+  } else {
+    proxy.$modal.msgWarning("璇烽�夋嫨鏁版嵁");
+    return;
+  }
+  ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "瀵煎嚭", {
+    confirmButtonText: "纭",
+    cancelButtonText: "鍙栨秷",
+    type: "warning",
+  })
+      .then(() => {
+        compensationDelete(ids).then((res) => {
+          proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+          getList();
+        });
+      })
+      .catch(() => {
+        proxy.$modal.msg("宸插彇娑�");
+      });
 };
 // 瀵煎嚭
 const handleOut = () => {
-	ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", {
-		confirmButtonText: "纭",
-		cancelButtonText: "鍙栨秷",
-		type: "warning",
-	})
-		.then(() => {
-			proxy.download("/staff/staffJoinLeaveRecord/export", {staffState: 1}, "浜哄憳鍏ヨ亴.xlsx");
-		})
-		.catch(() => {
-			proxy.$modal.msg("宸插彇娑�");
-		});
+  ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", {
+    confirmButtonText: "纭",
+    cancelButtonText: "鍙栨秷",
+    type: "warning",
+  })
+      .then(() => {
+        proxy.download("/staff/staffJoinLeaveRecord/export", {staffState: 1}, "浜哄憳鍏ヨ亴.xlsx");
+      })
+      .catch(() => {
+        proxy.$modal.msg("宸插彇娑�");
+      });
 };
 
 // 瀵煎嚭钖祫绠＄悊
 const handleExport = () => {
-	ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", {
-		confirmButtonText: "纭",
-		cancelButtonText: "鍙栨秷",
-		type: "warning",
-	})
-		.then(() => {
-			proxy.download("/compensationPerformance/export", { ...searchForm.value, ...page }, "钖祫绠＄悊.xlsx");
-		})
-		.catch(() => {
-			proxy.$modal.msg("宸插彇娑�");
-		});
+  ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", {
+    confirmButtonText: "纭",
+    cancelButtonText: "鍙栨秷",
+    type: "warning",
+  })
+      .then(() => {
+        proxy.download("/compensationPerformance/export", { ...searchForm.value, ...page }, "钖祫绠＄悊.xlsx");
+      })
+      .catch(() => {
+        proxy.$modal.msg("宸插彇娑�");
+      });
 };
 
 onMounted(() => {
-	getList();
+  getList();
 });
 </script>
 

--
Gitblit v1.9.3