档案管理-添加导出功能

gaoluyang

4 天以前 9aae2af6f3937a7d99ec619b51f457002cef969f

 src/views/personnelManagement/payrollManagement/index.vue

@@ -13,7 +13,7 @@
            />
            <span class="search_title ml10">月份：</span>
            <el-date-picker
               v-model="searchForm.payDate"
               v-model="searchForm.payDateStr"
               type="month"
               @change="handleQuery"
               value-format="YYYY-MM"
@@ -27,8 +27,8 @@
            >
         </div>
         <div>
            <el-button @click="handleExport" style="margin-right: 10px">导出</el-button>
            <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>
@@ -51,7 +51,7 @@

<script setup>
import { Search } from "@element-plus/icons-vue";
import {onMounted, ref} from "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";
@@ -61,7 +61,7 @@
const data = reactive({
   searchForm: {
      name: "",
      payDate: "",
      payDateStr: "",
   },
});
const { searchForm } = toRefs(data);
@@ -283,6 +283,22 @@
         proxy.$modal.msg("已取消");
      });
};

// 导出薪资管理
const handleExport = () => {
   ElMessageBox.confirm("选中的内容将被导出，是否确认导出？", "导出", {
      confirmButtonText: "确认",
      cancelButtonText: "取消",
      type: "warning",
   })
      .then(() => {
         proxy.download("/compensationPerformance/export", { ...searchForm.value, ...page }, "薪资管理.xlsx");
      })
      .catch(() => {
         proxy.$modal.msg("已取消");
      });
};

onMounted(() => {
   getList();
});