From cb8dacad927cd15b723570ac6b840b3f8721bedd Mon Sep 17 00:00:00 2001
From: HashMap <xiaojingye0817@gmail.com>
Date: Wed, 4 Mar 2026 19:38:57 +0800
Subject: [PATCH] =?UTF-8?q?perf(views/frozen-sale):=20=E4=B8=8B=E6=8B=89?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E5=BD=95=E5=85=A5=20&=20=E8=87=AA=E5=8A=A8?=
 =?UTF-8?q?=E5=A1=AB=E5=85=85=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

+ 支持下拉列表录入客户并根据选中信息自动填充其他关联信息
---
 src/views/frozen/sale/index.vue | 38 +++++++++++++++++++++++++++++----
 1 file changed, 34 insertions(+), 4 deletions(-)

diff --git a/src/views/frozen/sale/index.vue b/src/views/frozen/sale/index.vue
index d34b089..c0e0b7d 100644
--- a/src/views/frozen/sale/index.vue
+++ b/src/views/frozen/sale/index.vue
@@ -99,7 +99,11 @@
 
           <el-col :span="12">
             <el-form-item label="客户名称" prop="custName">
-              <el-input v-model="form.custName" placeholder="请输入客户名称" />
+              <!-- <el-input v-model="form.custName" placeholder="请输入客户名称" /> -->
+              <el-select v-model="form.custName" placeholder="请选择客户" filterable clearable style="width: 100%"
+                @change="handleCustomerChange">
+                <el-option v-for="item in userDict" :key="item.id" :label="item.name" :value="item.id" />
+              </el-select>
             </el-form-item>
           </el-col>
 
@@ -239,14 +243,14 @@
 
 <script setup name="Sale">
   import { listSale, getSale, delSale, addSale, updateSale } from "@/api/frozen/sale"
-  import { reactive } from "vue"
+  import { onMounted, reactive } from "vue"
   import { ref } from "vue"
   import { getSaleCodeDict } from "../../../api/frozen/sale"
-  import { computed } from "vue"
+  import { listCustomer } from "../../../api/sale/customer/customer"
+  import { computed } from 'vue'
 
   const { proxy } = getCurrentInstance()
   const { frozen_sale_item_type } = proxy.useDict('frozen_sale_item_type')
-
   const saleList = ref([])
   const ddSaleItemList = ref([])
   const open = ref(false)
@@ -316,6 +320,26 @@
     })
   }
 
+  // =============== 用户字典数据 =================
+  const userDict = ref([])
+
+  const userMap = computed(() => {
+    return new Map(userDict.value.map(u => [u.id, u]))
+  })
+
+  const handleCustomerChange = (val) => {
+    const user = userMap.value.get(val)
+
+    if (user) {
+      form.value.custPhone = user.phone || ''
+      form.value.custAddr = (user.province + user.city + user.district + user.address) || ''
+    } else {
+      form.value.custPhone = ''
+      form.value.custAddr = ''
+    }
+  }
+
+  // =============== End =================
   // 取消按钮
   function cancel() {
     open.value = false
@@ -465,4 +489,10 @@
     }, `sale_${new Date().getTime()}.xlsx`)
   }
   getList()
+  onMounted(() => {
+    // 加载客户列表
+    listCustomer({ pageNum: 1, pageSize: 1000 }).then(r => {
+      userDict.value = r.rows
+    })
+  })
 </script>