人力资源-添加导出功能

gaoluyang

5 天以前 af4f913751c08fd6ef70cb183de2fb3c604bab38

 src/views/procurementManagement/invoiceEntry/index.vue

@@ -2,13 +2,37 @@
  <div class="app-container">
    <div class="search_form">
      <el-form :model="filters" :inline="true">
        <el-form-item label="采购合同号：">
        <el-form-item label="供应商名称">
          <el-input
              v-model="filters.supplierName"
              placeholder="请输入名称搜索"
              clearable
              prefix-icon="Search"
              @change="getTableData"
          />
        </el-form-item>
        <el-form-item label="采购订单号：">
          <el-input
            v-model="filters.purchaseContractNumber"
            placeholder="请输入"
            clearable
            prefix-icon="Search"
            @change="getTableData"
          />
        </el-form-item>

        <el-form-item label="销售合同号">
          <el-input
              v-model="filters.salesContractNo"
              placeholder="请输入销售合同号"
              clearable
          />
        </el-form-item>
        <el-form-item label="项目名称">
          <el-input
              v-model="filters.projectName"
              placeholder="请输入项目名称"
              clearable
          />
        </el-form-item>
        <el-form-item>
@@ -21,11 +45,11 @@
      <div class="actions">
        <div></div>
        <div>
          <el-button @click="handleExport" style="margin-right: 10px">导出</el-button>
          <el-button type="primary" @click="handleAdd('add')">
            新增登记
          </el-button>
          <el-button @click="handleOut">导出</el-button>
          <el-button type="danger" plain @click="handleDelete">删除</el-button>
<!--          <el-button type="danger" plain @click="handleDelete">删除</el-button>-->
        </div>
      </div>
      <PIMTable
@@ -68,7 +92,7 @@
<script setup>
import { usePaginationApi } from "@/hooks/usePaginationApi";
import {delRegistration, gePurchaseListPage} from "@/api/procurementManagement/invoiceEntry.js";
import { nextTick, onMounted, getCurrentInstance } from "vue";
import { nextTick, onMounted, getCurrentInstance, ref } from "vue";
import ExpandTable from "./components/ExpandTable.vue";
import Modal from "./components/Modal.vue";
import {ElMessageBox} from "element-plus";
@@ -116,12 +140,12 @@
    {
      label: "供应商名称",
      prop: "supplierName",
      width:200
      width:300
    },
    {
      label: "项目名称",
      prop: "projectName",
      width:150
      width:400
    },
    {
      label: "录入人",
@@ -141,7 +165,7 @@
      },
    },
    {
      label: "已开票金额(元)",
      label: "已来票金额(元)",
      prop: "receiptPaymentAmount",
      width:200,
      formatData: (val) => {
@@ -149,7 +173,7 @@
      },
    },
    {
      label: "待开票金额(元)",
      label: "待来票金额(元)",
      prop: "unReceiptPaymentAmount",
      width:200,
      formatData: (val) => {
@@ -199,6 +223,22 @@
         proxy.$modal.msg("已取消");
      });
};

// 导出采购台账
const handleExport = () => {
   ElMessageBox.confirm("选中的内容将被导出，是否确认导出？", "导出", {
      confirmButtonText: "确认",
      cancelButtonText: "取消",
      type: "warning",
   })
      .then(() => {
         proxy.download("/purchase/ledger/exportOne", {}, "来票登记.xlsx");
      })
      .catch(() => {
         proxy.$modal.msg("已取消");
      });
};

// 删除
const handleDelete = () => {
   let ids = [];
@@ -237,8 +277,9 @@
  }
};

const changePage = ({ page }) => {
const changePage = ({ page, limit }) => {
  pagination.currentPage = page;
  pagination.pageSize = limit;
  onCurrentChange(page);
};
// 主表合计方法