From fe167dd71a1300aeae07522db990d6b3fdb77a0e Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期四, 12 三月 2026 13:26:02 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/dev_New' into dev_中兴实强

---
 src/views/personnelManagement/monthlyStatistics/index.vue |  407 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 407 insertions(+), 0 deletions(-)

diff --git a/src/views/personnelManagement/monthlyStatistics/index.vue b/src/views/personnelManagement/monthlyStatistics/index.vue
new file mode 100644
index 0000000..f389f57
--- /dev/null
+++ b/src/views/personnelManagement/monthlyStatistics/index.vue
@@ -0,0 +1,407 @@
+<template>
+  <div class="app-container">
+    <div class="search_form">
+      <div>
+        <span class="search_title">涓婚锛�</span>
+        <el-input
+          v-model="searchForm.salaryTitle"
+          style="width: 240px"
+          placeholder="璇疯緭鍏ヤ富棰�"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+        <span class="search_title ml10">鐘舵�侊細</span>
+        <el-select v-model="searchForm.status" placeholder="璇烽�夋嫨鐘舵��" clearable style="width: 180px">
+          <el-option label="鑽夌" :value="1" />
+          <el-option label="瀹℃牳鏈�氳繃" :value="2" />
+          <el-option label="寰呭鏍�" :value="3" />
+          <el-option label="寰呭彂鏀�" :value="4" />
+          <el-option label="宸插彂鏀�" :value="5" />
+        </el-select>
+        <span class="search_title ml10">宸ヨ祫鏈堜唤锛�</span>
+        <el-date-picker
+          v-model="searchForm.salaryMonth"
+          type="month"
+          value-format="YYYY-MM"
+          format="YYYY-MM"
+          placeholder="璇烽�夋嫨宸ヨ祫鏈堜唤"
+          style="width: 180px"
+          clearable
+          @change="handleQuery"
+        />
+        <el-button type="primary" @click="handleQuery" style="margin-left: 10px">
+          鎼滅储
+        </el-button>
+        <el-button @click="handleReset">閲嶇疆</el-button>
+      </div>
+    </div>
+    <div class="table_list">
+      <div style="margin-bottom: 10px">
+        <el-button type="primary" @click="openForm('add')">鏂板缓宸ヨ祫琛�</el-button>
+        <el-button @click="handleDelete">鍒犻櫎</el-button>
+        <el-button @click="openBankSetting">璁剧疆閾惰</el-button>
+        <el-button @click="handleExport">瀵煎嚭</el-button>
+      </div>
+      <PIMTable
+        rowKey="id"
+        :column="tableColumn"
+        :tableData="tableData"
+        :page="page"
+        :isSelection="true"
+        :tableLoading="tableLoading"
+        @selection-change="handleSelectionChange"
+        @pagination="pagination"
+        :total="page.total"
+      />
+    </div>
+    <form-dia
+      v-model="dialogVisible"
+      :operation-type="operationType"
+      :row="currentRow"
+      ref="formDiaRef"
+      @close="handleQuery"
+    />
+    <bank-setting-dia
+      v-model="bankDialogVisible"
+      ref="bankDiaRef"
+      @saved="handleBankSaved"
+    />
+    <el-dialog v-model="issueDialogVisible" title="宸ヨ祫鍙戞斁" width="720px">
+      <el-form label-position="top">
+        <el-form-item label="鍙戞斁閾惰" required>
+          <el-select
+            v-model="issueForm.bank"
+            placeholder="璇烽�夋嫨鍙戞斁閾惰"
+            clearable
+            filterable
+            style="width: 100%"
+          >
+            <el-option v-for="b in issueBankOptions" :key="b" :label="b" :value="b" />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button type="primary" :loading="issueLoading" @click="confirmIssue">
+          纭畾
+        </el-button>
+        <el-button @click="issueDialogVisible = false">鍙栨秷</el-button>
+      </template>
+    </el-dialog>
+    <audit-dia
+      v-model="auditDialogVisible"
+      :row="auditRow"
+      @close="auditDialogVisible = false"
+      @success="handleAuditSuccess"
+    />
+  </div>
+</template>
+
+<script setup>
+import {
+  onMounted,
+  computed,
+  ref,
+  reactive,
+  toRefs,
+  getCurrentInstance,
+  nextTick,
+} from "vue";
+import { ElMessageBox } from "element-plus";
+import Cookies from "js-cookie";
+import FormDia from "./components/formDia.vue";
+import BankSettingDia from "./components/bankSettingDia.vue";
+import AuditDia from "./components/auditDia.vue";
+import PIMTable from "@/components/PIMTable/PIMTable.vue";
+import { bankList } from "@/api/personnelManagement/bank.js";
+import {
+  staffSalaryMainListPage,
+  staffSalaryMainDelete,
+  staffSalaryMainUpdate,
+} from "@/api/personnelManagement/staffSalaryMain.js";
+
+const data = reactive({
+  searchForm: {
+    salaryTitle: "",
+    status: "",
+    salaryMonth: "",
+  },
+});
+const { searchForm } = toRefs(data);
+
+const tableColumn = ref([
+  { label: "宸ヨ祫涓婚", prop: "salaryTitle", minWidth: 140 },
+  { label: "宸ヨ祫鏈堜唤", prop: "salaryMonth", width: 120 },
+  { 
+    label: "鐘舵��", 
+    prop: "statusName", 
+    width: 110,
+    dataType: "tag",
+    formatType: (status) => {
+      const statusMap = {
+        "鑽夌": "info",
+        "瀹℃牳鏈�氳繃": "danger", 
+        "寰呭鏍�": "warning",
+        "寰呭彂鏀�": "primary",
+        "宸插彂鏀�": "success"
+      };
+      return statusMap[status] || "info";
+    }
+  },
+  { label: "宸ヨ祫鎬婚", prop: "totalSalary", width: 120 },
+  { label: "鏀粯閾惰", prop: "payBank", width: 120 },
+  { label: "瀹℃牳浜�", prop: "auditUserName", width: 110 },
+  { label: "澶囨敞", prop: "remark", minWidth: 120 },
+  {
+    dataType: "action",
+    label: "鎿嶄綔",
+    align: "center",
+    fixed: "right",
+    width: 180,
+    operation: [
+      {
+        name: "缂栬緫",
+        type: "text",
+        disabled: (row) => Number(row?.status) !== 1 && Number(row?.status) !== 2,
+        clickFun: (row) => openForm("edit", row),
+      },
+      {
+        name: "瀹℃牳",
+        type: "text",
+        disabled: (row) => Number(row?.status) !== 3,
+        clickFun: (row) => openAudit(row),
+      },
+      {
+        name: "鍙戞斁",
+        type: "text",
+        disabled: (row) => Number(row?.status) !== 4,
+        clickFun: (row) => openIssue(row),
+      },
+    ],
+  },
+]);
+
+const tableData = ref([]);
+const selectedRows = ref([]);
+const tableLoading = ref(false);
+const page = reactive({
+  current: 1,
+  size: 10,
+  total: 0,
+});
+const formDiaRef = ref(null);
+const dialogVisible = ref(false);
+const operationType = ref("add");
+const currentRow = ref({});
+const { proxy } = getCurrentInstance();
+const bankSetting = ref({});
+const bankDialogVisible = ref(false);
+const bankDiaRef = ref(null);
+const issueDialogVisible = ref(false);
+const issueLoading = ref(false);
+const issueRow = ref(null);
+const issueForm = reactive({ bank: "" });
+const auditDialogVisible = ref(false);
+const auditRow = ref(null);
+const auditDiaRef = ref(null);
+
+const issueBankOptions = computed(() => {
+  const options = Array.isArray(bankSetting.value?.options) ? bankSetting.value.options : [];
+  return options
+    .map((v) => (v == null ? "" : String(v).trim()))
+    .filter((v) => v !== "");
+});
+
+const statusName = (s) => {
+  const n = Number(s);
+  return (
+    {
+      1: "鑽夌",
+      2: "瀹℃牳鏈�氳繃",
+      3: "寰呭鏍�",
+      4: "寰呭彂鏀�",
+      5: "宸插彂鏀�",
+    }[n] || "-"
+  );
+};
+
+const loadBankSetting = () => {
+  return bankList().then((res) => {
+    const list = Array.isArray(res?.data) ? res.data : [];
+    const options = list
+      .map((b) => (b?.bankName == null ? "" : String(b.bankName).trim()))
+      .filter((v) => v !== "");
+    bankSetting.value = { options, defaultBank: "" };
+  });
+};
+
+const handleQuery = () => {
+  page.current = 1;
+  getList();
+};
+
+const handleReset = () => {
+  searchForm.value.salaryTitle = "";
+  searchForm.value.status = "";
+  searchForm.value.salaryMonth = "";
+  page.current = 1;
+  getList();
+};
+
+const pagination = (obj) => {
+  page.current = obj.page;
+  page.size = obj.limit;
+  getList();
+};
+
+const getList = () => {
+  tableLoading.value = true;
+  staffSalaryMainListPage({
+    ...searchForm.value,
+    current: page.current,
+    size: page.size,
+  })
+    .then((res) => {
+      tableLoading.value = false;
+      const records = res.data?.records ?? res.data?.list ?? [];
+      console.log('鍒楄〃鎺ュ彛杩斿洖鏁版嵁:', records);
+      // 鍏煎鍚庣瀛楁锛氳嫢鎺ュ彛浠嶈繑鍥炲彴璐︾粨鏋勶紝鍙湪姝ゅ仛鏄犲皠
+      tableData.value = records.map((item) => ({
+        ...item,
+        salaryTitle: item.salaryTitle ?? "-",
+        salaryMonth: item.salaryMonth ?? "-",
+        statusName: statusName(item.status),
+        totalSalary: item.totalSalary ?? "-",
+        payBank: (item.payBank == null ? "" : String(item.payBank).trim()) || "-",
+        auditUserName: item.auditUserName ?? "-",
+      }));
+      page.total = res.data?.total ?? res.data?.count ?? 0;
+    })
+    .catch(() => {
+      tableLoading.value = false;
+    });
+};
+
+const handleSelectionChange = (selection) => {
+  selectedRows.value = selection;
+};
+
+const openForm = (type, row) => {
+  operationType.value = type;
+  currentRow.value = row || {};
+  dialogVisible.value = true;
+  nextTick(() => {
+    formDiaRef.value?.openDialog(type, row);
+  });
+};
+
+const openBankSetting = () => {
+  bankDialogVisible.value = true;
+};
+
+const openAudit = (row) => {
+  console.log('鎵撳紑瀹℃牳锛屼紶鍏ョ殑鏁版嵁:', row);
+  auditRow.value = row || null;
+  auditDialogVisible.value = true;
+  nextTick(() => {
+    auditDiaRef.value?.openDialog(row);
+  });
+};
+
+const handleAuditSuccess = () => {
+  getList();
+};
+
+const openIssue = (row) => {
+  if (!issueBankOptions.value?.length) {
+    proxy?.$modal?.msgWarning?.("璇峰厛鍦ㄢ�滆缃摱琛屸�濅腑缁存姢鍙戞斁閾惰閫夐」");
+    return;
+  }
+  issueRow.value = row || null;
+  const current = row?.payBank && row.payBank !== "-" ? String(row.payBank).trim() : "";
+  issueForm.bank = current;
+  issueDialogVisible.value = true;
+};
+
+
+
+const confirmIssue = () => {
+  const bank = issueForm.bank ? String(issueForm.bank).trim() : "";
+  if (!bank) {
+    proxy?.$modal?.msgWarning?.("璇烽�夋嫨鍙戞斁閾惰");
+    return;
+  }
+  const row = issueRow.value;
+  if (!row?.id) {
+    issueDialogVisible.value = false;
+    return;
+  }
+  issueLoading.value = true;
+  staffSalaryMainUpdate({
+    id: row.id,
+    payBank: bank,
+    status: 5,
+  })
+    .then(() => {
+      proxy?.$modal?.msgSuccess?.("鍙戞斁鎴愬姛");
+      issueDialogVisible.value = false;
+      getList();
+    })
+    .finally(() => {
+      issueLoading.value = false;
+    });
+};
+
+const handleBankSaved = () => {
+  loadBankSetting();
+  getList();
+};
+
+const handleDelete = () => {
+  if (!selectedRows.value?.length) {
+    proxy.$modal.msgWarning("璇烽�夋嫨瑕佸垹闄ょ殑鏁版嵁");
+    return;
+  }
+  const ids = selectedRows.value.map((item) => item.id);
+  ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "鍒犻櫎", {
+    confirmButtonText: "纭",
+    cancelButtonText: "鍙栨秷",
+    type: "warning",
+  })
+    .then(() => {
+      staffSalaryMainDelete(ids).then(() => {
+        proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+        getList();
+      });
+    })
+    .catch(() => {});
+};
+
+const handleExport = () => {
+  proxy.download(
+    "/compensationPerformance/export",
+    { ...searchForm.value, current: page.current, size: page.size },
+    "宸ヨ祫琛�.xlsx"
+  );
+};
+
+onMounted(() => {
+  loadBankSetting();
+  getList();
+});
+</script>
+
+<style scoped>
+.search_form {
+  margin-bottom: 20px;
+}
+.search_title {
+  font-weight: 500;
+  margin-right: 5px;
+}
+.ml10 {
+  margin-left: 10px;
+}
+.table_list {
+  margin-top: 20px;
+}
+</style>

--
Gitblit v1.9.3