fix(管理员): 修复页面标题，标签减少两个

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 MobileHeader from '../components/MobileHeader.vue'
-import { onMounted, ref, computed } from "vue";
+import { onMounted, ref, computed } from 'vue'
-import { getAdminCenterList, giveProps } from "@/api/itemDistribution";
+import { getAdminCenterList, giveProps } from '@/api/itemDistribution'
-import { searchUser } from "@/api/userInfo";
+import { searchUser } from '@/api/userInfo'
-import { showError, showWarning, showInfo, showSuccess } from "@/utils/toast.js";
+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,
+  //   id: 3,
-    name: "Chat Box",
+  //   name: 'Chat Box',
-  },
+  // },
-  {
+  // {
-    id: 4,
+  //   id: 4,
-    name: "Theme",
+  //   name: 'Theme',
-  },
+  // },
-]);
+])
 
-const activeIndex = ref(0);
+const activeIndex = ref(0)
-const currentTab = ref("Frames"); //选中名字
+const currentTab = ref('Frames') //选中名字
-const tabItems = ref([]); // 存储标签DOM引用
+const tabItems = ref([]) // 存储标签DOM引用
 
 // 选择标签
 const setActiveTab = (index) => {
   if (activeIndex.value != index) {
-    console.log("切换标签");
+    console.log('切换标签')
-    productList.value = []; //置空商品列表
+    productList.value = [] //置空商品列表
-    activeIndex.value = index;
+    activeIndex.value = index
-    currentTab.value = tabList.value[index].name;
+    currentTab.value = tabList.value[index].name
 
-    loadProps();
+    loadProps()
   }
-};
+}
 
 // 计算下划线样式
 const underlineStyle = computed(() => {
-  console.log("计算属性");
+  console.log('计算属性')
 
-  if (tabItems.value.length === 0) return {}; //没有这个元素
+  if (tabItems.value.length === 0) return {} //没有这个元素
-  const activeTab = tabItems.value[activeIndex.value];
+  const activeTab = tabItems.value[activeIndex.value]
-  console.log("选中元素的左边距", activeTab.offsetLeft);
+  console.log('选中元素的左边距', activeTab.offsetLeft)
 
   return {
-    position: "absolute",
+    position: 'absolute',
     left: `${activeTab.offsetLeft + activeTab.offsetWidth / 2 - 15 / 2}px`,
-    bottom: "0",
+    bottom: '0',
-    transition: "left 0.3s ease", // 平滑过渡
+    transition: 'left 0.3s ease', // 平滑过渡
-  };
+  }
-});
+})
 
-const targetUserId = ref("");
+const targetUserId = ref('')
 
 const sendGoods = async () => {
-  console.log("赠送用户id：", targetUserId.value);
+  console.log('赠送用户id：', targetUserId.value)
-  console.log("赠送商品：", selectedGoods.value);
+  console.log('赠送商品：', selectedGoods.value)
 
   try {
-    const targetUserInfo = await searchUser(targetUserId.value);
+    const targetUserInfo = await searchUser(targetUserId.value)
-    console.log("targetUserInfo:", targetUserInfo);
+    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();
+        closedPopup()
-        showSuccess("Gift delivery successful");
+        showSuccess('Gift delivery successful')
       }
     }
   } catch (error) {
-    console.log("error:", error);
+    console.log('error:', error)
     // 信息提示id有误
-    showWarning("User info not found");
+    showWarning('User info not found')
-    throw error;
+    throw error
   }
-};
+}
 
 // 选中的标签
 const getPropsType = () => {
   const typeMap = {
-    Frames: "AVATAR_FRAME",
+    Frames: 'AVATAR_FRAME',
-    Vehicles: "RIDE",
+    Vehicles: 'RIDE',
-    "Chat Box": "CHAT_BUBBLE",
+    'Chat Box': 'CHAT_BUBBLE',
-    Theme: "THEME",
+    Theme: 'THEME',
-  };
+  }
-  return typeMap[currentTab.value];
+  return typeMap[currentTab.value]
-};
+}
 
 // 获取商品列表
 const loadProps = async () => {
   try {
     const params = {
       propsType: getPropsType(),
-      currencyType: "GOLD",
+      currencyType: 'GOLD',
-    };
+    }
-    const response = await getAdminCenterList(params);
+    const response = await getAdminCenterList(params)
-    console.log("response:", response);
+    console.log('response:', response)
-    productList.value = response.body;
+    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);
+  console.log('product:', product)
-  selectedGoods.value = product;
+  selectedGoods.value = product
-  dialogshow.value = true;
+  dialogshow.value = true
-};
+}
 
 // 关闭弹窗
 const closedPopup = () => {
-  selectedGoods.value = {};
+  selectedGoods.value = {}
-  targetUserId.value = "";
+  targetUserId.value = ''
-  dialogshow.value = false;
+  dialogshow.value = false
-};
+}
 </script>
 
 <style scoped>