From 4f6275648bb8da724825c0e6c580c83aaa1cb9bf Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期五, 31 十月 2025 15:52:41 +0800
Subject: [PATCH] 营销管理-添加导出功能
---
src/views/salesManagement/receiptPaymentHistory/index.vue | 54 ++++++++++++++++++++++++++++++++----------------------
1 files changed, 32 insertions(+), 22 deletions(-)
diff --git a/src/views/salesManagement/receiptPaymentHistory/index.vue b/src/views/salesManagement/receiptPaymentHistory/index.vue
index 7dd8f18..589d567 100644
--- a/src/views/salesManagement/receiptPaymentHistory/index.vue
+++ b/src/views/salesManagement/receiptPaymentHistory/index.vue
@@ -10,10 +10,10 @@
:prefix-icon="Search"
/>
</el-form-item>
- <el-form-item label="鍚堝悓鍙�">
+ <el-form-item label="瀹㈡埛鍚堝悓鍙�">
<el-input
v-model="searchForm.customerContractNo"
- placeholder="杈撳叆鍚堝悓鍙�"
+ placeholder="杈撳叆瀹㈡埛鍚堝悓鍙�"
@change="handleQuery"
clearable
:prefix-icon="Search"
@@ -44,6 +44,7 @@
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleQuery"> 鎼滅储 </el-button>
+ <el-button @click="handleExport">瀵煎嚭</el-button>
</el-form-item>
</el-form>
<div class="table_list">
@@ -56,7 +57,7 @@
:isShowSummary="isShowSummarySon"
:summaryMethod="summarizeMainTable1"
:tableLoading="tableLoading"
- :total="total"
+ :total="page.total"
@pagination="pagination"
@selection-change="handleSelectionChange"
></PIMTable>
@@ -65,7 +66,7 @@
</template>
<script setup>
-import { ref } from "vue";
+import { ref, reactive, getCurrentInstance } from "vue";
import { Search } from "@element-plus/icons-vue";
import { receiptPaymentHistoryListPage } from "@/api/salesManagement/receiptPayment.js";
import useFormData from "@/hooks/useFormData";
@@ -74,30 +75,36 @@
const { proxy } = getCurrentInstance();
const tableColumn = ref([
{
+ label: "閿�鍞悎鍚屽彿",
+ prop: "salesContractNo",
+ width:240
+ },
+ {
+ label: "瀹㈡埛鍚堝悓鍙�",
+ prop: "customerContractNo",
+ width:240
+ },
+ {
label: "鍥炴鏃ユ湡",
prop: "receiptPaymentDate",
+ width:100
},
{
label: "瀹㈡埛鍚嶇О",
prop: "customerName",
+ width:240
},
{
label: "椤圭洰鍚嶇О",
prop: "projectName",
- },
- {
- label: "鍚堝悓鍙�",
- prop: "customerContractNo",
- },
- {
- label: "椤圭洰鍚嶇О",
- prop: "projectName",
+ width:200
},
{
label: "鍥炴閲戦锛堝厓锛�",
prop: "receiptPaymentAmount",
+ width:200,
formatData: (params) => {
- return parseFloat(params).toFixed(2);
+ return params ? parseFloat(params).toFixed(2) : 0;
},
},
{
@@ -124,6 +131,7 @@
{
label: "鐧昏鏃ユ湡",
prop: "createTime",
+ width:100
},
]);
const tableData = ref([]);
@@ -132,19 +140,15 @@
const page = reactive({
current: 1,
size: 100,
+ total: 0,
});
const total = ref(0);
const { form: searchForm } = useFormData({
searchText: undefined,
- receiptPaymentDate: [
- dayjs().startOf("month").format("YYYY-MM-DD"),
- dayjs().endOf("month").format("YYYY-MM-DD"),
- ],
- receiptPaymentDateStart: dayjs()
- .startOf("month")
- .format("YYYY-MM-DD 00:00:00"),
- receiptPaymentDateEnd: dayjs().endOf("month").format("YYYY-MM-DD 23:59:59"),
+ receiptPaymentDate: [],
+ receiptPaymentDateStart: undefined,
+ receiptPaymentDateEnd: undefined,
customerContractNo: undefined,
projectName: undefined,
});
@@ -167,7 +171,7 @@
receiptPaymentHistoryListPage({ ...rest, ...page }).then((res) => {
tableLoading.value = false;
tableData.value = res.records;
- total.value = res.total;
+ page.total = res.total;
});
};
// 瀛愯〃鍚堣鏂规硶
@@ -201,6 +205,12 @@
getList();
};
+// 瀵煎嚭
+const handleExport = () => {
+ const { receiptPaymentDate, ...rest } = searchForm;
+ proxy.download("/receiptPayment/exportOne", { ...rest, ...page }, "鍥炴娴佹按.xlsx");
+};
+
onMounted(() => {
getList();
});
--
Gitblit v1.9.3