From 537da1594291cfe25d77ee3ffe05ee3bef20622e Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Tue, 25 Nov 2025 18:53:06 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E7=AE=A1=E7=90=86=E5=91=98=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83):=20=E9=9D=99=E6=80=81=E9=A1=B5=E9=9D=A2=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icon/addUser.png     | Bin 0 -> 913 bytes
 src/assets/icon/arrowBlack.png  | Bin 0 -> 531 bytes
 src/assets/icon/detail.png      | Bin 0 -> 634 bytes
 src/assets/icon/list.png        | Bin 0 -> 299 bytes
 src/utils/appBridge.js          |  14 +
 src/views/AdminCenter/index.vue | 683 ++++++++++++++++----------------
 6 files changed, 359 insertions(+), 338 deletions(-)
 create mode 100644 src/assets/icon/addUser.png
 create mode 100644 src/assets/icon/arrowBlack.png
 create mode 100644 src/assets/icon/detail.png
 create mode 100644 src/assets/icon/list.png

diff --git a/src/assets/icon/addUser.png b/src/assets/icon/addUser.png
new file mode 100644
index 0000000000000000000000000000000000000000..9e15010cbb27c3d69bd62d0a4372aa94c5b96072
GIT binary patch
literal 913
zcmV;C18)3@P)<h;3K|Lk000e1NJLTq002k;002k`1^@s6RqeA!00009a7bBm001F4
z001F40Y#QEU;qFB0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH113pCK~#7F?VF8p
z+b|4;Uwa)OBVdE36I7j`*`V$O=?2yY&IWZSusea%36f4=ZIE_?RyfNS9}U{11W2O9
z?+%wU{S)b#1OX5RGMS7aZ!jD;jZyRXPi<B6cedQtwyf=`wtpVu=N|AX+$^BlcJPbh
zv+tOJQ1`XHAYPnPTVkTD&`p?ATVY~c5{G9L`<X>;MPqlht!vw31|sp2kZzD~{!767
z7w`-94T(dLZ)}IdwjT328_2VdkT7eU-_!=}*+CXNNeJ??BDCiQ@^ZUHg0SOtZzRO$
zTw@`8ZixhOBji2waAT<_BnB@9DH7H~nw>FDzZGwx2MJ?a=<zI!B_)t_v45dQC5#b_
z(G+NsXbMybV+1{<8ERfT(iBL#Sj|}FP8h3@816Rz0zKSdv6pRL+Xwx09`mx$3KYp1
z`-KGIB_*XAUAAL_oN5pfWe45lQp)Hx1JK?f$R*Yd;=XmBb&}Xg&z>V()Uqm=m6!-p
z?sO^?FB9Ini^dksdoC6DA22a4i4<#-6X!^YZo=@4O1=(#4T4;Xy=FVi@Pw6@%C)2C
z5+f<84&A&!cnu;e9P+tYH!ox|GsDUUxy?};uy1-s!h|$Ob+sg$7YOZ|quN?hC#o9F
zQ5FK-Vgy2JHb;e8NIrIYU7eR?TPMx`*q0x%GyQ>sL#?1kh?C}7<JPJ_pl9d4g#7L9
zp;LeELV@$^D$pYYe^P0F3>-iKWr1Q(HA-P@TiYk(9Ll6QN}B=$&LGJtmq_q*Glm#}
zK01#p9CoWo^Dgjp?10_C>k-4i*Wud`-g{o}LoL6PPE0?ee=LGimHe*2!0`p-FUdT8
z$qiIW5YAO!pno*a*@E)BP$zBO92E+O8f*BSG+)z7c+YRo>s5<zmd#OG6c{j2v}%qT
zH8BEhg|QOjNK(y+5s267qccY6_Di186T8iS#ks>S5Z@d%X}UH?SyDjRNw+Pza_n&L
zd9K1?DY8@7tPv$say?=Zv}xo`r`Huy<Ts^6{~{%G>~n<Bt~tt5pix4&-W+9`H(6lW
nyg<+mB31LIOeT}bWTwx544bv3QpiUs00000NkvXXu0mjfxM7ow

literal 0
HcmV?d00001

diff --git a/src/assets/icon/arrowBlack.png b/src/assets/icon/arrowBlack.png
new file mode 100644
index 0000000000000000000000000000000000000000..1e9c72419bcd4a849d05013642d58cbeb7d3f330
GIT binary patch
literal 531
zcmeAS@N?(olHy`uVBq!ia0vp^9w5xY1|&n@ZgvM!oCO|{#S9FJ79h;%I?XTvD9BhG
z<nF|<?wrg^AcrO0(btiIVPik{pF~!m+zL+@$B+ufw>LNXG8;;;J`i_U)XXR#yktoe
zmz0M)vm`?*Q$z#rCProkUe%CrM=dKCSJv$eAtgUfmIo!>bWi_3>Aw13tD~Ni)qmUH
zmlP0$gOka!m9eE;-@X#vl=N&>>?-N-XoEc7pFU0J)z{67d3$KX97bFBV-n|NdD^FJ
zX5V{2f92kUIe#;_?oZyA;PX!HZproLgc@PHCGry4_jWQXom-M0?mqE7Uu^HL`!fQR
z6dvhRmXvbYS5JF;SbsMgTTj5XfXUBvb~Vh;JvxQ2qs{48N$I`V?h}=>{U6S^Z;LNl
z_~>>+kgdj-*RL4awljt?y)wOf^^DnpD2Ffi%^sY+%FdD;&b`L&!KQZ;C${dsAz=30
zHKm4qX2g!}r5h5@D?g6R|0%tp^I?Hzuk!u7i;Dhk%2GCUf7*6vryGcHd3q!J-ok=K
zKk}?Z&+$xs{MdQ+3Qeu!pEpJr%<)YQ(G%sHz2%UjmCWVz6w89e%L{}KEq=bwXa2fp
zHDa?}j{V4c&eIxyhF`Pt%b9k+%MYg<NIf?F!`1hFt}bxkR6n(;G9)#&ayc*#89ZJ6
KT-G@yGywn@mfmXs

literal 0
HcmV?d00001

diff --git a/src/assets/icon/detail.png b/src/assets/icon/detail.png
new file mode 100644
index 0000000000000000000000000000000000000000..f537fca4aae83aa6b3801db03e27fe4c410cea77
GIT binary patch
literal 634
zcmV-=0)_pFP)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00009a7bBm001F4
z001F40Y#QEU;qFB0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0uM<<K~#7F?V5pY
zgD?<9f2$6V5g4H(c!SajLMKQvL9;>92}n0+Cm@|5*??@2Y|wHsNMIWb#L$}FlfD#W
zD{$C8?oJ0V48wTD9s2Q@>ym4aiL%Ia&h)J)%{0fvh@l&*D#k?Ez;0}z4Lm1+Zd3xf
zy-5edxWFIfp~alFa{ZQRsa$U%jV}n%?8pS<i*yM&&ks0&R<pc%fnm-}nR96Pzb?n4
ztJZKpimEquInTA4?tA4Pb}psg0px0`1gNh33H7{VI6iF?+MMAp$RMNOHPcF&vrw*2
zsArw&2=j}(g%cbFKmz*Kp)*=|>BKM|z;nn8w>?K&OoScm#_ljNBAC4_#n(%CK;LXh
zKsp`LF&D!y<J0#Hj}7^XIi&9>S6X%$HgfwF$iSxfJ4H1T^cph6R8lg17AIkJ-8a9k
zuI4&EAC(BYL83GsLVqFF;HQn#qOC$ndjPkP(|JLC(2}5P;4}1!hREj?P<j~RMocv;
zS4vvm_uMeAyuDLc=vn}9&8+8G9oA=UQvjf3KgKW#`>J7_wtA5Nrh5zM34Vy`a}BvT
zgF_BTby`oQaRJ?F&EYY$a$P@5-t+GQ55j3^=}YoJM385+TzJ?+CJ$aaD~7oNZh5f4
zEf0!fOayLu0Jl7F%R?R9^59TS_r1a`4+gm90o?LX5w|?}OayLu;Fbr5VVJ@A0ea}b
U5Isa9>i_@%07*qoM6N<$f*Iiwy8r+H

literal 0
HcmV?d00001

diff --git a/src/assets/icon/list.png b/src/assets/icon/list.png
new file mode 100644
index 0000000000000000000000000000000000000000..962b5e79e833603246d179b57c4d1a33d7e3a0e4
GIT binary patch
literal 299
zcmeAS@N?(olHy`uVBq!ia0vp^9w5xY1|&n@ZgvM!oCO|{#S9FJ79h;%I?XTvD9BhG
z<nF|<?wrg^AcrO0(btiIVPik{pF~z5|A429V@L(#+ZzXYn;ZmKFI?o(Y3<8#)Ske1
zgiq(B-v;IwAwP~yDib>PP5+a^H`!Les9l~BsP98?nQ@uE=JLFK%jdX%>zd-6bJ+N)
zAoq@CCVQvMtiC@lTW5h>#g2DxMFcPAn7H=bVDHv={C9OYb9HFW`}Zp!HCwvxs(o?e
z>~@KLj%)YZTmqV?<Gy%B;G7;eLuIL>Tc=LEek4<5cjRIYpcAu9x}=Vt%n&hN6c`gN
mS?N2+ZR2dyE}#~M+h3Tb*F7*_^Ly(%5ZBYy&t;ucLK6T0E^NI3

literal 0
HcmV?d00001

diff --git a/src/utils/appBridge.js b/src/utils/appBridge.js
index 9e7a740..543d6a0 100644
--- a/src/utils/appBridge.js
+++ b/src/utils/appBridge.js
@@ -115,6 +115,20 @@ export function gotoRoom(roomId) {
   }
 }
 
+/**
+ * 前往app页面
+ */
+export function gotoAppPage(pageName) {
+  if (!roomId) return
+  try {
+    console.log(`pageName:${pageName}`)
+    // 直接使用Flutter通道
+    window.FlutterPageControl.postMessage(`pageName`)
+  } catch (error) {
+    console.error('前往APP页面失败:', error)
+  }
+}
+
 /**
  * 退出APP
  */
diff --git a/src/views/AdminCenter/index.vue b/src/views/AdminCenter/index.vue
index 99f927a..374ed0b 100644
--- a/src/views/AdminCenter/index.vue
+++ b/src/views/AdminCenter/index.vue
@@ -1,368 +1,384 @@
 <template>
   <div class="fullPage">
-    <div class="bg">
-      <MobileHeader title="Admin Center" :isHomePage="true">
-        <template v-slot:extraFunction>
-          <div style="color: rgba(187, 146, 255, 1) !important; font-weight: 600" @click="send">
-            Send
-          </div>
-        </template>
-      </MobileHeader>
-      <!-- 标签 -->
+    <div class="bg gradient-background-circles">
+      <!-- 顶部导航 -->
+      <GeneralHeader
+        :isHomePage="true"
+        :showLanguageList="true"
+        title="Admin Center"
+        :backImg="imgUrl"
+        color="black"
+        style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
+      />
+
+      <!-- 主要内容 -->
       <div
         style="
+          padding: 16px;
+
           display: flex;
-          justify-content: space-around;
-          border-bottom: 1px solid #cccccc;
-          background-color: transparent;
-          position: relative;
+          flex-direction: column;
+          gap: 12px;
         "
       >
+        <!-- 用户信息卡片 -->
         <div
-          v-for="(item, index) in tabList"
-          :key="index"
-          style="font-size: 18px; padding: 10px 0; flex: 1; text-align: center"
-          class="tab-item"
-          :class="activeIndex == index ? 'tabName-active' : 'tabName'"
-          ref="tabItems"
-          @click="setActiveTab(index)"
-        >
-          {{ item.name }}
-        </div>
-        <!-- 下划线元素 -->
-        <div
-          style="width: 15px; height: 3px; background-color: #bb92ff"
-          :style="underlineStyle"
-        ></div>
-      </div>
+          style="
+            background-color: white;
+            border-radius: 12px;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 
-      <!-- BD列表 -->
-      <div style="padding: 10px" v-show="activeIndex == 0">
-        <div
-          v-for="(info, BDIndex) in BDList"
-          :key="BDIndex"
-          style="
-            box-shadow: 0 0 4px 0 #00000066;
-            padding: 10px;
-            border-radius: 10px;
-            margin-bottom: 10px;
-            transition: all 0.3s ease-out;
-          "
-          @click="showUserInfo(BDIndex)"
-        >
-          <!-- 基本信息 -->
-          <div style="display: flex; justify-content: space-between">
-            <div style="display: flex; align-items: center">
-              <img
-                :src="info.userProfile.userAvatar"
-                style="width: 36px; height: 36px; border-radius: 50%"
-              />
-              <div style="margin-left: 8px">
-                <div style="font-weight: 700">{{ info.userProfile.userNickname }}</div>
-                <div style="font-weight: 700; color: rgba(0, 0, 0, 0.4)">
-                  ID:{{ info.userProfile.account }}
-                </div>
-              </div>
-            </div>
-            <div style="display: flex; align-items: center">
-              <img
-                src="../../assets/icon/arrow.png"
-                alt=""
-                style="width: 24px; transition: transform 0.5s"
-                :class="{ rotated: BDIndex == selectedBDIndex }"
-              />
-            </div>
-          </div>
-          <!-- 展示信息 -->
-          <transition name="info-fade">
-            <div style="display: flex" v-show="BDIndex == selectedBDIndex">
-              <div style="flex: 1">
-                <div style="font-weight: 500; color: rgba(0, 0, 0, 0.4)">Host</div>
-                <div style="font-weight: 600; color: rgba(0, 0, 0, 0.8)">
-                  {{ info.allAnchorCount || 0 }}
-                </div>
-              </div>
-              <div style="flex: 1">
-                <div style="font-weight: 500; color: rgba(0, 0, 0, 0.4)">Agency</div>
-                <div style="font-weight: 600; color: rgba(0, 0, 0, 0.8)">
-                  {{ info.agentCount || 0 }}
-                </div>
-              </div>
-            </div>
-          </transition>
-        </div>
-        <!-- 触发加载功能 -->
-        <div ref="BDloadmore" v-if="showBDLoading"></div>
-      </div>
+            padding: 16px;
+            border: 1px solid #e5e7eb;
 
-      <!-- agency列表 -->
-      <div style="padding: 10px" v-show="activeIndex == 1">
-        <div
-          style="
-            box-shadow: 0 0 4px 0 #00000066;
-            padding: 10px;
-            border-radius: 10px;
-            margin-bottom: 10px;
-            transition: all 0.3s ease-out;
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
           "
         >
-          <div style="font-weight: 500; color: rgba(0, 0, 0, 0.4)">
-            Total recharge for the month:
-          </div>
-          <div style="font-weight: 600; color: rgba(0, 0, 0, 0.8)">
-            ${{ totalRechargeDetail[0]?.totalAmount || 0 }}
-          </div>
-          <div style="font-weight: 500; color: rgba(0, 0, 0, 0.4)">Total recharge last month:</div>
-          <div style="font-weight: 600; color: rgba(0, 0, 0, 0.8)">
-            ${{ totalRechargeDetail[1]?.totalAmount || 0 }}
-          </div>
-        </div>
-        <div
-          v-for="(agency, aIndex) in agencyList"
-          :key="aIndex"
-          style="
-            box-shadow: 0 0 4px 0 #00000066;
-            padding: 10px;
-            border-radius: 10px;
-            margin-bottom: 10px;
-            transition: all 0.3s ease-out;
-          "
-          @click="showAgencyInfo(aIndex)"
-        >
-          <!-- 基本信息 -->
-          <div style="display: flex; justify-content: space-between">
-            <div style="display: flex; align-items: center">
-              <img :src="agency.userAvatar" alt="" style="width: 36px; border-radius: 50%" />
-              <div style="margin-left: 8px">
-                <div style="font-weight: 700">{{ agency.name }}</div>
-                <div style="font-weight: 700; color: rgba(0, 0, 0, 0.4)">
-                  ID:{{ agency.account }}
-                </div>
-              </div>
-            </div>
-            <div style="display: flex; align-items: center">
+          <!-- 标题 -->
+          <div style="font-weight: 600">My Leader:</div>
+
+          <!-- 用户信息 -->
+          <div style="display: flex; align-items: center; gap: 4px">
+            <!-- 头像 -->
+            <div
+              style="
+                width: 15%;
+                align-self: stretch;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+              "
+            >
               <img
-                src="../../assets/icon/arrow.png"
-                alt=""
+                :src="''"
                 style="
-                  width: 24px;
-                  transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
+                  display: block;
+                  width: 100%;
+                  aspect-ratio: 1/1;
+                  object-fit: cover;
+                  border-radius: 50%;
                 "
-                :class="{ rotated: aIndex == selectedAgencyIndex }"
+                @error="defaultAvatarUrl"
               />
             </div>
-          </div>
 
-          <!-- 展示信息 -->
-          <transition name="info-fade">
-            <div style="display: flex" v-show="aIndex == selectedAgencyIndex">
-              <div style="flex: 1">
-                <div style="font-weight: 500; color: rgba(0, 0, 0, 0.4)">This month:</div>
-                <div style="font-weight: 600; color: rgba(0, 0, 0, 0.8)">
-                  ${{ formatPrice(agency.thisMonth) || 0 }}
-                </div>
+            <!-- 基本信息 -->
+            <div
+              style="
+                flex: 1;
+                min-width: 0;
+                align-self: stretch;
+                display: flex;
+                flex-direction: column;
+                justify-content: space-around;
+                gap: 4px;
+              "
+            >
+              <div
+                style="
+                  font-weight: 700;
+                  width: 100%;
+                  overflow: hidden;
+                  text-overflow: ellipsis;
+                  white-space: nowrap;
+                "
+              >
+                User1
               </div>
-              <div style="flex: 1">
-                <div style="font-weight: 500; color: rgba(0, 0, 0, 0.4)">Last month:</div>
-                <div style="font-weight: 600; color: rgba(0, 0, 0, 0.8)">
-                  ${{ formatPrice(agency.lastMonth) || 0 }}
-                </div>
+              <div style="color: rgba(0, 0, 0, 0.4); font-size: 0.8em; font-weight: 500">
+                ID:1234567890
               </div>
             </div>
-          </transition>
+          </div>
+        </div>
+
+        <!-- 角色模块 -->
+        <div
+          style="
+            background-color: white;
+            border-radius: 12px;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+
+            padding: 16px;
+            border: 1px solid #e5e7eb;
+
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+          "
+        >
+          <!-- 标题 -->
+          <div style="font-weight: 600; color: #1f2937">My Role:</div>
+
+          <!-- 角色身份 -->
+          <div style="display: flex; justify-content: space-between; align-items: center">
+            <div style="font-size: 1.1em; font-weight: 600">Admin</div>
+            <img
+              src="../../assets/icon/detail.png"
+              alt=""
+              style="display: block; width: 1.5em"
+              class="flipImg"
+            />
+          </div>
+
+          <!-- 分割线 -->
+          <div style="border-bottom: 1px solid #e6e6e6"></div>
+
+          <!-- 已完成任务 -->
+          <div style="display: flex; justify-content: space-between; align-items: center">
+            <div style="font-weight: 600">Task completion status:</div>
+            <div style="font-weight: 600">（0）</div>
+          </div>
+
+          <div style="display: flex; flex-direction: column; gap: 10px">
+            <div style="font-weight: 500">2025.11.1-2025.11.16</div>
+            <!-- 任务列表与完成状态 -->
+            <div
+              v-for="value in 5"
+              style="display: flex; justify-content: space-between; align-items: center"
+            >
+              <div style="color: rgba(0, 0, 0, 0.4); font-size: 0.8em; font-weight: 500">
+                Mic usage time:
+              </div>
+              <div style="color: rgba(0, 0, 0, 0.4); font-size: 0.8em; font-weight: 500">
+                （0/20h）
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 本期团队收入 -->
+        <div
+          style="
+            background-color: white;
+            border-radius: 12px;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+
+            padding: 16px;
+            border: 1px solid #e5e7eb;
+
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+          "
+        >
+          <!-- 总收入 -->
+          <div style="display: flex; justify-content: space-between; align-items: center">
+            <div style="font-weight: 600">Team earnings this period: $3000</div>
+            <img
+              src="../../assets/icon/arrowBlack.png"
+              alt=""
+              style="display: block; width: 1.5em"
+              class="flipImg"
+            />
+          </div>
+
+          <!-- 我的BD Leader团队 -->
+          <div style="display: flex; flex-direction: column; gap: 10px">
+            <div style="display: flex; justify-content: space-between; align-items: center">
+              <div style="font-weight: 600">My BD Leader Teams(3)</div>
+              <div style="align-self: stretch; display: flex; align-items: center; gap: 4px">
+                <img
+                  src="../../assets/icon/addUser.png"
+                  alt=""
+                  style="display: block; width: 1.6em"
+                  class="flipImg"
+                />
+                <img
+                  src="../../assets/icon/list.png"
+                  alt=""
+                  style="display: block; width: 1.6em"
+                  class="flipImg"
+                />
+              </div>
+            </div>
+
+            <div style="color: rgba(0, 0, 0, 0.4); font-size: 0.8em; font-weight: 500">
+              Total income:$1500
+            </div>
+
+            <!-- 分割线 -->
+            <div style="border-bottom: 1px solid #e6e6e6"></div>
+          </div>
+
+          <!-- 我的BD团队 -->
+          <div style="display: flex; flex-direction: column; gap: 10px">
+            <div style="display: flex; justify-content: space-between; align-items: center">
+              <div style="font-weight: 600">My BD Teams(5)</div>
+              <div style="align-self: stretch; display: flex; align-items: center; gap: 4px">
+                <img
+                  src="../../assets/icon/addUser.png"
+                  alt=""
+                  style="display: block; width: 1.6em"
+                  class="flipImg"
+                />
+                <img
+                  src="../../assets/icon/list.png"
+                  alt=""
+                  style="display: block; width: 1.6em"
+                  class="flipImg"
+                />
+              </div>
+            </div>
+
+            <div style="color: rgba(0, 0, 0, 0.4); font-size: 0.8em; font-weight: 500">
+              Total income:$1500
+            </div>
+
+            <!-- 分割线 -->
+            <div style="border-bottom: 1px solid #e6e6e6"></div>
+          </div>
+
+          <!-- 我的Agency团队 -->
+          <div style="display: flex; flex-direction: column; gap: 10px">
+            <div style="display: flex; justify-content: space-between; align-items: center">
+              <div style="font-weight: 600">My Agency Teams(2)</div>
+              <div style="align-self: stretch; display: flex; align-items: center; gap: 4px">
+                <img
+                  src="../../assets/icon/addUser.png"
+                  alt=""
+                  style="display: block; width: 1.6em"
+                  class="flipImg"
+                />
+                <img
+                  src="../../assets/icon/list.png"
+                  alt=""
+                  style="display: block; width: 1.6em"
+                  class="flipImg"
+                />
+              </div>
+            </div>
+
+            <div style="color: rgba(0, 0, 0, 0.4); font-size: 0.8em; font-weight: 500">
+              Total income:$1500
+            </div>
+          </div>
+        </div>
+
+        <!-- 赠送礼物 -->
+        <div
+          style="
+            background-color: white;
+            border-radius: 12px;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+
+            padding: 16px;
+            border: 1px solid #e5e7eb;
+
+            display: flex;
+            justify-content: space-between;
+            gap: 10px;
+          "
+          @click="send"
+        >
+          <div style="font-weight: 600">Send Welcome Gift</div>
+          <img
+            src="../../assets/icon/arrowBlack.png"
+            alt=""
+            style="display: block; width: 1.5em"
+            class="flipImg"
+          />
+        </div>
+
+        <!-- 前往用户编辑 -->
+        <div
+          style="
+            background-color: white;
+            border-radius: 12px;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+
+            padding: 16px;
+            border: 1px solid #e5e7eb;
+
+            display: flex;
+            justify-content: space-between;
+            gap: 10px;
+          "
+          @click="gotoAppPage('editingUser')"
+        >
+          <div style="font-weight: 600">User Editing</div>
+          <img
+            src="../../assets/icon/arrowBlack.png"
+            alt=""
+            style="display: block; width: 1.5em"
+            class="flipImg"
+          />
+        </div>
+
+        <!-- 前往房间编辑 -->
+        <div
+          style="
+            background-color: white;
+            border-radius: 12px;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+
+            padding: 16px;
+            border: 1px solid #e5e7eb;
+
+            display: flex;
+            justify-content: space-between;
+            gap: 10px;
+          "
+          @click="gotoAppPage('editingRoom')"
+        >
+          <div style="font-weight: 600">Room Editing</div>
+          <img
+            src="../../assets/icon/arrowBlack.png"
+            alt=""
+            style="display: block; width: 1.5em"
+            class="flipImg"
+          />
         </div>
-        <!-- 触发加载功能 -->
-        <div ref="Agloadmore" v-if="showAgLoading"></div>
       </div>
     </div>
   </div>
 </template>
 
 <script setup>
-import { onMounted, ref, computed } from 'vue'
 import { useRouter } from 'vue-router'
-import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
-import { getUserId } from '@/utils/userStore.js'
-import { useThrottle } from '@/utils/useDebounce'
+import { useI18n } from 'vue-i18n'
+import { setDocumentDirection } from '@/locales/i18n'
+import { gotoAppPage } from '@/utils/appBridge.js'
 
-import { getBDList, getAgencyList, getAgencyTotalRecharge } from '@/api/userInfo'
+import GeneralHeader from '@/components/GeneralHeader.vue'
 
-import MobileHeader from '@/components/MobileHeader.vue'
+const imgUrl = new URL('/src/assets/icon/arrowBackBlack.png', import.meta.url).href
 
+const { t, locale } = useI18n()
 const router = useRouter()
 
-const tabList = ref([
-  {
-    id: 1,
-    name: 'BD',
-  },
-  {
-    id: 2,
-    name: 'Recharge Agency',
-  },
-])
+// 监听语言变化并设置文档方向
+locale.value && setDocumentDirection(locale.value)
 
-const activeIndex = ref(0)
-const tabItems = ref([]) // 存储标签DOM引用
-
-// 选择标签
-const setActiveTab = (index) => {
-  if (activeIndex.value != index) {
-    console.log('切换标签')
-    activeIndex.value = index
-    selectedBDIndex.value = -1
-    selectedAgencyIndex.value = -1
-  }
+const defaultAvatarUrl = (e) => {
+  console.log('头像资源出错')
+  e.target.onerror = null //防止循环
+  e.target.src = new URL('/src/assets/images/WeeklyStar/defaultAvatar.png', import.meta.url).href
 }
 
-// 计算下划线样式
-const underlineStyle = computed(() => {
-  console.log('计算属性')
-
-  if (tabItems.value.length === 0) return {} //没有这个元素
-  const activeTab = tabItems.value[activeIndex.value]
-  console.log('选中元素的左边距', activeTab.offsetLeft)
-
-  return {
-    position: 'absolute',
-    left: `${activeTab.offsetLeft + activeTab.offsetWidth / 2 - 15 / 2}px`,
-    bottom: '0',
-    transition: 'left 0.3s ease', // 平滑过渡
-  }
-})
-
-const selectedBDIndex = ref(-1) //选中的BD用户下标
-const showUserInfo = (index) => {
-  selectedBDIndex.value = selectedBDIndex.value != index ? index : -1
-} //选中的BD用户
-
-const selectedAgencyIndex = ref(-1) //选中的agency用户下标
-const showAgencyInfo = (index) => {
-  selectedAgencyIndex.value = selectedAgencyIndex.value != index ? index : -1
-} //选中的agency用户
-
 const send = async () => {
   router.push({ path: '/item-distribution' })
 }
-
-// 页面加载时获取申请记录
-usePageInitializationWithConfig('ADMIN_CENTER')
-
-const BDList = ref([]) // BD列表
-const BDCurrent = ref(1) //BD列表第几页
-const showBDLoading = ref(true) //触底加载功能
-
-const totalRechargeDetail = ref([]) //代理消费金额
-const agencyList = ref([]) // 代理列表
-const agencyCurrent = ref(1) //代理列表第几页
-const showAgLoading = ref(true) //触底加载功能
-
-onMounted(async () => {
-  if (tabItems.value.length > 0) {
-    underlineStyle.value // 触发计算属性更新
-  }
-
-  getBDs() // 获取BD列表
-  getAgencise() // 获取代理列表
-  getAgencyMonthsRecharge() //获取代理总支付
-
-  // 开始监听底部元素
-  if (BDloadmore.value) {
-    observer.observe(BDloadmore.value)
-  }
-  // 开始监听底部元素
-  if (Agloadmore.value) {
-    observer.observe(Agloadmore.value)
-  }
-})
-
-// 获取BD列表
-const getBDs = async () => {
-  let data = {
-    userId: getUserId(),
-    cursor: BDCurrent.value,
-    limit: 20,
-  }
-
-  const resBDList = await getBDList(data)
-  console.log('resBDList:', resBDList)
-  if (resBDList.status && resBDList.body) {
-    BDList.value.push(...resBDList.body.records)
-    if (resBDList.body.total <= resBDList.body.current * resBDList.body.size) {
-      showBDLoading.value = false
-    }
-  }
-}
-
-// 获取代理列表
-const getAgencyMonthsRecharge = async () => {
-  const resTotalRecharge = await getAgencyTotalRecharge()
-  console.log('resTotalRecharge:', resTotalRecharge)
-  if (resTotalRecharge.status && resTotalRecharge.body) {
-    totalRechargeDetail.value = resTotalRecharge.body
-  }
-}
-
-// 获取代理列表
-const getAgencise = async () => {
-  let data = {
-    cursor: agencyCurrent.value,
-    limit: 20,
-  }
-  const resagencyList = await getAgencyList(data)
-  console.log('resagencyList:', resagencyList)
-  if (resagencyList.status && resagencyList.body) {
-    agencyList.value.push(...resagencyList.body.records)
-    if (resagencyList.body.total <= resagencyList.body.current * resagencyList.body.size) {
-      showAgLoading.value = false
-    }
-  }
-}
-
-// 获取底部加载div
-const BDloadmore = ref(null)
-const Agloadmore = ref(null)
-
-const debouceGetBDList = useThrottle(getBDs, 1000)
-const debouceGetAgList = useThrottle(getAgencise, 1000)
-
-// IntersectionObserver配置
-const observer = new IntersectionObserver((entries) => {
-  entries.forEach((entry) => {
-    if (entry.intersectionRatio > 0) {
-      console.log('监控')
-
-      // 根据目标元素执行对应操作
-      if (entry.target == BDloadmore.value && BDList.value.length != 0) {
-        BDCurrent.value++
-        debouceGetBDList()
-      }
-      if (entry.target == Agloadmore.value && agencyList.value.length != 0) {
-        agencyCurrent.value++
-        debouceGetAgList()
-      }
-    }
-  })
-})
-
-const formatPrice = (value) => {
-  if (value && value != 0) {
-    return Number(value).toFixed(2)
-  }
-  return 0
-}
 </script>
 
 <style scoped>
 * {
-  color: black;
-  font-family: 'SF Pro';
+  color: rgba(0, 0, 0, 0.8);
+  font-family: 'SF Pro Text';
 }
 
 .fullPage {
-  background-color: #ffffff;
-  min-height: 100vh;
   position: relative;
+
+  max-height: 100vh;
+  overflow-y: auto;
+  background-color: #ffffff;
+}
+
+.fullPage::-webkit-scrollbar {
+  display: none;
 }
 
 .bg {
@@ -373,30 +389,21 @@ const formatPrice = (value) => {
   background-repeat: no-repeat;
 }
 
-.tabName {
-  color: #00000066;
+@media screen and (max-width: 360px) {
+  * {
+    font-size: 10px;
+  }
 }
 
-.tabName-active {
-  color: black;
-  font-weight: 500;
+@media screen and (min-width: 360px) {
+  * {
+    font-size: 12px;
+  }
 }
 
-.info-fade-enter-from,
-.info-fade-leave-to {
-  transform: translateY(-10px);
-  opacity: 0;
-}
-
-.info-fade-enter-active {
-  transition: all 0.5s ease-out;
-}
-
-.info-fade-leave-active {
-  transition: all 0.5s cubic-bezier(1, 0.5, 0.8, 1);
-}
-
-.rotated {
-  transform: rotate(90deg);
+@media screen and (min-width: 768px) {
+  * {
+    font-size: 24px;
+  }
 }
 </style>