From a9c3543f4b4fa5a092a8dea688aedc2b2adbd576 Mon Sep 17 00:00:00 2001 From: 曹睿 <360930172@qq.com> Date: 星期二, 24 六月 2025 17:34:50 +0800 Subject: [PATCH] feat: 【来票台账】显示附件 --- src/views/procurementManagement/procurementLedger/index.vue | 1151 +++++++++++++++++++++++++++++++++++++------------------- 1 files changed, 759 insertions(+), 392 deletions(-) diff --git a/src/views/procurementManagement/procurementLedger/index.vue b/src/views/procurementManagement/procurementLedger/index.vue index f54c869..5ac4a96 100644 --- a/src/views/procurementManagement/procurementLedger/index.vue +++ b/src/views/procurementManagement/procurementLedger/index.vue @@ -4,14 +4,16 @@ <div> <span class="search_title">閲囪喘鍚堝悓鍙凤細</span> <el-input - v-model="searchForm.purchaseContractNumber" - style="width: 240px" - placeholder="璇疯緭鍏�" - @change="handleQuery" - clearable - prefix-icon="Search" + v-model="searchForm.purchaseContractNumber" + style="width: 240px" + placeholder="璇疯緭鍏�" + @change="handleQuery" + clearable + :prefix-icon="Search" /> - <el-button type="primary" @click="handleQuery" style="margin-left: 10px">鎼滅储</el-button> + <el-button type="primary" @click="handleQuery" style="margin-left: 10px" + >鎼滅储</el-button + > </div> <div> <el-button type="primary" @click="openForm('add')">鏂板鍙拌处</el-button> @@ -20,127 +22,294 @@ </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 - :summary-method="summarizeMainTable" - @expand-change="expandChange" - 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 + :summary-method="summarizeMainTable" + @expand-change="expandChange" + height="calc(100vh - 18.5em)" + > <el-table-column align="center" type="selection" width="55" /> <el-table-column type="expand"> <template #default="props"> - <el-table :data="props.row.children" border - show-summary - :summary-method="summarizeChildrenTable"> - <el-table-column align="center" label="搴忓彿" type="index" width="60" /> + <el-table + :data="props.row.children" + border + show-summary + :summary-method="summarizeChildrenTable" + > + <el-table-column + align="center" + label="搴忓彿" + type="index" + width="60" + /> <el-table-column label="浜у搧澶х被" prop="productCategory" /> <el-table-column label="瑙勬牸鍨嬪彿" prop="specificationModel" /> <el-table-column label="鍗曚綅" prop="unit" /> <el-table-column label="鏁伴噺" prop="quantity" /> <el-table-column label="绋庣巼(%)" prop="taxRate" /> - <el-table-column label="鍚◣鍗曚环(鍏�)" prop="taxInclusiveUnitPrice" /> - <el-table-column label="鍚◣鎬讳环(鍏�)" prop="taxInclusiveTotalPrice" /> - <el-table-column label="涓嶅惈绋庢�讳环(鍏�)" prop="taxExclusiveTotalPrice" /> + <el-table-column + label="鍚◣鍗曚环(鍏�)" + prop="taxInclusiveUnitPrice" + :formatter="formattedNumber" + /> + <el-table-column + label="鍚◣鎬讳环(鍏�)" + prop="taxInclusiveTotalPrice" + :formatter="formattedNumber" + /> + <el-table-column + label="涓嶅惈绋庢�讳环(鍏�)" + prop="taxExclusiveTotalPrice" + :formatter="formattedNumber" + /> </el-table> </template> </el-table-column> <el-table-column align="center" label="搴忓彿" type="index" width="60" /> - <el-table-column label="閲囪喘鍚堝悓鍙�" prop="purchaseContractNumber" show-overflow-tooltip/> - <el-table-column label="閿�鍞悎鍚屽彿" prop="salesContractNo" show-overflow-tooltip/> - <el-table-column label="渚涘簲鍟嗗悕绉�" prop="supplierName" show-overflow-tooltip/> - <el-table-column label="涓氬姟鍛�" prop="salesman" show-overflow-tooltip/> - <el-table-column label="椤圭洰鍚嶇О" prop="projectName" show-overflow-tooltip/> - <el-table-column label="鍚堝悓閲戦(鍏�)" prop="contractAmount" show-overflow-tooltip/> - <el-table-column label="褰曞叆浜�" prop="recorderName" show-overflow-tooltip/> - <el-table-column label="褰曞叆鏃ユ湡" prop="entryDate" show-overflow-tooltip/> - <el-table-column fixed="right" label="鎿嶄綔" min-width="60" align="center"> + <el-table-column + label="閲囪喘鍚堝悓鍙�" + prop="purchaseContractNumber" + show-overflow-tooltip + /> + <el-table-column + label="閿�鍞悎鍚屽彿" + prop="salesContractNo" + show-overflow-tooltip + /> + <el-table-column + label="渚涘簲鍟嗗悕绉�" + prop="supplierName" + show-overflow-tooltip + /> + <el-table-column + label="椤圭洰鍚嶇О" + prop="projectName" + show-overflow-tooltip + /> + <el-table-column + label="鍚堝悓閲戦(鍏�)" + prop="contractAmount" + show-overflow-tooltip + :formatter="formattedNumber" + /> + <el-table-column + label="褰曞叆浜�" + prop="recorderName" + show-overflow-tooltip + /> + <el-table-column + label="褰曞叆鏃ユ湡" + prop="entryDate" + 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> - <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-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="purchaseContractNumber"> - <el-input v-model="form.purchaseContractNumber" placeholder="璇疯緭鍏�" clearable/> + <el-input + v-model="form.purchaseContractNumber" + placeholder="璇疯緭鍏�" + clearable + /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="閿�鍞悎鍚屽彿锛�" prop="salesLedgerId"> - <el-select v-model="form.salesLedgerId" placeholder="璇烽�夋嫨" clearable> - <el-option v-for="item in salesContractList" :key="item.id" :label="item.salesContractNo" :value="item.id"/> + <el-select + v-model="form.salesLedgerId" + placeholder="璇烽�夋嫨" + clearable + @change="salesLedgerChange" + > + <el-option + v-for="item in salesContractList" + :key="item.id" + :label="item.salesContractNo" + :value="item.id" + /> </el-select> </el-form-item> </el-col> </el-row> <el-row :gutter="30"> <el-col :span="12"> - <el-form-item label="渚涘簲鍟嗗悕绉帮細" prop="supplierName"> - <el-input v-model="form.supplierName" placeholder="璇疯緭鍏�" clearable/> + <el-form-item label="渚涘簲鍟嗗悕绉帮細" prop="supplierId"> + <el-select + v-model="form.supplierId" + placeholder="璇烽�夋嫨" + clearable + > + <el-option + v-for="item in supplierList" + :key="item.id" + :label="item.supplierName" + :value="item.id" + /> + </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="椤圭洰鍚嶇О锛�" prop="projectName"> - <el-input v-model="form.projectName" placeholder="璇疯緭鍏�" clearable/> + <el-input + v-model="form.projectName" + placeholder="璇疯緭鍏�" + clearable + /> </el-form-item> </el-col> </el-row> <el-row :gutter="30"> <el-col :span="12"> <el-form-item label="褰曞叆浜猴細" prop="recorderId"> - <el-select v-model="form.recorderId" placeholder="璇烽�夋嫨" clearable> - <el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId"/> + <el-select + v-model="form.recorderId" + placeholder="璇烽�夋嫨" + clearable + disabled + > + <el-option + v-for="item in userList" + :key="item.userId" + :label="item.nickName" + :value="item.userId" + /> </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="褰曞叆鏃ユ湡锛�" prop="entryDate"> <el-date-picker - style="width: 100%" - v-model="form.entryDate" - value-format="YYYY-MM-DD" - format="YYYY-MM-DD" - type="date" - placeholder="璇烽�夋嫨" - clearable + disabled + 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-row> <el-row> <el-form-item label="浜у搧淇℃伅锛�" prop="entryDate"> - <el-button type="primary" @click="openProductForm('add')">娣诲姞</el-button> - <el-button plain type="danger" @click="deleteProduct">鍒犻櫎</el-button> + <el-button type="primary" @click="openProductForm('add')" + >娣诲姞</el-button + > + <el-button plain type="danger" @click="deleteProduct" + >鍒犻櫎</el-button + > </el-form-item> </el-row> - <el-table :data="productData" border @selection-change="productSelected"> + <el-table + :data="productData" + border + @selection-change="productSelected" + show-summary + :summary-method="summarizeProTable" + > <el-table-column align="center" type="selection" width="55" /> - <el-table-column align="center" label="搴忓彿" type="index" width="60" /> + <el-table-column + align="center" + label="搴忓彿" + type="index" + width="60" + /> <el-table-column label="浜у搧澶х被" prop="productCategory" /> <el-table-column label="瑙勬牸鍨嬪彿" prop="specificationModel" /> - <el-table-column label="鍗曚綅" prop="unit" /> - <el-table-column label="鏁伴噺" prop="quantity" /> - <el-table-column label="绋庣巼(%)" prop="taxRate" /> - <el-table-column label="鍚◣鍗曚环(鍏�)" prop="taxInclusiveUnitPrice" /> - <el-table-column label="鍚◣鎬讳环(鍏�)" prop="taxInclusiveTotalPrice" /> - <el-table-column label="涓嶅惈绋庢�讳环(鍏�)" prop="taxExclusiveTotalPrice" /> - <el-table-column fixed="right" label="鎿嶄綔" min-width="60" align="center"> + <el-table-column label="鍗曚綅" prop="unit" width="70" /> + <el-table-column label="鏁伴噺" prop="quantity" width="70" /> + <el-table-column label="绋庣巼(%)" prop="taxRate" width="70" /> + <el-table-column + label="鍚◣鍗曚环(鍏�)" + prop="taxInclusiveUnitPrice" + :formatter="formattedNumber" + width="150" + /> + <el-table-column + label="鍚◣鎬讳环(鍏�)" + prop="taxInclusiveTotalPrice" + :formatter="formattedNumber" + width="150" + /> + <el-table-column + label="涓嶅惈绋庢�讳环(鍏�)" + prop="taxExclusiveTotalPrice" + :formatter="formattedNumber" + width="150" + /> + <el-table-column + fixed="right" + label="鎿嶄綔" + min-width="60" + align="center" + > <template #default="scope"> - <el-button link type="primary" size="small" @click="openProductForm('edit', scope.row);">缂栬緫</el-button> + <el-button + link + type="primary" + size="small" + @click="openProductForm('edit', scope.row, scope.$index)" + >缂栬緫</el-button + > </template> </el-table-column> </el-table> <el-row :gutter="30"> <el-col :span="24"> <el-form-item label="澶囨敞路锛�" prop="remark"> - <el-input v-model="form.remark" placeholder="璇疯緭鍏�" clearable type="textarea" :rows="2"/> + <el-input + v-model="form.remark" + placeholder="璇疯緭鍏�" + clearable + type="textarea" + :rows="2" + /> </el-form-item> </el-col> </el-row> @@ -148,21 +317,22 @@ <el-col :span="24"> <el-form-item label="闄勪欢鏉愭枡锛�" prop="remark"> <el-upload - v-model:file-list="fileList" - :action="upload.url" - multiple - ref="fileUpload" - auto-upload - :headers="upload.headers" - :before-upload="handleBeforeUpload" - :on-error="handleUploadError" - :on-success="handleUploadSuccess" - :on-remove="handleRemove" + v-model:file-list="fileList" + :action="upload.url" + multiple + ref="fileUpload" + auto-upload + :headers="upload.headers" + :before-upload="handleBeforeUpload" + :on-error="handleUploadError" + :on-success="handleUploadSuccess" + :on-remove="handleRemove" > <el-button type="primary">涓婁紶</el-button> <template #tip> <div class="el-upload__tip"> - 鏂囦欢鏍煎紡鏀寔 doc锛宒ocx锛寈ls锛寈lsx锛宲pt锛宲ptx锛宲df锛宼xt锛寈ml锛宩pg锛宩peg锛宲ng锛実if锛宐mp锛宺ar锛寊ip锛�7z + 鏂囦欢鏍煎紡鏀寔 + doc锛宒ocx锛寈ls锛寈lsx锛宲pt锛宲ptx锛宲df锛宼xt锛寈ml锛宩pg锛宩peg锛宲ng锛実if锛宐mp锛宺ar锛寊ip锛�7z </div> </template> </el-upload> @@ -177,22 +347,50 @@ </div> </template> </el-dialog> - <el-dialog v-model="productFormVisible" :title="productOperationType === 'add' ? '鏂板浜у搧' : '缂栬緫浜у搧'" width="40%" @close="closeProductDia"> - <el-form :model="productForm" label-width="140px" label-position="top" :rules="productRules" ref="productFormRef"> + <el-dialog + v-model="productFormVisible" + :title="productOperationType === 'add' ? '鏂板浜у搧' : '缂栬緫浜у搧'" + width="40%" + @close="closeProductDia" + > + <el-form + :model="productForm" + label-width="140px" + label-position="top" + :rules="productRules" + ref="productFormRef" + > <el-row :gutter="30"> <el-col :span="24"> - <el-form-item label="浜у搧澶х被锛�" prop="productCategory"> - <el-select v-model="productForm.productCategory" placeholder="璇烽�夋嫨" clearable> - <el-option v-for="item in userList" :key="item.nickName" :label="item.nickName" :value="item.nickName"/> - </el-select> + <el-form-item label="浜у搧澶х被锛�" prop="productId"> + <el-tree-select + v-model="productForm.productId" + placeholder="璇烽�夋嫨" + clearable + check-strictly + @change="getModels" + :data="productOptions" + :render-after-expand="false" + style="width: 100%" + /> </el-form-item> </el-col> </el-row> <el-row :gutter="30"> <el-col :span="24"> - <el-form-item label="瑙勬牸鍨嬪彿锛�" prop="specificationModel"> - <el-select v-model="productForm.specificationModel" placeholder="璇烽�夋嫨" clearable> - <el-option v-for="item in userList" :key="item.nickName" :label="item.nickName" :value="item.nickName"/> + <el-form-item label="瑙勬牸鍨嬪彿锛�" prop="productModelId"> + <el-select + v-model="productForm.productModelId" + placeholder="璇烽�夋嫨" + clearable + @change="getProductModel" + > + <el-option + v-for="item in modelOptions" + :key="item.id" + :label="item.model" + :value="item.id" + /> </el-select> </el-form-item> </el-col> @@ -200,27 +398,48 @@ <el-row :gutter="30"> <el-col :span="12"> <el-form-item label="鍗曚綅锛�" prop="unit"> - <el-input v-model="productForm.unit" placeholder="璇疯緭鍏�" clearable/> + <el-input + v-model="productForm.unit" + placeholder="璇疯緭鍏�" + clearable + /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="鏁伴噺锛�" prop="quantity"> - <el-input v-model="productForm.quantity" placeholder="璇疯緭鍏�" clearable/> + <el-input + v-model="productForm.quantity" + placeholder="璇疯緭鍏�" + clearable + @change="mathNum" + /> </el-form-item> </el-col> </el-row> <el-row :gutter="30"> <el-col :span="12"> <el-form-item label="鍚◣鍗曚环(鍏�)锛�" prop="taxInclusiveUnitPrice"> - <el-input v-model="productForm.taxInclusiveUnitPrice" placeholder="璇疯緭鍏�" clearable/> + <el-input-number + v-model="productForm.taxInclusiveUnitPrice" + :precision="2" + :step="0.1" + clearable + style="width: 100%" + @change="mathNum" + /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="绋庣巼(%)锛�" prop="taxRate"> - <el-select v-model="productForm.taxRate" placeholder="璇烽�夋嫨" clearable> - <el-option label="1" value="1"/> - <el-option label="6" value="6"/> - <el-option label="13" value="13"/> + <el-select + v-model="productForm.taxRate" + placeholder="璇烽�夋嫨" + clearable + @change="mathNum" + > + <el-option label="1" value="1" /> + <el-option label="6" value="6" /> + <el-option label="13" value="13" /> </el-select> </el-form-item> </el-col> @@ -228,21 +447,35 @@ <el-row :gutter="30"> <el-col :span="12"> <el-form-item label="鍚◣鎬讳环(鍏�)锛�" prop="taxInclusiveTotalPrice"> - <el-input v-model="productForm.taxInclusiveTotalPrice" placeholder="璇疯緭鍏�" clearable/> + <el-input-number + v-model="productForm.taxInclusiveTotalPrice" + :precision="2" + :step="0.1" + clearable + style="width: 100%" + disabled + /> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="涓嶅惈绋庢�讳环(鍏�)锛�" prop="taxExclusiveTotalPrice"> - <el-input v-model="productForm.taxExclusiveTotalPrice" placeholder="璇疯緭鍏�" clearable/> + <el-form-item + label="涓嶅惈绋庢�讳环(鍏�)锛�" + prop="taxExclusiveTotalPrice" + > + <el-input v-model="productForm.taxExclusiveTotalPrice" disabled /> </el-form-item> </el-col> </el-row> <el-row :gutter="30"> <el-col :span="12"> <el-form-item label="鍙戠エ绫诲瀷锛�" prop="invoiceType"> - <el-select v-model="productForm.invoiceType" placeholder="璇烽�夋嫨" clearable> - <el-option label="澧炴櫘绁�" value="澧炴櫘绁�"/> - <el-option label="澧炰笓绁�" value="澧炰笓绁�"/> + <el-select + v-model="productForm.invoiceType" + placeholder="璇烽�夋嫨" + clearable + > + <el-option label="澧炴櫘绁�" value="澧炴櫘绁�" /> + <el-option label="澧炰笓绁�" value="澧炰笓绁�" /> </el-select> </el-form-item> </el-col> @@ -259,408 +492,542 @@ </template> <script setup> -import { getToken } from "@/utils/auth" -import pagination from '@/components/PIMTable/Pagination.vue' -import { ref } from 'vue' -import {Search} from "@element-plus/icons-vue"; -import {ElMessageBox } from "element-plus"; -import {userListNoPage} from "@/api/system/user.js"; +import { getToken } from "@/utils/auth"; +import pagination from "@/components/PIMTable/Pagination.vue"; +import { ref, onMounted } from "vue"; +import { Search } from "@element-plus/icons-vue"; +import { ElMessageBox } from "element-plus"; +import { userListNoPage } from "@/api/system/user.js"; import { - getSalesLedgerWithProducts, addOrUpdateSalesLedgerProduct, delProduct, delLedgerFile + getSalesLedgerWithProducts, + addOrUpdateSalesLedgerProduct, + delProduct, + delLedgerFile, + getProductInfoByContractNo, } from "@/api/salesManagement/salesLedger.js"; import { addOrEditPurchase, delPurchase, getSalesNo, - purchaseList, - productList, getPurchaseById + purchaseListPage, + productList, + getPurchaseById, + getOptions, + createPurchaseNo, } from "@/api/procurementManagement/procurementLedger.js"; -const { proxy } = getCurrentInstance() -const tableData = ref([]) -const productData = ref([]) -const selectedRows = ref([]) -const productSelectedRows = ref([]) -const userList = ref([]) -const salesContractList = ref([]) -const tableLoading = ref(false) +const { proxy } = getCurrentInstance(); +const tableData = ref([]); +const productData = ref([]); +const selectedRows = ref([]); +const productSelectedRows = ref([]); +const modelOptions = ref([]); +const userList = ref([]); +const productOptions = ref([]); +const salesContractList = ref([]); +const supplierList = ref([]); +const tableLoading = ref(false); const page = reactive({ current: 1, - size: 10, -}) -const total = ref(0) -const fileList = ref([]) + size: 100, +}); +const total = ref(0); +const fileList = ref([]); +import useUserStore from "@/store/modules/user"; +import { modelList, productTreeList } from "@/api/basicData/product.js"; + +const userStore = useUserStore(); // 鐢ㄦ埛淇℃伅琛ㄥ崟寮规鏁版嵁 -const operationType = ref('') -const dialogFormVisible = ref(false) +const operationType = ref(""); +const dialogFormVisible = ref(false); const data = reactive({ searchForm: { - purchaseContractNumber: '', + purchaseContractNumber: "", }, form: { - purchaseContractNumber: '', - salesLedgerId: '', - projectName: '', - recorderId: '', - entryDate: '', - productData: [] + purchaseContractNumber: "", + salesLedgerId: "", + projectName: "", + recorderId: "", + entryDate: "", + productData: [], + supplierName: "", + supplierId: "", }, rules: { - purchaseContractNumber: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], - salesLedgerId: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], + purchaseContractNumber: [ + { required: true, message: "璇疯緭鍏�", trigger: "blur" }, + ], projectName: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], - recorderId: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], - entryDate: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], - } -}) -const { searchForm, form, rules } = toRefs(data) + supplierId: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], + }, +}); +const { searchForm, form, rules } = toRefs(data); // 浜у搧琛ㄥ崟寮规鏁版嵁 -const productFormVisible = ref(false) -const productOperationType = ref('') -const currentId = ref('') +const productFormVisible = ref(false); +const productOperationType = ref(""); +const productOperationIndex = ref(""); +const currentId = ref(""); const productFormData = reactive({ productForm: { - productCategory: '', - specificationModel: '', - unit: '', - quantity: '', - taxInclusiveUnitPrice: '', - taxRate: '', - taxInclusiveTotalPrice: '', - taxExclusiveTotalPrice: '', - invoiceType: '', + productId: "", + productCategory: "", + productModelId: "", + specificationModel: "", + unit: "", + quantity: "", + taxInclusiveUnitPrice: "", + taxRate: "", + taxInclusiveTotalPrice: "", + taxExclusiveTotalPrice: "", + invoiceType: "", }, productRules: { - productCategory: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], - specificationModel: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], + productId: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], + productModelId: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], unit: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], quantity: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], - taxInclusiveUnitPrice: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], + taxInclusiveUnitPrice: [ + { required: true, message: "璇疯緭鍏�", trigger: "blur" }, + ], taxRate: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], - taxInclusiveTotalPrice: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], - taxExclusiveTotalPrice: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], + taxInclusiveTotalPrice: [ + { required: true, message: "璇疯緭鍏�", trigger: "blur" }, + ], + taxExclusiveTotalPrice: [ + { required: true, message: "璇疯緭鍏�", trigger: "blur" }, + ], invoiceType: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], - } -}) -const { productForm, productRules } = toRefs(productFormData) + }, +}); +const { productForm, productRules } = toRefs(productFormData); const upload = reactive({ // 涓婁紶鐨勫湴鍧� url: import.meta.env.VITE_APP_BASE_API + "/file/upload", // 璁剧疆涓婁紶鐨勮姹傚ご閮� headers: { Authorization: "Bearer " + getToken() }, -}) +}); +const formattedNumber = (row, column, cellValue) => { + return parseFloat(cellValue).toFixed(2); +}; // 鏌ヨ鍒楄〃 /** 鎼滅储鎸夐挳鎿嶄綔 */ const handleQuery = () => { - page.current = 1 - getList() -} -const paginationChange = ({ current, limit }) => { - page.current = current; - page.size = limit; - getList() -} -const getList = () => { - tableLoading.value = true - purchaseList({...searchForm.value, ...page}).then(res => { - tableLoading.value = false - tableData.value = res.rows - tableData.value.map(item => { - item.children = [] - }) - total.value = res.total - expandedRowKeys.value = [] - }).catch(() => { - tableLoading.value = false - }) -} -// 琛ㄦ牸閫夋嫨鏁版嵁 -const handleSelectionChange = (selection) => { - selectedRows.value = selection -} -const productSelected = (selectedRows) => { - productSelectedRows.value = selectedRows -} -const expandedRowKeys = ref([]) -// 灞曞紑琛� -const expandChange = (row, expandedRows) => { - if (expandedRows.length > 0) { - expandedRowKeys.value = [] - try { - productList({salesLedgerId: row.id, type: 2}).then(res => { - const index = tableData.value.findIndex(item => item.id === row.id); - if (index > -1) { - tableData.value[index].children = res.rows; - } - expandedRowKeys.value.push(row.id) - }) - } catch (error) { - console.log(error) - } - } else { - expandedRowKeys.value = [] - } -} -// 涓昏〃鍚堣鏂规硶 -const summarizeMainTable = (param) => { - const { columns, data } = param; - const sums = []; - columns.forEach((column, index) => { - if (index === 0) { - sums[index] = '鍚堣'; - return; - } - const prop = column.property; - if (['contractAmount'].includes(prop)) { - const values = data.map(item => Number(item[prop])); - if (!values.every(value => isNaN(value))) { - sums[index] = values.reduce((acc, val) => (!isNaN(val) ? acc + val : acc), 0); - } else { - sums[index] = ''; - } - } else { - sums[index] = ''; - } - }) - return sums; + page.current = 1; + getList(); }; // 瀛愯〃鍚堣鏂规硶 const summarizeChildrenTable = (param) => { - const { columns, data } = param; - const sums = []; - columns.forEach((column, index) => { - if (index === 0) { - sums[index] = '鍚堣'; - return; + return proxy.summarizeTable( + param, + [ + "taxInclusiveUnitPrice", + "taxInclusiveTotalPrice", + "taxExclusiveTotalPrice", + "ticketsNum", + "ticketsAmount", + "futureTickets", + "futureTicketsAmount", + ], + { + ticketsNum: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁� + futureTickets: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁� } - const prop = column.property; - if (['taxInclusiveUnitPrice', 'taxInclusiveTotalPrice', 'taxExclusiveTotalPrice'].includes(prop)) { - const values = data.map(item => Number(item[prop])); - if (!values.every(value => isNaN(value))) { - sums[index] = values.reduce((acc, val) => (!isNaN(val) ? acc + val : acc), 0); - } else { - sums[index] = ''; - } - } else { - sums[index] = ''; + ); +}; +const paginationChange = (obj) => { + page.current = obj.page; + page.size = obj.limit; + getList(); +}; +const getList = () => { + tableLoading.value = true; + purchaseListPage({ ...searchForm.value, ...page }) + .then((res) => { + tableLoading.value = false; + tableData.value = res.data.records; + tableData.value.map((item) => { + item.children = []; + }); + total.value = res.data.total; + expandedRowKeys.value = []; + }) + .catch(() => { + tableLoading.value = false; + }); +}; +// 琛ㄦ牸閫夋嫨鏁版嵁 +const handleSelectionChange = (selection) => { + selectedRows.value = selection; +}; +const productSelected = (selectedRows) => { + productSelectedRows.value = selectedRows; +}; +const expandedRowKeys = ref([]); +// 灞曞紑琛� +const expandChange = (row, expandedRows) => { + if (expandedRows.length > 0) { + expandedRowKeys.value = []; + try { + productList({ salesLedgerId: row.id, type: 2 }).then((res) => { + const index = tableData.value.findIndex((item) => item.id === row.id); + if (index > -1) { + tableData.value[index].children = res; + } + expandedRowKeys.value.push(row.id); + }); + } catch (error) { + console.log(error); } - }); - return sums; -} + } else { + expandedRowKeys.value = []; + } +}; +// 涓昏〃鍚堣鏂规硶 +const summarizeMainTable = (param) => { + return proxy.summarizeTable(param, ["contractAmount"]); +}; +// 瀛愯〃鍚堣鏂规硶 +const summarizeProTable = (param) => { + return proxy.summarizeTable(param, [ + "taxInclusiveUnitPrice", + "taxInclusiveTotalPrice", + "taxExclusiveTotalPrice", + ]); +}; // 鎵撳紑寮规 const openForm = (type, row) => { - operationType.value = type - form.value = {} - productData.value = [] - fileList.value = [] - userListNoPage().then(res => { - userList.value = res.data - }) - getSalesNo().then(res => { - salesContractList.value = res - }) - if (type === 'edit') { - currentId.value = row.id; - getPurchaseById({id: row.id, type: 2}).then(res => { - form.value = {...res} - productData.value = form.value.productData - if(form.value.salesLedgerFiles) { - fileList.value = form.value.salesLedgerFiles - } else { - fileList.value = [] - } - }) + operationType.value = type; + form.value = {}; + productData.value = []; + fileList.value = []; + if (operationType.value == "add") { + createPurchaseNo().then((res) => { + form.value.purchaseContractNumber = res.data; + }); } - dialogFormVisible.value = true -} + userListNoPage().then((res) => { + userList.value = res.data; + }); + getSalesNo().then((res) => { + salesContractList.value = res; + }); + getOptions().then((res) => { + supplierList.value = res.data; + }); + form.value.recorderId = userStore.id; + form.value.entryDate = getCurrentDate(); + if (type === "edit") { + currentId.value = row.id; + getPurchaseById({ id: row.id, type: 2 }).then((res) => { + form.value = { ...res }; + productData.value = form.value.productData; + if (form.value.salesLedgerFiles) { + fileList.value = form.value.salesLedgerFiles; + } else { + fileList.value = []; + } + }); + } + dialogFormVisible.value = true; +}; // 涓婁紶鍓嶆牎妫� function handleBeforeUpload(file) { // 鏍℃鏂囦欢澶у皬 - if (file.size > 1024 * 1024) { - proxy.$modal.msgError('涓婁紶鏂囦欢澶у皬涓嶈兘瓒呰繃10MB!') - return false + if (file.size > 1024 * 1024 * 10) { + proxy.$modal.msgError("涓婁紶鏂囦欢澶у皬涓嶈兘瓒呰繃10MB!"); + return false; } - proxy.$modal.loading("姝e湪涓婁紶鏂囦欢锛岃绋嶅��...") - return true + proxy.$modal.loading("姝e湪涓婁紶鏂囦欢锛岃绋嶅��..."); + return true; } // 涓婁紶澶辫触 function handleUploadError(err) { - proxy.$modal.msgError("涓婁紶鏂囦欢澶辫触") - proxy.$modal.closeLoading() + proxy.$modal.msgError("涓婁紶鏂囦欢澶辫触"); + proxy.$modal.closeLoading(); } // 涓婁紶鎴愬姛鍥炶皟 function handleUploadSuccess(res, file, uploadFiles) { - proxy.$modal.closeLoading() + proxy.$modal.closeLoading(); if (res.code === 200) { - file.tempId = res.data.tempId - proxy.$modal.msgSuccess("涓婁紶鎴愬姛") + file.tempId = res.data.tempId; + proxy.$modal.msgSuccess("涓婁紶鎴愬姛"); } else { - proxy.$modal.msgError(res.msg) - proxy.$refs.fileUpload.handleRemove(file) + proxy.$modal.msgError(res.msg); + proxy.$refs.fileUpload.handleRemove(file); } } // 绉婚櫎鏂囦欢 -function handleRemove (file) { - console.log('handleRemove', file) - console.log('operationType.value', operationType.value) - if (operationType.value === 'edit') { - let ids = [] - ids.push(file.value.id) - delLedgerFile(ids).then(res => { - proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛") - }) +function handleRemove(file) { + console.log("handleRemove", file.id); + if (operationType.value === "edit") { + let ids = []; + ids.push(file.id); + delLedgerFile(ids).then((res) => { + proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + }); } } // 鎻愪氦琛ㄥ崟 const submitForm = () => { - proxy.$refs["formRef"].validate(valid => { + proxy.$refs["formRef"].validate((valid) => { if (valid) { if (productData.value.length > 0) { - form.value.productData = proxy.HaveJson(productData.value) + form.value.productData = proxy.HaveJson(productData.value); } else { - proxy.$modal.msgWarning('璇锋坊鍔犱骇鍝佷俊鎭�') - return + proxy.$modal.msgWarning("璇锋坊鍔犱骇鍝佷俊鎭�"); + return; } - let tempFileIds = [] + let tempFileIds = []; if (fileList.value.length > 0) { - tempFileIds = fileList.value.map(item => item.tempId) + tempFileIds = fileList.value.map((item) => item.tempId); } - form.value.tempFileIds = tempFileIds - form.value.type = 2 - addOrEditPurchase(form.value).then(res => { - proxy.$modal.msgSuccess("鎻愪氦鎴愬姛") - closeDia() - getList() - }) + form.value.tempFileIds = tempFileIds; + form.value.type = 2; + addOrEditPurchase(form.value).then((res) => { + proxy.$modal.msgSuccess("鎻愪氦鎴愬姛"); + closeDia(); + getList(); + }); } - }) -} + }); +}; // 鍏抽棴寮规 const closeDia = () => { - proxy.resetForm("formRef") - dialogFormVisible.value = false -} + proxy.resetForm("formRef"); + dialogFormVisible.value = false; +}; // 鎵撳紑浜у搧寮规 -const openProductForm = (type, row) => { - productOperationType.value = type - productForm.value = {} - proxy.resetForm("productFormRef") - if (type === 'edit') { - productForm.value = {...row} +const openProductForm = (type, row, index) => { + productOperationType.value = type; + productOperationIndex.value = index; + productForm.value = {}; + proxy.resetForm("productFormRef"); + if (type === "edit") { + productForm.value = { ...row }; } - productFormVisible.value = true + productFormVisible.value = true; + getProductOptions(); +}; +const getProductOptions = () => { + productTreeList().then((res) => { + productOptions.value = convertIdToValue(res); + }); +}; +const getModels = (value) => { + productForm.value.productCategory = findNodeById(productOptions.value, value); + modelList({ id: value }).then((res) => { + modelOptions.value = res; + }); +}; +const getProductModel = (value) => { + const index = modelOptions.value.findIndex((item) => item.id === value); + if (index !== -1) { + productForm.value.specificationModel = modelOptions.value[index].model; + productForm.value.unit = modelOptions.value[index].unit; + } else { + productForm.value.specificationModel = null; + productForm.value.unit = null; + } +}; +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 +}; +function convertIdToValue(data) { + return data.map((item) => { + const { id, children, ...rest } = item; + const newItem = { + ...rest, + value: id, // 灏� id 鏀逛负 value + }; + if (children && children.length > 0) { + newItem.children = convertIdToValue(children); + } + + return newItem; + }); } // 鎻愪氦浜у搧琛ㄥ崟 const submitProduct = () => { - proxy.$refs["productFormRef"].validate(valid => { + proxy.$refs["productFormRef"].validate((valid) => { if (valid) { if (operationType.value === "edit") { - submitProductEdit() + submitProductEdit(); } else { - productData.value.push({...productForm.value}) - closeProductDia() + if (productOperationType.value === "add") { + productData.value.push({ ...productForm.value }); + console.log("productData.value---", productData.value); + } else { + productData.value[productOperationIndex.value] = { + ...productForm.value, + }; + } + closeProductDia(); } } - }) -} + }); +}; const submitProductEdit = () => { - productForm.value.salesLedgerId = currentId.value - addOrUpdateSalesLedgerProduct(productForm.value).then(res => { - proxy.$modal.msgSuccess("鎻愪氦鎴愬姛") - closeProductDia() - getPurchaseById({id: currentId.value, type: 2}).then(res => { - productData.value = res.productData - }) - }) -} + productForm.value.salesLedgerId = currentId.value; + productForm.value.type = 2; + addOrUpdateSalesLedgerProduct(productForm.value).then((res) => { + proxy.$modal.msgSuccess("鎻愪氦鎴愬姛"); + closeProductDia(); + getPurchaseById({ id: currentId.value, type: 2 }).then((res) => { + productData.value = res.productData; + }); + }); +}; // 鍒犻櫎浜у搧 const deleteProduct = () => { if (productSelectedRows.value.length === 0) { - proxy.$modal.msgWarning('璇烽�夋嫨鏁版嵁') - return + proxy.$modal.msgWarning("璇烽�夋嫨鏁版嵁"); + return; } - if (operationType.value === 'add') { - productSelectedRows.value.forEach(selectedRow => { - const index = productData.value.findIndex(product => product.id === selectedRow.id); + if (operationType.value === "add") { + productSelectedRows.value.forEach((selectedRow) => { + const index = productData.value.findIndex( + (product) => product.id === selectedRow.id + ); if (index !== -1) { productData.value.splice(index, 1); } }); } else { - let ids = [] + let ids = []; if (productSelectedRows.value.length > 0) { - ids = productSelectedRows.value.map(item => item.id); + ids = productSelectedRows.value.map((item) => item.id); } - ElMessageBox.confirm( - '閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�', - '瀵煎嚭', { - confirmButtonText: '纭', - cancelButtonText: '鍙栨秷', - type: 'warning', - } - ).then(() => { - delProduct(ids).then(res => { - proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛") - closeProductDia() - getSalesLedgerWithProducts({id: currentId.value, type: 2}).then(res => { - productData.value = res.productData - }) - }) - }).catch(() => { - proxy.$modal.msg("宸插彇娑�") + ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "瀵煎嚭", { + confirmButtonText: "纭", + cancelButtonText: "鍙栨秷", + type: "warning", }) - + .then(() => { + delProduct(ids).then((res) => { + proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + closeProductDia(); + getSalesLedgerWithProducts({ id: currentId.value, type: 2 }).then( + (res) => { + productData.value = res.productData; + } + ); + }); + }) + .catch(() => { + proxy.$modal.msg("宸插彇娑�"); + }); } -} +}; // 鍏抽棴浜у搧寮规 const closeProductDia = () => { - proxy.resetForm("productFormRef") - productFormVisible.value = false -} + proxy.resetForm("productFormRef"); + productFormVisible.value = false; +}; // 瀵煎嚭 const handleOut = () => { - ElMessageBox.confirm( - '閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�', - '瀵煎嚭', { - confirmButtonText: '纭', - cancelButtonText: '鍙栨秷', - type: 'warning', - } - ).then(() => { - proxy.download("/purchase/ledger/export", {}, '閲囪喘鍙拌处.xlsx') - }).catch(() => { - proxy.$modal.msg("宸插彇娑�") + ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", { + confirmButtonText: "纭", + cancelButtonText: "鍙栨秷", + type: "warning", }) -} + .then(() => { + proxy.download("/purchase/ledger/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(() => { - delPurchase(ids).then(res => { - proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛") - getList() - }) - }).catch(() => { - proxy.$modal.msg("宸插彇娑�") + ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "瀵煎嚭", { + confirmButtonText: "纭", + cancelButtonText: "鍙栨秷", + type: "warning", }) + .then(() => { + delPurchase(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"); + return `${year}-${month}-${day}`; } -getList() +const mathNum = () => { + console.log("productForm.value", productForm.value); + if (!productForm.value.taxInclusiveUnitPrice) { + return; + } + if (!productForm.value.quantity) { + return; + } + // 鍚◣鎬讳环璁$畻 + productForm.value.taxInclusiveTotalPrice = + proxy.calculateTaxIncludeTotalPrice( + productForm.value.taxInclusiveUnitPrice, + productForm.value.quantity + ); + if (productForm.value.taxRate) { + // 涓嶅惈绋庢�讳环璁$畻 + productForm.value.taxExclusiveTotalPrice = + proxy.calculateTaxExclusiveTotalPrice( + productForm.value.taxInclusiveTotalPrice, + productForm.value.taxRate + ); + } +}; +// 閿�鍞悎鍚岄�夋嫨鏀瑰彉鏂规硶 +const salesLedgerChange = async (row) => { + console.log("row", row); + var index = salesContractList.value.findIndex((item) => item.id == row); + console.log("index", index); + if (index > -1) { + form.value.projectName = salesContractList.value[index].projectName; + await querygProductInfoByContractNo(); + } +}; + +const querygProductInfoByContractNo = async () => { + const { code, data } = await getProductInfoByContractNo({ + contractNo: form.value.salesLedgerId, + }); + if (code == 200) { + productData.value = data; + } +}; + +onMounted(() => { + getList(); +}); </script> -<style scoped lang="scss"> - -</style> \ No newline at end of file +<style scoped lang="scss"></style> -- Gitblit v1.9.3