From eb6d05e51479ba6003b57442631abbfcbb41d9d6 Mon Sep 17 00:00:00 2001
From: fl <3098731433@qq.com>
Date: Fri, 7 Mar 2025 13:33:50 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=84=E7=BB=87=E5=8F=98=E6=9B=B4=E8=AE=B0?=
 =?UTF-8?q?=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/system/orgHistory.js          |  20 ++++
 src/views/system/orgHistory/index.vue | 146 ++++++++++++++++++++++++++
 2 files changed, 166 insertions(+)
 create mode 100644 src/api/system/orgHistory.js
 create mode 100644 src/views/system/orgHistory/index.vue

diff --git a/src/api/system/orgHistory.js b/src/api/system/orgHistory.js
new file mode 100644
index 0000000..17c540c
--- /dev/null
+++ b/src/api/system/orgHistory.js
@@ -0,0 +1,20 @@
+import request from '@/utils/request'
+
+// 查询组织历史记录列表
+export function listOrgHistory(query) {
+  return request({
+    url: '/system/org/getOrgHistoryList',
+    method: 'get',
+    params: query
+  })
+}
+
+// 导出组织历史记录
+export function exportOrgHistory(query) {
+  return request({
+    url: '/system/export/exportOrgHis',
+    method: 'get',
+    params: query,
+    responseType: 'blob'
+  })
+} 
\ No newline at end of file
diff --git a/src/views/system/orgHistory/index.vue b/src/views/system/orgHistory/index.vue
new file mode 100644
index 0000000..16ffa32
--- /dev/null
+++ b/src/views/system/orgHistory/index.vue
@@ -0,0 +1,146 @@
+<template>
+  <div class="app-container" id="orgHistory">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
+      <el-form-item label="姓名" prop="userName">
+        <el-input
+          v-model="queryParams.userName"
+          placeholder="请输入姓名"
+          clearable
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="变动前部门" prop="oldOrgName">
+        <el-input
+          v-model="queryParams.oldOrgName"
+          placeholder="请输入变动前部门"
+          clearable
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="变动后部门" prop="afterOrgName">
+        <el-input
+          v-model="queryParams.afterOrgName"
+          placeholder="请输入变动后部门"
+          clearable
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="月份" prop="month">
+        <el-date-picker
+          v-model="queryParams.month"
+          type="month"
+          value-format="yyyy-MM"
+          placeholder="选择月份"
+          style="width: 240px"
+        />
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="tableList">
+      <el-table-column label="序号" align="center" width="80" type="index">
+        <template slot-scope="scope">
+          <span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="姓名" align="center" prop="userName" />
+      <el-table-column label="手机号" align="center" prop="phoneNumber" />
+      <el-table-column label="岗位" align="center" prop="postName" />
+      <el-table-column label="人员角色" align="center" prop="roleName" />
+      <el-table-column label="变动前部门" align="center" prop="oldOrgName"/>
+      <el-table-column label="变动后部门" align="center" prop="afterOrgName"/>
+      <el-table-column label="变动时间" align="center" prop="changeTime" width="180" />
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+  </div>
+</template>
+
+<script>
+import { listOrgHistory, exportOrgHistory } from "@/api/system/orgHistory";
+
+export default {
+  name: "OrgHistory",
+  data() {
+    return {
+      // 遮罩层
+      loading: false,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      tableList: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        userName: undefined,
+        oldOrgName: undefined,
+        afterOrgName: undefined,
+        month: undefined
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询列表 */
+    getList() {
+      this.loading = true;
+      listOrgHistory(this.queryParams).then(response => {
+        this.tableList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      exportOrgHistory(this.queryParams).then(res => {
+        this.downloadFile({
+          fileName: `组织历史记录_${new Date().getTime()}.xlsx`,
+          fileData: res,
+          fileType: 'application/vnd.ms-excel;charset=utf-8'
+        });
+      });
+    }
+  }
+};
+</script> 
\ No newline at end of file