Merge branch 'dev_新疆_大罗素马铃薯new' of http://114.132.189.42:9002/r/product-inv...

huminmin

2026-06-01 a563ea879ef5fb6897e76d2df661e465dce2ab9b

 src/views/reportAnalysis/projectProfit/index.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,126 @@
<template>
   <div class="app-container">
      <el-form :model="filters" :inline="true" label-width="80px">
         <el-form-item label="客户名称">
            <el-input v-model="filters.customerName" placeholder="请输入客户名称" clearable style="width: 240px"/>
         </el-form-item>
         <el-form-item>
            <el-button type="primary" @click="getTableData"> æœç´¢ </el-button>
            <el-button @click="resetFilters"> é‡ç½® </el-button>
            <el-button @click="handleOut"> å¯¼å‡º </el-button>
         </el-form-item>
      </el-form>
      <div class="table_list">
         <PIMTable
            rowKey="id"
            :column="columns"
            :tableLoading="loading"
            :tableData="dataList"
            :page="{
          current: pagination.currentPage,
          size: pagination.pageSize,
          total: pagination.total
        }"
            :isShowSummary="true"
            :summaryMethod="summarizeMainTable"
            @pagination="changePage"
         ></PIMTable>
      </div>
   </div>
</template>

<script setup>
import { usePaginationApi } from "@/hooks/usePaginationApi";
import { getPurchaseList } from "@/api/procurementManagement/projectProfit";
import { onMounted, getCurrentInstance } from "vue";
import { ElMessageBox } from "element-plus";

const { proxy } = getCurrentInstance();

defineOptions({
   name: "项目利润",
});

const {
   loading,
   filters,
   columns,
   dataList,
   pagination,
   getTableData,
   resetFilters,
   onCurrentChange,
} = usePaginationApi(
   getPurchaseList,
   {
      customerName: undefined,
   },
   [
      {
         label: "销售合同号",
         align: "center",
         prop: "customerContractNo",
      },
      {
         label: "客户名称",
         align: "center",
         prop: "customerName",
      },
      {
         label: "合同金额",
         align: "center",
         prop: "contractAmount",
      },
      {
         label: "采购金额",
         align: "center",
         prop: "purchaseAmount",
      },
      {
         label: "利润",
         align: "center",
         prop: "balance",
      },
      {
         label: "利润率",
         align: "center",
         prop: "balanceRatio",
      },
   ]
);

const changePage = ({ page, limit }) => {
   pagination.currentPage = page;
   pagination.pageSize = limit;
   onCurrentChange(page);
};

// ä¸»è¡¨åˆè®¡æ–¹æ³•
const summarizeMainTable = (param) => {
   return proxy.summarizeTable(param, ["contractAmount", "purchaseAmount", "balance"]);
};

// å¯¼å‡º
const handleOut = () => {
   ElMessageBox.confirm("选中的内容将被导出，是否确认导出？", "导出", {
      confirmButtonText: "确认",
      cancelButtonText: "取消",
      type: "warning",
   })
      .then(() => {
         proxy.download("/purchase/report/export", {}, "项目利润.xlsx");
      })
      .catch(() => {
         proxy.$modal.msg("已取消");
      });
};

onMounted(() => {
   getTableData();
});
</script>
<style lang="scss" scoped>
.table_list {
   margin-top: unset;
}
</style>