feat(team): refine video management experience

Author: iRuxu

src/assets/css/team/org/team_videos.less

@@ -56,7 +56,7 @@
             }
 
             .u-play {
-                background: @team-primary;
+                background: fade(@team-primary, 78%);
                 transform: translate(-50%, -50%) scale(1.06);
             }
         }

src/views/team/org/ViewMyOrg.vue

@@ -61,14 +61,6 @@
                         <ManageBattle :team-id="id" />
                     </el-tab-pane>
 
-                    <el-tab-pane label="视频管理" name="video" lazy v-if="permissions.r_video || isSuper">
-                        <template #label>
-                            <el-icon><VideoCamera /></el-icon>
-                            <span>视频管理</span>
-                        </template>
-                        <ManageVideo :super="data.super" />
-                    </el-tab-pane>
-
                     <el-tab-pane label="快照管理" name="manage-snapshot" lazy v-if="permissions.r_snapshot || isSuper">
                         <template #label>
                             <el-icon><Camera /></el-icon>
@@ -93,6 +85,14 @@
                         <ManageRaid :team-id="id" embedded />
                     </el-tab-pane>
 
+                    <el-tab-pane label="视频管理" name="video" lazy v-if="permissions.r_video || isSuper">
+                        <template #label>
+                            <el-icon><VideoCamera /></el-icon>
+                            <span>视频管理</span>
+                        </template>
+                        <ManageVideo :super="data.super" />
+                    </el-tab-pane>
+
                     <el-tab-pane label="团队设置" name="setting" lazy v-if="isSuper">
                         <template #label>
                             <el-icon><Setting /></el-icon>
@@ -350,10 +350,10 @@ export default {
             const tabs = [];
             if (this.permissions.r_member || this.isSuper) tabs.push("manage-member");
             if (this.permissions.r_race || this.isSuper) tabs.push("manage-battle");
-            if (this.permissions.r_video || this.isSuper) tabs.push("video");
             if (this.permissions.r_snapshot || this.isSuper) tabs.push("manage-snapshot");
             if (this.permissions.r_dkp || this.isSuper) tabs.push("manage-dkp");
             if (this.permissions.r_raid || this.isSuper) tabs.push("manage-raid");
+            if (this.permissions.r_video || this.isSuper) tabs.push("video");
             if (this.isSuper) tabs.push("setting");
             return tabs;
         },

tests/team-home.test.mjs

@@ -153,10 +153,10 @@ test("team workspace separates management tools from the member view", async ()
     assert.deepEqual(topLevelLabels, [
         "成员管理",
         "战绩管理",
-        "视频管理",
         "快照管理",
         "DKP管理",
         "RAID管理",
+        "视频管理",
         "团队设置",
         "我的角色",
         "我的战绩",