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 () {
-
-
+ style="width: 200px" clearable filterable :filter-method="handleFilter" @change="handleGoodsChange">
+
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);