revert: restore authorization management behavior

Reviewed-on: #31

digital-avatar-app/src/views/AuthorizationManage.vue

@@ -25,7 +25,7 @@
               {{ getPermissionText(permission) }}
             </span>
           </div>
-          <p class="scheduler-note">功能已开发，当前仍在验证中；执行时段、互动间隔及各操作触发概率由运营后台统一控制。</p>
+          <p class="scheduler-note">执行时段、互动间隔及各操作触发概率由运营后台统一控制。</p>
         </div>
         <div class="auth-actions">
           <span class="auth-status" :class="squareAuthorization.status">
@@ -42,18 +42,6 @@
         </div>
       </div>
 
-      <div v-for="feature in unavailableFeatures" :key="feature.id" class="auth-card unavailable-card">
-        <div class="auth-icon application">{{ feature.icon }}</div>
-        <div class="auth-info">
-          <h3 class="auth-name">{{ feature.name }}</h3>
-          <p class="auth-type">{{ feature.description }}</p>
-        </div>
-        <div class="auth-actions">
-          <span class="auth-status inactive">未开启</span>
-          <button class="auth-toggle-btn unavailable-toggle" @click="showUnavailableNotice">开启</button>
-        </div>
-      </div>
-
       <div class="auth-card" v-for="auth in otherAuthorizations" :key="auth.id">
         <div class="auth-icon" :class="auth.targetType">{{ getAuthIcon(auth.targetType) }}</div>
         <div class="auth-info">
@@ -83,8 +71,6 @@ import { useAvatarStore } from '@/store/avatar'
 import {
   getAuthorizationList,
   updateAuthorization,
-  SQUARE_INTERACTION_TARGET_ID,
-  SQUARE_INTERACTION_PERMISSIONS,
   type Authorization
 } from '@/api'
 import { pickAvatarId, unwrapListData } from '@/utils/avatar-page-data.js'
@@ -93,14 +79,8 @@ const router = useRouter()
 const avatarStore = useAvatarStore()
 const authList = ref<Authorization[]>([])
 const saving = ref(false)
-const UNAVAILABLE_MESSAGE = '该功能尚未向公众用户开放，如需使用请联系会会运营团队'
-
-const unavailableFeatures = [
-  { id: 'make-friends', name: '交友与添加好友', description: '暂未开放', icon: '👥' },
-  { id: 'start-chat', name: '主动发起聊天', description: '暂未开放', icon: '💬' },
-  { id: 'publish-microblog', name: '发布微播内容', description: '暂未开放', icon: '📝' },
-  { id: 'browse-square', name: '浏览会会广场', description: '暂未开放', icon: '🔎' }
-]
+const SQUARE_INTERACTION_TARGET_ID = 'huihui-square'
+const SQUARE_INTERACTION_PERMISSIONS = ['like', 'collect', 'comment', 'reply'] as const
 
 const squareAuthorization = computed<Authorization>(() => {
   return authList.value.find((item) => item.targetId === SQUARE_INTERACTION_TARGET_ID) || {
@@ -111,16 +91,15 @@ const squareAuthorization = computed<Authorization>(() => {
     targetName: '会会广场互动',
     permissions: [...SQUARE_INTERACTION_PERMISSIONS],
     status: 'inactive',
+    takeoverEnabled: false,
+    takeoverMode: 'immediate',
+    takeoverDelaySeconds: 180,
     createdAt: ''
   }
 })
 
 const otherAuthorizations = computed(() =>
-  authList.value.filter((item) => item.targetId !== SQUARE_INTERACTION_TARGET_ID && !isUnavailableFeature(item.targetName))
-)
-
-const isUnavailableFeature = (name: string) => unavailableFeatures.some((feature) =>
-  name.replaceAll('发布微博内容', '发布微播内容') === feature.name
+  authList.value.filter((item) => item.targetId !== SQUARE_INTERACTION_TARGET_ID)
 )
 
 const currentAvatarId = async () => {
@@ -142,14 +121,12 @@ const toggleSquareAuthorization = async () => {
   if (!avatarId || saving.value) return
   saving.value = true
   try {
-    authList.value = unwrapListData(await updateAuthorization(avatarId, {
-      id: squareAuthorization.value.id || undefined,
-      targetId: SQUARE_INTERACTION_TARGET_ID,
-      targetName: '会会广场互动',
-      targetType: 'application',
-      permissions: [...SQUARE_INTERACTION_PERMISSIONS],
+    if (!squareAuthorization.value.id) return
+    const updated = await updateAuthorization(avatarId, {
+      id: squareAuthorization.value.id,
       status: squareAuthorization.value.status === 'active' ? 'inactive' : 'active'
-    }))
+    })
+    authList.value = authList.value.map((item) => item.id === updated.id ? updated : item)
   } catch (error) {
     alert('操作失败，请重试')
   } finally {
@@ -162,10 +139,11 @@ const toggleExistingAuthorization = async (auth: Authorization) => {
   if (!avatarId || saving.value) return
   saving.value = true
   try {
-    authList.value = unwrapListData(await updateAuthorization(avatarId, {
+    const updated = await updateAuthorization(avatarId, {
       id: auth.id,
       status: auth.status === 'active' ? 'inactive' : 'active'
-    }))
+    })
+    authList.value = authList.value.map((item) => item.id === updated.id ? updated : item)
   } catch (error) {
     alert('操作失败，请重试')
   } finally {
@@ -173,11 +151,9 @@ const toggleExistingAuthorization = async (auth: Authorization) => {
   }
 }
 
-const showUnavailableNotice = () => alert(UNAVAILABLE_MESSAGE)
-
 const getAuthIcon = (type: string) => ({ user: '👤', organization: '🏢', application: '📱' }[type] || '🔑')
 const getAuthTypeText = (type: string) => ({ user: '用户', organization: '组织', application: '应用' }[type] || type)
-const getAuthTargetName = (name: string) => name.replaceAll('发布微博内容', '发布微播内容')
+const getAuthTargetName = (name: string) => name.replace(/发布微博内容/g, '发布微播内容')
 const getPermissionText = (permission: string) => ({
   read: '读取', write: '写入', reply: '回复', edit: '编辑',
   like: '点赞', collect: '收藏', comment: '评论'
@@ -200,7 +176,6 @@ onMounted(loadAuth)
 .auth-list { padding: 16px 16px 20px; display: flex; flex-direction: column; gap: 12px; }
 .auth-card { display: flex; align-items: flex-start; gap: 12px; padding: 16px; background: white; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, .05); }
 .square-card { border: 1px solid #ffedd5; }
-.unavailable-card { opacity: .78; }
 .auth-icon { font-size: 24px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #fff0e6; flex-shrink: 0; }
 .auth-info { flex: 1; min-width: 0; }
 .auth-name { font-size: 15px; font-weight: 600; margin: 0 0 4px; color: #18191c; }
@@ -214,6 +189,5 @@ onMounted(loadAuth)
 .auth-status.inactive { color: #9398ae; }
 .auth-toggle-btn { padding: 6px 12px; border-radius: 8px; font-size: 12px; font-weight: 500; cursor: pointer; border: none; background: #f97316; color: white; }
 .auth-toggle-btn.revoke { color: #6b7280; background: #f3f4f6; }
-.unavailable-toggle { background: #d1d5db; color: #4b5563; }
 .auth-toggle-btn:disabled { cursor: not-allowed; opacity: .6; }
 </style>