From a00484ae729aed9a664050362fa2b8c6a4ce4fd6 Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期四, 12 六月 2025 10:29:11 +0800 Subject: [PATCH] 1.库存管理页面联调 --- src/views/salesOutbound/index.vue | 42 ++++++++++++++++++++++++++++-------------- 1 files changed, 28 insertions(+), 14 deletions(-) diff --git a/src/views/salesOutbound/index.vue b/src/views/salesOutbound/index.vue index 955cd78..fca072b 100644 --- a/src/views/salesOutbound/index.vue +++ b/src/views/salesOutbound/index.vue @@ -79,12 +79,13 @@ </template> <script setup> -import {ref, reactive} from "vue"; +import {ref, reactive, onMounted} from "vue"; const { proxy } = getCurrentInstance() import {Delete, Download, Plus} from "@element-plus/icons-vue"; import ETable from "@/components/Table/ETable.vue"; import Pagination from "@/components/Pagination/index.vue"; import FormDia from "@/views/salesOutbound/components/formDia.vue"; +import {salesRecordList} from "../../api/salesOutbound/index.js"; const formDia = ref() const activeTab = ref("out"); @@ -96,17 +97,21 @@ const tableLoading = ref(false); const tableData = ref([]); const columns = ref([ - { prop: "supplierName", label: "閿�鍞棩鏈�", minWidth: 160 }, - { prop: "identifyNumber", label: "瀹㈡埛", minWidth: 120 }, - { prop: "address", label: "鐓ょ", minWidth: 150 }, + { prop: "saleDate", label: "閿�鍞棩鏈�", minWidth: 160 }, + { prop: "customer", label: "瀹㈡埛", minWidth: 120 }, + { prop: "coal", label: "鐓ょ", minWidth: 150 }, { prop: "unit", label: "鍗曚綅", minWidth: 150 }, - { prop: "bank", label: "搴撳瓨鏁伴噺", minWidth: 120 }, - { prop: "bankAccount", label: "閿�鍞崟浠�(鍚◣)", minWidth: 150 }, - { prop: "contacts", label: "閿�鍞�讳环(鍚◣)", minWidth: 120 }, - { prop: "contacts", label: "鍒╂鼎", minWidth: 90 }, - { prop: "contactAddress", label: "鐑��", minWidth: 150 }, - { prop: "maintainer", label: "缁存姢浜�", minWidth: 100 }, - { prop: "maintainDate", label: "缁存姢鏃ユ湡", minWidth: 100 }, + { prop: "priceIncludingTax", label: "鍗曚环(鍚◣)", minWidth: 150 }, + { prop: "inventoryQuantity", label: "搴撳瓨鏁伴噺", minWidth: 120 }, + { prop: "saleQuantity", label: "閿�鍞暟閲�", minWidth: 120 }, + { prop: "salePrice", label: "閿�鍞崟浠�(鍚◣)", minWidth: 150 }, + { prop: "totalAmount", label: "閿�鍞�讳环(鍚◣)", minWidth: 120 }, + { prop: "taxCoal", label: "璐攢鐓ょ◣鐜�(%)", minWidth: 120 }, + { prop: "taxTrans", label: "杩愯緭绋庣巼(%)", minWidth: 120 }, + { prop: "grossProfit", label: "姣涘埄娑�", minWidth: 90 }, + { prop: "netProfit", label: "鍑�鍒╂鼎", minWidth: 90 }, + { prop: "registrant", label: "鐧昏浜�", minWidth: 100 }, + { prop: "registrationDate", label: "鐧昏鏃ユ湡", minWidth: 100 }, ]); const selectedRows = ref([]); const total = ref(0); @@ -119,13 +124,22 @@ identifyNumber: "", address: "", }) - +onMounted(() => { + handleQuery() +}); // 鐐瑰嚮鏌ヨ const handleQuery = () => { + pageNum.value = 1 + pageSize.value = 10 + getList() +} +const getList = () => { tableLoading.value = true; - setTimeout(() => { + salesRecordList({...queryParams, current: pageNum.value, size: pageSize.value}).then(res => { tableLoading.value = false; - }, 500); + tableData.value = res.data.records; + total.value = res.data.total; + }) } // 閲嶇疆鏌ヨ const resetQuery = () => { -- Gitblit v1.9.3