From 5cb3ba4deb86221f5e5fecfd6758da25afa91891 Mon Sep 17 00:00:00 2001
From: ZhangYong <zyqinghu@163.com>
Date: Wed, 4 Feb 2026 14:38:56 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AD=9B=E9=80=89=E9=97=AE=E9=A2=98=E4=BB=A5?=
 =?UTF-8?q?=E5=8F=8Akey=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/consume/gold/addCoinConsume.vue   | 31 ++++++++++++++++++++---------
 src/views/recharge/gold/addCoinRecharge.vue |  4 ++--
 2 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/src/views/consume/gold/addCoinConsume.vue b/src/views/consume/gold/addCoinConsume.vue
index 2652d3e..d4b20e5 100644
--- a/src/views/consume/gold/addCoinConsume.vue
+++ b/src/views/consume/gold/addCoinConsume.vue
@@ -105,6 +105,7 @@ const rules = reactive({
 });
 // 查询商品的表单
 const goods = ref([])
+const allGoods = ref([])
 
 // 输入验证函数
 function validateInput() {
@@ -323,7 +324,7 @@ const add = async function () {
 function handleResponse(result) {
   console.log("响应结果", result)
   if (result.code === 200) {
-    WriteCookies.value = `coinConsume:${addConsume.value.jwcode}:${addConsume.value.goodsName}`
+    WriteCookies.value = `coinConsume-${addConsume.value.jwcode}-${addConsume.value.goodsName}`
     //value 为消耗时间
     WriteCookiesVale.value = JSON.stringify({
     payTime: dayjs().format("YYYY-MM-DD HH:mm:ss"), 
@@ -480,7 +481,7 @@ const addBefore = () => {
     if (!validateInput() || !validateRedLimit()) {
       return;
     }
-    ReadCookies.value = `coinConsume:${addConsume.value.jwcode}:${addConsume.value.goodsName}`
+    ReadCookies.value = `coinConsume-${addConsume.value.jwcode}-${addConsume.value.goodsName}`
     console.log('ReadCookies',ReadCookies.value);
     // 获取cookie
     const cookieValue = Cookies.get(ReadCookies.value);
@@ -605,12 +606,13 @@ const getGoods = async function () {
     });
     // 将响应结果存储到响应式数据中
     console.log("请求成功", result);
-    goods.value = result.data.map(item => ({
+    allGoods.value = result.data.map(item => ({
       id: item.id,
       label: item.name,
       value: item.name,
       price: item.price
     }));
+    goods.value = allGoods.value;
   } catch (error) {
     console.log("请求失败", error);
     // 在这里可以处理错误逻辑，比如显示错误提示等
@@ -640,13 +642,25 @@ watch(
 );
 
 // 监听商品选择，自动展示原价
-const handleGoodsChange = (newGoods) => {
-  if (newGoods && typeof newGoods === 'object') {
-    addConsume.value.price = Number(newGoods.price || 0) || null;
+const handleGoodsChange = (val) => {
+  const selectedItem = goods.value.find(item => item.value === val);
+  if (selectedItem) {
+    addConsume.value.price = Number(selectedItem.price || 0) || null;
   } else {
     addConsume.value.price = null;
   }
 }
+
+// 自定义搜索方法
+const handleFilter = (query) => {
+  if (query) {
+    goods.value = allGoods.value.filter(item => {
+      return item.label.toLowerCase().includes(query.toLowerCase())
+    })
+  } else {
+    goods.value = allGoods.value
+  }
+}
 // 监听商品选择，自动展示原价
 // watch(
 //   () => addConsume.value.goodsName,
@@ -786,9 +800,8 @@ onMounted(async function () {
 
         <el-form-item prop="goodsName" :label="t('common_add.goodsName')">
           <el-select v-model="addConsume.goodsName" :placeholder="t('common_add.goodsNamePlaceholder')"
-            style="width: 200px" clearable filterable >
-            <el-option v-for="(item, index) in goods" :key="index" :label="item.label" :value="item.value" @click="handleGoodsChange(item)" />
-
+            style="width: 200px" clearable filterable :filter-method="handleFilter" @change="handleGoodsChange">
+            <el-option v-for="(item, index) in goods" :key="item.id" :label="item.label" :value="item.value" />
           </el-select>
         </el-form-item>
         <el-form-item prop="price" :label="t('common_add.price')">
diff --git a/src/views/recharge/gold/addCoinRecharge.vue b/src/views/recharge/gold/addCoinRecharge.vue
index 4a1274a..79fc505 100644
--- a/src/views/recharge/gold/addCoinRecharge.vue
+++ b/src/views/recharge/gold/addCoinRecharge.vue
@@ -118,7 +118,7 @@ const add = async function () {
     addDisabled.value = false
     if(result.code == 200){
        // 拼接 jwcode:permanentGold:freeGold
-    WriteCookies.value = `coinRecharge:${recharge.value.jwcode}:${recharge.value.permanentGold}:${recharge.value.freeGold}`
+    WriteCookies.value = `coinRecharge-${recharge.value.jwcode}-${recharge.value.permanentGold}-${recharge.value.freeGold}`
     //value 为充值时间
     WriteCookiesVale.value = JSON.stringify({
     payTime: recharge.value.payTime, 
@@ -275,7 +275,7 @@ const addBefore = () => {
 
     // 检查cookie
     // 拼接 jwcode:permanentGold:freeGold
-    ReadCookies.value = `coinRecharge:${recharge.value.jwcode}:${recharge.value.permanentGold}:${recharge.value.freeGold}`
+    ReadCookies.value = `coinRecharge-${recharge.value.jwcode}-${recharge.value.permanentGold}-${recharge.value.freeGold}`
 
     console.log('ReadCookies',ReadCookies.value);