From fde27654b1b21a8d2c149d3d12f86c3c7314c091 Mon Sep 17 00:00:00 2001 From: lishenao <3065849776@qq.com> Date: 星期四, 03 七月 2025 15:00:11 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/dev' into dev --- src/views/inventoryManagement/dispatchLog/index.vue | 533 +++++++++++++++++++++++++++------------------------------- 1 files changed, 248 insertions(+), 285 deletions(-) diff --git a/src/views/inventoryManagement/dispatchLog/index.vue b/src/views/inventoryManagement/dispatchLog/index.vue index 7762196..1e56a3d 100644 --- a/src/views/inventoryManagement/dispatchLog/index.vue +++ b/src/views/inventoryManagement/dispatchLog/index.vue @@ -3,354 +3,317 @@ <div class="search_form"> <div> <span class="search_title">渚涘簲鍟嗗悕绉帮細</span> - <el-input v-model="searchForm.customerName" style="width: 240px" placeholder="璇疯緭鍏�" @change="handleQuery" - clearable prefix-icon="Search" /> - <el-button type="primary" @click="handleQuery" style="margin-left: 10px">鎼滅储</el-button> + <el-input + v-model="searchForm.supplierName" + style="width: 240px" + placeholder="璇疯緭鍏�" + @change="handleQuery" + clearable + prefix-icon="Search" + /> + <el-button type="primary" @click="handleQuery" style="margin-left: 10px" + >鎼滅储</el-button + > </div> <div> - <el-button type="primary" @click="openForm('add')">鏂板</el-button> + <!-- <el-button type="primary" @click="openForm('add')">鏂板</el-button> --> <el-button @click="handleOut">瀵煎嚭</el-button> <el-button type="danger" plain @click="handleDelete">鍒犻櫎</el-button> </div> </div> <div class="table_list"> - <el-table :data="tableData" border v-loading="tableLoading" @selection-change="handleSelectionChange" - :expand-row-keys="expandedRowKeys" :row-key="row => row.id" show-summary style="width: 100%" - :summary-method="summarizeMainTable" height="calc(100vh - 18.5em)"> + <el-table + :data="tableData" + border + v-loading="tableLoading" + @selection-change="handleSelectionChange" + :expand-row-keys="expandedRowKeys" + :row-key="(row) => row.id" + show-summary + style="width: 100%" + :summary-method="summarizeMainTable" + height="calc(100vh - 18.5em)" + > <el-table-column align="center" type="selection" width="55" /> <el-table-column align="center" label="搴忓彿" type="index" width="60" /> - <el-table-column label="鍑哄簱鏃ユ湡" prop="salesContractNo" width="100" show-overflow-tooltip /> - <el-table-column label="渚涘簲鍟嗗悕绉�" prop="customerName" width="160" show-overflow-tooltip /> - <el-table-column label="浜у搧澶х被" prop="salesman" width="100" show-overflow-tooltip /> - <el-table-column label="瑙勬牸鍨嬪彿" prop="projectName" width="100" show-overflow-tooltip /> - <el-table-column label="鍗曚綅" prop="contractAmount" width="80" show-overflow-tooltip /> - <el-table-column label="鍑哄簱鏁伴噺" prop="entryPersonName" width="100" show-overflow-tooltip /> - <el-table-column label="鍚◣鍗曚环" prop="entryDate" width="100" show-overflow-tooltip /> - <el-table-column label="鍚◣鎬讳环" prop="executionDate" width="100" show-overflow-tooltip /> - <el-table-column label="绋庣巼" prop="executionDate" width="100" show-overflow-tooltip /> - <el-table-column label="涓嶅惈绋庢�讳环" prop="executionDate" width="100" show-overflow-tooltip /> - <el-table-column label="鍑哄簱浜�" prop="executionDate" width="80" show-overflow-tooltip /> - <el-table-column fixed="right" label="鎿嶄綔" min-width="60" align="center"> + <el-table-column + label="鍑哄簱鏃ユ湡" + prop="inboundTime" + width="100" + show-overflow-tooltip + /> + <el-table-column + label="渚涘簲鍟嗗悕绉�" + prop="supplierName" + width="160" + show-overflow-tooltip + /> + <el-table-column + label="浜у搧澶х被" + prop="productCategory" + width="100" + show-overflow-tooltip + /> + <el-table-column + label="瑙勬牸鍨嬪彿" + prop="specificationModel" + width="100" + show-overflow-tooltip + /> + <el-table-column + label="鍗曚綅" + prop="unit" + width="80" + show-overflow-tooltip + /> + <el-table-column + label="鍑哄簱鏁伴噺" + prop="inboundQuantity" + width="100" + show-overflow-tooltip + /> + <el-table-column + label="鍚◣鍗曚环" + prop="taxInclusiveUnitPrice" + label="鍚◣鍗曚环(鍏�)" + prop="entryDate" + width="100" + show-overflow-tooltip + /> + <el-table-column + label="鍚◣鎬讳环" + prop="taxInclusiveTotalPrice" + label="鍚◣鎬讳环(鍏�)" + prop="executionDate" + width="100" + show-overflow-tooltip + /> + <el-table-column + label="绋庣巼" + prop="taxRate" + label="绋庣巼(%)" + prop="executionDate" + width="100" + show-overflow-tooltip + /> + <el-table-column + label="涓嶅惈绋庢�讳环" + prop="taxExclusiveTotalPrice" + width="100" + label="涓嶅惈绋庢�讳环(鍏�)" + prop="executionDate" + width="180" + show-overflow-tooltip + /> + <el-table-column + label="鍑哄簱浜�" + prop="nickname" + width="80" + show-overflow-tooltip + /> + <!-- <el-table-column + fixed="right" + label="鎿嶄綔" + min-width="60" + align="center" + > <template #default="scope"> - <el-button link type="primary" size="small" @click="openForm('edit', scope.row);">缂栬緫</el-button> + <el-button + link + type="primary" + size="small" + @click="openForm('edit', scope.row)" + >缂栬緫</el-button + > </template> - </el-table-column> + </el-table-column> --> </el-table> - <pagination v-show="total > 0" :total="total" layout="total, sizes, prev, pager, next, jumper" - :page="page.current" :limit="page.size" @pagination="paginationChange" /> + <pagination + v-show="total > 0" + :total="total" + layout="total, sizes, prev, pager, next, jumper" + :page="page.current" + :limit="page.size" + @pagination="paginationChange" + /> </div> - <el-dialog v-model="dialogFormVisible" :title="operationType === 'add' ? '鏂板鍑哄簱' : '缂栬緫鍑哄簱'" width="70%" - @close="closeDia"> - <el-form :model="form" label-width="140px" label-position="top" :rules="rules" ref="formRef"> - <el-row :gutter="30"> - <el-col :span="12"> - <el-form-item label="渚涘簲鍟嗗悕绉帮細" prop="salesContractNo"> - <el-input v-model="form.salesContractNo" placeholder="璇疯緭鍏�" clearable /> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="浜у搧澶х被锛�" prop="salesman"> - <el-select v-model="form.salesman" placeholder="璇烽�夋嫨" clearable> - <el-option v-for="item in userList" :key="item.nickName" :label="item.nickName" - :value="item.nickName" /> - </el-select> - </el-form-item> - </el-col> - </el-row> - <el-row :gutter="30"> - <el-col :span="12"> - <el-form-item label="瑙勬牸鍨嬪彿锛�" prop="customerContractNo"> - <el-input v-model="form.customerContractNo" placeholder="璇疯緭鍏�" clearable /> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="鍗曚綅锛�" prop="customerId"> - <el-input v-model="form.customerContractNo" placeholder="璇疯緭鍏�" clearable /> - </el-form-item> - </el-col> - </el-row> - <el-row :gutter="30"> - <el-col :span="12"> - <el-form-item label="鍑哄簱鏃堕棿锛�" prop="projectName"> - <el-date-picker style="width: 100%" v-model="form.entryDate" value-format="YYYY-MM-DD" format="YYYY-MM-DD" - type="date" placeholder="璇烽�夋嫨" clearable /> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="鍑哄簱鏁伴噺锛�" prop="customerContractNo"> - <el-input v-model="form.customerContractNo" placeholder="璇疯緭鍏�" clearable /> - </el-form-item> - </el-col> - </el-row> - <el-row :gutter="30"> - - <el-col :span="12"> - <el-form-item label="鍚◣鍗曚环锛�" prop="customerId"> - <el-input v-model="form.customerContractNo" placeholder="璇疯緭鍏�" clearable /> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="鍚◣鎬讳环锛�" prop="customerContractNo"> - <el-input v-model="form.customerContractNo" placeholder="璇疯緭鍏�" clearable /> - </el-form-item> - </el-col> - </el-row> - <el-row :gutter="30"> - - <el-col :span="12"> - <el-form-item label="绋庣巼锛�" prop="customerId"> - <el-input v-model="form.customerContractNo" placeholder="璇疯緭鍏�" clearable /> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="涓嶅惈绋庢�讳环锛�" prop="entryDate"> - <el-input v-model="form.customerContractNo" placeholder="璇疯緭鍏�" clearable /> - </el-form-item> - </el-col> - </el-row> - <el-row :gutter="30"> - - <el-col :span="12"> - <el-form-item label="鍑哄簱浜猴細" prop="entryPerson"> - <el-select v-model="form.entryPerson" placeholder="璇烽�夋嫨" clearable> - <el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId" /> - </el-select> - </el-form-item> - </el-col> - </el-row> - </el-form> - <template #footer> - <div class="dialog-footer"> - <el-button type="primary" @click="submitForm">纭</el-button> - <el-button @click="closeDia">鍙栨秷</el-button> - </div> - </template> - </el-dialog> </div> </template> <script setup> -import pagination from '@/components/PIMTable/Pagination.vue' -import { ref } from 'vue' +import pagination from "@/components/PIMTable/Pagination.vue"; +import { ref } from "vue"; import { ElMessageBox } from "element-plus"; -import useUserStore from '@/store/modules/user' +import useUserStore from "@/store/modules/user"; import { userListNoPage } from "@/api/system/user.js"; import { - ledgerListPage, - customerList, - addOrUpdateSalesLedger, - getSalesLedgerWithProducts, delLedger -} from "@/api/salesManagement/salesLedger.js"; -const userStore = useUserStore() -const { proxy } = getCurrentInstance() -const tableData = ref([]) -const productData = ref([]) -const selectedRows = ref([]) -const userList = ref([]) -const customerOption = ref([]) -const tableLoading = ref(false) + getStockOutPage, + addStockOut, + updateStockOut, + delStockOut, + exportStockOut, + getStockManageById +} from "@/api/inventoryManagement/stockOut.js"; + +const userStore = useUserStore(); +const { proxy } = getCurrentInstance(); +const tableData = ref([]); +// const productData = ref([]); +const selectedRows = ref([]); +const userList = ref([]); +// const customerOption = ref([]); +const tableLoading = ref(false); +const supplierList = ref([]) +const productList = ref([]) +const productModelList = ref([]) const page = reactive({ current: 1, size: 100, -}) -const total = ref(0) -const fileList = ref([]) +}); +const total = ref(0); +const fileList = ref([]); // 鐢ㄦ埛淇℃伅琛ㄥ崟寮规鏁版嵁 -const operationType = ref('') -const dialogFormVisible = ref(false) +const operationType = ref(""); +const dialogFormVisible = ref(false); const data = reactive({ searchForm: { - customerName: '', + supplierName: "", }, form: { - salesContractNo: '', - salesman: '', - customerContractNo: '', - customerId: '', - projectName: '', - entryPerson: '', - entryDate: '', - maintenanceTime: '', - productData: [], - executionDate: '' + supplierId: null, + supplierName: '', + productId: null, + productName: '', + userId: userStore.userId, + nickname: '', + model: '', + productModelId: null, + unit: '', + productrecordId: null, + taxInclusiveUnitPrice: '', + taxInclusiveTotalPrice: '', + taxRate: '', + taxExclusiveTotalPrice: '', + inboundTime: '', + inboundBatch: '', + inboundQuantity: '' }, rules: { - salesman: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], - customerContractNo: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], - customerId: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], - projectName: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], - entryPerson: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], - entryDate: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], - executionDate: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], - } -}) -const { searchForm, form, rules } = toRefs(data) + supplierId: [{ required: true, message: '璇烽�夋嫨渚涘簲鍟�', trigger: 'change' }], + productRecordid: [{ required: true, message: '璇烽�夋嫨浜у搧', trigger: 'change' }], + inboundTime: [{ required: true, message: '璇烽�夋嫨鍏ュ簱鏃堕棿', trigger: 'change' }], + inboundQuantity: [{ required: true, message: '璇疯緭鍏ュ叆搴撴暟閲�', trigger: 'blur' }] + }, +}); +const { searchForm } = toRefs(data); // 鏌ヨ鍒楄〃 /** 鎼滅储鎸夐挳鎿嶄綔 */ const handleQuery = () => { - page.current = 1 - getList() -} + page.current = 1; + getList(); +}; const paginationChange = (obj) => { page.current = obj.page; page.size = obj.limit; - getList() -} -const getList = () => { - tableLoading.value = true - ledgerListPage({ ...searchForm.value, ...page }).then(res => { - tableLoading.value = false - tableData.value = res.records - tableData.value.map(item => { - item.children = [] - }) - total.value = res.total - }).catch(() => { - tableLoading.value = false - }) -} -const findNodeById = (nodes, productId) => { - for (let i = 0; i < nodes.length; i++) { - if (nodes[i].value === productId) { - return nodes[i].label; // 鎵惧埌鑺傜偣锛岃繑鍥炶鑺傜偣 - } - if (nodes[i].children && nodes[i].children.length > 0) { - const foundNode = findNodeById(nodes[i].children, productId); - if (foundNode) { - return foundNode.label; // 鍦ㄥ瓙鑺傜偣涓壘鍒帮紝杩斿洖璇ヨ妭鐐� - } - } - } - return null; // 娌℃湁鎵惧埌鑺傜偣锛岃繑鍥瀗ull + getList(); }; +const getList = () => { + tableLoading.value = true; + getStockOutPage({ ...searchForm.value, ...page }) + .then((res) => { + tableLoading.value = false; + tableData.value = res.data.records; + tableData.value.map((item) => { + item.children = []; + }); + total.value = res.total; + }) + .catch(() => { + tableLoading.value = false; + }); +}; +// const findNodeById = (nodes, productId) => { +// for (let i = 0; i < nodes.length; i++) { +// if (nodes[i].value === productId) { +// return nodes[i].label; // 鎵惧埌鑺傜偣锛岃繑鍥炶鑺傜偣 +// } +// if (nodes[i].children && nodes[i].children.length > 0) { +// const foundNode = findNodeById(nodes[i].children, productId); +// if (foundNode) { +// return foundNode.label; // 鍦ㄥ瓙鑺傜偣涓壘鍒帮紝杩斿洖璇ヨ妭鐐� +// } +// } +// } +// return null; // 娌℃湁鎵惧埌鑺傜偣锛岃繑鍥瀗ull +// }; // 琛ㄦ牸閫夋嫨鏁版嵁 const handleSelectionChange = (selection) => { - // 杩囨护鎺夊瓙鏁版嵁 - selectedRows.value = selection.filter(item => item.children !== undefined); - console.log('selection', selectedRows.value) -} -const expandedRowKeys = ref([]) + selectedRows.value = selection.filter((item) => item.id); + console.log("selection", selectedRows.value); +}; +const expandedRowKeys = ref([]); // 涓昏〃鍚堣鏂规硶 const summarizeMainTable = (param) => { - return proxy.summarizeTable(param, ['contractAmount', 'taxInclusiveTotalPrice', 'taxExclusiveTotalPrice']); + return proxy.summarizeTable(param, [ + "contractAmount", + "taxInclusiveTotalPrice", + "taxExclusiveTotalPrice", + ]); }; - -// 鎵撳紑寮规 -const openForm = async (type, row) => { - operationType.value = type - form.value = {} - productData.value = [] - let userLists = await userListNoPage() - userList.value = userLists.data - customerList().then(res => { - customerOption.value = res - }) - console.log('userStore.id', userStore.id) - form.value.entryPerson = userStore.id - if (type === 'edit') { - currentId.value = row.id; - getSalesLedgerWithProducts({ id: row.id, type: 1 }).then(res => { - form.value = { ...res } - form.value.entryPerson = Number(res.entryPerson) - productData.value = form.value.productData - fileList.value = form.value.salesLedgerFiles - }) - } - // let userAll = await userStore.getInfo() - // userList.value.forEach(element => { - // if(userAll.user.nickName === element.nickName && userAll.user.userName === element.userName) { - // form.value.entryPerson = userAll.user.userId // 璁剧疆榛樿涓氬姟鍛樹负褰撳墠鐢ㄦ埛 - // } - // }); - form.value.entryDate = getCurrentDate() // 璁剧疆榛樿褰曞叆鏃ユ湡涓哄綋鍓嶆棩鏈� - dialogFormVisible.value = true -} - -// 鎻愪氦琛ㄥ崟 -const submitForm = () => { - proxy.$refs["formRef"].validate(valid => { - if (valid) { - if (productData.value.length > 0) { - form.value.productData = proxy.HaveJson(productData.value) - } else { - proxy.$modal.msgWarning('璇锋坊鍔犱骇鍝佷俊鎭�') - return - } - let tempFileIds = [] - if (fileList.value.length > 0) { - tempFileIds = fileList.value.map(item => item.tempId) - } - form.value.tempFileIds = tempFileIds - form.value.type = 1 - addOrUpdateSalesLedger(form.value).then(res => { - proxy.$modal.msgSuccess("鎻愪氦鎴愬姛") - closeDia() - getList() - }) - } - }) -} -// 鍏抽棴寮规 -const closeDia = () => { - proxy.resetForm("formRef") - dialogFormVisible.value = false -} // 瀵煎嚭 const handleOut = () => { - ElMessageBox.confirm( - '閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�', - '瀵煎嚭', { - confirmButtonText: '纭', - cancelButtonText: '鍙栨秷', - type: 'warning', - } - ).then(() => { - proxy.download("/sales/ledger/export", {}, '鍑哄簱鍙拌处.xlsx') - }).catch(() => { - proxy.$modal.msg("宸插彇娑�") + ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", { + confirmButtonText: "纭", + cancelButtonText: "鍙栨秷", + type: "warning", }) -} + .then(() => { + proxy.download("/stockmanagement/export", {}, "鍑哄簱鍙拌处.xlsx"); + }) + .catch(() => { + proxy.$modal.msg("宸插彇娑�"); + }); +}; // 鍒犻櫎 const handleDelete = () => { - let ids = [] + let ids = []; if (selectedRows.value.length > 0) { - ids = selectedRows.value.map(item => item.id); + ids = selectedRows.value.map((item) => item.id); } else { - proxy.$modal.msgWarning('璇烽�夋嫨鏁版嵁') - return + proxy.$modal.msgWarning("璇烽�夋嫨鏁版嵁"); + return; } - ElMessageBox.confirm( - '閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�', - '瀵煎嚭', { - confirmButtonText: '纭', - cancelButtonText: '鍙栨秷', - type: 'warning', - } - ).then(() => { - delLedger(ids).then(res => { - proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛") - getList() - }) - }).catch(() => { - proxy.$modal.msg("宸插彇娑�") + ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "瀵煎嚭", { + confirmButtonText: "纭", + cancelButtonText: "鍙栨秷", + type: "warning", }) -} + .then(() => { + delStockOut(ids).then((res) => { + proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + getList(); + }); + }) + .catch(() => { + proxy.$modal.msg("宸插彇娑�"); + }); +}; // 鑾峰彇褰撳墠鏃ユ湡骞舵牸寮忓寲涓� YYYY-MM-DD function getCurrentDate() { const today = new Date(); const year = today.getFullYear(); - const month = String(today.getMonth() + 1).padStart(2, '0'); // 鏈堜唤浠�0寮�濮� - const day = String(today.getDate()).padStart(2, '0'); + const month = String(today.getMonth() + 1).padStart(2, "0"); // 鏈堜唤浠�0寮�濮� + const day = String(today.getDate()).padStart(2, "0"); return `${year}-${month}-${day}`; } onMounted(() => { - getList() -}) + getList(); +}); </script> <style scoped lang="scss"></style> -- Gitblit v1.9.3