出入库新增合同号搜索功能和表格列

yyb

2 天以前 58b52d53fad36d8125359fa0741dc088032bd55f

 src/views/salesManagement/salesLedger/index.vue

@@ -32,6 +32,20 @@
                    prefix-icon="Search"
                    @change="handleQuery" />
        </el-form-item>
        <el-form-item label="产品宽(mm)：">
          <el-input v-model="searchForm.width"
                    placeholder="请输入"
                    clearable
                    prefix-icon="Search"
                    @change="handleQuery" />
        </el-form-item>
        <el-form-item label="产品高(mm)：">
          <el-input v-model="searchForm.height"
                    placeholder="请输入"
                    clearable
                    prefix-icon="Search"
                    @change="handleQuery" />
        </el-form-item>
        <el-form-item label="录入日期：">
          <el-date-picker v-model="searchForm.entryDate"
                          value-format="YYYY-MM-DD"
@@ -225,9 +239,9 @@
                  <el-tag v-else-if="scope.row.productStockStatus == 2"
                          type="success">已入库</el-tag>
                  <el-tag v-else-if="scope.row.productStockStatus == 0"
                          type="info">未出库</el-tag>
                          type="info">未入库</el-tag>
                  <el-tag v-else
                          type="danger">不足</el-tag>
                          type="danger">未入库</el-tag>
                </template>
              </el-table-column>
              <!-- <el-table-column label="发货状态" width="140" align="center">
@@ -319,6 +333,14 @@
                         width="220"
                         show-overflow-tooltip
                         :formatter="formattedNumber" />
        <el-table-column label="面积"
                         prop="productTotalArea"
                         width="120"
                         show-overflow-tooltip />
        <el-table-column label="数量"
                         prop="productTotalQuantity"
                         width="120"
                         show-overflow-tooltip />
        <el-table-column label="发货状态"
                         width="140"
                         align="center">
@@ -415,6 +437,7 @@
               label-width="140px"
               label-position="top"
               :rules="rules"
               @keydown.capture="handleTabScrollFollow"
               ref="formRef">
        <!-- 报价单导入入口：放在表单顶部，选择后反显客户/业务员等 -->
        <el-row v-if="operationType === 'add'"
@@ -666,12 +689,12 @@
                               v-model="scope.row.settlePieceArea"
                               :min="0"
                               :step="1"
                               :precision="10"
                               :precision="4"
                               style="width: 100%"
                               placeholder="请输入"
                               clearable
                               @change="() => handleInlineSettleAreaChange(scope.row)" />
              <span v-else>{{ scope.row.settlePieceArea ?? "" }}</span>
              <span v-else>{{ scope.row.settlePieceArea ? Number(scope.row.settlePieceArea).toFixed(4) : "" }}</span>
            </template>
          </el-table-column>
          <el-table-column label="数量"
@@ -701,10 +724,10 @@
                               v-model="scope.row.actualTotalArea"
                               :min="0"
                               :step="1"
                               :precision="10"
                               :precision="4"
                               style="width: 100%"
                               placeholder="自动计算" />
              <span v-else>{{ scope.row.actualTotalArea ?? "" }}</span>
              <span v-else>{{ scope.row.actualTotalArea ? Number(scope.row.actualTotalArea).toFixed(4) : "" }}</span>
            </template>
          </el-table-column>
          <el-table-column label="含税单价(元)"
@@ -721,7 +744,7 @@
                               clearable
                               @change="() => handleInlineUnitPriceChange(scope.row)"
                               @input="() => handleInlineUnitPriceChange(scope.row)" />
              <span v-else>{{ formattedNumber(null, null, scope.row.taxInclusiveUnitPrice ?? 0) }}</span>
              <span v-else>{{ formattedNumber(null, null, scope.row.taxInclusiveUnitPrice) }}</span>
            </template>
          </el-table-column>
          <el-table-column label="税率(%)"
@@ -927,6 +950,13 @@
                           :disabled="isProductShipped(scope.row)"
                           @click="editProductInline(scope.row, scope.$index)">
                  编辑
                </el-button>
                <el-button link
                           type="primary"
                           size="small"
                           :disabled="isProductShipped(scope.row) || hasEditingProductRow()"
                           @click="copyProductInline(scope.row, scope.$index)">
                  复制新建
                </el-button>
                <el-popover :width="560"
                            trigger="click"
@@ -1341,8 +1371,8 @@
                          prop="actualPieceArea">
              <el-input-number v-model="productForm.actualPieceArea"
                               :min="0"
                               :step="0.00001"
                               :precision="5"
                               :step="0.0001"
                               :precision="4"
                               style="width: 100%"
                               placeholder="请输入"
                               clearable
@@ -1354,8 +1384,8 @@
                          prop="actualTotalArea">
              <el-input-number v-model="productForm.actualTotalArea"
                               :min="0"
                               :step="0.00001"
                               :precision="5"
                               :step="0.0001"
                               :precision="4"
                               style="width: 100%"
                               placeholder="请输入"
                               clearable />
@@ -1366,8 +1396,8 @@
                          prop="settlePieceArea">
              <el-input-number v-model="productForm.settlePieceArea"
                               :min="0"
                               :step="0.00001"
                               :precision="5"
                               :step="0.0001"
                               :precision="4"
                               style="width: 100%"
                               placeholder="请输入"
                               clearable
@@ -1379,8 +1409,8 @@
                          prop="settleTotalArea">
              <el-input-number v-model="productForm.settleTotalArea"
                               :min="0"
                               :step="0.00001"
                               :precision="5"
                               :step="0.0001"
                               :precision="4"
                               style="width: 100%"
                               placeholder="请输入"
                               clearable />
@@ -1391,8 +1421,8 @@
                          prop="settleTotalArea">
              <el-input-number v-model="productForm.settleTotalArea"
                               :min="0"
                               :step="0.00001"
                               :precision="5"
                               :step="0.0001"
                               :precision="4"
                               style="width: 100%"
                               placeholder="请输入"
                               clearable />
@@ -1901,6 +1931,8 @@
      customerName: "", // 客户名称
      customerId: "", // 客户ID（查询下拉）
      salesContractNo: "", // 销售合同编号
      width: undefined, // 产品宽(mm)
      height: undefined, // 产品高(mm)
      entryDate: null, // 录入日期
      entryDateStart: undefined,
      entryDateEnd: undefined,
@@ -2045,6 +2077,37 @@
    return (productData.value || []).some(r => r && r.__editing);
  };

  const buildEmptyInlineProductRow = () => ({
    id: null,
    __tempKey: `__temp_${Date.now()}_${Math.random().toString(16).slice(2)}`,
    __editing: true,
    __isNew: true,
    __productCategoryId: null,
    productCategory: "",
    productModelId: null,
    specificationModel: "",
    thickness: null,
    quantity: null,
    taxInclusiveUnitPrice: null,
    taxRate: "",
    taxInclusiveTotalPrice: null,
    taxExclusiveTotalPrice: null,
    invoiceType: "",
    width: null,
    height: null,
    perimeter: null,
    actualPieceArea: null,
    actualTotalArea: null,
    settlePieceArea: null,
    settleTotalArea: null,
    processRequirement: "",
    remark: "",
    salesProductProcessList: [],
    processFlowConfigId: null,
    floorCode: "",
    heavyBox: "",
  });

  const addProductInline = async () => {
    if (operationType.value === "view") return;
    if (hasEditingProductRow()) {
@@ -2053,40 +2116,70 @@
    }
    await getProductOptions();
    await fetchOtherAmountSelectOptions(true);
    const row = {
      id: null,
      __tempKey: `__temp_${Date.now()}_${Math.random().toString(16).slice(2)}`,
      __editing: true,
      __isNew: true,
      __productCategoryId: null,
      productCategory: "",
      productModelId: null,
      specificationModel: "",
      thickness: null,
      quantity: 0,
      taxInclusiveUnitPrice: 0,
      taxRate: "",
      taxInclusiveTotalPrice: 0,
      taxExclusiveTotalPrice: 0,
      invoiceType: "",
      width: 0,
      height: 0,
      perimeter: 0,
      actualPieceArea: 0,
      actualTotalArea: 0,
      settlePieceArea: 0,
      settleTotalArea: 0,
      processRequirement: "",
      remark: "",
      salesProductProcessList: [],
      processFlowConfigId: null,
      floorCode: "",
      heavyBox: "",
    };
    const row = buildEmptyInlineProductRow();
    productData.value.push(row);
    editingProductRow.value = row;
    // 让现有的计算/其他金额逻辑复用当前行
    productForm.value = row;
  };

  const copyProductInline = async row => {
    if (operationType.value === "view") return;
    if (!row) return;
    if (isProductShipped(row)) {
      proxy.$modal.msgWarning("已发货或审核通过的产品不能复制");
      return;
    }
    if (hasEditingProductRow()) {
      proxy.$modal.msgWarning("请先保存或取消当前编辑行");
      return;
    }
    await getProductOptions();
    await fetchOtherAmountSelectOptions(true);

    const copied = buildEmptyInlineProductRow();
    copied.__productCategoryId =
      row.__productCategoryId ??
      findNodeIdByLabel(productOptions.value, row.productCategory) ??
      null;
    copied.productCategory = row.productCategory ?? "";
    copied.productModelId = row.productModelId ?? null;
    copied.specificationModel = row.specificationModel ?? "";
    copied.thickness =
      row.thickness !== null && row.thickness !== undefined && row.thickness !== ""
        ? Number(row.thickness)
        : null;

    // 复制新建仅带出产品大类与规格型号，其他数字字段全部留空，避免出现 0.00
    copied.quantity = null;
    copied.taxInclusiveUnitPrice = null;
    copied.taxInclusiveTotalPrice = null;
    copied.taxExclusiveTotalPrice = null;
    copied.width = null;
    copied.height = null;
    copied.perimeter = null;
    copied.actualPieceArea = null;
    copied.actualTotalArea = null;
    copied.settlePieceArea = null;
    copied.settleTotalArea = null;

    // 复制时按“产品大类 + 规格型号名称”反查型号 id，确保下拉能正确回显
    try {
      if (copied.__productCategoryId) {
        const models = await modelList({ id: copied.__productCategoryId });
        modelOptions.value = models || [];
        const matchedModel = (modelOptions.value || []).find(
          m => m.model === copied.specificationModel
        );
        copied.productModelId = matchedModel?.id ?? copied.productModelId ?? null;
      }
    } catch (e) {
      console.error("复制时加载产品规格型号失败", e);
    }

    productData.value.push(copied);
    editingProductRow.value = copied;
    productForm.value = copied;
  };

  const editProductInline = async (row, index) => {
@@ -2798,14 +2891,44 @@
        delete params.customerName;
      }
    }
    const widthValue =
      params.width != null ? String(params.width).trim() : "";
    if (widthValue) {
      params.width = widthValue;
    } else {
      delete params.width;
    }
    const heightValue =
      params.height != null ? String(params.height).trim() : "";
    if (heightValue) {
      params.height = heightValue;
    } else {
      delete params.height;
    }
    const shouldAutoExpandBySize = Boolean(params.width || params.height);
    delete params.customerId;
    return ledgerListPage(params)
      .then(res => {
      .then(async res => {
        tableLoading.value = false;
        tableData.value = res.records;
        tableData.value.map(item => {
          item.children = [];
        });
        if (shouldAutoExpandBySize && tableData.value.length > 0) {
          const loadChildrenTasks = tableData.value.map(item =>
            productList({ salesLedgerId: item.id, type: 1 })
              .then(productRes => {
                item.children = Array.isArray(productRes?.data)
                  ? productRes.data
                  : [];
              })
              .catch(() => {
                item.children = [];
              })
          );
          await Promise.all(loadChildrenTasks);
          expandedRowKeys.value = tableData.value.map(item => item.id);
        }
        total.value = res.total;
        return res;
      })
@@ -2967,7 +3090,63 @@
    });
  };
  const formattedNumber = (row, column, cellValue) => {
    return parseFloat(cellValue).toFixed(2);
    if (cellValue === null || cellValue === undefined || cellValue === "") {
      return "";
    }
    const num = Number(cellValue);
    return Number.isFinite(num) ? num.toFixed(2) : "";
  };

  const scrollElementIntoVisibleArea = target => {
    if (!target || !(target instanceof HTMLElement)) return;
    let parent = target.parentElement;
    while (parent && parent !== document.body) {
      const style = window.getComputedStyle(parent);
      const canScrollX =
        (style.overflowX === "auto" ||
          style.overflowX === "scroll" ||
          style.overflowX === "overlay") &&
        parent.scrollWidth > parent.clientWidth;
      const canScrollY =
        (style.overflowY === "auto" ||
          style.overflowY === "scroll" ||
          style.overflowY === "overlay") &&
        parent.scrollHeight > parent.clientHeight;

      if (canScrollX || canScrollY) {
        const parentRect = parent.getBoundingClientRect();
        const targetRect = target.getBoundingClientRect();
        if (canScrollX) {
          const targetCenterX = targetRect.left + targetRect.width / 2;
          const parentCenterX = parentRect.left + parentRect.width / 2;
          const deltaX = targetCenterX - parentCenterX;
          if (Math.abs(deltaX) > 2) {
            parent.scrollLeft += deltaX;
          }
        }

        if (canScrollY) {
          const targetCenterY = targetRect.top + targetRect.height / 2;
          const parentCenterY = parentRect.top + parentRect.height / 2;
          const deltaY = targetCenterY - parentCenterY;
          if (Math.abs(deltaY) > 2) {
            parent.scrollTop += deltaY;
          }
        }
      }

      parent = parent.parentElement;
    }
  };

  const handleTabScrollFollow = e => {
    if (!e || e.key !== "Tab") return;
    requestAnimationFrame(() => {
      const active = document.activeElement;
      if (active instanceof HTMLElement) {
        scrollElementIntoVisibleArea(active);
      }
    });
  };
  // 获取tree子数据
  const getModels = value => {
@@ -3108,6 +3287,8 @@
  const summarizeMainTable = param => {
    return proxy.summarizeTable(param, [
      "contractAmount",
      "productTotalQuantity",
      "productTotalArea",
      "taxInclusiveTotalPrice",
      "taxExclusiveTotalPrice",
    ]);
@@ -3751,7 +3932,7 @@
      try {
        const res = await getSalesInvoices(selectedIds);
        const salesInvoiceData = res?.data ?? {};
        printSalesDeliveryNote(salesInvoiceData, selectedRow);
        await printSalesDeliveryNote(salesInvoiceData, selectedRow, selectedIds);
      } catch (error) {
        console.error("打印销售发货单失败:", error);
        proxy.$modal.msgError("打印失败，请稍后重试");