From 4b1304917b0b16b09dd50191fab59d96933c0cf3 Mon Sep 17 00:00:00 2001 From: 曹睿 <360930172@qq.com> Date: 星期二, 17 六月 2025 17:31:11 +0800 Subject: [PATCH] feat: 6月15日任务完90% --- src/views/procurementManagement/procurementLedger/index.vue | 1038 ++++++++++++++++++++++++++++++++++++--------------------- 1 files changed, 658 insertions(+), 380 deletions(-) diff --git a/src/views/procurementManagement/procurementLedger/index.vue b/src/views/procurementManagement/procurementLedger/index.vue index 86e9e86..d360763 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,61 +22,156 @@ </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" :formatter="formattedNumber" /> - <el-table-column label="鍚◣鎬讳环(鍏�)" prop="taxInclusiveTotalPrice" :formatter="formattedNumber" /> - <el-table-column label="涓嶅惈绋庢�讳环(鍏�)" prop="taxExclusiveTotalPrice" :formatter="formattedNumber" /> + <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="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"> + <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 @change="salesLedgerChange"> - <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> @@ -82,67 +179,137 @@ <el-row :gutter="30"> <el-col :span="12"> <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 + 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 disabled> - <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 - disabled - 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" show-summary :summary-method="summarizeProTable"> + <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" 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"> + <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, scope.$index);">缂栬緫</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> @@ -150,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> @@ -179,19 +347,31 @@ </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="productId"> <el-tree-select - v-model="productForm.productId" - placeholder="璇烽�夋嫨" clearable - check-strictly - @change="getModels" - :data="productOptions" - :render-after-expand="false" - style="width: 100%" + v-model="productForm.productId" + placeholder="璇烽�夋嫨" + clearable + check-strictly + @change="getModels" + :data="productOptions" + :render-after-expand="false" + style="width: 100%" /> </el-form-item> </el-col> @@ -199,8 +379,18 @@ <el-row :gutter="30"> <el-col :span="24"> <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 + 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> @@ -208,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 @change="mathNum"/> + <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-number v-model="productForm.taxInclusiveUnitPrice" :precision="2" :step="0.1" clearable style="width: 100%" @change="mathNum"/> + <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 @change="mathNum"> - <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> @@ -236,21 +447,35 @@ <el-row :gutter="30"> <el-col :span="12"> <el-form-item label="鍚◣鎬讳环(鍏�)锛�" prop="taxInclusiveTotalPrice"> - <el-input-number v-model="productForm.taxInclusiveTotalPrice" :precision="2" :step="0.1" clearable style="width: 100%" disabled/> + <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" disabled/> + <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> @@ -267,106 +492,120 @@ </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, purchaseListPage, - productList, getPurchaseById, getOptions + productList, + getPurchaseById, + getOptions, } from "@/api/procurementManagement/procurementLedger.js"; -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 { 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: 100, -}) -const total = ref(0) -const fileList = ref([]) -import useUserStore from "@/store/modules/user" -import {modelList, productTreeList} from "@/api/basicData/product.js"; +}); +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 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: '', + purchaseContractNumber: "", + salesLedgerId: "", + projectName: "", + recorderId: "", + entryDate: "", productData: [], - supplierName: '', - supplierId: '', + supplierName: "", + supplierId: "", }, rules: { - purchaseContractNumber: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], + purchaseContractNumber: [ + { required: true, message: "璇疯緭鍏�", trigger: "blur" }, + ], projectName: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], supplierId: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], - } -}) -const { searchForm, form, rules } = toRefs(data) + }, +}); +const { searchForm, form, rules } = toRefs(data); // 浜у搧琛ㄥ崟寮规鏁版嵁 -const productFormVisible = ref(false) -const productOperationType = ref('') -const productOperationIndex = ref('') -const currentId = ref('') +const productFormVisible = ref(false); +const productOperationType = ref(""); +const productOperationIndex = ref(""); +const currentId = ref(""); const productFormData = reactive({ productForm: { - productId: '', - productCategory: '', - productModelId: '', - specificationModel: '', - unit: '', - quantity: '', - taxInclusiveUnitPrice: '', - taxRate: '', - taxInclusiveTotalPrice: '', - taxExclusiveTotalPrice: '', - invoiceType: '', + productId: "", + productCategory: "", + productModelId: "", + specificationModel: "", + unit: "", + quantity: "", + taxInclusiveUnitPrice: "", + taxRate: "", + taxInclusiveTotalPrice: "", + taxExclusiveTotalPrice: "", + invoiceType: "", }, productRules: { 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); @@ -374,200 +613,218 @@ // 鏌ヨ鍒楄〃 /** 鎼滅储鎸夐挳鎿嶄綔 */ const handleQuery = () => { - page.current = 1 - getList() -} + page.current = 1; + getList(); +}; // 瀛愯〃鍚堣鏂规硶 const summarizeChildrenTable = (param) => { - return proxy.summarizeTable(param, ['taxInclusiveUnitPrice', 'taxInclusiveTotalPrice', 'taxExclusiveTotalPrice', 'ticketsNum', 'ticketsAmount', 'futureTickets', 'futureTicketsAmount'], { - ticketsNum: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁� - futureTickets: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁� - }); + return proxy.summarizeTable( + param, + [ + "taxInclusiveUnitPrice", + "taxInclusiveTotalPrice", + "taxExclusiveTotalPrice", + "ticketsNum", + "ticketsAmount", + "futureTickets", + "futureTicketsAmount", + ], + { + ticketsNum: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁� + futureTickets: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁� + } + ); }; const paginationChange = (obj) => { page.current = obj.page; page.size = obj.limit; - getList() -} + getList(); +}; const getList = () => { - tableLoading.value = true - purchaseListPage({...searchForm.value, ...page}).then(res => { - tableLoading.value = false - tableData.value = res.records - tableData.value.map(item => { - item.children = [] + tableLoading.value = true; + purchaseListPage({ ...searchForm.value, ...page }) + .then((res) => { + tableLoading.value = false; + tableData.value = res.records; + tableData.value.map((item) => { + item.children = []; + }); + total.value = res.total; + expandedRowKeys.value = []; }) - total.value = res.total - expandedRowKeys.value = [] - }).catch(() => { - tableLoading.value = false - }) -} + .catch(() => { + tableLoading.value = false; + }); +}; // 琛ㄦ牸閫夋嫨鏁版嵁 const handleSelectionChange = (selection) => { - selectedRows.value = selection -} + selectedRows.value = selection; +}; const productSelected = (selectedRows) => { - productSelectedRows.value = selectedRows -} -const expandedRowKeys = ref([]) + productSelectedRows.value = selectedRows; +}; +const expandedRowKeys = ref([]); // 灞曞紑琛� const expandChange = (row, expandedRows) => { if (expandedRows.length > 0) { - expandedRowKeys.value = [] + expandedRowKeys.value = []; try { - productList({salesLedgerId: row.id, type: 2}).then(res => { - const index = tableData.value.findIndex(item => item.id === row.id); + 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) - }) + expandedRowKeys.value.push(row.id); + }); } catch (error) { - console.log(error) + console.log(error); } } else { - expandedRowKeys.value = [] + expandedRowKeys.value = []; } -} +}; // 涓昏〃鍚堣鏂规硶 const summarizeMainTable = (param) => { - return proxy.summarizeTable(param, ['contractAmount']); + return proxy.summarizeTable(param, ["contractAmount"]); }; // 瀛愯〃鍚堣鏂规硶 const summarizeProTable = (param) => { - return proxy.summarizeTable(param, ['taxInclusiveUnitPrice', 'taxInclusiveTotalPrice', 'taxExclusiveTotalPrice']); + 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 - }) - getOptions().then(res => { - supplierList.value = res.data - }) - form.value.recorderId = userStore.id + operationType.value = type; + form.value = {}; + productData.value = []; + fileList.value = []; + 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') { + 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 + 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 = [] + fileList.value = []; } - }) + }); } - dialogFormVisible.value = true -} + dialogFormVisible.value = true; +}; // 涓婁紶鍓嶆牎妫� function handleBeforeUpload(file) { // 鏍℃鏂囦欢澶у皬 if (file.size > 1024 * 1024 * 10) { - proxy.$modal.msgError('涓婁紶鏂囦欢澶у皬涓嶈兘瓒呰繃10MB!') - return false + 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.id) - if (operationType.value === 'edit') { - let ids = [] - ids.push(file.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, index) => { - productOperationType.value = type - productOperationIndex.value = index - productForm.value = {} - proxy.resetForm("productFormRef") - if (type === 'edit') { - productForm.value = {...row} + productOperationType.value = type; + productOperationIndex.value = index; + productForm.value = {}; + proxy.resetForm("productFormRef"); + if (type === "edit") { + productForm.value = { ...row }; } - productFormVisible.value = true - getProductOptions() -} + 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); + 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 + productForm.value.unit = null; } -} +}; const findNodeById = (nodes, productId) => { for (let i = 0; i < nodes.length; i++) { if (nodes[i].value === productId) { @@ -583,11 +840,11 @@ return null; // 娌℃湁鎵惧埌鑺傜偣锛岃繑鍥瀗ull }; function convertIdToValue(data) { - return data.map(item => { + return data.map((item) => { const { id, children, ...rest } = item; const newItem = { ...rest, - value: id // 灏� id 鏀逛负 value + value: id, // 灏� id 鏀逛负 value }; if (children && children.length > 0) { newItem.children = convertIdToValue(children); @@ -598,152 +855,173 @@ } // 鎻愪氦浜у搧琛ㄥ崟 const submitProduct = () => { - proxy.$refs["productFormRef"].validate(valid => { + proxy.$refs["productFormRef"].validate((valid) => { if (valid) { if (operationType.value === "edit") { - submitProductEdit() + submitProductEdit(); } else { - if (productOperationType.value === 'add') { - productData.value.push({...productForm.value}) - console.log('productData.value---', productData.value) + if (productOperationType.value === "add") { + productData.value.push({ ...productForm.value }); + console.log("productData.value---", productData.value); } else { - productData.value[productOperationIndex.value] = {...productForm.value} + productData.value[productOperationIndex.value] = { + ...productForm.value, + }; } - closeProductDia() + closeProductDia(); } } - }) -} + }); +}; const submitProductEdit = () => { - 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 - }) - }) -} + 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'); + const month = String(today.getMonth() + 1).padStart(2, "0"); // 鏈堜唤浠�0寮�濮� + const day = String(today.getDate()).padStart(2, "0"); return `${year}-${month}-${day}`; } const mathNum = () => { - console.log('productForm.value',productForm.value) - if(!productForm.value.taxInclusiveUnitPrice){ - return + console.log("productForm.value", productForm.value); + if (!productForm.value.taxInclusiveUnitPrice) { + return; } - if(!productForm.value.quantity){ - return + if (!productForm.value.quantity) { + return; } // 鍚◣鎬讳环璁$畻 - productForm.value.taxInclusiveTotalPrice = proxy.calculateTaxIncludeTotalPrice(productForm.value.taxInclusiveUnitPrice, productForm.value.quantity) - if(productForm.value.taxRate){ + 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) + productForm.value.taxExclusiveTotalPrice = + proxy.calculateTaxExclusiveTotalPrice( + productForm.value.taxInclusiveTotalPrice, + productForm.value.taxRate + ); } -} +}; // 閿�鍞悎鍚岄�夋嫨鏀瑰彉鏂规硶 -const salesLedgerChange = (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 +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(); } -} -getList() +}; + +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> +<style scoped lang="scss"></style> -- Gitblit v1.9.3