feat: 完成下载管理功能

Author: Taois

dashboard/src/assets/icon_font/demo_index.html

@@ -54,6 +54,18 @@ <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" targ
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
 
+            <li class="dib">
+              <span class="icon iconfont">&#xfcb9;</span>
+                <div class="name">下载</div>
+                <div class="code-name">&amp;#xfcb9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe67d;</span>
+                <div class="name">夸克</div>
+                <div class="code-name">&amp;#xe67d;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe690;</span>
                 <div class="name">folder</div>
@@ -264,9 +276,9 @@ <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</co
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1759693018509') format('woff2'),
-       url('iconfont.woff?t=1759693018509') format('woff'),
-       url('iconfont.ttf?t=1759693018509') format('truetype');
+  src: url('iconfont.woff2?t=1760257974279') format('woff2'),
+       url('iconfont.woff?t=1760257974279') format('woff'),
+       url('iconfont.ttf?t=1760257974279') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -292,6 +304,24 @@ <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面
       <div class="content font-class">
         <ul class="icon_lists dib-box">
 
+          <li class="dib">
+            <span class="icon iconfont icon-xiazai"></span>
+            <div class="name">
+              下载
+            </div>
+            <div class="code-name">.icon-xiazai
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-kuake"></span>
+            <div class="name">
+              夸克
+            </div>
+            <div class="code-name">.icon-kuake
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-folder"></span>
             <div class="name">
@@ -607,6 +637,22 @@ <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h
       <div class="content symbol">
           <ul class="icon_lists dib-box">
 
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiazai"></use>
+                </svg>
+                <div class="name">下载</div>
+                <div class="code-name">#icon-xiazai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-kuake"></use>
+                </svg>
+                <div class="name">夸克</div>
+                <div class="code-name">#icon-kuake</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-folder"></use>

dashboard/src/assets/icon_font/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 5032989 */
-  src: url('iconfont.woff2?t=1759693018509') format('woff2'),
-       url('iconfont.woff?t=1759693018509') format('woff'),
-       url('iconfont.ttf?t=1759693018509') format('truetype');
+  src: url('iconfont.woff2?t=1760257974279') format('woff2'),
+       url('iconfont.woff?t=1760257974279') format('woff'),
+       url('iconfont.ttf?t=1760257974279') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-xiazai:before {
+  content: "\fcb9";
+}
+
+.icon-kuake:before {
+  content: "\e67d";
+}
+
 .icon-folder:before {
   content: "\e690";
 }

dashboard/src/assets/icon_font/iconfont.js

@@ -5,6 +5,20 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "24473120",
+      "name": "下载",
+      "font_class": "xiazai",
+      "unicode": "fcb9",
+      "unicode_decimal": 64697
+    },
+    {
+      "icon_id": "25677250",
+      "name": "夸克",
+      "font_class": "kuake",
+      "unicode": "e67d",
+      "unicode_decimal": 59005
+    },
     {
       "icon_id": "5328033",
       "name": "folder",

dashboard/src/assets/icon_font/iconfont.json

@@ -57,7 +57,7 @@
 
       <!-- 主内容区域 -->
       <div class="main-content" :class="{ 'sider-collapsed': siderCollapsed }">
-        <div class="content-wrapper" :class="{ 'search-page': isSearchPage }">
+        <div class="content-wrapper" :class="{ 'search-page': isSearchPage, 'download-manager-page': isDownloadManagerPage }">
           <slot></slot> <!-- 插槽，用于插入页面内容 -->
         </div>
 
@@ -104,6 +104,11 @@ export default defineComponent({
       return route.path === '/search' || route.name === 'SearchAggregation';
     });
     
+    // 检测是否为下载管理页面
+    const isDownloadManagerPage = computed(() => {
+      return route.path === '/download-manager' || route.name === 'DownloadManager';
+    });
+    
     const siderCollapsed = ref(false);
     const menuItems = ref([
       {id: 1, name: '主页', icon: 'icon-zhuye', route: '/'},
@@ -113,6 +118,7 @@ export default defineComponent({
       {id: 6, name: '解析', icon: 'icon-jiexi', route: '/parser'},
       {id: 7, name: '收藏', icon: 'icon-shoucang', route: '/collection'},
       {id: 8, name: '历史', icon: 'icon-lishi', route: '/history'},
+      {id: 11, name: '下载', icon: 'icon-xiazai', route: '/download-manager'},
       {id: 10, name: '测试', icon: 'icon-ceshi', route: '/action-test'},
       {id: 9, name: '设置', icon: 'icon-shezhi', route: '/settings'}
     ]);
@@ -143,7 +149,8 @@ export default defineComponent({
       logoDesc,
       onClickMenuItem,
       onSiderCollapse,
-      isSearchPage
+      isSearchPage,
+      isDownloadManagerPage
     };
   }
 });
@@ -223,6 +230,12 @@ export default defineComponent({
   padding: 0; /* 移除padding，让搜索页面完全控制布局 */
 }
 
+/* 下载管理页面的内容包装器 - 移除滚动和padding，让组件自己控制布局 */
+.content-wrapper.download-manager-page {
+  overflow: hidden;
+  padding: 0; /* 移除padding，让下载管理页面完全控制布局 */
+}
+
 /* 固定的底部 */
 .fixed-footer {
   height: 48px;