更新销售台账页面，客户名称选择改为下拉框，新增交货日期自动设置逻辑

yyb

2 天以前 5f913781b2f677f8e9567a2193b9273525e7d609

 src/views/salesManagement/salesLedger/index.vue

@@ -3,8 +3,23 @@
    <div class="search_form">
      <el-form :model="searchForm" :inline="true">
        <el-form-item label="客户名称：">
          <el-input v-model="searchForm.customerName" placeholder="请输入" clearable prefix-icon="Search"
            @change="handleQuery" />
          <el-select
            v-model="searchForm.customerId"
            filterable
            placeholder="请选择客户名称"
            clearable
            style="width: 220px"
            @change="handleQuery"
          >
            <el-option
              v-for="item in customerOption"
              :key="item.id"
              :label="item.customerName"
              :value="item.id"
            >
              {{ item.customerName + "——" + item.taxpayerIdentificationNumber }}
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="销售合同号：">
          <el-input v-model="searchForm.salesContractNo" placeholder="请输入" clearable prefix-icon="Search"
@@ -177,7 +192,6 @@
        <el-table-column label="客户名称" prop="customerName" width="300" show-overflow-tooltip />
        <el-table-column label="业务员" prop="salesman" width="100" show-overflow-tooltip />
        <el-table-column label="项目名称" prop="projectName" width="180" show-overflow-tooltip />
        <el-table-column label="付款方式" prop="paymentMethod" show-overflow-tooltip />
        <el-table-column label="合同金额(元)" prop="contractAmount" width="220" show-overflow-tooltip
          :formatter="formattedNumber" />
        <el-table-column label="发货状态" width="140" align="center">
@@ -235,7 +249,7 @@
        <el-row :gutter="30">
          <el-col :span="12">
            <el-form-item label="客户名称：" prop="customerId">
              <el-select v-model="form.customerId" placeholder="请选择" clearable :disabled="operationType === 'view'">
              <el-select v-model="form.customerId" filterable placeholder="请选择" clearable :disabled="operationType === 'view'">
                <el-option v-for="item in customerOption" :key="item.id" :label="item.customerName" :value="item.id">
                  {{
                    item.customerName + "——" + item.taxpayerIdentificationNumber
@@ -258,8 +272,9 @@
                  </el-form-item>
               </el-col>
               <el-col :span="12">
                  <el-form-item label="付款方式">
                     <el-input v-model="form.paymentMethod" placeholder="请输入" clearable :disabled="operationType === 'view'" />
            <el-form-item label="交货日期：" prop="deliveryDate">
              <el-date-picker style="width: 100%" v-model="form.deliveryDate" value-format="YYYY-MM-DD" format="YYYY-MM-DD"
                              type="date" placeholder="请选择" clearable />
                  </el-form-item>
               </el-col>
            </el-row>
@@ -277,14 +292,6 @@
               <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 />
                  </el-form-item>
               </el-col>
            </el-row>
        <el-row :gutter="30">
          <el-col :span="12">
            <el-form-item label="交货日期：" prop="entryDate">
              <el-date-picker style="width: 100%" v-model="form.deliveryDate" value-format="YYYY-MM-DD" format="YYYY-MM-DD"
                              type="date" placeholder="请选择" clearable />
            </el-form-item>
          </el-col>
@@ -929,7 +936,7 @@
<script setup>
import { getToken } from "@/utils/auth";
import pagination from "@/components/PIMTable/Pagination.vue";
import {onMounted, ref, getCurrentInstance} from "vue";
import {onMounted, ref, getCurrentInstance, watch} from "vue";
import { addShippingInfo } from "@/api/salesManagement/deliveryLedger.js";
import { ElMessageBox, ElMessage } from "element-plus";
import { ArrowDown } from "@element-plus/icons-vue";
@@ -1001,6 +1008,7 @@
const data = reactive({
   searchForm: {
      customerName: "", // 客户名称
      customerId: "", // 客户ID（查询下拉）
      salesContractNo: "", // 销售合同编号
      entryDate: null, // 录入日期
      entryDateStart: undefined,
@@ -1029,6 +1037,17 @@
});
const { form, rules } = toRefs(data);
const { form: searchForm } = useFormData(data.searchForm);

// 新增台账：录入日期变更时，交货日期默认保持为录入日期后第 7 天
watch(
   () => [operationType.value, form.value?.entryDate],
   () => {
      if (operationType.value !== "add") return;
      const ed = form.value?.entryDate;
      if (!ed) return;
      form.value.deliveryDate = dayjs(ed).add(7, "day").format("YYYY-MM-DD");
   }
);
// 产品表单弹框数据
const productFormVisible = ref(false);
const productOperationType = ref("");
@@ -1380,6 +1399,21 @@
   const params = { ...rest, ...page };
   // 移除录入日期的默认值设置，只保留范围日期字段
   delete params.entryDate;
   // 查询客户名称与新增保持一致：先选 customerId，再映射为 customerName 查询
   const selectedCustomer = (customerOption.value || []).find(
      (item) => String(item?.id ?? "") === String(params.customerId ?? "")
   );
   if (selectedCustomer?.customerName) {
      params.customerName = String(selectedCustomer.customerName).trim();
   } else {
      const cn = params.customerName != null ? String(params.customerName).trim() : "";
      if (cn) {
         params.customerName = cn;
      } else {
         delete params.customerName;
      }
   }
   delete params.customerId;
   return ledgerListPage(params)
      .then((res) => {
         tableLoading.value = false;
@@ -1639,6 +1673,9 @@
   //   }
   // });
   form.value.entryDate = getCurrentDate(); // 设置默认录入日期为当前日期
   if (type === "add") {
      form.value.deliveryDate = dayjs(form.value.entryDate).add(7, "day").format("YYYY-MM-DD");
   }
   dialogFormVisible.value = true;
};

@@ -1805,7 +1842,9 @@
         }
         form.value.tempFileIds = tempFileIds;
         form.value.type = 1;
         addOrUpdateSalesLedger(form.value).then((res) => {
         const submitPayload = { ...form.value };
         delete submitPayload.paymentMethod;
         addOrUpdateSalesLedger(submitPayload).then((res) => {
            proxy.$modal.msgSuccess("提交成功");
            closeDia();
            getList();
@@ -2785,6 +2824,9 @@
};
onMounted(() => {
   getList();
   customerList().then((res) => {
      customerOption.value = res;
   });
   userListNoPage().then(res => {
      userList.value = res.data;
   })