From 4d97a259f3069f9b18d87ac3fab710618f2c6087 Mon Sep 17 00:00:00 2001
From: lishenao <3065849776@qq.com>
Date: 星期四, 03 七月 2025 15:19:31 +0800
Subject: [PATCH] 库存管理数据修改

---
 src/views/inventoryManagement/receiptManagement/index.vue |  526 +++++++++++++++++++++++++++------------------------------
 1 files changed, 248 insertions(+), 278 deletions(-)

diff --git a/src/views/inventoryManagement/receiptManagement/index.vue b/src/views/inventoryManagement/receiptManagement/index.vue
index 56c25bf..ad9a9d8 100644
--- a/src/views/inventoryManagement/receiptManagement/index.vue
+++ b/src/views/inventoryManagement/receiptManagement/index.vue
@@ -40,98 +40,54 @@
       <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="productId">
-              <el-select v-model="form.productId" placeholder="璇烽�夋嫨" clearable filterable @change="handleProductChange">
-                <el-option v-for="item in productList" :key="item.id" :label="item.productName"
-                           :value="item.id" />
-              </el-select>
+        <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="productManageId">
-              <el-select v-model="form.productModelId" placeholder="璇峰厛閫夋嫨浜у搧澶х被" clearable filterable :disabled="!form.productId"
-                         @change="handleModelChange">
-                <el-option v-for="item in productModelList" :key="item.id" :label="item.model"
-                           :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="salesContractNo">
-              <el-select v-model="form.supplierId" placeholder="璇烽�夋嫨" clearable>
-                <el-option v-for="item in supplierLists" :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="customerId">
-              <el-input v-model="form.unit" 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.inboundTime" 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="entryPerson">
-              <el-input v-model="form.inboundBatch" placeholder="璇疯緭鍏�" clearable />
-            </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.inboundQuantity" placeholder="璇疯緭鍏�" clearable />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="鍚◣鍗曚环锛�" prop="customerId">
-              <el-input v-model="form.taxInclusiveUnitPrice" placeholder="璇疯緭鍏�" clearable />
-            </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.taxInclusiveTotalPrice" placeholder="璇疯緭鍏�" clearable />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="绋庣巼锛�" prop="customerId">
-              <el-input v-model="form.taxRate" placeholder="璇疯緭鍏�" clearable />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="30">
-          <el-col :span="12">
-            <el-form-item label="涓嶅惈绋庢�讳环锛�" prop="entryDate">
-              <el-input v-model="form.taxExclusiveTotalPrice" placeholder="璇疯緭鍏�" clearable />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="鍏ュ簱浜猴細" prop="entryPerson">
-              <el-select v-model="form.nickName" 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-table
+          :data="productData"
+          border
+          @selection-change="productSelected"
+        >
+          <el-table-column align="center" type="selection" width="55" />
+          <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="100" />
+          <el-table-column label="寰呭叆搴撴暟閲�" prop="quantity0" width="100" />
+          <el-table-column label="鏈鍏ュ簱鏁伴噺" prop="quantityStock" width="120">
+            <template #default="scope">
+              <el-input v-model="scope.row.quantityStock" type="number" :min="0" :max="scope.row.quantity0" />
+            </template>
+          </el-table-column>
+          <el-table-column label="绋庣巼(%)" prop="taxRate" width="120" />
+          <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>
       </el-form>
       <template #footer>
         <div class="dialog-footer">
@@ -160,7 +116,6 @@
 import {modelListPage, productTreeList} from "@/api/basicData/product.js";
 const userStore = useUserStore()
 const { proxy } = getCurrentInstance()
-
 const tableData = ref([])
 const selectedRows = ref([])
 const userList = ref([])
@@ -177,7 +132,6 @@
   size: 100,
 })
 const total = ref(0)
-// const fileList = ref([])
 
 // 鐢ㄦ埛淇℃伅琛ㄥ崟寮规鏁版嵁
 const operationType = ref('')
@@ -228,7 +182,6 @@
     taxRate: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
   }
 })
-
 const { searchForm, form, rules } = toRefs(data)
 
 // 鏌ヨ鍒楄〃
@@ -249,7 +202,8 @@
   getStockInPage({ ...searchForm.value, ...page }).then(res => {
     tableLoading.value = false
     tableData.value = res.data.records
-    ttotal.value = res.data.total
+    total.value = res.data.total
+    console.log('tableData:', tableData.value)
   }).catch(() => {
     tableLoading.value = false
   })
@@ -289,237 +243,253 @@
   } finally {
     loadingProducts.value = false;
   }
+  return null; // 娌℃湁鎵惧埌鑺傜偣锛岃繑鍥瀗ull
 };
+
+// 琛ㄦ牸閫夋嫨鏁版嵁
+// const handleSelectionChange = (selection) => {
 
 // 鍔犺浇瑙勬牸鍨嬪彿鍒楄〃
-const loadProductModels = async (productId) => {
-  if (!productId) {
-    productModelList.value = [];
-    return;
-  }
+  const loadProductModels = async (productId) => {
+    if (!productId) {
+      productModelList.value = [];
+      return;
+    }
 
-  try {
-    const res = await modelListPage({
-      id: productId,
-      current: 1,
-      size: 100
-    });
+    try {
+      const res = await modelListPage({
+        id: productId,
+        current: 1,
+        size: 100
+      });
 
-    productModelList.value = res.data.records.map(item => ({
-      id: item.id,
-      model: item.model,
-      unit: item.unit
-    }));
+      productModelList.value = res.data.records.map(item => ({
+        id: item.id,
+        model: item.model,
+        unit: item.unit
+      }));
 
-  } catch (error) {
-    console.error('鍔犺浇瑙勬牸鍨嬪彿澶辫触:', error);
-    proxy.$modal.msgError('鍔犺浇瑙勬牸鍨嬪彿澶辫触');
-  }
-};
+    } catch (error) {
+      console.error('鍔犺浇瑙勬牸鍨嬪彿澶辫触:', error);
+      proxy.$modal.msgError('鍔犺浇瑙勬牸鍨嬪彿澶辫触');
+    }
+  };
 
 // 浜у搧閫夋嫨鍙樺寲
-const handleProductChange = (productId) => {
-  form.value.productModelId = null
-  form.value.productrecordId = null
-  resetPurchaseFields()
-  if (productId) {
-    loadProductModels(productId)
-  } else {
-    productModelList.value = []
+  const handleProductChange = (productId) => {
+    form.value.productModelId = null
+    form.value.productrecordId = null
+    resetPurchaseFields()
+    if (productId) {
+      loadProductModels(productId)
+    } else {
+      productModelList.value = []
+    }
   }
-}
 
 // 瑙勬牸鍨嬪彿閫夋嫨鍙樺寲
-const handleModelChange = async (modelId) => {
-  if (!form.value.productId || !modelId) return
+  const handleModelChange = async (modelId) => {
+    if (!form.value.productId || !modelId) return
 
-  try {
-    // 鏍规嵁浜у搧ID鍜屽瀷鍙稩D鏌ヨ閲囪喘璁板綍
-    const res = await getPurchaseRecords({
-      productId: form.value.productId,
-      productModelId: form.value.productModelId,
-      type: 2 // 鍋囪2琛ㄧず宸叉壒鍑嗙殑閲囪喘璁板綍
-    })
+    try {
+      // 鏍规嵁浜у搧ID鍜屽瀷鍙稩D鏌ヨ閲囪喘璁板綍
+      const res = await getPurchaseRecords({
+        productId: form.value.productId,
+        productModelId: form.value.productModelId,
+        type: 2 // 鍋囪2琛ㄧず宸叉壒鍑嗙殑閲囪喘璁板綍
+      })
 
-    purchaseRecords.value = res.data.records
+      purchaseRecords.value = res.data.records
 
-    if (purchaseRecords.value.length > 0) {
-      // 榛樿鍙栫涓�鏉￠噰璐褰�
-      const record = purchaseRecords.value[0]
-      fillFormFromPurchaseRecord(record)
+      if (purchaseRecords.value.length > 0) {
+        // 榛樿鍙栫涓�鏉￠噰璐褰�
+        const record = purchaseRecords.value[0]
+        fillFormFromPurchaseRecord(record)
+      }
+    } catch (error) {
+      console.error('鏌ヨ閲囪喘璁板綍澶辫触:', error)
+      proxy.$modal.msgError('鏌ヨ閲囪喘璁板綍澶辫触')
     }
-  } catch (error) {
-    console.error('鏌ヨ閲囪喘璁板綍澶辫触:', error)
-    proxy.$modal.msgError('鏌ヨ閲囪喘璁板綍澶辫触')
   }
-}
 
 // 浠庨噰璐褰曞～鍏呰〃鍗�
-const fillFormFromPurchaseRecord = (record) => {
-  form.value.productrecordId = record.id
-  form.value.taxInclusiveUnitPrice = record.taxInclusiveUnitPrice
-  form.value.taxRate = record.taxRate
-  form.value.taxInclusiveTotalPrice = record.taxInclusiveTotalPrice
-  form.value.taxExclusiveTotalPrice = record.taxExclusiveTotalPrice
-}
+  const fillFormFromPurchaseRecord = (record) => {
+    form.value.productrecordId = record.id
+    form.value.taxInclusiveUnitPrice = record.taxInclusiveUnitPrice
+    form.value.taxRate = record.taxRate
+    form.value.taxInclusiveTotalPrice = record.taxInclusiveTotalPrice
+    form.value.taxExclusiveTotalPrice = record.taxExclusiveTotalPrice
+  }
 
 // 閲嶇疆閲囪喘鐩稿叧瀛楁
-const resetPurchaseFields = () => {
-  form.value.productrecordId = null
-  form.value.unit = ''
-  form.value.taxInclusiveUnitPrice = null
-  form.value.taxRate = null
-  form.value.taxInclusiveTotalPrice = null
-  form.value.taxExclusiveTotalPrice = null
-}
-
-const loadUserList = async () => {
-  try {
-    const res = await userListNoPage()
-    userList.value = res.data
-  } catch (error) {
-    console.error('鍔犺浇鐢ㄦ埛鍒楄〃澶辫触:', error)
+  const resetPurchaseFields = () => {
+    form.value.productrecordId = null
+    form.value.unit = ''
+    form.value.taxInclusiveUnitPrice = null
+    form.value.taxRate = null
+    form.value.taxInclusiveTotalPrice = null
+    form.value.taxExclusiveTotalPrice = null
   }
-}
 
-const loadSupplierList = async () => {
-  try {
-    const res = await listSupplier()
-    supplierLists.value = res.data.records
-  } catch (error) {
-    console.error('鍔犺浇渚涘簲鍟嗗垪琛ㄥけ璐�:', error)
+  const loadUserList = async () => {
+    try {
+      const res = await userListNoPage()
+      userList.value = res.data
+    } catch (error) {
+      console.error('鍔犺浇鐢ㄦ埛鍒楄〃澶辫触:', error)
+    }
   }
-}
+
+  const loadSupplierList = async () => {
+    try {
+      const res = await listSupplier()
+      supplierLists.value = res.data.records
+    } catch (error) {
+      console.error('鍔犺浇渚涘簲鍟嗗垪琛ㄥけ璐�:', error)
+    }
+  }
 
 // 鎵撳紑寮规
-const openForm = async (type, row) => {
-  operationType.value = type
-  dialogFormVisible.value = true
-  // 鍔犺浇蹇呰鏁版嵁
-  await Promise.all([
-    loadUserList(),
-    loadSupplierList(),
-    loadProductList()
-  ])
+  const openForm = async (type, row) => {
+    operationType.value = type
+    dialogFormVisible.value = true
+    // 鍔犺浇蹇呰鏁版嵁
+    await Promise.all([
+      loadUserList(),
+      loadSupplierList(),
+      loadProductList()
+    ])
 
-  if (type === 'add') {
-    // 鏂板鏃堕噸缃〃鍗�
-    form.value = {
-      userId: userStore.userId // 璁剧疆榛樿鍏ュ簱浜轰负褰撳墠鐢ㄦ埛
-    }
-  } else {
-    // 缂栬緫鏃跺～鍏呰〃鍗曟暟鎹�
-    form.value = { ...row ,
-      supplierId: row.supplierId,
-      productId: row.productId,
-      productModelId: row.productModelId,
-      userId: row.userId
-    }
-    if (row.productId) {
-      await loadProductModels(row.productId)
+    if (type === 'add') {
+      // 鏂板鏃堕噸缃〃鍗�
+      form.value = {
+        userId: userStore.userId // 璁剧疆榛樿鍏ュ簱浜轰负褰撳墠鐢ㄦ埛
+      }
+    } else {
+      // 缂栬緫鏃跺～鍏呰〃鍗曟暟鎹�
+      form.value = {
+        ...row,
+        supplierId: row.supplierId,
+        productId: row.productId,
+        productModelId: row.productModelId,
+        userId: row.userId
+      }
+      if (row.productId) {
+        await loadProductModels(row.productId)
+      }
     }
   }
-}
 
 // 鎻愪氦琛ㄥ崟
-const submitForm = async () => {
-  try {
-    await proxy.$refs.formRef.validate()
+  const submitForm = async () => {
+    try {
+      await proxy.$refs.formRef.validate()
 
-    if (!form.value.productrecordId) {
-      proxy.$modal.msgError('璇烽�夋嫨浜у搧澶х被鍜岃鏍煎瀷鍙蜂互鑾峰彇閲囪喘璁板綍')
-      return
-    }
+      if (!form.value.productrecordId) {
+        proxy.$modal.msgError('璇烽�夋嫨浜у搧澶х被鍜岃鏍煎瀷鍙蜂互鑾峰彇閲囪喘璁板綍')
+        return
+      }
 
-    const submitData = {
-      productrecordId: form.value.productrecordId,
-      supplierId: form.value.supplierId,
-      inboundQuantity: form.value.inboundQuantity,
-      userId: form.value.userId,
-    }
+      const submitData = {
+        productrecordId: form.value.productrecordId,
+        supplierId: form.value.supplierId,
+        inboundQuantity: form.value.inboundQuantity,
+        userId: form.value.userId,
+      }
 
-    const apiMethod = operationType.value === 'add' ? addSutockIn : updateStockIn
-    await apiMethod(submitData)
+      const apiMethod = operationType.value === 'add' ? addSutockIn : updateStockIn
+      await apiMethod(submitData)
 
-    proxy.$modal.msgSuccess(operationType.value === 'add' ? '鏂板鎴愬姛' : '淇敼鎴愬姛')
-    closeDia()
-    getList()
-  } catch (error) {
-    console.error('鎻愪氦澶辫触:', error)
-    if (!error.errors) {
-      proxy.$modal.msgError('鎿嶄綔澶辫触锛岃閲嶈瘯')
+      proxy.$modal.msgSuccess(operationType.value === 'add' ? '鏂板鎴愬姛' : '淇敼鎴愬姛')
+      closeDia()
+      getList()
+    } catch (error) {
+      console.error('鎻愪氦澶辫触:', error)
+      if (!error.errors) {
+        proxy.$modal.msgError('鎿嶄綔澶辫触锛岃閲嶈瘯')
+      }
     }
   }
-}
 // 鍏抽棴寮规
-const closeDia = () => {
-  proxy.$refs.formRef.resetFields()
-  dialogFormVisible.value = false
-}
+  const closeDia = () => {
+    proxy.$refs.formRef.resetFields()
+    dialogFormVisible.value = false
+  }
 // 琛ㄦ牸閫夋嫨鏁版嵁
-const handleSelectionChange = (selection) => {
-  // 杩囨护鎺夊瓙鏁版嵁
-  selectedRows.value = selection.filter(item => item.id);
-  console.log('selection', selectedRows.value)
-}
-const expandedRowKeys = ref([])
+  const handleSelectionChange = (selection) => {
+    // 杩囨护鎺夊瓙鏁版嵁
+    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']);
-};
+  const summarizeMainTable = (param) => {
+    return proxy.summarizeTable(param, ['contractAmount', 'taxInclusiveTotalPrice', 'taxExclusiveTotalPrice']);
+  };
 
 // 瀵煎嚭
-const handleOut = () => {
-  ElMessageBox.confirm(
-    '閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�',
-    '瀵煎嚭', {
-    confirmButtonText: '纭',
-    cancelButtonText: '鍙栨秷',
-    type: 'warning',
-  }
-  ).then(() => {
-    proxy.download("/stockin/export", {}, '鍏ュ簱鍙拌处.xlsx')
-  }).catch(() => {
-    proxy.$modal.msg("宸插彇娑�")
-  })
-}
-// 鍒犻櫎
-const handleDelete = () => {
-  let ids = []
-  if (selectedRows.value.length > 0) {
-    ids = selectedRows.value.map(item => item.id);
-  } else {
-    proxy.$modal.msgWarning('璇烽�夋嫨鏁版嵁')
-    return
-  }
-  ElMessageBox.confirm(
-    '閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�',
-    '瀵煎嚭', {
-    confirmButtonText: '纭',
-    cancelButtonText: '鍙栨秷',
-    type: 'warning',
-  }
-  ).then(() => {
-    delStockIn(ids).then(res => {
-      proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛")
-      getList()
+  const handleOut = () => {
+    ElMessageBox.confirm(
+        '閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�',
+        '瀵煎嚭', {
+          confirmButtonText: '纭',
+          cancelButtonText: '鍙栨秷',
+          type: 'warning',
+        }
+    ).then(() => {
+      proxy.download("/stockin/export", {}, '鍏ュ簱鍙拌处.xlsx')
+    }).catch(() => {
+      proxy.$modal.msg("宸插彇娑�")
     })
-  }).catch(() => {
-    proxy.$modal.msg("宸插彇娑�")
+  }
+// 鍒犻櫎
+  const handleDelete = () => {
+    let ids = []
+    if (selectedRows.value.length > 0) {
+      ids = selectedRows.value.map(item => item.id);
+    } else {
+      proxy.$modal.msgWarning('璇烽�夋嫨鏁版嵁')
+      return
+    }
+    ElMessageBox.confirm(
+        '閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�',
+        '瀵煎嚭', {
+          confirmButtonText: '纭',
+          cancelButtonText: '鍙栨秷',
+          type: 'warning',
+        }
+    ).then(() => {
+      delStockIn(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}`;
+  }
+
+  const productSelectedRows = ref([])
+  const productSelected = (selectedRows) => {
+    productSelectedRows.value = selectedRows;
+  };
+
+  const formattedNumber = (row, column, cellValue) => {
+    return parseFloat(cellValue).toFixed(2);
+  };
+  onMounted(() => {
+    getList()
   })
 }
-// 鑾峰彇褰撳墠鏃ユ湡骞舵牸寮忓寲涓� 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}`;
-}
-onMounted(() => {
-  getList()
-})
 </script>
 
 <style scoped lang="scss"></style>

--
Gitblit v1.9.3