chore(web): 收口前几轮后台改动（品牌 / 媒资上传 / 轮播图 / 类型管理 / 操作日志 / App 用户）

为什么：这些改动在前几轮就已完成并在 :3005 验证过，但一直留在工作区没有入库。
下一步 3-4 的四个页面依赖其中的公共样式入口（src/styles/business/index.css）与
api/admin 的公共类型（PageResult 等），如果不先收口，新页面的提交就会夹带旧改动，
既说不清 diff 边界，也让 index.css 这类多轮共用的文件长期处于半提交状态。

本提交只做归档，不改行为：
- 品牌与接口基址改成 FruitShorts / 短剧服务（.env.*、README、vite 代理）
- 去掉前端 mock 数据目录（src/data、src/permissions、stores/auth），改为走真实接口
- 新增 api/admin 下的接口封装与 src/utils/uploader.ts（媒资分片直传）
- 新增/改造：轮播图管理、类型管理、操作日志、App 用户管理、后台布局与公共样式

src/views/permission/MenuManagementView.vue

@@ -1,42 +1,30 @@
 <script setup>
 import { Plus } from '@element-plus/icons-vue'
-import { menuIconNames } from '@/data/customMenus'
-import { useMenuManagement } from '@/views/permission/composables/useMenuManagement'
+import { menuIconNames, useMenuManagement } from '@/views/permission/composables/useMenuManagement'
 import PageHeading from '@/views/components/PageHeading.vue'
 
-const {
-  selectedKey,
-  selectedParent,
-  form,
-  menuTree,
-  parentOptions,
-  resetForm,
-  selectNode,
-  saveMenu,
-  deleteMenu
-} = useMenuManagement()
+const { treeData, loading, form, parentOptions, resetForm, selectNode, saveMenu, deleteMenu } =
+  useMenuManagement()
 </script>
 
 <template>
-  <PageHeading
-    eyebrow="后台管理"
-    title="菜单管理"
-    description="维护系统菜单结构、路由和按钮权限。"
-  />
+  <PageHeading eyebrow="后台管理" title="菜单管理" description="维护系统菜单结构、路由与按钮权限。">
+    <el-button type="primary" @click="resetForm(0)">
+      <el-icon><Plus /></el-icon>
+      新增菜单
+    </el-button>
+  </PageHeading>
 
   <div class="menu-editor-layout">
-    <section class="panel menu-tree-panel">
+    <section v-loading="loading" class="panel menu-tree-panel">
       <div class="panel-heading">
         <div><h2>系统菜单</h2></div>
-        <el-button type="primary" @click="resetForm(selectedParent)">
-          <el-icon><Plus /></el-icon>
-          新增菜单
-        </el-button>
       </div>
       <el-tree
-        :data="menuTree"
+        :data="treeData"
         node-key="id"
         default-expand-all
+        highlight-current
         :expand-on-click-node="false"
         @node-click="selectNode"
       />
@@ -45,51 +33,60 @@ const {
     <section class="panel menu-form-panel">
       <div class="panel-heading">
         <div
-          ><h2>{{ selectedKey ? '编辑菜单权限' : '新增菜单权限' }}</h2></div
+          ><h2>{{ form.id ? '编辑菜单' : '新增菜单' }}</h2></div
         >
-        <el-button v-if="selectedKey" type="danger" plain @click="deleteMenu">删除菜单</el-button>
+        <el-button v-if="form.id" type="danger" plain @click="deleteMenu">删除菜单</el-button>
       </div>
       <el-form label-width="110px" label-position="right" class="menu-editor-form">
         <el-form-item label="菜单名称" required>
-          <el-input v-model="form.title" maxlength="30" />
-        </el-form-item>
-        <el-form-item label="对应路由" :required="form.type !== '按钮'">
-          <el-input v-model="form.route" placeholder="例如 /reports" />
-        </el-form-item>
-        <el-form-item label="菜单标识" required>
-          <el-input
-            v-model="form.permission"
-            :placeholder="`自动生成：访问菜单：${form.title || '菜单名'}`"
-          />
-        </el-form-item>
-        <el-form-item label="上级菜单">
-          <el-select v-model="form.parent">
-            <el-option v-for="item in parentOptions" :key="item" :label="item" :value="item" />
-          </el-select>
+          <el-input v-model="form.title" maxlength="20" />
         </el-form-item>
         <el-form-item label="菜单类型">
           <el-radio-group v-model="form.type">
-            <el-radio value="路径">路径</el-radio>
-            <el-radio value="页面">页面</el-radio>
-            <el-radio value="按钮">按钮</el-radio>
+            <el-radio value="CATALOG">目录</el-radio>
+            <el-radio value="MENU">菜单</el-radio>
+            <el-radio value="BUTTON">按钮</el-radio>
           </el-radio-group>
         </el-form-item>
-        <el-form-item label="菜单图标">
+        <el-form-item label="上级菜单">
+          <el-select v-model="form.parentId">
+            <el-option
+              v-for="item in parentOptions"
+              :key="item.id"
+              :label="item.label"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="form.type !== 'BUTTON'" label="路由地址" required>
+          <el-input v-model="form.routePath" placeholder="目录填 /content，子菜单填 dramas" />
+        </el-form-item>
+        <el-form-item v-if="form.type === 'MENU'" label="路由名称">
+          <el-input v-model="form.routeName" placeholder="例如 dramas" />
+        </el-form-item>
+        <el-form-item v-if="form.type === 'MENU'" label="组件路径">
+          <el-input
+            v-model="form.component"
+            placeholder="例如 views/contentManagement/DramaManagementView"
+          />
+        </el-form-item>
+        <el-form-item label="权限标识">
+          <el-input v-model="form.permissionCode" placeholder="例如 drama:list" />
+        </el-form-item>
+        <el-form-item v-if="form.type !== 'BUTTON'" label="菜单图标">
           <el-select v-model="form.icon" clearable placeholder="请选择">
             <el-option v-for="icon in menuIconNames" :key="icon" :label="icon" :value="icon" />
           </el-select>
         </el-form-item>
-        <el-form-item label="使用方法">
-          <el-input
-            v-model="form.method"
-            type="textarea"
-            :rows="3"
-            placeholder="可填写按钮权限对应的操作说明"
-          />
-        </el-form-item>
         <el-form-item label="菜单排序">
           <el-input-number v-model="form.sort" :min="1" :max="999" />
         </el-form-item>
+        <el-form-item label="是否显示">
+          <el-switch v-model="form.visible" :active-value="1" :inactive-value="0" />
+        </el-form-item>
+        <el-form-item label="状态">
+          <el-switch v-model="form.status" :active-value="1" :inactive-value="0" />
+        </el-form-item>
       </el-form>
       <div class="menu-form-footer">
         <el-button type="primary" @click="saveMenu">保存菜单</el-button>