From 1ee5c29b94992df86de6fa381184efeb4ebc326d Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Tue, 9 Sep 2025 19:12:07 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E7=AE=A1=E7=90=86=E5=91=98):=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E9=A1=B5=E9=9D=A2=E6=A0=87=E9=A2=98=EF=BC=8C=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E5=87=8F=E5=B0=91=E4=B8=A4=E4=B8=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ItemDistribution.vue | 158 ++++++++++++++++-----------------
 1 file changed, 79 insertions(+), 79 deletions(-)

diff --git a/src/views/ItemDistribution.vue b/src/views/ItemDistribution.vue
index d507d7e..f0ad431 100644
--- a/src/views/ItemDistribution.vue
+++ b/src/views/ItemDistribution.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="fullPage">
-    <MobileHeader title="Admin Center" />
+    <MobileHeader title="Item Distribution" />
     <!-- 标签 -->
     <div
       style="
@@ -148,151 +148,151 @@
 </template>
 
 <script setup>
-import MobileHeader from "../components/MobileHeader.vue";
-import { onMounted, ref, computed } from "vue";
-import { getAdminCenterList, giveProps } from "@/api/itemDistribution";
-import { searchUser } from "@/api/userInfo";
-import { showError, showWarning, showInfo, showSuccess } from "@/utils/toast.js";
+import MobileHeader from '../components/MobileHeader.vue'
+import { onMounted, ref, computed } from 'vue'
+import { getAdminCenterList, giveProps } from '@/api/itemDistribution'
+import { searchUser } from '@/api/userInfo'
+import { showError, showWarning, showInfo, showSuccess } from '@/utils/toast.js'
 
 const tabList = ref([
   {
     id: 1,
-    name: "Frames",
+    name: 'Frames',
   },
   {
     id: 2,
-    name: "Vehicles",
+    name: 'Vehicles',
   },
-  {
-    id: 3,
-    name: "Chat Box",
-  },
-  {
-    id: 4,
-    name: "Theme",
-  },
-]);
+  // {
+  //   id: 3,
+  //   name: 'Chat Box',
+  // },
+  // {
+  //   id: 4,
+  //   name: 'Theme',
+  // },
+])
 
-const activeIndex = ref(0);
-const currentTab = ref("Frames"); //选中名字
-const tabItems = ref([]); // 存储标签DOM引用
+const activeIndex = ref(0)
+const currentTab = ref('Frames') //选中名字
+const tabItems = ref([]) // 存储标签DOM引用
 
 // 选择标签
 const setActiveTab = (index) => {
   if (activeIndex.value != index) {
-    console.log("切换标签");
-    productList.value = []; //置空商品列表
-    activeIndex.value = index;
-    currentTab.value = tabList.value[index].name;
+    console.log('切换标签')
+    productList.value = [] //置空商品列表
+    activeIndex.value = index
+    currentTab.value = tabList.value[index].name
 
-    loadProps();
+    loadProps()
   }
-};
+}
 
 // 计算下划线样式
 const underlineStyle = computed(() => {
-  console.log("计算属性");
+  console.log('计算属性')
 
-  if (tabItems.value.length === 0) return {}; //没有这个元素
-  const activeTab = tabItems.value[activeIndex.value];
-  console.log("选中元素的左边距", activeTab.offsetLeft);
+  if (tabItems.value.length === 0) return {} //没有这个元素
+  const activeTab = tabItems.value[activeIndex.value]
+  console.log('选中元素的左边距', activeTab.offsetLeft)
 
   return {
-    position: "absolute",
+    position: 'absolute',
     left: `${activeTab.offsetLeft + activeTab.offsetWidth / 2 - 15 / 2}px`,
-    bottom: "0",
-    transition: "left 0.3s ease", // 平滑过渡
-  };
-});
+    bottom: '0',
+    transition: 'left 0.3s ease', // 平滑过渡
+  }
+})
 
-const targetUserId = ref("");
+const targetUserId = ref('')
 
 const sendGoods = async () => {
-  console.log("赠送用户id：", targetUserId.value);
-  console.log("赠送商品：", selectedGoods.value);
+  console.log('赠送用户id：', targetUserId.value)
+  console.log('赠送商品：', selectedGoods.value)
 
   try {
-    const targetUserInfo = await searchUser(targetUserId.value);
-    console.log("targetUserInfo:", targetUserInfo);
+    const targetUserInfo = await searchUser(targetUserId.value)
+    console.log('targetUserInfo:', targetUserInfo)
     if (targetUserInfo.status && targetUserInfo.body) {
       const data = {
         propsId: selectedGoods.value.id,
         acceptUserId: targetUserInfo.body.id,
-      };
-      const res = await giveProps(data);
+      }
+      const res = await giveProps(data)
       if (res.errorCode == 0 && res.status) {
-        closedPopup();
-        showSuccess("Gift delivery successful");
+        closedPopup()
+        showSuccess('Gift delivery successful')
       }
     }
   } catch (error) {
-    console.log("error:", error);
+    console.log('error:', error)
     // 信息提示id有误
-    showWarning("User info not found");
-    throw error;
+    showWarning('User info not found')
+    throw error
   }
-};
+}
 
 // 选中的标签
 const getPropsType = () => {
   const typeMap = {
-    Frames: "AVATAR_FRAME",
-    Vehicles: "RIDE",
-    "Chat Box": "CHAT_BUBBLE",
-    Theme: "THEME",
-  };
-  return typeMap[currentTab.value];
-};
+    Frames: 'AVATAR_FRAME',
+    Vehicles: 'RIDE',
+    'Chat Box': 'CHAT_BUBBLE',
+    Theme: 'THEME',
+  }
+  return typeMap[currentTab.value]
+}
 
 // 获取商品列表
 const loadProps = async () => {
   try {
     const params = {
       propsType: getPropsType(),
-      currencyType: "GOLD",
-    };
-    const response = await getAdminCenterList(params);
-    console.log("response:", response);
-    productList.value = response.body;
+      currencyType: 'GOLD',
+    }
+    const response = await getAdminCenterList(params)
+    console.log('response:', response)
+    productList.value = response.body
   } catch (error) {
-    throw error;
+    throw error
   }
-};
+}
 
 onMounted(() => {
-  console.log("onMounted");
+  console.log('onMounted')
 
   if (tabItems.value.length > 0) {
-    underlineStyle.value; // 触发计算属性更新
+    underlineStyle.value // 触发计算属性更新
   }
-  loadProps();
-});
+  loadProps()
+})
 
 // 虚拟商品数据
-const productList = ref([]);
+const productList = ref([])
 
 // 选中商品
-const selectedGoods = ref({});
+const selectedGoods = ref({})
 
 // 获取本地图片
 const getImageUrl = (imgUrl) => {
-  return new URL(imgUrl, import.meta.url).href;
-};
+  return new URL(imgUrl, import.meta.url).href
+}
 
-const dialogshow = ref(false);
+const dialogshow = ref(false)
 // 展示弹窗
 const showSendDialog = (product) => {
-  console.log("product:", product);
-  selectedGoods.value = product;
-  dialogshow.value = true;
-};
+  console.log('product:', product)
+  selectedGoods.value = product
+  dialogshow.value = true
+}
 
 // 关闭弹窗
 const closedPopup = () => {
-  selectedGoods.value = {};
-  targetUserId.value = "";
-  dialogshow.value = false;
-};
+  selectedGoods.value = {}
+  targetUserId.value = ''
+  dialogshow.value = false
+}
 </script>
 
 <style scoped>