| | |
| | | </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"); |
| | |
| | | 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); |
| | |
| | | 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 = () => { |