fix:开源仓嵌入方式

Routes.js

@@ -56,4 +56,4 @@ export const deepRoutes = [
 ]
 
 // 不进行组织或个人判断
-export const specialRoute = ["explore", "settings", "setting", "mulan", "wiki", "issues", "setting", "trending", "code", "projects", "pulls", "mine", "login", "register", "email", "export", "nopage", "404", "403", "500", "501", "search", "organize", "login", "register", "resetPassword", "aboutus","educoder", "glcc","bindlogin", "softbot","zone", "undefined", "admins", "oauth", "competitions", "hiagent","sf", "development", "governance"]
+export const specialRoute = ["ossRepo", "settings", "setting", "mulan", "wiki", "issues", "setting", "trending", "code", "projects", "pulls", "mine", "login", "register", "email", "export", "nopage", "404", "403", "500", "501", "search", "organize", "login", "register", "resetPassword", "aboutus","educoder", "glcc","bindlogin", "softbot","zone", "undefined", "admins", "oauth", "competitions", "hiagent","sf", "development", "governance","explore"]

package.json

@@ -83,6 +83,7 @@
     "numeral": "^2.0.6",
     "nvm": "0.0.4",
     "object-assign": "4.1.1",
+    "p-queue": "^9.2.0",
     "papaparse": "^5.3.2",
     "pinyin": "^4.0.0-alpha.0",
     "postcss-flexbugs-fixes": "3.2.0",
@@ -138,6 +139,7 @@
     "showdown": "^1.9.1",
     "showdown-katex": "^0.8.0",
     "slick-carousel": "^1.8.1",
+    "spark-md5": "^3.0.2",
     "store": "^2.0.12",
     "styled-components": "^4.4.1",
     "webpack-node-externals": "^3.0.0",

public/css/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 2340181 */
-  src: url('iconfont.woff2?t=1765938619495') format('woff2'),
-       url('iconfont.woff?t=1765938619495') format('woff'),
-       url('iconfont.ttf?t=1765938619495') format('truetype');
+  src: url('iconfont.woff2?t=1784688510240') format('woff2'),
+       url('iconfont.woff?t=1784688510240') format('woff'),
+       url('iconfont.ttf?t=1784688510240') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,302 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-zhinengti:before {
+  content: "\ea0f";
+}
+
+.icon-a-fabu1:before {
+  content: "\ea0d";
+}
+
+.icon-a-search-ai6c9d7b621:before {
+  content: "\ea0e";
+}
+
+.icon-remenhuati:before {
+  content: "\e9df";
+}
+
+.icon-chengguolingyu:before {
+  content: "\ea09";
+}
+
+.icon-chengguoleixing:before {
+  content: "\ea0a";
+}
+
+.icon-chengguolaiyuan:before {
+  content: "\ea0b";
+}
+
+.icon-zhinengzhushou:before {
+  content: "\ea08";
+}
+
+.icon-shine-search:before {
+  content: "\ea07";
+}
+
+.icon-zuojiantou3:before {
+  content: "\ea05";
+}
+
+.icon-youjiantou2:before {
+  content: "\ea06";
+}
+
+.icon-fanhuagongju:before {
+  content: "\ea02";
+}
+
+.icon-jingxuanxiangmu1:before {
+  content: "\ea03";
+}
+
+.icon-gengduo2:before {
+  content: "\ea04";
+}
+
+.icon-shengwuyiyao:before {
+  content: "\e9f5";
+}
+
+.icon-youjiantou1:before {
+  content: "\e9fa";
+}
+
+.icon-zuojiantou2:before {
+  content: "\e9fd";
+}
+
+.icon-daqihaiyanghuanjing:before {
+  content: "\e9fe";
+}
+
+.icon-tianwendiliwuli:before {
+  content: "\e9ff";
+}
+
+.icon-xinnengyuanxincailiao:before {
+  content: "\ea00";
+}
+
+.icon-gongyeshejizhizao:before {
+  content: "\ea01";
+}
+
+.icon-tiezi:before {
+  content: "\e9f4";
+}
+
+.icon-yulan:before {
+  content: "\e9f1";
+}
+
+.icon-arrright:before {
+  content: "\e9fc";
+}
+
+.icon-yunxiaogongju:before {
+  content: "\e9f6";
+}
+
+.icon-daimazhijian:before {
+  content: "\e9f7";
+}
+
+.icon-yidongkaifa:before {
+  content: "\e9f8";
+}
+
+.icon-qita:before {
+  content: "\e9f9";
+}
+
+.icon-meitichuli:before {
+  content: "\e9fb";
+}
+
+.icon-skill:before {
+  content: "\e9f3";
+}
+
+.icon-daimaku1:before {
+  content: "\e9f2";
+}
+
+.icon-dianzan5:before {
+  content: "\e9ee";
+}
+
+.icon-duomotaimoxing:before {
+  content: "\e9ef";
+}
+
+.icon-a-kexueyanjiuhejishufuwuye-1:before {
+  content: "\e9f0";
+}
+
+.icon-yinpin-1:before {
+  content: "\e9e2";
+}
+
+.icon-shujuji-4:before {
+  content: "\e9e4";
+}
+
+.icon-shujuji:before {
+  content: "\e9e5";
+}
+
+.icon-shujuyuanmoxing:before {
+  content: "\e9e6";
+}
+
+.icon-shujuji-3:before {
+  content: "\e9e7";
+}
+
+.icon-a-shujuji5:before {
+  content: "\e9e8";
+}
+
+.icon-a-shujuji-6:before {
+  content: "\e9e9";
+}
+
+.icon-shipinbofang-1:before {
+  content: "\e9ea";
+}
+
+.icon-moxingku:before {
+  content: "\e9eb";
+}
+
+.icon-a-shijianzhongbiao:before {
+  content: "\e9ec";
+}
+
+.icon-remenmoxing-2:before {
+  content: "\e9ed";
+}
+
+.icon-a-Dshujukukaifagongju:before {
+  content: "\e9cd";
+}
+
+.icon-ziranyuyanchuli-2:before {
+  content: "\e9db";
+}
+
+.icon-a-zu18214:before {
+  content: "\e9dc";
+}
+
+.icon-zizhushujuji:before {
+  content: "\e9dd";
+}
+
+.icon-yuyin-1:before {
+  content: "\e9de";
+}
+
+.icon-a-tuxiang-1:before {
+  content: "\e9e0";
+}
+
+.icon-xiazai3:before {
+  content: "\e9e1";
+}
+
+.icon-shijian1:before {
+  content: "\e9cb";
+}
+
+.icon-liulanliang:before {
+  content: "\e9cc";
+}
+
+.icon-guanbi2:before {
+  content: "\e9ca";
+}
+
+.icon-zhanshishangxian1:before {
+  content: "\e9d3";
+}
+
+.icon-tianxiexinxi:before {
+  content: "\e9d8";
+}
+
+.icon-tijiaoshenqing1:before {
+  content: "\e9d9";
+}
+
+.icon-guanliyuanshenhe1:before {
+  content: "\e9da";
+}
+
+.icon-sixin2:before {
+  content: "\e9e3";
+}
+
+.icon-dianzan4:before {
+  content: "\e9d6";
+}
+
+.icon-liulanshu:before {
+  content: "\e9d7";
+}
+
+.icon-tiezishu:before {
+  content: "\e9ce";
+}
+
+.icon-yanjiulingyu:before {
+  content: "\e9cf";
+}
+
+.icon-a-xiugai3:before {
+  content: "\e9d0";
+}
+
+.icon-yitijiaoderuzhuxinxi:before {
+  content: "\e9d1";
+}
+
+.icon-sixin:before {
+  content: "\e9d2";
+}
+
+.icon-gerenjianjie:before {
+  content: "\e9d4";
+}
+
+.icon-guanzhu1:before {
+  content: "\e9d5";
+}
+
+.icon-woyefatie:before {
+  content: "\e9c9";
+}
+
+.icon-yingyongmoban:before {
+  content: "\e9c8";
+}
+
+.icon-zhuangtai:before {
+  content: "\e9c5";
+}
+
+.icon-fuzhi-shanchu1:before {
+  content: "\e9c6";
+}
+
+.icon-mobanguanli:before {
+  content: "\e9c7";
+}
+
 .icon-svg_jiantou1:before {
   content: "\e9c3";
 }

public/css/iconfont.json

@@ -5,6 +5,524 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "48129347",
+      "name": "智能体",
+      "font_class": "zhinengti",
+      "unicode": "ea0f",
+      "unicode_decimal": 59919
+    },
+    {
+      "icon_id": "48114624",
+      "name": "发布 (1)",
+      "font_class": "a-fabu1",
+      "unicode": "ea0d",
+      "unicode_decimal": 59917
+    },
+    {
+      "icon_id": "48114623",
+      "name": "search-ai.6c9d7b62 (1)",
+      "font_class": "a-search-ai6c9d7b621",
+      "unicode": "ea0e",
+      "unicode_decimal": 59918
+    },
+    {
+      "icon_id": "48114629",
+      "name": "热门话题",
+      "font_class": "remenhuati",
+      "unicode": "e9df",
+      "unicode_decimal": 59871
+    },
+    {
+      "icon_id": "47969738",
+      "name": "成果领域",
+      "font_class": "chengguolingyu",
+      "unicode": "ea09",
+      "unicode_decimal": 59913
+    },
+    {
+      "icon_id": "47969739",
+      "name": "成果类型",
+      "font_class": "chengguoleixing",
+      "unicode": "ea0a",
+      "unicode_decimal": 59914
+    },
+    {
+      "icon_id": "47969740",
+      "name": "成果来源",
+      "font_class": "chengguolaiyuan",
+      "unicode": "ea0b",
+      "unicode_decimal": 59915
+    },
+    {
+      "icon_id": "45990748",
+      "name": "智能助手",
+      "font_class": "zhinengzhushou",
+      "unicode": "ea08",
+      "unicode_decimal": 59912
+    },
+    {
+      "icon_id": "47826921",
+      "name": "shine-search",
+      "font_class": "shine-search",
+      "unicode": "ea07",
+      "unicode_decimal": 59911
+    },
+    {
+      "icon_id": "47798947",
+      "name": "左箭头",
+      "font_class": "zuojiantou3",
+      "unicode": "ea05",
+      "unicode_decimal": 59909
+    },
+    {
+      "icon_id": "47798946",
+      "name": "右箭头",
+      "font_class": "youjiantou2",
+      "unicode": "ea06",
+      "unicode_decimal": 59910
+    },
+    {
+      "icon_id": "47778051",
+      "name": "泛化工具",
+      "font_class": "fanhuagongju",
+      "unicode": "ea02",
+      "unicode_decimal": 59906
+    },
+    {
+      "icon_id": "47778050",
+      "name": "精选项目",
+      "font_class": "jingxuanxiangmu1",
+      "unicode": "ea03",
+      "unicode_decimal": 59907
+    },
+    {
+      "icon_id": "47778049",
+      "name": "更多",
+      "font_class": "gengduo2",
+      "unicode": "ea04",
+      "unicode_decimal": 59908
+    },
+    {
+      "icon_id": "47778058",
+      "name": "生物医药",
+      "font_class": "shengwuyiyao",
+      "unicode": "e9f5",
+      "unicode_decimal": 59893
+    },
+    {
+      "icon_id": "47778057",
+      "name": "右箭头",
+      "font_class": "youjiantou1",
+      "unicode": "e9fa",
+      "unicode_decimal": 59898
+    },
+    {
+      "icon_id": "47778056",
+      "name": "左箭头",
+      "font_class": "zuojiantou2",
+      "unicode": "e9fd",
+      "unicode_decimal": 59901
+    },
+    {
+      "icon_id": "47778052",
+      "name": "大气海洋环境",
+      "font_class": "daqihaiyanghuanjing",
+      "unicode": "e9fe",
+      "unicode_decimal": 59902
+    },
+    {
+      "icon_id": "47778055",
+      "name": "天文地理物理",
+      "font_class": "tianwendiliwuli",
+      "unicode": "e9ff",
+      "unicode_decimal": 59903
+    },
+    {
+      "icon_id": "47778054",
+      "name": "新能源新材料",
+      "font_class": "xinnengyuanxincailiao",
+      "unicode": "ea00",
+      "unicode_decimal": 59904
+    },
+    {
+      "icon_id": "47778053",
+      "name": "工业设计制造",
+      "font_class": "gongyeshejizhizao",
+      "unicode": "ea01",
+      "unicode_decimal": 59905
+    },
+    {
+      "icon_id": "47756092",
+      "name": "帖子",
+      "font_class": "tiezi",
+      "unicode": "e9f4",
+      "unicode_decimal": 59892
+    },
+    {
+      "icon_id": "47540661",
+      "name": "预览",
+      "font_class": "yulan",
+      "unicode": "e9f1",
+      "unicode_decimal": 59889
+    },
+    {
+      "icon_id": "40883122",
+      "name": "长箭头-copy",
+      "font_class": "arrright",
+      "unicode": "e9fc",
+      "unicode_decimal": 59900
+    },
+    {
+      "icon_id": "47487774",
+      "name": "云效工具",
+      "font_class": "yunxiaogongju",
+      "unicode": "e9f6",
+      "unicode_decimal": 59894
+    },
+    {
+      "icon_id": "47487775",
+      "name": "代码质检",
+      "font_class": "daimazhijian",
+      "unicode": "e9f7",
+      "unicode_decimal": 59895
+    },
+    {
+      "icon_id": "47487773",
+      "name": "移动开发",
+      "font_class": "yidongkaifa",
+      "unicode": "e9f8",
+      "unicode_decimal": 59896
+    },
+    {
+      "icon_id": "47487772",
+      "name": "其他",
+      "font_class": "qita",
+      "unicode": "e9f9",
+      "unicode_decimal": 59897
+    },
+    {
+      "icon_id": "47487770",
+      "name": "媒体处理",
+      "font_class": "meitichuli",
+      "unicode": "e9fb",
+      "unicode_decimal": 59899
+    },
+    {
+      "icon_id": "47487669",
+      "name": "skill",
+      "font_class": "skill",
+      "unicode": "e9f3",
+      "unicode_decimal": 59891
+    },
+    {
+      "icon_id": "47487670",
+      "name": "代码库",
+      "font_class": "daimaku1",
+      "unicode": "e9f2",
+      "unicode_decimal": 59890
+    },
+    {
+      "icon_id": "47470076",
+      "name": "点赞",
+      "font_class": "dianzan5",
+      "unicode": "e9ee",
+      "unicode_decimal": 59886
+    },
+    {
+      "icon_id": "47470075",
+      "name": "多模态模型",
+      "font_class": "duomotaimoxing",
+      "unicode": "e9ef",
+      "unicode_decimal": 59887
+    },
+    {
+      "icon_id": "47470074",
+      "name": "科学研究和技术服务业 -1",
+      "font_class": "a-kexueyanjiuhejishufuwuye-1",
+      "unicode": "e9f0",
+      "unicode_decimal": 59888
+    },
+    {
+      "icon_id": "47470091",
+      "name": "音频-1",
+      "font_class": "yinpin-1",
+      "unicode": "e9e2",
+      "unicode_decimal": 59874
+    },
+    {
+      "icon_id": "47470090",
+      "name": "数据集-4",
+      "font_class": "shujuji-4",
+      "unicode": "e9e4",
+      "unicode_decimal": 59876
+    },
+    {
+      "icon_id": "47470088",
+      "name": "数据集",
+      "font_class": "shujuji",
+      "unicode": "e9e5",
+      "unicode_decimal": 59877
+    },
+    {
+      "icon_id": "47470089",
+      "name": "数据源模型",
+      "font_class": "shujuyuanmoxing",
+      "unicode": "e9e6",
+      "unicode_decimal": 59878
+    },
+    {
+      "icon_id": "47470087",
+      "name": "数据集-3",
+      "font_class": "shujuji-3",
+      "unicode": "e9e7",
+      "unicode_decimal": 59879
+    },
+    {
+      "icon_id": "47470086",
+      "name": "数据集 (5)",
+      "font_class": "a-shujuji5",
+      "unicode": "e9e8",
+      "unicode_decimal": 59880
+    },
+    {
+      "icon_id": "47470083",
+      "name": "数据集 -6",
+      "font_class": "a-shujuji-6",
+      "unicode": "e9e9",
+      "unicode_decimal": 59881
+    },
+    {
+      "icon_id": "47470084",
+      "name": "视频播放-1",
+      "font_class": "shipinbofang-1",
+      "unicode": "e9ea",
+      "unicode_decimal": 59882
+    },
+    {
+      "icon_id": "47470081",
+      "name": "模型库",
+      "font_class": "moxingku",
+      "unicode": "e9eb",
+      "unicode_decimal": 59883
+    },
+    {
+      "icon_id": "47470080",
+      "name": "时间 钟表",
+      "font_class": "a-shijianzhongbiao",
+      "unicode": "e9ec",
+      "unicode_decimal": 59884
+    },
+    {
+      "icon_id": "47470079",
+      "name": "热门模型-2",
+      "font_class": "remenmoxing-2",
+      "unicode": "e9ed",
+      "unicode_decimal": 59885
+    },
+    {
+      "icon_id": "47470107",
+      "name": "D+数据库开发工具",
+      "font_class": "a-Dshujukukaifagongju",
+      "unicode": "e9cd",
+      "unicode_decimal": 59853
+    },
+    {
+      "icon_id": "47470101",
+      "name": "自然语言处理-2",
+      "font_class": "ziranyuyanchuli-2",
+      "unicode": "e9db",
+      "unicode_decimal": 59867
+    },
+    {
+      "icon_id": "47470102",
+      "name": "组 18214",
+      "font_class": "a-zu18214",
+      "unicode": "e9dc",
+      "unicode_decimal": 59868
+    },
+    {
+      "icon_id": "47470098",
+      "name": "自助数据集",
+      "font_class": "zizhushujuji",
+      "unicode": "e9dd",
+      "unicode_decimal": 59869
+    },
+    {
+      "icon_id": "47470095",
+      "name": "语音-1",
+      "font_class": "yuyin-1",
+      "unicode": "e9de",
+      "unicode_decimal": 59870
+    },
+    {
+      "icon_id": "47470094",
+      "name": "图像  -1",
+      "font_class": "a-tuxiang-1",
+      "unicode": "e9e0",
+      "unicode_decimal": 59872
+    },
+    {
+      "icon_id": "47470092",
+      "name": "下载",
+      "font_class": "xiazai3",
+      "unicode": "e9e1",
+      "unicode_decimal": 59873
+    },
+    {
+      "icon_id": "47464883",
+      "name": "时间",
+      "font_class": "shijian1",
+      "unicode": "e9cb",
+      "unicode_decimal": 59851
+    },
+    {
+      "icon_id": "47464882",
+      "name": "浏览量",
+      "font_class": "liulanliang",
+      "unicode": "e9cc",
+      "unicode_decimal": 59852
+    },
+    {
+      "icon_id": "47337195",
+      "name": "关闭",
+      "font_class": "guanbi2",
+      "unicode": "e9ca",
+      "unicode_decimal": 59850
+    },
+    {
+      "icon_id": "47202525",
+      "name": "展示上线",
+      "font_class": "zhanshishangxian1",
+      "unicode": "e9d3",
+      "unicode_decimal": 59859
+    },
+    {
+      "icon_id": "47202524",
+      "name": "填写信息",
+      "font_class": "tianxiexinxi",
+      "unicode": "e9d8",
+      "unicode_decimal": 59864
+    },
+    {
+      "icon_id": "47202523",
+      "name": "提交申请",
+      "font_class": "tijiaoshenqing1",
+      "unicode": "e9d9",
+      "unicode_decimal": 59865
+    },
+    {
+      "icon_id": "47202522",
+      "name": "管理员审核",
+      "font_class": "guanliyuanshenhe1",
+      "unicode": "e9da",
+      "unicode_decimal": 59866
+    },
+    {
+      "icon_id": "47195847",
+      "name": "私信",
+      "font_class": "sixin2",
+      "unicode": "e9e3",
+      "unicode_decimal": 59875
+    },
+    {
+      "icon_id": "47195594",
+      "name": "点赞",
+      "font_class": "dianzan4",
+      "unicode": "e9d6",
+      "unicode_decimal": 59862
+    },
+    {
+      "icon_id": "47195591",
+      "name": "浏览数",
+      "font_class": "liulanshu",
+      "unicode": "e9d7",
+      "unicode_decimal": 59863
+    },
+    {
+      "icon_id": "47195601",
+      "name": "帖子数",
+      "font_class": "tiezishu",
+      "unicode": "e9ce",
+      "unicode_decimal": 59854
+    },
+    {
+      "icon_id": "47195600",
+      "name": "研究领域",
+      "font_class": "yanjiulingyu",
+      "unicode": "e9cf",
+      "unicode_decimal": 59855
+    },
+    {
+      "icon_id": "47195597",
+      "name": "修改 (3)",
+      "font_class": "a-xiugai3",
+      "unicode": "e9d0",
+      "unicode_decimal": 59856
+    },
+    {
+      "icon_id": "47195598",
+      "name": "已提交的入驻信息",
+      "font_class": "yitijiaoderuzhuxinxi",
+      "unicode": "e9d1",
+      "unicode_decimal": 59857
+    },
+    {
+      "icon_id": "47195599",
+      "name": "私信",
+      "font_class": "sixin",
+      "unicode": "e9d2",
+      "unicode_decimal": 59858
+    },
+    {
+      "icon_id": "47195593",
+      "name": "个人简介",
+      "font_class": "gerenjianjie",
+      "unicode": "e9d4",
+      "unicode_decimal": 59860
+    },
+    {
+      "icon_id": "47195595",
+      "name": "关注",
+      "font_class": "guanzhu1",
+      "unicode": "e9d5",
+      "unicode_decimal": 59861
+    },
+    {
+      "icon_id": "47139445",
+      "name": "我也发帖",
+      "font_class": "woyefatie",
+      "unicode": "e9c9",
+      "unicode_decimal": 59849
+    },
+    {
+      "icon_id": "46808654",
+      "name": "应用模板",
+      "font_class": "yingyongmoban",
+      "unicode": "e9c8",
+      "unicode_decimal": 59848
+    },
+    {
+      "icon_id": "46593376",
+      "name": "状态",
+      "font_class": "zhuangtai",
+      "unicode": "e9c5",
+      "unicode_decimal": 59845
+    },
+    {
+      "icon_id": "46593375",
+      "name": "复制-删除",
+      "font_class": "fuzhi-shanchu1",
+      "unicode": "e9c6",
+      "unicode_decimal": 59846
+    },
+    {
+      "icon_id": "46593374",
+      "name": "模版管理",
+      "font_class": "mobanguanli",
+      "unicode": "e9c7",
+      "unicode_decimal": 59847
+    },
     {
       "icon_id": "46370299",
       "name": "svg_箭头1",

public/css/iconfont_color/demo.css

@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}

public/css/iconfont_color/iconfont.css

@@ -0,0 +1,101 @@
+@font-face {
+  font-family: "iconfont-color"; /* Project id 5169666 */
+  /* Color fonts */
+  src: 
+       url('iconfont.woff2?t=1778741571506') format('woff2'),
+       url('iconfont.woff?t=1778741571506') format('woff'),
+       url('iconfont.ttf?t=1778741571506') format('truetype');
+}
+
+.iconfont-color {
+  font-family: "iconfont-color" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-colorqita:before {
+  content: "\e7b3";
+}
+
+.icon-coloryidongkaifa:before {
+  content: "\e7b4";
+}
+
+.icon-colordaimazhijian:before {
+  content: "\e7b5";
+}
+
+.icon-coloryunxiaogongju:before {
+  content: "\e7b6";
+}
+
+.icon-coloryouxiyule:before {
+  content: "\e7b7";
+}
+
+.icon-colorskill:before {
+  content: "\e7b0";
+}
+
+.icon-colorshujuji:before {
+  content: "\e7b1";
+}
+
+.icon-colordaimaku1:before {
+  content: "\e7b2";
+}
+
+.icon-colormoxingku:before {
+  content: "\e7af";
+}
+
+.icon-coloryinpin:before {
+  content: "\e7ad";
+}
+
+.icon-colorremenmoxing-1:before {
+  content: "\e7a3";
+}
+
+.icon-colorkexueyanjiuhejishufuwuye:before {
+  content: "\e7ae";
+}
+
+.icon-colora-zu18210:before {
+  content: "\e7a6";
+}
+
+.icon-colora-zu18240:before {
+  content: "\e7a5";
+}
+
+.icon-colora-zuixin1:before {
+  content: "\e7a7";
+}
+
+.icon-colorziranyuyanchuli:before {
+  content: "\e7a8";
+}
+
+.icon-colorshichangtuiguang-01:before {
+  content: "\e7a4";
+}
+
+.icon-coloryuyin:before {
+  content: "\e7a9";
+}
+
+.icon-colortuxiang:before {
+  content: "\e7aa";
+}
+
+.icon-colora-zu18213:before {
+  content: "\e7ab";
+}
+
+.icon-colorshipinbofang:before {
+  content: "\e7ac";
+}
+

public/css/iconfont_color/iconfont.json

@@ -0,0 +1,156 @@
+{
+  "id": "5169666",
+  "name": "newForge-color",
+  "font_family": "iconfont-color",
+  "css_prefix_text": "icon-color",
+  "description": "gitlink/红山开源 带颜色的icon",
+  "glyphs": [
+    {
+      "icon_id": "47487873",
+      "name": "其他",
+      "font_class": "qita",
+      "unicode": "e7b3",
+      "unicode_decimal": 59315
+    },
+    {
+      "icon_id": "47487872",
+      "name": "移动开发",
+      "font_class": "yidongkaifa",
+      "unicode": "e7b4",
+      "unicode_decimal": 59316
+    },
+    {
+      "icon_id": "47487870",
+      "name": "代码质检",
+      "font_class": "daimazhijian",
+      "unicode": "e7b5",
+      "unicode_decimal": 59317
+    },
+    {
+      "icon_id": "47487871",
+      "name": "云效工具",
+      "font_class": "yunxiaogongju",
+      "unicode": "e7b6",
+      "unicode_decimal": 59318
+    },
+    {
+      "icon_id": "47487869",
+      "name": "游戏娱乐",
+      "font_class": "youxiyule",
+      "unicode": "e7b7",
+      "unicode_decimal": 59319
+    },
+    {
+      "icon_id": "47487614",
+      "name": "skill",
+      "font_class": "skill",
+      "unicode": "e7b0",
+      "unicode_decimal": 59312
+    },
+    {
+      "icon_id": "47487615",
+      "name": "数据集",
+      "font_class": "shujuji",
+      "unicode": "e7b1",
+      "unicode_decimal": 59313
+    },
+    {
+      "icon_id": "47487613",
+      "name": "代码库",
+      "font_class": "daimaku1",
+      "unicode": "e7b2",
+      "unicode_decimal": 59314
+    },
+    {
+      "icon_id": "47487578",
+      "name": "模型库",
+      "font_class": "moxingku",
+      "unicode": "e7af",
+      "unicode_decimal": 59311
+    },
+    {
+      "icon_id": "47470053",
+      "name": "音频",
+      "font_class": "yinpin",
+      "unicode": "e7ad",
+      "unicode_decimal": 59309
+    },
+    {
+      "icon_id": "47470038",
+      "name": "热门模型-1",
+      "font_class": "remenmoxing-1",
+      "unicode": "e7a3",
+      "unicode_decimal": 59299
+    },
+    {
+      "icon_id": "47470036",
+      "name": "科学研究和技术服务业",
+      "font_class": "kexueyanjiuhejishufuwuye",
+      "unicode": "e7ae",
+      "unicode_decimal": 59310
+    },
+    {
+      "icon_id": "47470068",
+      "name": "组 18210",
+      "font_class": "a-zu18210",
+      "unicode": "e7a6",
+      "unicode_decimal": 59302
+    },
+    {
+      "icon_id": "47470067",
+      "name": "组 18240",
+      "font_class": "a-zu18240",
+      "unicode": "e7a5",
+      "unicode_decimal": 59301
+    },
+    {
+      "icon_id": "47470066",
+      "name": "最新 (1)",
+      "font_class": "a-zuixin1",
+      "unicode": "e7a7",
+      "unicode_decimal": 59303
+    },
+    {
+      "icon_id": "47470060",
+      "name": "自然语言处理",
+      "font_class": "ziranyuyanchuli",
+      "unicode": "e7a8",
+      "unicode_decimal": 59304
+    },
+    {
+      "icon_id": "47470052",
+      "name": "市场推广-01",
+      "font_class": "shichangtuiguang-01",
+      "unicode": "e7a4",
+      "unicode_decimal": 59300
+    },
+    {
+      "icon_id": "47470056",
+      "name": "语音",
+      "font_class": "yuyin",
+      "unicode": "e7a9",
+      "unicode_decimal": 59305
+    },
+    {
+      "icon_id": "47470055",
+      "name": "图像",
+      "font_class": "tuxiang",
+      "unicode": "e7aa",
+      "unicode_decimal": 59306
+    },
+    {
+      "icon_id": "47470057",
+      "name": "组 18213",
+      "font_class": "a-zu18213",
+      "unicode": "e7ab",
+      "unicode_decimal": 59307
+    },
+    {
+      "icon_id": "47470047",
+      "name": "视频播放",
+      "font_class": "shipinbofang",
+      "unicode": "e7ac",
+      "unicode_decimal": 59308
+    }
+  ]
+}

public/index.html

@@ -42,6 +42,7 @@
   <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
   <link rel="stylesheet" type="text/css" href="%PUBLIC_URL%css/alex/alex.all.global.min.css">
   <link rel="stylesheet" type="text/css" href="%PUBLIC_URL%css/iconfont.css">
+  <link rel="stylesheet" type="text/css" href="%PUBLIC_URL%css/iconfont_color/iconfont.css">
   <!-- <link rel="stylesheet" type="text/css" href="%PUBLIC_URL%css/edu-purge.css"> -->
   <link rel="stylesheet" type="text/css" href="%PUBLIC_URL%css/editormd.min.css">
   <!-- <link rel="stylesheet" type="text/css" href="%PUBLIC_URL%css/merge.css"> -->

src/App.css

@@ -167,6 +167,38 @@ body {
   opacity: 0.4;
 }
 
+.mt-10{
+  margin-top: -10px;
+}
+
+.df-center-between{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.df-center{
+  display: flex;
+  align-items: center;
+}
+
+.df-between{
+  display: flex;
+  justify-content: space-between;
+}
+
+.df-start{
+  display: flex;
+  align-items: flex-start;
+}
+
+.grid-item-top {
+  display: grid;
+  align-items: center;
+  grid-template-columns: max-content 1fr;
+  align-items: flex-start;
+}
+
 @media screen and (max-width: 1366px) {
   body{
     zoom: 0.75;

src/App.js

@@ -236,6 +236,11 @@ const GovernanceIframe = Loadable({
   loading: Loading,
 });
 
+const OssRepoIframe = Loadable({
+  loader: () => import("./forge/ossRepoIframe"),
+  loading: Loading,
+});
+
 const Forums = Loadable({
   loader: () => import("./forums"),
   loading: Loading,
@@ -246,8 +251,13 @@ const News = Loadable({
   loading: Loading,
 });
 
+const AI = Loadable({
+  loader: () => import("./ai"),
+  loading: Loading,
+});
+
 // 此处仅维护前端可能的一级路由，不用进行项目或者组织判断的字段。
-const keyWord = ["explore", "settings", "setting", "mulan", "wiki", "issues", "setting", "trending", "code", "projects", "pulls", "mine", "login", "register", "email", "export", "nopage", "404", "403", "500", "501", "search", "organize", "login", "register", "resetPassword", "aboutus","educoder", "glcc","bindlogin", "softbot","zone", "hiagent","sf", "development", "governance", "forums", "news", "exploreStore", "factory", "zoneAdmin"];
+const keyWord = ["ossRepo", "settings", "setting", "mulan", "wiki", "issues", "setting", "trending", "code", "projects", "pulls", "mine", "login", "register", "email", "export", "nopage", "404", "403", "500", "501", "search", "organize", "login", "register", "resetPassword", "aboutus","educoder", "glcc","bindlogin", "softbot","zone", "hiagent","sf", "development", "governance", "explore","forums", "news", "exploreStore", "factory", "zoneAdmin", "ai"];
 
 class App extends Component {
   constructor(props) {
@@ -432,6 +442,11 @@ class App extends Component {
           {
             pathType ?         
             <Switch>
+            <Route path="/ai"
+              render={
+                (props) => (<AI {...this.props} {...props} {...this.state} />)
+              }
+            ></Route>
             {/* 社区动态页面 */}
             <Route path="/news"
               render={
@@ -626,7 +641,7 @@ class App extends Component {
                 <Route path="/search" component={Search} mygetHelmetapi={mygetHelmetapi} />
 
                 {/* 项目标签列表页 */}
-                <Route path="/explore/topic/:id/:name" component={Topic} mygetHelmetapi={mygetHelmetapi} />
+                <Route path="/ossRepo/topic/:id/:name" component={Topic} mygetHelmetapi={mygetHelmetapi} />
 
                 <Route path={"/:OIdentifier/enterprise"}
                   render={
@@ -713,7 +728,7 @@ class App extends Component {
                     <Projects {...this.props} {...props} />
                   )}
                 ></Route>
-                <Route exact path="/explore"
+                <Route exact path="/ossRepo"
                   render={
                     (props) => (
                       <Projects {...this.props} {...props} {...this.state}/>
@@ -735,6 +750,15 @@ class App extends Component {
                   }>
                 </Route>
 
+                <Route
+                  path={"/explore"}
+                  render={
+                    (props) => {
+                      return (<OssRepoIframe {...this.props} {...props} {...this.state} />)
+                    }
+                  }>
+                </Route>
+
                 <Route
                   path={"/factory"}
                   render={

src/ai/api.js

@@ -0,0 +1,29 @@
+import fetch from './fetch';
+import fetchLogin from './fetchLogin';
+
+/**智能体分类列表***/
+export function getAgentTypeList(params) {
+  return fetch({
+    url: `/console-api/home-page/agent-square/get-bot-type-list`,
+    method: 'get',
+    params
+  });
+}
+
+/**智能体列表***/
+export function getAgentList(params) {
+  return fetch({
+    url: `/console-api/home-page/agent-square/get-bot-page-by-type`,
+    method: 'get',
+    params
+  });
+}
+
+/**智能体登录***/
+export function agentLogin(data) {
+  return fetchLogin({
+    url: `/api/login/oauth/access_token`,
+    method: 'post',
+    data
+  });
+}

src/ai/component.jsx

@@ -0,0 +1,48 @@
+import { message, Modal } from "antd"
+import { deleteProjectInZoneById, deleteSourceById, takeDownSourceById } from "../forge/Information/api";
+import { useState } from "react";
+
+export const DeleteModal = ({type, id, cancel, roleByZone, reload}) =>{
+  const [loading, setLoading] = useState(false)
+  return <Modal className="purpleGradient" title="删除资源" visible={!!id} onCancel={cancel} okButtonProps={{loading: loading}} onOk={()=>{
+    const deleteFn = type === "codes" ? deleteProjectInZoneById : deleteSourceById;
+    setLoading(true);
+    deleteFn(id, roleByZone).then(res=>{
+      if(res && res.data && res.data.code === 200){
+        message.success(`操作成功`);
+        cancel();
+        reload(Math.random());
+      }
+    }).finally(()=>{
+      setLoading(false);
+    })
+  }}>
+    <div className="center pt20">
+      <i className="iconfont icon-shanchu_tc_icon color-red mr10"></i>
+      <span className="font-18">确定删除资源吗？</span>
+      <div className="mt20 mb40">该操作不可恢复，请确认后再操作</div>
+    </div>
+  </Modal>
+}
+
+export const TakeDownModal = ({id, cancel, roleByZone, reload}) =>{
+  const [loading, setLoading] = useState(false)
+  return <Modal key="down" className="purpleGradient" title="下架资源" visible={!!id} onCancel={cancel} okButtonProps={{loading: loading}} onOk={()=>{
+    setLoading(true);
+    takeDownSourceById(id, roleByZone).then(res=>{
+      if(res && res.data && res.data.code === 200){
+        message.success(`操作成功`);
+        cancel();
+        reload(Math.random());
+      }
+    }).finally(()=>{
+      setLoading(false);
+    })
+  }}>
+    <div className="center pt20">
+      <i className="iconfont icon-shanchu_tc_icon color-red mr10"></i>
+      <span className="font-18">确定下架资源吗？</span>
+      <div className="mt20 mb40">下架后AI资源广场将隐藏该资源，但可重新申请上架</div>
+    </div>
+  </Modal>
+}

src/ai/create/index.jsx

@@ -0,0 +1,560 @@
+import React, { useState, useEffect, Fragment, useRef } from "react";
+import { Input, Select, Upload, message, Form, Checkbox, Tree, Spin, Alert } from "antd";
+import './index.scss';
+import { aiCreateSteps, aiResouceType, aiResouceTypeKey, convertToTreeData } from "../static";
+import { Link } from "react-router-dom";
+import { AlignCenter } from "../../forge/Component/layout";
+import DorpChooseMenus from "../../forge/Component/licenseModal/dorpChooseMenus";
+import axios from "axios";
+import { addDataset, addModel, addProjectInZone, addSkill, editDataset, editModel, editSkill, getProjectsTypeLists, getAISourceById, getSourceZoneList, parseFileBySkill } from "../../forge/Information/api";
+import ChunkedUpload from "../../components/ChunkedUpload";
+const { Option } = Select;
+
+function CreateResource(props) {
+  const { match: { params }, form, current_user, history, aiZoneInfo, roleByZone } = props || {};
+  const { getFieldDecorator, getFieldsValue, setFieldsValue, validateFields } = form;
+  const type = params.type || aiResouceType[0].key;
+  const sourceId = params.id; //资源id，编辑状态不允许筛选一级分类
+  const { user_id, login } = current_user || {}
+  const { id: aiZoneId } = aiZoneInfo || {}
+
+  const [loading, setLoading] = useState(false);
+  const [currentStep, setCurrentStep] = useState(0);
+  const [categoryList, setCategoryList] = useState();
+  const [languageList, setLanguageList] = useState();
+  const [gitignoreList, setGitignoreList] = useState();
+  const [licensesList, setLicensesList] = useState();
+  const [ownerList, setOwnerList] = useState();
+  const [cate, setCate] = useState();
+  const [info, setInfo] = useState();
+  const [uploadedFile, setUploadedFile] = useState(null);
+  const [remark, setRemark] = useState('');
+  const uploadRef = useRef(null);
+
+  const typeDetail = type && aiResouceType.find(i => i.key === type);
+  const { ignoreFlag, licenseFlag, categoreFlag, languageFlag, file } = getFieldsValue();
+  const { file: fileByupload } = file || {}
+  const { response: responseByupload } = fileByupload || {}
+  const { fileTreeJson } = responseByupload || {}
+
+  const skillTreeData = fileTreeJson && convertToTreeData(JSON.parse(fileTreeJson).children)
+
+  // 登录检查：如果未登录则跳转到登录页面
+  useEffect(() => {
+    if (!login) {
+      history.push(`/login?go_page=${encodeURIComponent(window.location.pathname)}`);
+    }
+  }, [login]);
+
+  // 自动滚动动画：每 5 秒切换到下一步
+  useEffect(() => {
+    document.title = `发布新资源`;
+    const timer = setInterval(() => {
+      setCurrentStep((prev) => (prev + 1) % aiCreateSteps.length);
+    }, 5000);
+
+    return () => clearInterval(timer);
+  }, []);
+
+  useEffect(() => {
+    switch (type) {
+      case "codes":
+        axios.get(`/owners.json`).then(result => {
+          if (result && result.data && result.data.owners) {
+            setOwnerList(result.data.owners)
+            const owner = result.data.owners.filter(item => item.id === user_id);
+            owner[0] && setTimeout(() => {
+              setFieldsValue({
+                user_id: owner[0].id
+              })
+            }, 500);
+          }
+        })
+        axios.get(`/project_categories.json`).then((result) => {
+          if (result && result.data) {
+            setCategoryList(result.data.project_categories)
+          }
+        })
+        axios.get(`/project_languages.json`).then((result) => {
+          if (result && result.data) {
+            setLanguageList(result.data.project_languages)
+          }
+        })
+        axios.get(`/ignores.json`).then((result) => {
+          if (result && result.data) {
+            setGitignoreList(result.data.ignores)
+          }
+        })
+        axios.get(`/licenses.json`).then((result) => {
+          if (result && result.data) {
+            setLicensesList(result.data.licenses)
+          }
+        })
+        aiZoneId && getProjectsTypeLists(aiZoneId).then(res => {
+          if (res && res.data && res.data.rows) {
+            setCate(res.data.rows)
+          }
+        })
+        break;
+      default:
+        aiZoneId && getSourceZoneList(aiZoneId, {
+          domainCategory: aiResouceTypeKey[type]
+        }).then(res => {
+          if (res && res.data && res.data.rows) {
+            setCate(res.data.rows)
+          }
+        })
+        break;
+    }
+  }, [type, aiZoneId])
+
+  useEffect(() => {
+    if (sourceId) {
+      getAISourceById(sourceId).then(res => {
+        if (res && res.data && res.data.code === 200) {
+          const { fileIds, extendData, name, summary, domainId, fileList, auditStatus, remark: remarkText } = res.data.data || {}
+          // 如果被驳回（auditStatus=2），保存驳回理由
+          if (auditStatus === '2') {
+            setRemark(remarkText || "请修改后重新提交");
+          }
+          const fileInfo = {
+            fileId: fileList[0]?.fileId,
+            fileOriginName: fileList[0]?.fileOriginName,
+            fileSize: fileList[0]?.fileSizeInfo,
+            url: fileList[0]?.downloadUrl
+          }
+          setUploadedFile(fileInfo)
+          const fileValue = {
+            name,
+            summary,
+            domainId
+          }
+          type === "skills" ? fileValue.file = {
+            file: {
+              response: {
+                fileId: fileIds,
+                skillMdContent: extendData.SKILL.content,
+                fileTreeJson: JSON.stringify(extendData.SKILL.fileTree)
+              }
+            }
+          } : fileValue.fileId = fileIds
+          setFieldsValue(fileValue)
+        }
+      })
+    }
+  }, [sourceId])
+
+  // 上传处理
+  const beforeUpload = (file, size = 10) => {
+    const limitSize = file.size / 1024 / 1024 < size;
+    if (!limitSize) {
+      message.error(`文件大小必须小于${size}MB!`);
+    }
+    return limitSize;
+  };
+
+  function submit() {
+    const compelete = (response) => {
+      if (response && response.data && response.data.code === 200) {
+        message.success("操作成功");
+        history.push(`/ai/${type}/my`);
+      }
+    }
+    validateFields((err, values) => {
+      if (!err) {
+        switch (type) {
+          case "codes":
+            axios.post(`/projects.json`, {
+              ...values,
+              ...info,
+            }).then(res => {
+              if (res && res.data && res.data.id) {
+                // 关联项目到专区
+                addProjectInZone([{
+                  gitlinkProjectId: res.data.id,
+                  projectTypeId: values.projectTypeId,
+                  zoneId: aiZoneId
+                }]).then(response => { compelete(response) })
+              }
+            })
+            break;
+          case "skills":
+            const { fileId, skillMdContent } = responseByupload
+            const submitFn = sourceId ? editSkill : addSkill;
+            const param = {
+              ...values,
+              fileId,
+              fileTreeJson,
+              skillContent: skillMdContent,
+              zoneId: aiZoneId
+            }
+            !!sourceId && (param.id = sourceId)
+            submitFn(param, roleByZone).then(response => { compelete(response) })
+            break;
+          default:
+            // models/datasets 类型：使用分片上传的 fileId
+            const { fileId: formFileId } = getFieldsValue() || {};
+            const submitParam = {
+              ...values,
+              fileId: formFileId,
+              zoneId: aiZoneId
+            }
+            if (sourceId) {
+              submitParam.id = sourceId;
+            }
+            const submitFn1 = type === "models" ? sourceId ? editModel : addModel : sourceId ? editDataset : addDataset;
+            submitFn1(submitParam).then(response => { compelete(response) })
+            break;
+        }
+      }
+    })
+  }
+
+  const codeCheckBox = (checkKey, checkName, value, selectKey, list) => {
+    return <Fragment>
+      <Form.Item
+        className="privatePart"
+      >
+        {getFieldDecorator(checkKey)(
+          <Checkbox>{checkName}</Checkbox>
+        )}
+      </Form.Item>
+      {value && <Form.Item>
+        {getFieldDecorator(selectKey, {
+          rules: [{
+            required: value, message: `请选择${checkName}`
+          }],
+        })(
+          <DorpChooseMenus idname={"newPanel"} name={`请选择${checkName}${checkName === "gitignore" ? "，用来定义哪些文件不需要添加到版本管理中" : ""}`} list={list} getValue={(value) => {
+            const value2 = {}
+            value2[selectKey] = value.name;
+            setFieldsValue(value2);
+            const value1 = { ...info }
+            value1[selectKey + "_id"] = value.id;
+            setInfo(value1)
+          }} />
+        )}
+      </Form.Item>
+      }
+    </Fragment>
+  }
+
+  return (
+    <div className="ai_create_page">
+      {/* 顶部导航 */}
+      <div className="ai_create_header center pt40">
+        <div className="ai_banner_title mb5">
+          发布
+          <span className="carousel_text mr20">新资源</span>
+          全新智算共享
+        </div>
+        <div className="font-16 mb40">
+          将您的模型、数据集、skill或代码库分享给社区
+        </div>
+        <div className="ai_create_banner_tabs df">
+          {aiResouceType.map((item) => (
+            <Link
+              to={`/ai/${item.key}/create`}
+              key={item.key}
+              className={`ai_create_banner_tab pointer ${type === item.key ? 'active' : ''} ${!!sourceId && "disabled"}`}
+              onClick={(e) => {
+                if (!!sourceId) {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  return;
+                }
+                form.resetFields();
+                if (uploadRef.current) {
+                  uploadRef.current.cancelUpload();
+                }
+              }}
+            >
+              <i className={`${type === item.key ? 'iconfont icon-' : 'iconfont-color icon-color'}${item.icon} font-20`}></i>
+              <div className="font-16 font-bd mb4">{item.name}</div>
+              <div className="font-13 color3f4">{item.intro}</div>
+            </Link>
+          ))}
+        </div>
+      </div>
+
+      {/* 主体内容 */}
+      <div className="ai_create_content ai_1600 df-start">
+        <div className="ai_create_content_left">
+          <div className="font-bd font-15 mb30">如何开始？</div>
+          <div className="steps-container">
+            {aiCreateSteps.map((step, index) => (
+              <div
+                key={index}
+                className={`step-item df-start pb40 ${currentStep === index ? 'active' : ''}`}
+              >
+                <div className="step-number mr15">{index + 1}</div>
+                <div className="step-content flex1">
+                  <div className="font-bd font-15">{step.title}</div>
+                  <div className="font-13 color768">{step.description}</div>
+                </div>
+                {index < aiCreateSteps.length - 1 && (
+                  <div className="step-line"></div>
+                )}
+              </div>
+            ))}
+          </div>
+        </div>
+        <div className="ai_create_form_wrapper flex1" id="newPanel">
+          <div className="ai_create_form_header mb30">
+            <div className="font-20 font-bd mb5">基本信息</div>
+            <div className="font-15 color768">{typeDetail.createIntro}</div>
+            {remark && (
+              <div className="audit-rejected-wrapper mt20">
+                <Alert
+                  message="审核驳回"
+                  description={remark}
+                  type="error"
+                  showIcon
+                  closable
+                />
+              </div>
+            )}
+          </div>
+          <Form
+            form={form}
+            layout="vertical"
+            className="ai_form"
+            colon={false}
+          >
+            {type === "codes" ? <Fragment>
+              <AlignCenter>
+                <Form.Item
+                  label="拥有者"
+                  style={{ width: "260px" }}
+                >
+                  {getFieldDecorator('user_id', {
+                    rules: [{
+                      required: true, message: '请选择拥有者'
+                    }],
+                  })(
+                    <Select
+                      showSearch
+                      style={{ width: "260px", height: "33px" }}
+                      placeholder="请选择拥有者"
+                      className="plateAutoComplete"
+                      optionFilterProp="children"
+                      filterOption={(input, option) =>
+                        option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
+                      }
+                    >
+                      {ownerList && ownerList.length > 0 &&
+                        ownerList.map((i, k) => {
+                          return (
+                            <Option value={i.id}>{i.name}</Option>
+                          )
+                        })
+                      }
+                    </Select>
+                  )}
+                </Form.Item>
+                <span className="ml10 mr10 mt10 font-18">/</span>
+                <Form.Item
+                  label="项目名称"
+                  className="flex1"
+                >
+                  {getFieldDecorator('name', {
+                    rules: [{
+                      required: true, message: '请填写项目名称'
+                    }],
+                  })(
+                    <Input placeholder="例如：团队协作方法与研究" maxLength={50} />// onBlur={this.changeName}
+                  )}
+                </Form.Item>
+              </AlignCenter>
+              <Form.Item
+                label={<span>项目标识 <span className="color-grey-9">(项目url标识部分)</span></span>}
+              >
+                {getFieldDecorator('repository_name', {
+                  rules: [{
+                    required: true, message: '请填写项目标识'
+                  }],
+                })(
+                  <Input placeholder="项目标识请使用与项目相关的英文关键字" maxLength={100} />
+                )}
+              </Form.Item>
+              <Form.Item
+                label="项目分类"
+              >
+                {getFieldDecorator('projectTypeId', {
+                  rules: [{
+                    required: true, message: '请选择项目分类'
+                  }],
+                })(
+                  <Select
+                    placeholder="请选择项目分类"
+                    optionFilterProp="children"
+                  >
+                    {cate && cate.length > 0 &&
+                      cate.map((i, k) => {
+                        return (
+                          <Option value={i.id}>{i.name}</Option>
+                        )
+                      })
+                    }
+                  </Select>
+                )}
+              </Form.Item>
+              <Form.Item
+                label="简介"
+              >
+                {getFieldDecorator('description', {
+                  rules: [],
+                })(
+                  <Input.TextArea maxLength={200} placeholder="请输入简介内容不超过200字" autoSize={{ minRows: 2, maxRows: 6 }} />
+                )}
+              </Form.Item>
+              {codeCheckBox("ignoreFlag", ".gitignore", ignoreFlag, "ignore", gitignoreList)}
+              {codeCheckBox("licenseFlag", "开源许可证", licenseFlag, "license", licensesList)}
+              {/* <Form.Item
+                className="privatePart"
+              >
+                {getFieldDecorator('private')(
+                  <Checkbox value="limit">将项目设为私有<span className="font-13 color-grey-9">(只有项目所有人或拥有权限的项目成员才能看到)</span></Checkbox>
+                )}
+              </Form.Item > */}
+              {codeCheckBox("categoreFlag", "项目类别", categoreFlag, "project_category", categoryList)}
+              {codeCheckBox("languageFlag", "项目语言", languageFlag, "project_language", languageList)}
+            </Fragment> : <Fragment>
+              {type === "skills" && <Form.Item label={`${typeDetail.name}文件`}>
+                {getFieldDecorator('file', {
+                  rules: [{ required: true, message: "请上传文件" }],
+                })(
+                  responseByupload ? <Spin spinning={loading}>
+                    <div className="edu-txt-right mb10"><a onClick={() => {
+                      form.setFieldsValue({
+                        file: undefined
+                      })
+                    }}>重新上传（清空）</a></div>
+                    <Tree.DirectoryTree
+                      className="ai_tree_file"
+                      treeData={skillTreeData}
+                      selectable={false}
+                    />
+                  </Spin> : <Upload
+                    accept={".zip"}
+                    beforeUpload={(file) => beforeUpload(file, 10)}
+                    showUploadList={false}
+                    customRequest={(options) => {
+                      const { file, onSuccess } = options;
+                      const form = new FormData();
+                      form.append('file', file);
+                      setLoading(true);
+                      parseFileBySkill(form, roleByZone).then((response) => {
+                        if (response && response.data && response.data.code === 200) {
+                          onSuccess(response.data.data)
+                          const { summary, name } = response.data.data;
+                          setFieldsValue({
+                            summary,
+                            name
+                          })
+                        }
+                      }).finally(() => {
+                        setLoading(false);
+                      })
+                    }}
+                  >
+                    <div className="ai_create_upload center cursor">
+                      <span className="ai_create_upload_icon">
+                        <i className="iconfont icon-shangchuanicon color091"></i>
+                      </span>
+                      <div className="color091 mt15 mb15">请上传您的{typeDetail.name}文件（.zip）</div>
+                      <div className="coloraeb">请确保压缩包中包含SKILL.md，大小限制 10MB</div>
+                    </div>
+                  </Upload>
+                )}
+              </Form.Item>}
+              <Form.Item label="名称">
+                {getFieldDecorator('name', {
+                  rules: [{
+                    required: true, message: '请填写名称'
+                  }],
+                })(
+                  <Input placeholder="请输入名称" maxLength={50} />
+                )}
+              </Form.Item>
+              <Form.Item label="简介">
+                {getFieldDecorator('summary', {
+                  rules: [{
+                    required: false, message: '请填写简介内容'
+                  }],
+                })(
+                  <Input.TextArea maxLength={500} placeholder="请输入简介内容不超过500字" autoSize={{ minRows: 2 }} />
+                )}
+              </Form.Item>
+              {/* 资源类型 */}
+              <Form.Item label="类别">
+                {getFieldDecorator('domainId', {
+                  rules: [{
+                    required: true, message: '请选择类别'
+                  }],
+                })(
+                  <Select placeholder="请选择类别" className="font-15">
+                    {cate && cate.length > 0 &&
+                      cate.map((i, k) => {
+                        return (
+                          <Option value={i.id}>{i.name}</Option>
+                        )
+                      })
+                    }
+                  </Select>
+                )}
+              </Form.Item>
+              {/* models/datasets 类型使用分片上传 */}
+              {type !== "skills" && <Form.Item label={`${typeDetail.name}文件`} required>
+                {getFieldDecorator('fileId', {
+                  rules: [{
+                    required: true, message: `请上传${typeDetail.name}文件`
+                  }],
+                })(
+                <div>
+                  <ChunkedUpload
+                    hierarchy={`${type}`}
+                    accept=".zip"
+                    defaultFile={uploadedFile}
+                    ref={uploadRef}
+                    fileType={"ai-resource"}
+                    disabled={loading}
+                    maxSize={1024 * 1024 * 1024 * 1024} // 1TB
+                    onUploadComplete={(fileInfo) => {
+                      // 设置表单字段，保存 fileId
+                      setFieldsValue({
+                        fileId: fileInfo.fileId
+                      });
+                    }}
+                    onCancel={() => {
+                      setUploadedFile(null);
+                      setFieldsValue({
+                        fileId: undefined
+                      });
+                    }}
+                  >
+                      <span className="ai_create_upload_icon">
+                        <i className="iconfont icon-shangchuanicon color091"></i>
+                      </span>
+                      <div className="color091 mt15 mb15">请上传{typeDetail.name}压缩包（支持 .zip 格式）</div>
+                      <div className="coloraeb mb10">请确保压缩包内包含{typeDetail.name}文件及 README.md，系统将自动解析说明文档</div>
+                      <div className="coloraeb">单文件最大支持 1TB，系统支持断点续传</div>
+                  </ChunkedUpload>
+                </div>
+                )}
+              </Form.Item>}
+            </Fragment>}
+
+            {/* 提交按钮 */}
+            <Form.Item className="mt36">
+              <a className="btn-outline mr25" href={sourceId ? `/ai/${type}/my` : `/ai/${type}`}>取 消</a>
+              <a className="btn-black" loading={loading} onClick={submit}>提 交</a>
+            </Form.Item>
+          </Form>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default Form.create()(CreateResource);

src/ai/create/index.scss

@@ -0,0 +1,153 @@
+.ai_create_page {
+  background: #f8f9fc url('../image/bk2.png');
+  background-repeat: no-repeat;
+  background-size: 100% auto;
+
+  .ai_create_banner_tabs {
+    justify-content: center;
+    gap: 36px;
+
+    .ai_create_banner_tab {
+      background: linear-gradient(87.55deg, #eef3fd 3.07%, #ffffff 98.94%);
+      border: 1px solid rgba(22, 76, 228, 0.1);
+      border-radius: 12px;
+      padding: 34px 92px;
+
+      &:nth-child(4n+2) {
+        background: linear-gradient(87.55deg, #fdf5fd 3.07%, #ffffff 98.94%);
+      }
+
+      &:nth-child(4n+3) {
+        background: linear-gradient(87.55deg, #eef3fd 3.07%, #ffffff 98.94%);
+      }
+
+      &:nth-child(4n) {
+        background: linear-gradient(87.55deg, #ececff 3.07%, #f8f9fd 98.94%);
+      }
+
+      &.active {
+        background-image: url('../image/card_bk2.png');
+        background-size: 100% 100%;
+        border-color: white;
+
+        &,
+        & .color3f4 {
+          color: white;
+        }
+      }
+
+      &:hover:not(.active):not(.disabled) {
+        transition: all 0.3s ease;
+        transform: translateY(-10px);
+        border-color: #164ce4;
+      }
+
+      &:not(.active),
+      &:not(.active):hover,
+      &:not(.active):focus {
+        color: inherit;
+      }
+    }
+  }
+
+
+  // 主体内容
+  .ai_create_content {
+    padding: 68px 0;
+  }
+
+  // 步骤引导组件样式
+  .ai_create_content_left {
+    flex: 0 0 380px;
+    margin-right: 30px;
+    background: #ffffff;
+    border: 1px solid rgba(22, 76, 228, 0.1);
+    border-radius: 12px;
+    padding: 30px 35px;
+
+    .steps-container {
+      .step-number {
+        width: 36px;
+        height: 36px;
+        border-radius: 50%;
+        background: #eef4fe;
+        border: 2px solid rgba(22, 76, 228, 0.1);
+        line-height: 36px;
+        text-align: center;
+        color: #aebbd0;
+        font-size: 16px;
+        font-family: "DouyinSansBold";
+        position: relative;
+      }
+    }
+
+    .step-item.active {
+      .step-number {
+        background-image: url('../image/icon4.png');
+        background-size: 100% 100%;
+        color: white;
+        border: none;
+      }
+    }
+
+    .step-item:not(:last-of-type) {
+      .step-number::before {
+        content: '';
+        position: absolute;
+        top: 50px;
+        left: 15px;
+        width: 0px;
+        height: 58px;
+        border-left: 1px dashed rgba(174, 187, 208, 0.7);
+      }
+    }
+  }
+
+  .ai_create_form_wrapper {
+    background: #ffffff;
+    border: 1px solid rgba(22, 76, 228, 0.1);
+    border-radius: 12px;
+    padding: 55px 60px;
+  }
+
+  .btn-black,
+  .btn-outline {
+    font-size: 15px;
+    padding: 11px 54px;
+    border-radius: 10px;
+  }
+
+  .ai_form {
+    width: 68.5%;
+
+    .ant-upload.ant-upload-select {
+      width: 100%;
+    }
+  
+    // 审核驳回提示样式
+    .audit-rejected-wrapper {
+      .ant-alert-error {
+        border-radius: 8px;
+      }
+    }
+  }
+
+  .ai_create_upload {
+    padding: 30px 0;
+    border: 1px dashed rgba(22, 76, 228, 0.17);
+    border-radius: 6px;
+  }
+  .ai_create_upload_icon {
+    display: inline-block;
+    width: 45px;
+    height: 45px;
+    background: #f3f4f8;
+    border-radius: 50%;
+    line-height: 45px;
+  }
+  .ai_tree_file{
+    border: 1px solid #D9D9D9;
+    border-radius: 6px;
+    padding: 5px 10px;
+  }
+}

src/ai/detail/agent.jsx

@@ -0,0 +1,106 @@
+import React, { useEffect, useState } from "react";
+import { withRouter } from "react-router";
+import { httpUrl } from '../../ai/fetch';
+import cookie from 'react-cookies';
+import { aiAgentLogin } from "../../forge/Information/api";
+import { agentLogin } from "../api";
+
+function Agent(props) {
+  const { match, current_user, history, showLoginDialog } = props;
+  const { id } = match.params;
+  const { login } = current_user || {};
+  const [iframeUrl, setIframeUrl] = useState('');
+
+  useEffect(() => {
+    document.title = "智能体-AI资源";
+    checkLoginAndGetIframeUrl();
+  }, []);
+
+  // 检查登录状态并获取iframe URL
+  const checkLoginAndGetIframeUrl = async () => {
+    try {
+      // 判断用户是否登录
+      if (!login) {
+        history.push(`/login?go_page=/ai/agents/${id}`);
+        return;
+      }
+
+      // 已登录，检查Cookie中agent是否有值
+      const agentCookie = cookie.load('agent');
+      let currentTokenData = null;
+      
+      if (!agentCookie) {
+        // Cookie中agent没有值，调用登录接口
+        const res = await agentLogin({
+          grant_type: 'password',
+          client_id: '4b25ca036879216a020a',
+          username: 'hnxjy',
+          password: '123456',
+          scope: 'profile'
+        });
+        
+        if (res && res.data && res.data) {
+          const { access_token, expires_in } = res.data;
+          // 用当前时间 + expires_in（秒）计算过期时间
+          const expiryDate = new Date(Date.now() + (expires_in) * 1000);
+          
+          // 将完整的token数据存储在agent Cookie中
+          currentTokenData = access_token;
+          cookie.save('agent', currentTokenData, { expires: expiryDate, path: '/' });
+        }
+      } else {
+        // Cookie中有值，从Cookie获取保存的token数据
+        currentTokenData = agentCookie;
+      }
+
+      // 获取iframe URL（带上token参数）
+      const url = getIframeUrl(id, currentTokenData);
+      setIframeUrl(url);
+    } catch (err) {
+      console.error('检查登录状态失败:', err);
+    }
+  };
+
+  // 构建iframe URL，将token作为URL参数传递
+  const getIframeUrl = (agentId, accessToken) => {
+    if (!httpUrl || !agentId) return '';
+    
+    try {
+      const urlObj = new URL(httpUrl);
+      const baseOrigin = `${urlObj.protocol}//${urlObj.host}`;
+      let url = `${baseOrigin}/chat/${agentId}`;
+      
+      // 如果有token，添加到URL参数中
+      if (accessToken) {
+        const separator = url.includes('?') ? '&' : '?';
+        url += `${separator}token=${encodeURIComponent(accessToken)}`;
+      }
+      
+      return url;
+    } catch (e) {
+      return '';
+    }
+  };
+
+  return (
+    <div className="agent-container" style={{ width: '100%', height: '100vh', overflow: 'hidden' }}>
+      {iframeUrl ? (
+        <iframe
+          src={iframeUrl}
+          style={{
+            width: '100%',
+            height: '100%',
+            border: 'none',
+          }}
+          allow="clipboard-read; clipboard-write"
+        />
+      ) : (
+        <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100%' }}>
+          加载中...
+        </div>
+      )}
+    </div>
+  );
+}
+
+export default withRouter(Agent);

src/ai/detail/index.jsx

@@ -0,0 +1,299 @@
+import React, { useState, useEffect, Fragment } from "react";
+import { Tabs, Tag, Spin, message, Divider, Tree, Tooltip, Button, Badge } from "antd";
+import RenderHtml from "../../components/render-html";
+import "./index.scss";
+import { getlikedSource, getAISourceById, likeAISource, editModel, editDataset } from "../../forge/Information/api";
+import { aiResouceStatus, aiResouceType, aiResouceTypeKey, convertToTreeData } from "../static";
+import skillIcon from '../image/icon7.png';
+import CommentsList from "../../components/commentsByZone";
+import TpmMdEditor from "../../modules/tpm/challengesnew/tpm-md-editor";
+
+const { TabPane } = Tabs;
+
+function Detail(props) {
+  // 路由参数
+  const { history, match: { params }, current_user: { login }, current_user, showLoginDialog, showNotification } = props;
+  const { id, type } = params || {};
+
+  // 状态管理
+  const [reload, setReload] = useState(undefined);
+  const [detail, setDetail] = useState({});
+  const [loading, setLoading] = useState(true);
+  const [activeTab, setActiveTab] = useState("introduction");
+  const [liked, setLiked] = useState(false);
+  const [isEditor, setIsEditor] = useState(false);
+  const [editContent, setEditContent] = useState("");
+  const [saving, setSaving] = useState(false);
+
+  const { extendData={}, createBy, auditStatus } = detail;
+  const status = aiResouceStatus[auditStatus] || {};
+
+  const typeDetail = type && aiResouceType.find(i => i.key === type);
+  const name = typeDetail && typeDetail.name
+
+  const dataByType = extendData[aiResouceTypeKey[type]] || {}
+  const content = dataByType.content || dataByType.readmeContent
+  const introContent = String(content || `<div className="ai_detail_nodata_text">当前${name}未提供详细介绍</div>`).replace(/^---\r?\n[\s\S]*?\r?\n---\r?\n/, '');
+  const treeData = dataByType && dataByType.fileTree && convertToTreeData(dataByType.fileTree.children)
+  
+  // 判断当前用户是否为发布者
+  const isPublisher = login && createBy && login === createBy;
+
+  // 组件挂载和 ID 变化时加载数据
+  useEffect(() => {
+    document.title = "AI资源";
+    setLoading(true);
+    getDetail()
+    getIsLikedSource()
+  }, [id, reload]); // 依赖 id，当 id 变化时重新加载
+
+
+  const getDetail = () => {
+    id && getAISourceById(id).then(response => {
+      if (response && response.data && response.data.code === 200) {
+        const { name } = response.data.data
+        document.title = `${name}-AI资源`;
+        setDetail(response.data.data);
+        setLoading(false);
+      }
+    })
+  }
+
+  const getIsLikedSource = () => {
+    id && getlikedSource(id).then(response => {
+      if (response && response.data && response.data.code === 200) {
+        const { isLike } = response.data.rows[0] || {};
+        setLiked(isLike);
+      }
+    })
+  }
+
+  // 切换编辑模式
+  const handleToggleEdit = () => {
+    if (isEditor) {
+      // 取消编辑，恢复原内容
+      setEditContent(content || "");
+      setIsEditor(false);
+    } else {
+      // 进入编辑模式
+      setEditContent(content || "");
+      setIsEditor(true);
+    }
+  }
+
+  // 保存编辑内容
+  const handleSave = () => {
+    setSaving(true);
+    const editFun = type === "models" ? editModel : editDataset
+    editFun({
+      id: +id,
+      readmeContent: editContent
+    }).then(response => {
+      if (response && response.data && response.data.code === 200) {
+        message.success("保存成功");
+        setIsEditor(false);
+        setReload(Date.now());
+      } else {
+        message.error(response?.data?.msg || "保存失败");
+      }
+    }).catch(() => {
+      message.error("保存失败，请重试");
+    }).finally(() => {
+      setSaving(false);
+    });
+  }
+
+  // 格式化下载量
+  const formatDownloads = (num) => {
+    if (num >= 10000) {
+      return (num / 10000).toFixed(1) + "万";
+    }
+    return num;
+  };
+
+  if (loading) {
+    return (
+      <div className="ai_detail_loading">
+        <Spin size="large" />
+      </div>
+    );
+  }
+
+  if (!detail) {
+    return (
+      <div className="ai_detail_nodata">
+        <div className="font-16 color768">暂无数据</div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="ai_detail_page">
+      {/* 顶部信息卡片 */}
+      <div className="ai_detail_header ai_1600 mb40">
+        <div className="ai_detail_header_inner">
+          <div className="df-start">
+            <img src={skillIcon} width={40} className="mr15" />
+            <div className="mt-10 flex1">
+              <div className="df-start">
+                <div className="ai_detail_header_info mrat">
+                  <div className="font-20 font-bd">{detail.name}</div>
+                  <div className="color3f4">{detail.summary || "暂无简介"}</div>
+                  <div className="ai_detail_header_tags mt10 df-center">
+                    {detail.tags && detail.tags.map((tag, index) => (
+                      <Tag key={index} className="ai_detail_header_tag">
+                        {tag}
+                      </Tag>
+                    ))}
+                    {detail.license && (
+                      <Tag className="ai_detail_header_tag">
+                        开源协议：{detail.license}
+                      </Tag>
+                    )}
+                    {detail.domainName && (
+                      <Tag className="ai_detail_header_tag">
+                        {detail.domainName}
+                      </Tag>
+                    )}
+                    {dataByType && dataByType.fileSize && (
+                      <Tag className="ai_detail_header_tag">
+                        {dataByType.fileSize}
+                      </Tag>
+                    )}
+                  </div>
+                </div>
+                <div className="shrink0 mt20 ml20">
+                  {detail.fileList && detail.fileList[0] && <a className="btn-black font-15 mr20" href={detail.fileList[0].downloadUrl} download onClick={(e) => {
+                    if (!login) {
+                      showLoginDialog();
+                      e.stopPropagation();
+                      e.preventDefault();
+                    }
+                  }}>下载</a>}
+                  <a className="btn-outline font-15" onClick={() => history.goBack()}>返回</a>
+                </div>
+              </div>
+              <div>
+                <Divider dashed className="mt20 mb20" />
+                <div className="df-center color828">
+                  {auditStatus !== "1" && <Fragment>
+                    <Badge color={status.color} text={status.label} className='status-dot' />
+                    <Divider type="vertical" style={{ height: '7px', margin: '0 20px' }} />
+                  </Fragment>}
+                  <i className="iconfont icon-yonghuming font-14 mr8"></i>
+                  {detail.createUser && detail.createUser.userName || "未知作者"}
+                  <Divider type="vertical" style={{ height: '7px', margin: '0 20px' }} />
+                  <i className="iconfont icon-a-shijianzhongbiao font-14 mr8"></i>
+                  {moment(detail.updateTime).format('YYYY.MM.DD')}
+                  <Divider type="vertical" style={{ height: '7px', margin: '0 20px' }} />
+                  <i className="iconfont icon-xiazai3 font-14 mr8"></i>
+                  {formatDownloads(detail.downloadCount)}
+                  <Divider type="vertical" style={{ height: '7px', margin: '0 20px' }} />
+                  <Tooltip title={liked ? "取消点赞" : "点赞"}>
+                    <a className="likeBtn" onClick={() => {
+                      if (!login) {
+                        showLoginDialog()
+                      }
+                      likeAISource(id).then(res => {
+                        if (res && res.data && res.data.code === 200) {
+                          message.success("操作成功")
+                          getDetail();
+                          getIsLikedSource();
+                        }
+                      })
+                    }}><i className="iconfont icon-dianzan5 font-14 mr8"></i></a>
+                  </Tooltip>
+                  {detail.likeCount}
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Tab 导航 */}
+      <div className="ai_detail_tabs_wrapper ai_1600">
+        <Tabs
+          className="ai_detail_tabs"
+          activeKey={activeTab}
+          onChange={(tab) => setActiveTab(tab)}
+          centered
+        >
+          <TabPane
+            tab={`${name}介绍`}
+            key="introduction"
+          />
+          <TabPane
+            tab={`${name}文件`}
+            key="files"
+          />
+          <TabPane
+            tab={`交流反馈`}
+            key="comments"
+          />
+        </Tabs>
+      </div>
+
+      <div className="ai_detail_content ai_1600">
+        {activeTab === "introduction" && (
+          <div className="ai_detail_tab_panel">
+            {/* 编辑按钮区域 - 仅发布者可见 */}
+            {isPublisher && ["models", "datasets"].includes(type) && !isEditor && <div className="ai_detail_edit_toolbar mb15">
+              {auditStatus === "1" ? (
+                <Tooltip getPopupContainer={trigger => trigger.parentNode} title={<span className="color-grey-98">当前资源是上架状态，请前往<br/><a href={`/ai/${type}/my`} className="color-white">我的资源池</a>页面先进行下架</span>}>
+                  <a className="btn-outline pt5 pb5" style={{ cursor: 'not-allowed', color: '#999', borderColor: '#999' }}>编辑</a>
+                </Tooltip>
+              ) : (
+                <a className="btn-outline pt5 pb5" onClick={handleToggleEdit}>编辑</a>
+              )}
+            </div>}
+            {isEditor ? (
+              <Fragment>
+                <div className="ai_detail_readme_editor">
+                  <TpmMdEditor
+                    initValue={editContent}
+                    onChange={(value) => setEditContent(value)}
+                    height={600}
+                    mdID={`ai_detail_readme_editor_${id}`}
+                  />
+                </div>
+                <div className="edu-txt-right mt40">
+                  <Button className="mr10" onClick={handleToggleEdit}>取消</Button>
+                  <Button type="primary" loading={saving} onClick={handleSave}>保存</Button>
+                </div>
+              </Fragment>
+            ) : (
+              <div className="ai_detail_readme">
+                <RenderHtml value={introContent} />
+              </div>
+            )}
+          </div>
+        )}
+
+        {activeTab === "files" && (
+          <div className="ai_detail_tab_panel">
+            <Tree.DirectoryTree
+              className="ai_detail_tree_node"
+              defaultExpandAll={false}
+              treeData={treeData}
+              selectable={false}
+              blockNode={true}
+            />
+          </div>
+        )}
+
+        {activeTab === "comments" && (
+          <div className="ai_detail_tab_panel ai_detail_comments">
+            <CommentsList
+              type={"resource"}
+              id={id}
+              {...props}
+            />
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
+
+export default Detail;

src/ai/detail/index.scss

@@ -0,0 +1,385 @@
+.ai_detail_page {
+  background: #f8f9fc url('../image/bk2.png');
+  background-repeat: no-repeat;
+  background-size: 100% auto;
+  padding-top: 45px;
+  padding-bottom: 50px;
+  min-height: 89vh;
+}
+
+// 加载状态
+.ai_detail_loading,
+.ai_detail_nodata {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 500px;
+}
+
+.ai_detail_nodata_text {
+  color: #76849b;
+  font-size: 14px;
+}
+
+// 顶部信息卡片
+.ai_detail_header {
+  background-image: url('../image/bk3.png');
+  background-size: 100% 100%;
+  padding: 14px 13px;
+  border-radius: 6px;
+
+  .ai_detail_header_inner {
+    background: linear-gradient(90.39deg, #ffffff 1.15%, #ebf1ff 18.37%, #f4f3fd 98.25%);
+    border-radius: 6px;
+    padding: 30px;
+
+    .btn-black, .btn-outline {
+      padding: 7px 32px;
+      border-radius:10px;
+    }
+    .btn-black{
+      border: 1px solid #091221;
+    }
+
+    .ai_detail_header_tag{
+      color: #091221;
+      border-color:#d3e1fd;
+      background:#f5f9fd;
+      padding: 6px 16px 5px 16px;
+      font-size: 13px;
+    }
+    .likeBtn{
+      color: inherit;
+      &:hover{
+        color:#164ce4;
+      }
+    }
+  }
+}
+
+.ai_detail_tabs {
+  .ant-tabs-bar {
+    border-bottom: none;
+  }
+
+  .ant-tabs-ink-bar {
+    background: #164ce4;
+    border-radius: 10px;
+    height: 3px;
+    width: 20px !important;
+    left: 20px;
+  }
+
+  .ant-tabs-tab {
+    padding: 12px 0px;
+    font-size: 15px;
+    color: #091221;
+    margin-right: 52px;
+
+    &:hover {
+      color: #164ce4;
+    }
+
+    &.ant-tabs-tab-active {
+      color: #164ce4;
+      font-weight: 600;
+    }
+  }
+}
+
+// Tab 内容
+.ai_detail_tab_panel {
+  background: #ffffff;
+  border: 1px solid rgba(22, 76, 228, 0.1);
+  border-radius: 12px;
+  padding: 30px;
+  min-height: 365px;
+
+  // 模型介绍
+  // .ai_detail_readme {
+  //   .markdown-body {
+
+  //     h1,
+  //     h2,
+  //     h3,
+  //     h4,
+  //     h5,
+  //     h6 {
+  //       color: #091221;
+  //       margin-top: 24px;
+  //       margin-bottom: 16px;
+  //       font-weight: 600;
+  //       line-height: 1.25;
+  //     }
+
+  //     h1 {
+  //       font-size: 28px;
+  //     }
+
+  //     h2 {
+  //       font-size: 24px;
+  //     }
+
+  //     h3 {
+  //       font-size: 20px;
+  //     }
+
+  //     h4 {
+  //       font-size: 18px;
+  //     }
+
+  //     p {
+  //       font-size: 15px;
+  //       line-height: 1.8;
+  //       color: #333;
+  //       margin: 10px 0;
+  //     }
+
+  //     a {
+  //       color: #0e4aef;
+  //       text-decoration: none;
+
+  //       &:hover {
+  //         text-decoration: underline;
+  //       }
+  //     }
+
+  //     ul,
+  //     ol {
+  //       margin: 15px 0;
+  //       padding-left: 30px;
+
+  //       li {
+  //         font-size: 15px;
+  //         line-height: 1.8;
+  //         color: #333;
+  //       }
+  //     }
+
+  //     code {
+  //       background: #f5f7fa;
+  //       padding: 2px 6px;
+  //       border-radius: 4px;
+  //       font-family: "Courier New", monospace;
+  //       font-size: 14px;
+  //       color: #d63384;
+  //     }
+
+  //     pre {
+  //       background: #282c34;
+  //       padding: 16px;
+  //       border-radius: 8px;
+  //       overflow-x: auto;
+
+  //       code {
+  //         background: none;
+  //         padding: 0;
+  //         color: #abb2bf;
+  //       }
+  //     }
+
+  //     blockquote {
+  //       border-left: 4px solid #0e4aef;
+  //       padding: 12px 16px;
+  //       margin: 16px 0;
+  //       background: #f5f7fa;
+  //       border-radius: 4px;
+
+  //       p {
+  //         margin: 0;
+  //         color: #666;
+  //       }
+  //     }
+
+  //     table {
+  //       width: 100%;
+  //       margin: 16px 0;
+  //       border-collapse: collapse;
+
+  //       th,
+  //       td {
+  //         padding: 12px 16px;
+  //         border: 1px solid #e1e4e8;
+  //         text-align: left;
+  //       }
+
+  //       th {
+  //         background: #f5f7fa;
+  //         font-weight: 600;
+  //         color: #091221;
+  //       }
+
+  //       td {
+  //         color: #333;
+  //       }
+  //     }
+
+  //     img {
+  //       max-width: 100%;
+  //       height: auto;
+  //       border-radius: 8px;
+  //       margin: 16px 0;
+  //     }
+  //   }
+  // }
+
+  // 模型文件
+  .ai_detail_files_header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 20px;
+    flex-wrap: wrap;
+    gap: 15px;
+
+    .ai_detail_branch_select {
+      .ant-select-selector {
+        border-radius: 8px;
+        padding: 8px 12px;
+      }
+    }
+
+    .ai_detail_commit_info {
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      gap: 10px;
+
+      .ai_detail_commit_message {
+        color: #091221;
+        font-size: 14px;
+        max-width: 400px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .ai_detail_commit_author {
+        color: #667eea;
+        font-size: 14px;
+      }
+
+      .ai_detail_commit_sha {
+        font-family: "Courier New", monospace;
+      }
+
+      .ai_detail_commit_time {
+        font-size: 14px;
+      }
+    }
+
+    .ai_detail_commit_count {
+      font-size: 14px;
+    }
+  }
+
+  .ai_detail_files_list {
+    .ai_detail_file_item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 15px 20px;
+      margin-bottom: 10px;
+      background: #f8f9fd;
+      border-radius: 8px;
+      transition: all 0.3s;
+
+      &:hover {
+        background: #f1f3ff;
+        border: 1px solid #667eea;
+      }
+
+      .ai_detail_file_info {
+        display: flex;
+        align-items: center;
+
+        .ai_detail_file_name {
+          color: #091221;
+          font-weight: 500;
+        }
+
+        .ai_detail_file_size {
+          color: #76849b;
+        }
+      }
+
+      .ai_detail_file_meta {
+        display: flex;
+        align-items: center;
+        flex: 1;
+        margin-right: 20px;
+
+        .ai_detail_file_message {
+          color: #76849b;
+          max-width: 300px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+
+        .ai_detail_file_time {
+          color: #76849b;
+        }
+      }
+
+      .ai_detail_file_download {
+        color: #0e4aef;
+        padding: 8px 16px;
+        border-radius: 6px;
+        transition: all 0.3s;
+
+        &:hover {
+          background: #0e4aef;
+          color: #fff;
+        }
+      }
+    }
+  }
+
+  // 交流反馈
+  &.ai_detail_comments {
+    --primary-color: #466aff;
+    --light-color: rgba(70,106,255,0.85);
+    --more-light-color: rgba(70, 106, 255, 0.05);
+    --linear-back-color: linear-gradient(89.9deg,rgba(70, 106, 255, 0) 0%,rgba(70, 106, 255, 0.09) 100%);
+    --tag-back: rgba(70, 106, 255, 0.12);
+    --light-color-2: rgba(70,106,255,0.23);
+    --light-color-3: rgba(70,106,255,0.55);
+  }
+
+  // 文件树节点样式
+  .ai_detail_tree_node {
+    .ant-tree-title{
+      width: calc(100% - 42px);
+      display: inline-flex;
+      justify-content: space-between;
+      font-size: 15px;
+      color:#27264d;
+    }
+    li:not(.ant-tree-treenode-switcher-close):not(.ant-tree-treenode-switcher-open) .ant-tree-node-content-wrapper{
+      cursor: default;
+    }
+  }
+  
+  // 编辑工具栏
+  .ai_detail_edit_toolbar {
+    padding: 0 4px;
+    text-align: right;
+  }
+  
+  // Markdown 编辑器容器
+  .ai_detail_readme_editor {
+    // min-height: 500px;
+    
+    // 覆盖 TpmMdEditor 的默认样式，使其与页面风格一致
+    .markdown-editor {
+      border-radius: 8px;
+      
+      .editor-textarea {
+        font-family: "Courier New", monospace;
+        font-size: 15px;
+        line-height: 1.8;
+      }
+    }
+  }
+}

src/ai/fetch.js

@@ -0,0 +1,60 @@
+import axios from 'axios';
+import { message , notification } from 'antd';
+import cookie from 'react-cookies';
+
+function beforeFetch(actionUrl){
+  if (window.location.href.indexOf('localhost') < 0) {
+    axios.defaults.withCredentials = true;
+  }
+  const config = {
+    // headers:{Authorization:"Bearer eyJhbGciOiJIUzUxMiJ9.eyJ1c2VyX2lkIjo0NCwidXNlcl9rZXkiOiI3NWY3MmJmYmE2NGU4N2U3NWVjNWMwZDk2OThkMDFiN2EyODE0YjYwIiwidXNlcm5hbWUiOiJpbm5vdiJ9.IviAyZQjPFc4rT3ejAKfJYx3_QgS78RCKHx1XS-A4uI_mrc7_l6wK76HVIoPCEvP0Qimzyc6dpeVW4cE2fILZw"},
+    baseURL: actionUrl,
+    timeout: 1800000, // 请求超时时间
+  }
+
+  const service = axios.create(config);
+
+  service.interceptors.request.use(request => {
+    // let deptId = sessionStorage.getItem('deptId')
+    // request.headers.Authorization = cookie.load('autologin_trustie')
+    // if (deptId) {
+    //   // 用于权限区分
+    //   request.headers['Dept-Id'] = deptId
+    // }
+    return request
+  })
+
+  service.interceptors.response.use(
+    response => {
+      const res = response||{};
+      if(res && res.data && res.data.code === 404){
+        message.error("错误链接！");
+        window.location.href = '/nopage';
+        return Promise.reject('error');
+      }else if(res && res.data && res.data.code === 500){
+        message.error(res.data.msg);
+        return Promise.reject('error');
+      }else{
+        return response;
+      }
+    },
+    error => {
+      console.log(error);
+      // notification.open({
+      //   message: "提示",
+      //   description: error.message,
+      // });
+      // return Promise.reject(error);
+    }
+  )
+  return service;
+}
+let settings = localStorage.chromesetting&& localStorage.chromesetting !=="undefined"&& JSON.parse(localStorage.chromesetting);
+// 根据当前IP判断使用哪个zone配置
+const isSpecificIP = window.location.hostname.startsWith('27.');
+// let actionUrl = settings && (isSpecificIP ? settings.common.zone : settings.common.zone_local) + '/zoneAdmin/api';
+
+let actionUrl = settings && settings.common && settings.common.agent
+const service = beforeFetch(actionUrl);
+export const httpUrl = actionUrl;
+export default service;

src/ai/fetchLogin.js

@@ -0,0 +1,61 @@
+import axios from 'axios';
+import { message , notification } from 'antd';
+import cookie from 'react-cookies';
+
+function beforeFetch(actionUrl){
+  if (window.location.href.indexOf('localhost') < 0) {
+    axios.defaults.withCredentials = true;
+  }
+  const config = {
+    // headers:{Authorization:"Bearer eyJhbGciOiJIUzUxMiJ9.eyJ1c2VyX2lkIjo0NCwidXNlcl9rZXkiOiI3NWY3MmJmYmE2NGU4N2U3NWVjNWMwZDk2OThkMDFiN2EyODE0YjYwIiwidXNlcm5hbWUiOiJpbm5vdiJ9.IviAyZQjPFc4rT3ejAKfJYx3_QgS78RCKHx1XS-A4uI_mrc7_l6wK76HVIoPCEvP0Qimzyc6dpeVW4cE2fILZw"},
+    baseURL: actionUrl,
+    timeout: 1800000, // 请求超时时间
+  }
+
+  const service = axios.create(config);
+
+  service.interceptors.request.use(request => {
+    // let deptId = sessionStorage.getItem('deptId')
+    // request.headers.Authorization = cookie.load('autologin_trustie')
+    // if (deptId) {
+    //   // 用于权限区分
+    //   request.headers['Dept-Id'] = deptId
+    // }
+    return request
+  })
+
+  service.interceptors.response.use(
+    response => {
+      const res = response||{};
+      if(res && res.data && res.data.code === 404){
+        message.error("错误链接！");
+        window.location.href = '/nopage';
+        return Promise.reject('error');
+      }else if(res && res.data && res.data.code === 500){
+        message.error(res.data.msg);
+        return Promise.reject('error');
+      }else{
+        return response;
+      }
+    },
+    error => {
+      console.log(error);
+      // notification.open({
+      //   message: "提示",
+      //   description: error.message,
+      // });
+      // return Promise.reject(error);
+    }
+  )
+  return service;
+}
+let settings = localStorage.chromesetting&& localStorage.chromesetting !=="undefined"&& JSON.parse(localStorage.chromesetting);
+// 根据当前IP判断使用哪个zone配置
+const isSpecificIP = window.location.hostname.startsWith('27.');
+// let actionUrl = settings && (isSpecificIP ? settings.common.zone : settings.common.zone_local) + '/zoneAdmin/api';
+
+let actionUrl = settings && settings.common && settings.common.agent_login;
+
+const service = beforeFetch(actionUrl);
+export const httpUrl = actionUrl;
+export default service;

src/ai/index.jsx

@@ -0,0 +1,113 @@
+import React, { useEffect, useState } from "react";
+import { ImageLayerOfCommentHOC } from "../modules/page/layers/ImageLayerOfCommentHOC";
+import { Route, Switch, withRouter } from "react-router";
+import { SnackbarHOC } from "educoder";
+import { CNotificationHOC } from "../modules/courses/common/CNotificationHOC";
+import { TPMIndexHOC } from "../modules/tpm/TPMIndexHOC";
+import Loadable from 'react-loadable';
+import Loading from "../Loading";
+import './index.scss';
+import { getCurrentRole, getMainInfos } from "../forge/Information/api";
+
+const Detail = Loadable({
+  loader: () => import("./detail"),
+  loading: Loading,
+})
+const List = Loadable({
+  loader: () => import("./list"),
+  loading: Loading,
+})
+const Create = Loadable({
+  loader: () => import("./create"),
+  loading: Loading,
+})
+const MyResources = Loadable({
+  loader: () => import("./my-resources"),
+  loading: Loading,
+})
+const Agents = Loadable({
+  loader: () => import("./detail/agent"),
+  loading: Loading,
+})
+
+function AI(props) {
+  const { current_user: { login } } = props
+
+  const [aiZoneInfo, setAiZoneInfo] = useState(undefined);
+  const [roleByZone, setRoleByZone] = useState("Member");
+  const {id} = aiZoneInfo || {}
+
+  useEffect(() => {
+    getMainInfos("AI").then(res => {
+      if (res && res.data && res.data.data) {
+        setAiZoneInfo(res.data.data)
+        // 存储deptId，所有专区接口header带上
+        sessionStorage.setItem('deptId', res.data.data.deptId)
+      }
+    })
+  }, [])
+
+  useEffect(()=>{
+    if(id && login){
+      getCurrentRole(id);
+      // login && getCurrentRole(res.data.data.id).then(res1 => {
+      //   if (res1 && res1.data && res1.data.data) {
+      //     setRoleByZone(res1.data.data.role)
+      //   }
+      // })
+    }
+  }, [id, login])
+
+  return <div className="ai_resouce_page">
+    <Switch {...props}>
+      <Route
+        path="/ai/agents/:id"
+        render={(p) => (
+          <Agents {...props} {...p} aiZoneInfo={aiZoneInfo} roleByZone={roleByZone}/>
+        )}
+      ></Route>
+      <Route
+        path="/ai/:type/my"
+        render={(p) => (
+          <MyResources {...props} {...p} aiZoneInfo={aiZoneInfo} roleByZone={roleByZone}/>
+        )}
+      ></Route>
+      <Route
+        path="/ai/:type/create"
+        render={(p) => (
+          <Create {...props} {...p} aiZoneInfo={aiZoneInfo} roleByZone={roleByZone}/>
+        )}
+      ></Route>
+      <Route
+        path="/ai/:type/edit/:id"
+        render={(p) => (
+          <Create {...props} {...p} aiZoneInfo={aiZoneInfo} roleByZone={roleByZone}/>
+        )}
+      ></Route>
+      <Route
+        path="/ai/:type/:id"
+        render={(p) => (
+          <Detail {...props} {...p} />
+        )}
+      ></Route>
+      <Route
+        path="/ai/:type"
+        render={(p) => (
+          <List {...props} {...p} aiZoneInfo={aiZoneInfo} />
+        )}
+      ></Route>
+      <Route
+        path="/ai"
+        render={(p) => (
+          <List {...props} {...p} aiZoneInfo={aiZoneInfo} />
+        )}
+      ></Route>
+    </Switch>
+  </div>
+}
+export default withRouter(
+  ImageLayerOfCommentHOC({
+    imgSelector: ".imageLayerParent img, .imageLayerParent .imageTarget",
+    parentSelector: ".newMain",
+  })(CNotificationHOC()(SnackbarHOC()(TPMIndexHOC(AI))))
+);

src/ai/index.scss

@@ -0,0 +1,78 @@
+@import url('../animations.scss');
+
+.ai_resouce_page {
+  font-family: "alibabaReg";
+  color: #091221;
+
+  .ai_1600 {
+    width: 1600px;
+    margin: 0 auto;
+  }
+
+  .color091 {
+    color: #091221;
+  }
+
+  .color768 {
+    color: #76849b;
+  }
+
+  .color3f4 {
+    color: #3f4f69;
+  }
+
+  .color828 {
+    color: #8285a5;
+  }
+
+  .coloraeb{
+    color:#aebbd0;
+  }
+
+  .mlat {
+    margin-left: auto;
+  }
+
+  .mrat {
+    margin-right: auto;
+  }
+
+  .shrink0{
+    flex-shrink: 0
+  }
+
+  .ai_banner_title {
+    font-size: 52px;
+    font-family: "DouyinSansBold";
+
+    .carousel_text {
+      background-image: linear-gradient(0.27deg, #0e4aef 1.35%, #a74eff 87.93%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+    }
+  }
+
+  .btn-outline {
+    border: 1px solid #091221;
+    border-radius: 22px;
+    color: #091221;
+    font-size: 15px;
+    padding: 11px 20px;
+  }
+
+  .btn-black {
+    background: #091221;
+    border-radius: 9px;
+    color: #ffffff;
+  }
+
+  .arrowRight{
+    .iconfont {
+      display: inline-block;
+      animation: arrow-move 1.2s ease-in-out infinite;
+      position: relative;
+      top: 2px;
+    }
+  }
+}

src/ai/list/index.jsx

@@ -0,0 +1,456 @@
+import { Fragment, useEffect, useState } from "react";
+import './index.scss';
+
+// 预置智能体 Mock 数据（从预置12个智能体.md 提炼）
+const agentMockCate = [
+  { id: "work", name: "工作" },
+  { id: "study", name: "学习" },
+  { id: "writing", name: "写作" },
+  { id: "programming", name: "编程" },
+  { id: "life", name: "生活" },
+  { id: "health", name: "健康" }
+];
+
+const agentMockList = [
+  // 工作类
+  {
+    id: "meeting-minutes",
+    name: "会议纪要助手",
+    image: "",
+    desc: "专注于会议纪要的整理与提炼，帮助用户快速生成结构清晰、重点突出的会议纪要。",
+    cate: "work"
+  },
+  {
+    id: "project-management",
+    name: "项目管理助手",
+    image: "",
+    desc: "协助项目管理者进行任务拆解、进度跟踪、风险识别与资源协调，提升项目管理效率。",
+    cate: "work"
+  },
+  // 学习类
+  {
+    id: "knowledge-combination",
+    name: "知识梳理助手",
+    image: "",
+    desc: "帮助用户将零散的知识点系统化整理，构建知识框架，提升学习效率与记忆效果。",
+    cate: "study"
+  },
+  {
+    id: "training-planning",
+    name: "培训规划助手",
+    image: "",
+    desc: "根据岗位需求与员工能力现状，协助制定科学合理的培训计划与课程体系。",
+    cate: "study"
+  },
+  // 写作类
+  {
+    id: "official-writing",
+    name: "公文写作助手",
+    image: "",
+    desc: "专注于各类公文的撰写与润色，确保格式规范、用语准确、逻辑严密。",
+    cate: "writing"
+  },
+  {
+    id: "report-writing",
+    name: "报告撰写助手",
+    image: "",
+    desc: "协助用户撰写各类工作报告、调研报告、总结报告，提升报告的专业性与可读性。",
+    cate: "writing"
+  },
+  // 编程类
+  {
+    id: "code-review",
+    name: "代码审查助手",
+    image: "",
+    desc: "协助开发人员进行代码审查，发现潜在问题，提升代码质量与可维护性。",
+    cate: "programming"
+  },
+  {
+    id: "tech-documentation",
+    name: "技术文档助手",
+    image: "",
+    desc: "协助技术人员撰写 API 文档、系统设计文档、操作手册等技术文档，确保文档清晰准确。",
+    cate: "programming"
+  },
+  // 生活类
+  {
+    id: "schedule-planning",
+    name: "日程规划助手",
+    image: "",
+    desc: "协助用户合理安排日常工作与生活日程，提升时间利用效率，平衡工作与生活。",
+    cate: "life"
+  },
+  {
+    id: "meeting-arrangement",
+    name: "会议安排助手",
+    image: "",
+    desc: "协助用户高效安排会议时间、协调与会人员、准备会议材料，减少会议组织成本。",
+    cate: "life"
+  },
+  // 健康类
+  {
+    id: "schedule-management",
+    name: "作息管理助手",
+    image: "",
+    desc: "协助用户建立科学的作息规律，提供睡眠改善建议与作息调整方案，促进身心健康。",
+    cate: "health"
+  },
+  {
+    id: "exercise-planning",
+    name: "运动计划助手",
+    image: "",
+    desc: "根据用户的身体状况与运动目标，协助制定科学合理的运动计划，促进身体健康。",
+    cate: "health"
+  }
+];
+import { aiResouceType, aiResouceTypeKey, iconByCateIndex, iconByCateName } from "../static";
+import icon1 from '../image/icon1.png';
+import icon2 from '../image/icon2.png';
+import icon3 from '../image/icon3.png';
+import icon5 from '../image/icon5.png';
+import icon6 from '../image/icon6.png';
+import { Divider, Input, Pagination, Spin } from "antd";
+import ActionItem from "../../factory/resource/components/ActionItem";
+import { Link } from "react-router-dom";
+import { getAISourceList, getProjectsLists, getProjectsTypeLists, getSourceZoneList } from "../../forge/Information/api";
+import moment from "moment";
+import Nodata from "../../forge/Nodata";
+import { getAgentList, getAgentTypeList } from "../api";
+import { httpUrl } from "../fetch";
+
+function List(props) {
+  
+  const { match: { params }, history, aiZoneInfo, current_user, showLoginDialog } = props || {};
+  const type = params.type || aiResouceType[0].key
+  const [activeCategory, setActiveCategory] = useState();
+  const [page, setPage] = useState(1);
+  const [total, setTotal] = useState(0);
+  const [cate, setCate] = useState([]);
+  const [list, setList] = useState();
+  const [search, setSearch] = useState();
+  const [loading, setLoading] = useState(false);
+
+  const limit = 12;
+  const { id: aiZoneId } = aiZoneInfo || {}
+  const aiTypeInList = [
+    ...aiResouceType,
+    { key: "agents", name: "智能体", icon: "icon-zhinengti", intro: "驱动行业数智化", desc: "矩阵覆盖全场景需求，极速响应精准输出，低成本释放 AI 算力，赋能每一项任务。", createIntro: "上传您的智能体文件" }
+  ]
+  const typeDetail = type && aiTypeInList.find(i => i.key === type);
+
+  useEffect(() => {
+    document.title = `AI资源广场`;
+  }, []);
+
+  // 获取分类列表：agents 类型不依赖 aiZoneId，单独处理避免重复请求
+  useEffect(() => {
+    if (type === "agents") {
+      if(!httpUrl){
+        setCate(agentMockCate);
+        return;
+      }
+      getAgentTypeList().then(res => {
+        if (res && res.data && res.data.data) {
+          const data = res.data.data
+          setCate(data.map(item=>{
+            return {
+              ...item,
+              name: item.typeName,
+              id: item.typeKey
+            }
+          }));
+        }
+      })
+    }
+  }, [type])
+
+  // 其他类型需要 aiZoneId，当 aiZoneId 变化时获取分类
+  useEffect(() => {
+    if (type === "agents") return; // agents 类型已在上方的 useEffect 中处理
+    
+    if (!aiZoneId) return;
+    
+    switch (type) {
+      case "codes":
+        getProjectsTypeLists(aiZoneId).then(res => {
+          if (res && res.data && res.data.rows) {
+            setCate(res.data.rows);
+          }
+        })
+        break;
+      default:
+        getSourceZoneList(aiZoneId, {
+          domainCategory: aiResouceTypeKey[type]
+        }).then(res => {
+          if (res && res.data && res.data.rows) {
+            setCate(res.data.rows);
+          }
+        })
+        break;
+    }
+  }, [type, aiZoneId])
+
+  useEffect(() => {
+    if (type === "agents") {
+      setLoading(true);
+      if(!httpUrl){
+        let filteredList = [...agentMockList];
+        if (activeCategory) {
+          filteredList = filteredList.filter(item => item.cate === activeCategory);
+        }
+        if (search) {
+          filteredList = filteredList.filter(item =>
+            item.name.toLowerCase().includes(search.toLowerCase()) ||
+            item.desc.toLowerCase().includes(search.toLowerCase())
+          );
+        }
+        const start = (page - 1) * limit;
+        setList(filteredList.slice(start, start + limit));
+        setTotal(filteredList.length);
+        setLoading(false);
+        return;
+      }
+      getAgentList({
+        page: page,
+        pageSize: limit,
+        search: search,
+        type: activeCategory
+      }).then(res => {
+        if (res && res.data && res.data.data) {
+          const data = res.data.data;
+          setList(data.pageData.map(row => {
+            const { botId, botCoverUrl, botName, botDesc } = row;
+            return {
+              id: botId,
+              name: botName,
+              image: botCoverUrl,
+              desc: botDesc,
+            }}
+          ));
+          setTotal(data.totalCount);
+        }
+      }).finally(() => {
+        setLoading(false);
+      })
+    }
+  }, [type, activeCategory, page, search])
+
+  useEffect(() => {
+    if (type === "agents" || !aiZoneId) return
+    setLoading(true);
+    switch (type) {
+      case "codes":
+        getProjectsLists(aiZoneId, {
+          pageNum: page,
+          pageSize: limit,
+          projectTypeId: activeCategory,
+          name: search
+        }).then(res => {
+          if (res && res.data && res.data.rows) {
+            setList(res.data.rows.map(row => {
+              const { projectProperties, id } = row;
+              const imageUrl = projectProperties.authorImageUrl.split(':4000/') && projectProperties.authorImageUrl.split(':4000/')[1]
+              const authorImageUrl = imageUrl ? `${window.location.origin}/${imageUrl}` : projectProperties.authorImageUrl
+              return {
+                id: id,
+                name: projectProperties.fromOwner === "AI-RESOURCE" ? projectProperties.name.split("/").pop() : projectProperties.name,
+                image: authorImageUrl,
+                isNew: false,
+                url: projectProperties.fullName,
+                desc: projectProperties.description,
+                date: projectProperties.timeAgo,
+                forkedCount: projectProperties.forkedCount,
+                likes: projectProperties.praisesCount,
+                language: projectProperties.language ? projectProperties.language.split(",") : []
+              }
+            }))
+            setTotal(res.data.total)
+          }
+        }).finally(() => {
+          setLoading(false);
+        })
+        break;
+      default:
+        getAISourceList(aiZoneId, {
+          domainId: activeCategory,
+          pageNum: page,
+          pageSize: limit,
+          name: search,
+          resourceCategory: aiResouceTypeKey[type]
+        }).then(res => {
+          if (res && res.data && res.data.rows) {
+            setList(res.data.rows.map(row => {
+              const { name, id, summary, updateTime, downloadCount, likeCount, domainName } = row;
+              return {
+                id: id,
+                name: name,
+                isNew: false,
+                desc: summary,
+                date: moment(updateTime).format('YYYY.MM.DD'),
+                downloads: downloadCount,
+                likes: likeCount,
+                domainName
+              }
+            }))
+            setTotal(res.data.total)
+          }
+        }).finally(() => {
+          setLoading(false);
+        })
+        break;
+    }
+  }, [type, aiZoneId, activeCategory, page, search])
+
+  const aiCard = (model) => {
+    return <Fragment>
+      <i className="iconfont icon-a-shijianzhongbiao font-13 mr8"></i>
+      <span>{model.date}</span>
+      <Divider type="vertical" style={{ height: '7px', margin: '0 18px' }} />
+      {Object.prototype.hasOwnProperty.call(model, "downloads") && <Fragment>
+        <i className="iconfont icon-xiazai3 font-12 mr8"></i>
+        <span>{model.downloads}</span>
+        <Divider type="vertical" style={{ height: '7px', margin: '0 18px' }} />
+      </Fragment>}
+      {Object.prototype.hasOwnProperty.call(model, "forkedCount") && <Fragment>
+        <i className="iconfont icon-fork font-14 mr8"></i>
+        <span>{model.forkedCount}</span>
+        <Divider type="vertical" style={{ height: '7px', margin: '0 18px' }} />
+      </Fragment>}
+      <i className="iconfont icon-dianzan5 font-12 mr8"></i>
+      <span>{model.likes}</span>
+    </Fragment>
+  }
+
+  return (
+    <div className="ai_home_page">
+      {/* Banner 区域 */}
+      <div className="ai_home_banner center">
+        <div className="ai_home_banner_title mb10 ai_banner_title">
+          <span className="carousel_text mr40">AI资源广场</span>
+          <span>汇聚无限创意</span>
+          <div className="ai_home_banner_stars">
+            <img src={icon2} className="star_1" />
+            <img src={icon3} className="star_2" />
+            <img src={icon1} width={49} className="star_3" />
+          </div>
+        </div>
+        <div className="font-16 mb40">
+          面向开发者提供可信、合规、高效的 AI 资产分发中心。涵盖百亿级模型权重库、千万量级专业数据集、托管代码仓及<br />智能skill中心。实现从资源检索、安全审计到业务集成的一体化研发生态。
+        </div>
+        <div className="ai_home_banner_tabs">
+          {aiTypeInList.map((item) => (
+            <Link
+              to={`/ai/${item.key}`}
+              onClick={()=>{setActiveCategory(undefined); setList([])}}
+              key={item.key}
+              className={`ai_home_banner_tab font-15 pointer ${type === item.key ? 'active' : ''}`}
+            >
+              <i className={`iconfont ${item.icon} font-14 mr10`}></i>
+              <i className={`${type === item.key ? 'iconfont icon-' : 'iconfont-color icon-color'}${item.icon} font-14 mr10`}></i>
+              {item.name}
+            </Link>
+          ))}
+        </div>
+      </div>
+
+      {/* 主体内容区域 */}
+      <div className="ai_home_content ai_1600 pb100">
+        {/* 左侧分类筛选 */}
+        <div className="ai_home_sidebar">
+          <div className="font-22 font-bd">全部{typeDetail.name}</div>
+          <div className="font-16 color768 mt10 mb30">
+            {typeDetail.desc}
+          </div>
+          <ul className="ai_home_sidebar_list">
+            <li
+              className={`ai_home_sidebar_item mb30 ${!activeCategory ? 'active' : ''}`}
+              onClick={() => setActiveCategory(undefined)}
+            >
+              {type !== "agents" && <i className={`${!activeCategory ? "iconfont icon-remenmoxing-2" : "iconfont-color icon-colorremenmoxing-1"} font-14 mr10`}></i>}
+              全部
+            </li>
+            {cate.map((category, index) => {
+              const icons = iconByCateName[category.name] ? iconByCateName[category.name] : (iconByCateIndex[type] && iconByCateIndex[type][index]) || ["iconfont-color icon-colorkexueyanjiuhejishufuwuye", "iconfont icon-a-kexueyanjiuhejishufuwuye-1"]
+              return <li
+                key={category.id}
+                className={`ai_home_sidebar_item mb30 ${activeCategory === category.id ? 'active' : ''}`}
+                onClick={() => setActiveCategory(category.id)}
+              >
+                {type !== "agents" && <i className={`${icons[Number(activeCategory === category.id)]} font-14 mr10`}></i>}
+                {category.name}
+              </li>
+            })}
+          </ul>
+        </div>
+
+        {/* 右侧内容区 */}
+        <div className="ai_home_main flex1">
+          {/* 搜索和操作栏 */}
+          <div className="ai_home_toolbar">
+            <Input.Search className="ai_home_search flex1" placeholder={`输入关键词搜索您想要的${typeDetail.name}（共${total}个）`} enterButton={<i className="iconfont icon-sousuo5 font-15"></i>} onSearch={(value) => { setPage(1); setSearch(value) }} />
+            {current_user && current_user.login && type !== "agents" && <div className="">
+              <a className="btn-outline font-bd mr10" href={`/ai/${type}/create`}> 新建 </a>
+              <a className="btn-outline font-bd ai_home_action_my" href={`/ai/${type}/my`}>我的{typeDetail.name}<i className="iconfont icon-arrright ml5"></i></a>
+            </div>}
+          </div>
+
+          {/* 模型列表 */}
+          <Spin spinning={loading}>
+            {list && !!list.length ? <div className={`ai_home_list ${type}_pattern`}>
+              {list.map((model) => (
+                <ActionItem key={`${type}-${model.id}`} className="ai_home_card" padding="1px" borderRadius="12px">
+                  {type === "agents" ? <div>
+                    <div className="df">
+                      <img src={model.image ? model.image : require(`../image/${model.id}.png`).default} width={46} className="mr15" style={{ borderRadius: '8px' }} />
+                      <span className="font-18 font-bd task-hide">{model.name}</span>
+                    </div>
+                    <div className="color3f4 mt15 task-hide-2" style={{minHeight: 56}}>{model.desc}</div>
+                    <div className="btn-Box">
+                      {httpUrl ? <a className="btn-black" href={`/ai/${type}/${model.id}`} onClick={(e) => { if (!current_user || !current_user.login) { e.preventDefault(); e.stopPropagation(); showLoginDialog(); } }}>立即使用</a> : <a className="unClickBtn">暂未开放</a>}
+                    </div>
+                  </div>:<div>
+                    <div className="df-center">
+                      {model.image && <img src={model.image} width={38} className="mr15" style={{ borderRadius: '8px' }} />}
+                      {model.icon && type !== "skills" && <i className={`iconfont ${model.icon} font-30 mr15`}></i>}
+                      <div className="flex1 task-hide mr10" style={{minHeight: '40px'}}>
+                        <div className="font-16 font-bd">{model.name}{model.isNew && <i className="iconfont-color icon-colora-zuixin1 font-20 ml10"></i>}</div>
+                        {model.desc && <div className="color3f4">{model.desc}</div>}
+                      </div>
+                      <a className="btn-black arrowRight" href={type === "codes" ? `/${model.url}` : `/ai/${type}/${model.id}`}>查看<i className="iconfont icon-arrright"></i></a>
+                    </div>
+                    {type === "skills" ? <div className="df-center skills_bottom color828">
+                      <img src={icon6} width={18} />
+                      <span className="mrat ml10 color091 font-13">{model.domainName}</span>
+                      {aiCard(model)}
+                    </div> : <Fragment>
+                      {type === "codes" ? <div className="mt15"></div> : <Divider dashed />}
+                      <div className="df-center color828">
+                        {aiCard(model)}
+                        {type === "codes" ? <div className="df-center mlat">
+                          {model.language && !!model.language.length && <Fragment>
+                            <img src={icon5} className="mr8 mt1" width={18} />
+                            {model.language.map((topic, index) => {
+                              return <Fragment>
+                                <span className="color091">{topic}</span>
+                                {index < model.language.length - 1 && <Divider type="vertical" style={{ height: '7px' }} className="mt5" />}
+                              </Fragment>
+                            })}
+                          </Fragment>}
+                        </div> : <span className="ai_home_card_tag mlat">{model.domainName}</span>}
+                      </div>
+                    </Fragment>}
+                  </div>}
+                </ActionItem>
+              ))}
+            </div> : <div className="pt80"><Nodata _html="暂无数据"/></div>}
+          </Spin>
+
+          {/* 分页 */}
+          <Pagination className="edu-txt-right ai_list_Pagination mb70 black_active_Pagination" current={page} onChange={(p) => { setPage(p) }} pageSize={limit} total={total} showQuickJumper hideOnSinglePage />
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default List;

src/ai/list/index.scss

@@ -0,0 +1,323 @@
+.ai_home_page {
+  background: linear-gradient(180deg, #f8f8fe 0%, #f1f6fd 100%);
+
+  // Banner 区域
+  .ai_home_banner {
+    background-image: url('../image/bk1.png');
+    background-size: 100% 100%;
+    padding: 50px 20px 80px 20px;
+
+    .ai_home_banner_title {
+
+      // 星星装饰
+      .ai_home_banner_stars {
+        position: relative;
+        display: inline-block;
+        margin-left: 20px;
+
+        .star_1,
+        .star_2 {
+          position: absolute;
+          animation: twinkle 2s infinite ease-in-out;
+        }
+
+        .star_1 {
+          width: 35px;
+          top: -35px;
+        }
+
+        .star_2 {
+          width: 20px;
+          animation-delay: 0.5s;
+          top: -46px;
+          left: 38px;
+        }
+
+        .star_3 {
+          position: absolute;
+          top: -3px;
+          left: 25px;
+        }
+
+      }
+    }
+
+    // Tab 切换
+    .ai_home_banner_tabs {
+      border: 1px solid #091221;
+      border-radius: 24px;
+      display: inline-flex;
+      justify-content: center;
+    }
+
+    .ai_home_banner_tab {
+      font-weight: 600;
+      padding: 7px 36px;
+
+      &,
+      &:hover,
+      &:focus {
+        color: #091221;
+      }
+
+      i {
+        display: none;
+        color: inherit;
+      }
+
+      &.active {
+        background: #091221;
+        border-radius: 22px;
+        color: white;
+
+        i {
+          display: inline-block;
+          font-weight: normal;
+        }
+      }
+
+      &:not(:first-of-type) {
+        margin-left: -18px;
+      }
+
+      &:hover:not(.active) {
+        background: rgba(9, 18, 33, 0.05);
+        border-radius: 22px;
+      }
+    }
+  }
+
+  // 主体内容区域
+  .ai_home_content {
+    display: flex;
+    gap: 30px;
+    min-height: 60vh;
+  }
+
+  // 左侧边栏
+  .ai_home_sidebar {
+    flex: 0 0 340px;
+    height: fit-content;
+
+    .ai_home_sidebar_list {
+      .ai_home_sidebar_item {
+        width: fit-content;
+        padding: 7px 33px;
+        cursor: pointer;
+        transition: all 0.2s;
+        border: 1px solid rgba(22, 76, 228, 0.1);
+        border-radius: 22px;
+
+        &:hover {
+          border-color: #091221;
+        }
+
+        &.active {
+          border-color: #091221;
+          background: #091221;
+          color: #fff;
+        }
+      }
+    }
+  }
+
+  // 工具栏
+  .ai_home_toolbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 30px;
+    gap: 20px;
+    flex-wrap: wrap;
+
+    .ai_home_search {
+      background: linear-gradient(89.82deg, #ffffff 1.89%, #f8f9fd 99.99%);
+      border: 1px solid rgba(22, 76, 228, 0.1);
+      border-radius: 12px;
+      padding: 8px 15px;
+
+      .ant-input-search-button {
+        width: 28px;
+        height: 28px;
+        background: #091221;
+        border-radius: 16px;
+        padding: 0;
+        border: none !important;
+      }
+
+      input {
+        background: none !important;
+        border: none;
+        font-size: 15px;
+
+        &::placeholder {
+          color: #76849b;
+        }
+      }
+    }
+    .ai_home_action_my{
+      i{
+        display: inline-block;
+        position: relative;
+        top: 1px;
+      }
+      &:hover{
+        i{
+          animation: arrow-move 1.2s ease-in-out infinite;
+        }
+      }
+    }
+
+  }
+
+  // 模型列表
+  .ai_home_list {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 30px;
+  }
+
+  .ai_home_list.skills_pattern .ai_home_card {
+    &:nth-child(4n+1) {
+      .action-item_content {
+        background: linear-gradient(88.92deg, #ececff 2.11%, #f8f9fd 99.79%);
+      }
+    }
+
+    &:nth-child(4n) {
+      .action-item_content {
+        background: linear-gradient(88.92deg, #fdf5fd 2.11%, #f8f9fd 99.79%);
+      }
+    }
+
+    .action-item_content {
+      background: linear-gradient(88.92deg, #eef3fd 2.11%, #f8f9fd 99.79%);
+    }
+  }
+
+  .codes_pattern {
+    .ai_home_card {
+      .action-item_content {
+        padding: 13px 14px;
+        background: linear-gradient(88.92deg, #E3E9FE 2.11%, #ECF1FD 99.79%);
+
+        &>div {
+          padding: 20px 26px;
+          background: linear-gradient(90.61deg, #ffffff 1.22%, rgba(255, 255, 255, 0.44) 18.41%, rgba(255, 255, 255, 0.66) 98.18%);
+          border-radius: 6px;
+        }
+      }
+
+      &:nth-child(4n) .action-item_content {
+        background: linear-gradient(88.92deg, #eaeeff 2.11%, #F5F7FE 99.79%);
+      }
+
+      &:nth-child(4n+1) .action-item_content {
+        background: linear-gradient(88.92deg, #ebecff 2.11%, #f1f1fd 99.79%);
+      }
+
+      &:nth-child(4n+2) .action-item_content {
+        background: linear-gradient(88.92deg, #E8F4F9 2.11%, #F5F9FE 99.79%);
+      }
+    }
+  }
+
+  .agents_pattern{
+    grid-template-columns: repeat(3, 1fr);
+    .ai_home_card{
+      position: relative;
+      .action-item_content{
+        padding: 27px 36px;
+        background-image: url('../image/card_bk3.png');
+        background-size: 100% 100%;
+      }
+      &:hover{
+        .btn-Box{
+          display: block;
+          position: absolute;
+          left: 0;
+          bottom: 17px;
+          text-align: center;
+          width: 100%;
+        }
+      }
+      .btn-Box{
+        display: none;
+      }
+      .btn-black{
+        padding: 4px 48px 4px 48px;
+      }
+      .unClickBtn{
+        padding: 8px 47px 8px 47px;
+        background:#9ea2a8;
+        border-radius:10px;
+        color:#ffffff;
+        font-size:15px;
+        cursor: not-allowed;
+      }
+    }
+  }
+
+
+  // 卡片
+  .ai_home_card {
+    width: auto;
+
+    &:hover {
+      .btn-black {
+        display: inline-block;
+      }
+    }
+
+    &.action-item:hover:before {
+      background: conic-gradient(from 180deg at 50% 50%,
+          #587fee 0deg,
+          #9467e3 45deg,
+          transparent 90deg,
+          transparent 180deg,
+          #587fee 180deg,
+          #9467e3 225deg,
+          transparent 270deg);
+    }
+
+    .action-item_content {
+      border: 1px solid rgba(22, 76, 228, 0.1);
+      background: white url('../image/card_bk1.png');
+      background-blend-mode: multiply;
+      padding: 20px 32px;
+      width: auto;
+      border-radius: 11px;
+    }
+
+    .ai_home_card_tag {
+      background: #f5f9fd;
+      border: 1px solid #d3e1fd;
+      border-radius: 4px;
+      color: #091221;
+      font-size: 13px;
+      line-height: 24px;
+      padding: 1px 9px;
+    }
+
+    .icon-colora-zuixin1 {
+      vertical-align: middle;
+    }
+
+    .btn-black {
+      padding: 0px 19px 4px 19px;
+      display: none;
+      transition: all 0.3s;
+    }
+  }
+
+  .skills_bottom {
+    background: rgba(255, 255, 255, 0.7);
+    border-radius: 6px;
+    padding: 13px 16px;
+    margin-top: 17px;
+  }
+
+  .ai_list_Pagination {
+    margin-top: 45px;
+  }
+}

src/ai/my-resources/index.jsx

@@ -0,0 +1,234 @@
+import { Fragment, useEffect, useState } from "react";
+import { Link } from "react-router-dom";
+import { Table, Pagination, Badge, message } from "antd";
+import './index.scss';
+import { aiResouceStatus, aiResouceType, aiResouceTypeKey } from "../static";
+import { drawSourceById, getAIProjectStatistics, getAIResourceStatistics, getMyCodeList, getMyResourceList, takeUpSourceById } from "../../forge/Information/api";
+import { DeleteModal, TakeDownModal } from "../component";
+import moment from "moment";
+
+function MyResources(props) {
+  const pageSize = 10;
+  const { match: { params }, history, aiZoneInfo, roleByZone, current_user } = props || {};
+  const type = params.type;
+  const { id: aiZoneId } = aiZoneInfo || {}
+  const { login } = current_user || {}
+  const [current, setCurrent] = useState(1);
+  const [total, setTotal] = useState(0);
+  const [reload, setReload] = useState(undefined);
+  const [list, setList] = useState([]);
+  const [deleteId, setDeleteId] = useState();
+  const [downId, setDownId] = useState();
+  const [stats, setStats] = useState([]);
+
+  useEffect(() => {
+    document.title = `我的资源池`
+  }, [])
+
+  // 登录检查：如果未登录则跳转到登录页面
+  useEffect(() => {
+    if (!login) {
+      history.push(`/login?go_page=${encodeURIComponent(window.location.pathname)}`);
+    }
+  }, [login]);
+
+  useEffect(() => {
+    if (aiZoneId && type) {
+      if(type === "codes") {
+        getAIProjectStatistics({
+          zoneId: aiZoneId,
+        }).then(res => {
+          if (res && res.data && res.data.code === 200) {
+            const { likeCount, publishedCount, pendingCount } = res.data.data || {};
+            setStats([
+              { key: 'likes', label: '累计获得点赞', value: likeCount || 0 },
+              { key: 'published', label: '已发布', value: publishedCount || 0 },
+              { key: 'reviewing', label: '审核中', value: pendingCount || 0 },
+            ]);
+          }
+        })
+        return;
+      }
+      getAIResourceStatistics({
+        isMine: true,
+        resourceCategory: aiResouceTypeKey[type],
+        zoneId: aiZoneId,
+      }).then(res => {
+        if (res && res.data && res.data.code === 200) {
+          const { likeCount, publishedCount, pendingCount } = res.data.data || {};
+          setStats([
+            { key: 'likes', label: '累计获得点赞', value: likeCount || 0 },
+            { key: 'published', label: '已发布', value: publishedCount || 0 },
+            { key: 'reviewing', label: '审核中', value: pendingCount || 0 },
+          ]);
+        }
+      })
+    }
+  }, [aiZoneId, type, reload])
+
+  useEffect(() => {
+    if(type === "codes" && aiZoneId) {
+      // 获取聚合的代码库列表
+      getMyCodeList({
+        zoneId: aiZoneId,
+        pageNum: current,
+        pageSize: pageSize,
+      }, roleByZone).then(res => {
+        if(res && res.data && res.data.code === 200){
+          setList(res.data.rows);
+          setTotal(res.data.total)
+        }
+      });
+      return
+    }
+    aiZoneId && getMyResourceList({
+      auditStatus: "all",
+      zoneId: aiZoneId,
+      resourceCategory: aiResouceTypeKey[type],
+      pageNum: current,
+      pageSize: pageSize,
+    }, roleByZone).then(res => {
+      if(res && res.data && res.data.code === 200){
+        setList(res.data.rows);
+        setTotal(res.data.total)
+      }
+    })
+  }, [type, aiZoneId, current, reload, roleByZone])
+
+  const columns = [
+    {
+      title: <span className="pl25">资源名称</span>,
+      dataIndex: type === "codes" ? "projectProperties.name" : 'name',
+      key: 'name',
+      render: (text, record) => {
+        return <a href={type === "codes" ? `/${record.projectProperties && record.projectProperties.fullName}` : `/ai/${type}/${record.id}`}>{text}</a>
+      }
+    },
+    {
+      title: '提交时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      render: (text) => {
+        return moment(text).format('YYYY-MM-DD HH:mm')
+      }
+    },
+    {
+      title: '状态',
+      key: 'auditStatus',
+      dataIndex: 'auditStatus',
+      render: (text, record) => {
+        const status = aiResouceStatus[text] || {};
+        return <Badge color={status.color} text={status.label} className='status-dot' />
+      },
+    },
+    {
+      title: '操作',
+      key: 'action',
+      className: 'col-actions',
+      render: (text, record) => {
+        const { auditStatus, id } = record;
+        return type === "codes" ? <a onClick={()=>{setDeleteId(id)}}>删除</a> : auditStatus === "1" ? <a onClick={()=>{setDownId(id)}}>下架</a> : auditStatus === "0" ? <a onClick={()=>{
+          drawSourceById(id).then(res=>{
+            if(res && res.data && res.data.code === 200){
+              message.success(`操作成功`);
+              setReload(Math.random());
+            }
+          })
+        }}>撤回</a> :
+          <Fragment>
+            {auditStatus === "3" && <a className="mr20" onClick={()=>{
+              takeUpSourceById(id, roleByZone).then(res=>{
+                if(res && res.data && res.data.code === 200){
+                  message.success(`操作成功`);
+                  setReload(Math.random());
+                }
+              })
+            }}>上架</a>}
+            <a className="mr20" href={`/ai/${type}/edit/${id}`}>修改</a>
+            <a onClick={()=>{setDeleteId(id)}}>删除</a>
+          </Fragment>
+      },
+    },
+  ];
+
+  // 分页变化处理
+  const handlePageChange = (page) => {
+    setCurrent(page);
+  };
+
+  return (
+    <div className="my-resources-page">
+      <div className="ai_1600 container">
+        {/* 左侧区域 */}
+        <div className="left-panel pt40">
+          {/* 标题区域 */}
+          <div className="header-section ai_banner_title">
+            <Link to={`/ai${type === "all" ? '' : `/${type}`}`} className="back-btn">
+              <i className="iconfont icon-jiantou2 font-20"></i>
+            </Link>
+            <span className="font-40">我的资源池</span>
+            <div className="carousel_text mt5">栈筑 AI 全能力</div>
+          </div>
+          <div className="font-15 color768 mt20">
+            聚合数据集、模型、Skill 场景能力与工程代码，模块化灵活编排，一站式搭建全链路智能 AI 应用
+          </div>
+
+          {/* 分类标签 */}
+          <div className="category-tabs mt30">
+            {aiResouceType.map((category) => (
+              <Link
+                to={`/ai/${category.key}/my`}
+                key={category.key}
+                className={`category-tab ${type === category.key ? 'active' : ''}`}
+              >
+                {category.name}
+              </Link>
+            ))}
+            <Link
+              to={`/ai/${type}/create`}
+              className={`category-tab-add`}
+            >
+              <i className="iconfont icon-jia font-12"></i>
+            </Link>
+          </div>
+
+          {/* 统计数据 */}
+          <div className="stats-section mt60">
+            {stats.map((stat) => (
+              <div key={stat.key} className="stat-card">
+                <span>{stat.value}</span>
+                <div className="font-15">{stat.label}</div>
+              </div>
+            ))}
+          </div>
+        </div>
+
+        {/* 右侧区域 */}
+        <div className="right-panel">
+          <div className="table-container">
+            <Table
+              columns={columns}
+              dataSource={list}
+              rowKey="id"
+              pagination={false}
+            />
+            {/* 分页 */}
+            <Pagination
+              current={current}
+              pageSize={pageSize}
+              total={total}
+              onChange={handlePageChange}
+              showSizeChanger={false}
+              showTotal={(total) => `共 ${total} 条记录`}
+              className="black_active_Pagination edu-txt-right mt36"
+            />
+          </div>
+        </div>
+      </div>
+      <DeleteModal type={type} id={deleteId} cancel={()=>{setDeleteId(undefined)}} roleByZone={roleByZone} reload={setReload}/>
+      <TakeDownModal id={downId} cancel={()=>{setDownId(undefined)}} roleByZone={roleByZone} reload={setReload}/>
+    </div>
+  );
+}
+
+export default MyResources;

src/ai/my-resources/index.scss

@@ -0,0 +1,165 @@
+.my-resources-page {
+  background-image: url('../image/bk5.png');
+  background-size: 100% auto;
+  background-repeat: no-repeat;
+  padding-top: 55px;
+  min-height: 91vh;
+
+  .container {
+    display: flex;
+    gap: 75px;
+  }
+
+  // 左侧区域
+  .left-panel {
+    flex: 0 0 400px;
+    height: fit-content;
+
+    // 返回按钮
+    .back-btn {
+      display: inline-block;
+      transform: scaleX(-1) translateY(-7px);
+      margin-right: 12px;
+    }
+
+    // 标题区域
+    .header-section {
+      line-height: normal;
+    }
+
+    // 分类标签
+    .category-tabs {
+      display: flex;
+      align-items: center;
+      margin-bottom: 30px;
+      border: 1px solid #091221;
+      border-radius: 24px;
+
+      .category-tab {
+        flex: 1;
+        height: 44px;
+        line-height: 44px;
+        border-radius: 22px;
+        cursor: pointer;
+        transition: all 0.2s;
+        text-align: center;
+
+        &:hover {
+          color: inherit;
+          background-color: rgba(9, 18, 33, 0.05);
+        }
+
+        &.active {
+          background: #091221;
+          color: #fff;
+        }
+      }
+      .category-tab-add{
+        width:34px;
+        height:34px;
+        line-height: 34px;
+        text-align: center;
+        background:#091221;
+        border-radius:17px;
+        color: white;
+        margin-right: 9px;
+      }
+    }
+
+    // 统计数据
+    .stats-section {
+      display: flex;
+
+      .stat-card {
+        margin-right: auto;
+
+        span {
+          font-size: 44px;
+          font-family: "YouSheBiaoTiHei";
+          line-height: normal;
+        }
+      }
+    }
+  }
+
+  // 右侧区域
+  .right-panel {
+    flex: 1;
+    width: 0;
+    background-image: url('../image/bk4.png');
+    background-size: 100% 100%;
+    padding: 20px;
+    border: 2px solid #ffffff;
+    border-radius: 12px;
+
+    .table-container .ant-table {
+      min-height: 650px;
+      background: white;
+      border: 1px solid;
+      border-color: rgba(22, 76, 228, 0.1);
+      border-radius: 12px;
+      overflow: hidden;
+
+      table {
+        color: #091221;
+        font-size: 15px;
+      }
+
+      .ant-table-tbody>tr>td {
+        border-bottom: none
+      }
+
+      .ant-table-tbody>tr {
+        background: linear-gradient(89.78deg, rgba(236, 236, 255, 0.58) 1.89%, rgba(248, 249, 253, 0) 99.99%);
+
+        &:nth-child(2n) {
+          background: linear-gradient(89.78deg, #eef3fd 1.89%, rgba(248, 249, 253, 0) 99.99%);
+        }
+
+        td {
+          border-top: 25px solid white;
+
+          &:first-of-type {
+            border-left: 12px solid white;
+            font-size: 16px;
+            font-weight: bold;
+          }
+        }
+      }
+
+      .ant-table-thead>tr>th {
+        background: #f5f6ff;
+        color: #091221;
+        font-size: 15px;
+        font-weight: bold;
+        border-bottom-color: rgba(22, 76, 228, 0.1);
+      }
+    }
+
+    .status-dot {
+      .ant-badge-status-text {
+        color: #091221;
+        font-size: 15px;
+      }
+
+      .ant-badge-status-dot {
+        &::before {
+          content: '';
+          position: absolute;
+          top: -2px;
+          left: -2px;
+          width: 10px;
+          height: 10px;
+          background-color: inherit;
+          z-index: 1;
+          opacity: 0.2;
+          border-radius: 50%;
+        }
+      }
+
+    }
+    .col-actions a{
+      color:#164ce4;
+    }
+  }
+}

src/ai/static.js

@@ -0,0 +1,140 @@
+import { Fragment } from "react";
+
+export const aiResouceType = [
+  { key: "models", name: "模型库", icon: "moxingku", intro: "行业算法模型", desc: "收录多模态原生大模型矩阵，开箱即用灵活调度，全方位支撑企业 AI 业务研发与智能化升级", createIntro: "上传您的模型文件，审核通过后将同步展示在AI广场" },
+  { key: "datasets", name: "数据集", icon: "shujuji", intro: "高精训练数据", desc: "精心策划的多模态数据集，覆盖 NLP、CV、语音、多模态等核心方向，助力模型快速迭代。", createIntro: "上传您的数据集文件，审核通过后将同步展示在AI广场" },
+  { key: "skills", name: "Skills", icon: "skill", intro: "场景智能能力", desc: "标准化封装多维场景 Skill 能力，灵活组合调用，低成本快速搭建各类智能化 AI 业务应用。", createIntro: "上传您的skill文件，审核通过后将同步展示在AI广场" },
+  { key: "codes", name: "代码库", icon: "daimaku1", intro: "通用开发源码", desc: "模块化沉淀全场景通用代码能力，积木式灵活编排复用，高效轻量化落地各类研发业务需求", createIntro: "上传您的代码库，审核通过后将同步展示在AI广场" }
+]
+
+export const aiResouceTypeKey = {
+  models: "MODEL",
+  datasets: "DATASET",
+  skills: "SKILL"
+}
+
+// 已发布：审核通过/上架
+export const aiResouceStatus = {
+  "0": {label: "待审核", color: "#ff9140"},
+  "1": {label: "已发布", color: "#164ce4"},
+  "2": {label: "已驳回", color: "#d82944"},
+  "3": {label: "已下架", color: "#5C5A59"},
+  "4": {label: "草稿", color: "#ff5e00"},
+}
+
+// 步骤引导数据
+export const aiCreateSteps = [
+  {
+    title: "注册/登录账号",
+    description: "首先需要注册或登录您的账号，才能开始发布资源"
+  },
+  {
+    title: "选择资源类型",
+    description: "选择您要发布的资源类型：模型、数据集、Skill 或代码库"
+  },
+  {
+    title: "填写信息并发布",
+    description: "填写资源的详细信息，包括名称、简介、标签等，然后提交发布"
+  }
+];
+
+// 格式化文件大小
+const formatFileSize = (size) => {
+  if (!size || size === 0) return "";
+  const num = parseFloat(size);
+  if (isNaN(num)) return "";
+  const units = ["B", "KB", "MB", "GB", "TB"];
+  let unitIndex = 0;
+  let fileSize = num;
+  while (fileSize >= 1024 && unitIndex < units.length - 1) {
+    fileSize /= 1024;
+    unitIndex++;
+  }
+  const formatted = fileSize.toFixed(2);
+  // 如果两位小数都是0，则显示整数
+  return formatted.endsWith('.00') ? `${parseInt(formatted, 10)}${units[unitIndex]}` : `${formatted}${units[unitIndex]}`;
+};
+
+export const convertToTreeData = (data) => {
+  return data.map(node => {
+    const isLeaf = !node.children || node.children.length === 0;
+    let title = node.name;
+    if (isLeaf && node.size) {
+      const sizeStr = formatFileSize(node.size);
+      title = <Fragment><span>{node.name}</span><span className="fileSize">{sizeStr}</span></Fragment>;
+    }
+    return {
+      key: node.name,
+      title,
+      isLeaf,
+      size: isLeaf ? node.size : undefined,
+      children: node.children && node.children.length > 0 ? convertToTreeData(node.children) : undefined
+    };
+  });
+};
+
+// 分类图标
+export const iconByCateName = {
+  "开发工具": ["iconfont-color icon-colora-zu18240", "iconfont icon-a-Dshujukukaifagongju"],
+  "多模态": ["iconfont-color icon-colora-zu18210", "iconfont icon-duomotaimoxing"],
+  "自然语言处理": ["iconfont-color icon-colorziranyuyanchuli", "iconfont icon-ziranyuyanchuli-2"],
+  "语音": ["iconfont-color icon-coloryuyin", "iconfont icon-yuyin-1"],
+  "计算机视觉": ["iconfont-color icon-colora-zu18213", "iconfont icon-a-zu18214"],
+  "科学计算": ["iconfont-color icon-colorkexueyanjiuhejishufuwuye", "iconfont icon-a-kexueyanjiuhejishufuwuye-1"],
+  "文本": ["iconfont-color icon-colorziranyuyanchuli", "iconfont icon-ziranyuyanchuli-2"],
+  "图像": ["iconfont-color icon-colortuxiang", "iconfont icon-a-tuxiang-1"],
+  "音频": ["iconfont-color icon-coloryinpin", "iconfont icon-yinpin-1"],
+  "视频": ["iconfont-color icon-colorshipinbofang", "iconfont icon-shipinbofang-1"],
+  "开发工具": ["iconfont-color icon-colora-zu18240", "iconfont icon-a-Dshujukukaifagongju"],
+  "市场推广": ["iconfont-color icon-colora-zu18213", "iconfont icon-a-zu18214"],
+  "前端开发": ["iconfont-color icon-colordaimaku1", "iconfont icon-daimaku1"],
+  "媒体处理": ["iconfont-color icon-coloryouxiyule", "iconfont icon-meitichuli"],
+  "代码质检": ["iconfont-color icon-colordaimazhijian", "iconfont icon-daimazhijian"],
+  "移动开发": ["iconfont-color icon-coloryidongkaifa", "iconfont icon-yidongkaifa"],
+  "云效工具": ["iconfont-color icon-coloryunxiaogongju", "iconfont icon-yunxiaogongju"],
+  "其他": ["iconfont-color icon-colorqita", "iconfont icon-qita"],
+  "程序开发": ["iconfont-color icon-colora-zu18240", "iconfont icon-a-Dshujukukaifagongju"],
+  "操作系统": ["iconfont-color icon-colora-zu18213", "iconfont icon-a-zu18214"],
+  "人工智能": ["iconfont-color icon-colordaimaku1", "iconfont icon-daimaku1"],
+  "游戏娱乐": ["iconfont-color icon-coloryouxiyule", "iconfont icon-meitichuli"],
+  "程序设计": ["iconfont-color icon-colordaimazhijian", "iconfont icon-daimazhijian"],
+  "云原生": ["iconfont-color ", "iconfont "]
+}
+
+export const iconByCateIndex = {
+  "models": [
+    ["iconfont-color icon-colora-zu18210", "iconfont icon-duomotaimoxing"],
+    ["iconfont-color icon-colorziranyuyanchuli", "iconfont icon-ziranyuyanchuli-2"],
+    ["iconfont-color icon-coloryuyin", "iconfont icon-yuyin-1"],
+    ["iconfont-color icon-colora-zu18213", "iconfont icon-a-zu18214"],
+    ["iconfont-color icon-colorkexueyanjiuhejishufuwuye", "iconfont icon-a-kexueyanjiuhejishufuwuye-1"]
+  ],
+  "datasets": [
+    ["iconfont-color icon-colora-zu18210", "iconfont icon-duomotaimoxing"],
+    ["iconfont-color icon-colorziranyuyanchuli", "iconfont icon-ziranyuyanchuli-2"],
+    ["iconfont-color icon-colortuxiang", "iconfont icon-a-tuxiang-1"],
+    ["iconfont-color icon-coloryinpin", "iconfont icon-yinpin-1"],
+    ["iconfont-color icon-colorkexueyanjiuhejishufuwuye", "iconfont icon-a-kexueyanjiuhejishufuwuye-1"],
+    ["iconfont-color icon-colorshipinbofang", "iconfont icon-shipinbofang-1"]
+  ],
+  "skills": [
+    ["iconfont-color icon-colora-zu18240", "iconfont icon-a-Dshujukukaifagongju"],
+    ["iconfont-color icon-colora-zu18213", "iconfont icon-a-zu18214"],
+    ["iconfont-color icon-colordaimaku1", "iconfont icon-daimaku1"],
+    ["iconfont-color icon-coloryouxiyule", "iconfont icon-meitichuli"],
+    ["iconfont-color icon-colordaimazhijian", "iconfont icon-daimazhijian"],
+    ["iconfont-color icon-coloryidongkaifa", "iconfont icon-yidongkaifa"],
+    ["iconfont-color icon-coloryunxiaogongju", "iconfont icon-yunxiaogongju"],
+    ["iconfont-color icon-colorqita", "iconfont icon-qita"]
+  ],
+  "codes": [
+    ["iconfont-color icon-colora-zu18240", "iconfont icon-a-Dshujukukaifagongju"],
+    ["iconfont-color icon-colora-zu18213", "iconfont icon-a-zu18214"],
+    ["iconfont-color icon-colordaimaku1", "iconfont icon-daimaku1"],
+    ["iconfont-color icon-coloryouxiyule", "iconfont icon-meitichuli"],
+    ["iconfont-color icon-colordaimazhijian", "iconfont icon-daimazhijian"],
+    ["iconfont-color icon-coloryidongkaifa", "iconfont icon-yidongkaifa"],
+    ["iconfont-color icon-coloryunxiaogongju", "iconfont icon-yunxiaogongju"],
+    ["iconfont-color icon-colorqita", "iconfont icon-qita"]
+  ]
+}

src/animations.scss

@@ -50,4 +50,25 @@
   to {
     transform: scale(1);
   }
+}
+
+// 左右摆动动画
+@keyframes arrow-move {
+  0%, 100% { transform: translateX(0); }
+  50%       { transform: translateX(4px); }
+}
+
+// 星星闪烁动画
+@keyframes twinkle {
+
+  0%,
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  50% {
+    opacity: 0.7;
+    transform: scale(0.9);
+  }
 }

src/common/UrlTool.js

@@ -124,10 +124,10 @@ export function setImagesUrl(path){
 }
 
 export function getUrl(path, goTest) {
-	// const local = 'http://172.20.32.202:8080'
-	// if (isDev) {
-	// 	return `${local}${path?path:''}`
-	// }
+	const local = 'http://172.20.32.203:4000'
+	if (isDev) {
+		return `${local}${path?path:''}`
+	}
 	return `${path ? path: ''}`;
 }
 

src/components/ChunkedUpload/index.jsx

@@ -0,0 +1,849 @@
+import React, { useState, useRef, useCallback, useEffect, useImperativeHandle, forwardRef } from 'react';
+import { Button, Progress, message, Spin } from 'antd';
+import SparkMD5 from 'spark-md5';
+import './index.scss';
+
+/**
+ * 分片上传组件
+ *
+ * @param {Object} props
+ * @param {Function} props.onUploadComplete - 上传完成回调 (fileInfo) => void
+ * @param {Function} props.onUploadProgress - 上传进度回调 (progress, uploaded, total) => void
+ * @param {Function} props.onUploadError - 上传错误回调 (error) => void
+ * @param {Function} props.onCancel - 取消上传回调 () => void
+ * @param {string} props.fileType - 文件类型 (cms/dms/resource/pms等)
+ * @param {string} props.hierarchy - 层级结构
+ * @param {number} props.chunkSize - 分片大小（字节）
+ * @param {boolean} props.disabled - 是否禁用
+ * @param {string} props.accept - 接受的文件类型
+ * @param {number} props.maxSize - 最大文件大小（字节）
+ * @param {Object} props.defaultFile - 默认文件信息（已上传的文件），用于回显
+ *   - {string} defaultFile.fileId - 文件ID
+ *   - {string} defaultFile.fileOriginName - 文件名
+ *   - {number} defaultFile.fileSize - 文件大小（字节）
+ *   - {string} defaultFile.url - 文件下载地址
+ */
+
+/**
+ * 暴露给父组件的方法（通过 ref）
+ *
+ * @method cancelUpload - 移除上传的文件（重置为待上传状态）
+ */
+const ChunkedUpload = forwardRef(({
+  onUploadComplete,
+  onUploadProgress,
+  onUploadError,
+  onCancel,
+  fileType = 'resource',
+  hierarchy = '',
+  chunkSize = 10 * 1024 * 1024, // 默认 10MB
+  disabled = false,
+  accept = '',  // 空字符串表示接受所有文件类型，这是 HTML5 标准写法
+  maxSize = 1024 * 1024 * 1024, // 默认 1GB
+  children, // 支持自定义未选择文件状态的内容
+  defaultFile, // 默认文件信息（已上传的文件），用于回显
+}, ref) => {
+  // 暴露方法给父组件
+  useImperativeHandle(ref, () => ({
+    /**
+     * 移除上传的文件（重置为待上传状态）
+     */
+    cancelUpload: () => {
+      handleCancel();
+    },
+  }));
+  const DEFAULT_SIZE = 10 * 1024 * 1024; // 10MB，与 ruoyi-react 保持一致
+  
+  const [uploading, setUploading] = useState(false);
+  const [file, setFile] = useState(null);
+  const [uploadStatus, setUploadStatus] = useState('idle'); // idle, checking, initializing, uploading, merging, completed, error, cancelled, instant
+  const [progress, setProgress] = useState(0);
+  const [uploadedChunks, setUploadedChunks] = useState(0);
+  const [totalChunks, setTotalChunks] = useState(0);
+  const [uploadId, setUploadId] = useState(null);
+  const [errorMessage, setErrorMessage] = useState('');
+  const [uploadSpeed, setUploadSpeed] = useState(0);
+  const [instantFileInfo, setInstantFileInfo] = useState(null); // 秒传成功时的文件信息
+  
+  const fileInputRef = useRef(null);
+  
+  // 初始化默认文件（已上传的文件回显）
+  useEffect(() => {
+    if (defaultFile && Object.keys(defaultFile).length > 0) {
+      // 设置已完成状态
+      const fileInfo = {
+        name: defaultFile.fileOriginName || 'unknown',
+        size: defaultFile.fileSize || 0,
+      };
+      setFile(fileInfo);
+      setUploadStatus('completed');
+      setProgress(100);
+      setUploadedChunks(1);
+      setTotalChunks(1);
+    }
+  }, [defaultFile]);
+  
+  const uploadRef = useRef({
+    isCancelled: false,
+    uploadId: null,
+    abortController: null,
+    currentFile: null,
+    fileSignature: null, // 文件签名
+  });
+
+  // 清理上传状态
+  const cleanupUpload = useCallback(() => {
+    uploadRef.current.isCancelled = true;
+    
+    // 取消进行中的请求
+    if (uploadRef.current.abortController) {
+      uploadRef.current.abortController.abort();
+    }
+    
+    setUploadStatus('cancelled');
+    setUploading(false);
+  }, []);
+
+  // 移除上传（仅前端移除，重置为待上传样式）
+  const handleCancel = useCallback(() => {
+    uploadRef.current.isCancelled = true;
+    
+    // 取消进行中的请求
+    if (uploadRef.current.abortController) {
+      uploadRef.current.abortController.abort();
+    }
+    
+    setUploadStatus('idle');
+    setUploading(false);
+    setUploadId(null);
+    setFile(null);
+    setProgress(0);
+    setUploadedChunks(0);
+    setTotalChunks(0);
+    setErrorMessage('');
+    onCancel?.();
+  }, [onCancel]);
+
+  // 格式化文件大小
+  const formatFileSize = useCallback((bytes) => {
+    if (!bytes || bytes === 0) return '0 B';
+    if(typeof bytes === "string") return bytes
+    const k = 1024;
+    const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+  }, []);
+
+  // 格式化速度
+  const formatSpeed = useCallback((bytesPerSecond) => {
+    return formatFileSize(bytesPerSecond) + '/s';
+  }, [formatFileSize]);
+
+  // 更新进度
+  const updateProgress = useCallback((uploaded, total, fileSize, elapsedMs) => {
+    const percent = Math.round((uploaded / total) * 100);
+    setProgress(percent);
+    setUploadedChunks(uploaded);
+    setTotalChunks(total);
+    
+    // 计算速度
+    const speed = elapsedMs > 0 ? Math.round((uploaded * chunkSize) / (elapsedMs / 1000)) : 0;
+    setUploadSpeed(speed);
+    
+    onUploadProgress?.(percent, uploaded, total);
+  }, [chunkSize, onUploadProgress]);
+
+  // 上传单个分片（带重试）
+  const uploadSingleChunk = useCallback(async (chunkNumber, chunkFile, onChunkProgress) => {
+    const { uploadChunk: uploadChunkApi } = await import('../../factory/api');
+    let retryCount = 0;
+    const maxRetries = 3;
+    
+    while (retryCount < maxRetries) {
+      try {
+        const abortController = new AbortController();
+        uploadRef.current.abortController = abortController;
+        
+        await uploadChunkApi(
+          {
+            uploadId: uploadRef.current.uploadId,
+            chunkNumber,
+            chunk: chunkFile,
+          },
+          onChunkProgress
+        );
+        
+        return true;
+      } catch (error) {
+        if (error.name === 'AbortError') {
+          return false;
+        }
+        
+        retryCount++;
+        if (retryCount >= maxRetries) {
+          console.error(`分片 ${chunkNumber} 上传失败，已达最大重试次数:`, error);
+          throw error;
+        }
+        
+        // 等待后重试
+        await new Promise(resolve => setTimeout(resolve, 1000 * retryCount));
+      }
+    }
+    return false;
+  }, []);
+
+  // 并发上传分片
+  const uploadChunksConcurrently = useCallback(async (chunks, fileToUpload) => {
+    const uploaded = new Set();
+    const chunksToUpload = chunks.filter(c => !uploaded.has(c.index));
+    
+    if (chunksToUpload.length === 0) {
+      return;
+    }
+    
+    const startTime = Date.now();
+    let uploadedCount = 0;
+    const maxConcurrent = 4;
+    
+    // 并发控制
+    const processChunk = async (chunk) => {
+      if (uploadRef.current.isCancelled) return;
+      
+      try {
+        const start = chunk.start;
+        const end = chunk.end;
+        const blob = fileToUpload.slice(start, end);
+        // 将 Blob 包装为 File 对象，与 ruoyi-react 保持一致
+        const chunkFile = new File([blob], `chunk-${chunk.index}-${Date.now()}`);
+        
+        await uploadSingleChunk(chunk.index, chunkFile, (loaded, total) => {
+          // 分片级别进度
+        });
+        
+        uploaded.add(chunk.index);
+        uploadedCount++;
+        
+        updateProgress(uploadedCount, chunks.length, fileToUpload.size, Date.now() - startTime);
+      } catch (error) {
+        if (error.name !== 'AbortError') {
+          setErrorMessage(`分片 ${chunk.index} 上传失败: ${error.message}`);
+          setUploadStatus('error');
+          onUploadError?.(error);
+        }
+      }
+    };
+    
+    // 分批并发上传
+    for (let i = 0; i < chunksToUpload.length; i += maxConcurrent) {
+      if (uploadRef.current.isCancelled) break;
+      
+      const batch = chunksToUpload.slice(i, i + maxConcurrent);
+      await Promise.all(batch.map(processChunk));
+    }
+  }, [uploadSingleChunk, updateProgress, onUploadError]);
+
+  // 初始化上传（参照 ruoyi-react 的流程）
+  const initUpload = useCallback(async (fileToUpload) => {
+    setUploadStatus('initializing');
+    
+    try {
+      const { initChunkedUpload, checkInstantUpload } = await import('../../factory/api');
+      
+      // 1. 初始化分片上传
+      const initResponse = await initChunkedUpload({
+        fileName: fileToUpload.name,
+        fileSize: fileToUpload.size,
+        type: fileType,
+        hierarchy: hierarchy || undefined,
+      });
+      
+      const { data: initData } = initResponse.data || initResponse;
+      const { uploadId: newUploadId, totalChunks, chunkSize: serverChunkSize, hashType, sampleChunks } = initData;
+      
+      uploadRef.current.uploadId = newUploadId;
+      setUploadId(newUploadId);
+      
+      // 2. 根据 hashType 和 sampleChunks 计算文件签名（参照 ruoyi-react）
+      setUploadStatus('calculating');
+      const fileSignature = await computeFileSignature(fileToUpload, hashType, sampleChunks, serverChunkSize || chunkSize);
+      uploadRef.current.fileSignature = fileSignature;
+      
+      // 3. 检查秒传/断点续传（参照 ruoyi-react 的参数格式）
+      setUploadStatus('checking');
+      const checkResponse = await checkInstantUpload({
+        uploadId: String(newUploadId),
+        fileSignature: fileSignature,
+      });
+      
+      const { data: checkData } = checkResponse.data || checkResponse;
+      const { canInstantUpload, canResumingUpload, completedUploadChunkedNumberList, existingFileId, existingFileName, existingFileSize, existingFileUrl } = checkData || {};
+      
+      // 秒传成功（参照 ruoyi-react 的实现）
+      if (canInstantUpload) {
+        setUploadStatus('instant');
+        const fileInfo = {
+          fileId: existingFileId,
+          fileOriginName: existingFileName,
+          fileSize: existingFileSize,
+          url: existingFileUrl,
+        };
+        setInstantFileInfo(fileInfo);
+        message.success('秒传成功，文件已存在');
+        onUploadComplete?.(fileInfo);
+        setUploading(false); // 重置 uploading 状态，隐藏 Spin
+        return null; // 返回 null 表示不需要上传
+      }
+      
+      // 断点续传（参照 ruoyi-react 的实现）
+      let uploadedChunksSet = new Set();
+      if (canResumingUpload && completedUploadChunkedNumberList && completedUploadChunkedNumberList.length > 0) {
+        const resumingUploadId = checkData.resumingUploadId || newUploadId;
+        uploadRef.current.uploadId = resumingUploadId;
+        setUploadId(resumingUploadId);
+        
+        // 处理会话状态为合并中的情况（参照 ruoyi-react）
+        if (checkData.resumingUploadStatus === 'MERGING' || checkData.resumingUploadStatus === '合并中') {
+          // message.info('文件正在合并中，请稍候...');
+          // 直接轮询进度
+          const mergeResult = await pollMergeStatus(resumingUploadId, (mergeProgress) => {
+            setProgress(mergeProgress);
+          });
+          setUploadStatus('completed');
+          setProgress(100);
+          setUploading(false);
+          message.success('文件上传完成');
+
+          // 确保传递 fileId，从轮询结果中获取
+          onUploadComplete?.({
+            fileId: mergeResult?.fileId || mergeResult?.data?.fileId,
+            fileOriginName: mergeResult?.fileOriginName || mergeResult?.data?.fileOriginName,
+            fileSize: mergeResult?.fileSize || mergeResult?.data?.fileSize,
+            url: mergeResult?.url || mergeResult?.data?.url,
+            uploadId: newUploadId,
+          });
+          return null;
+        }
+        
+        // 将已上传的分片索引存入 Set，方便后续过滤
+        uploadedChunksSet = new Set(completedUploadChunkedNumberList);
+        const uploadedCount = uploadedChunksSet.size;
+        setUploadedChunks(uploadedCount);
+        setTotalChunks(totalChunks);
+        
+        // message.info(`断点续传，已上传 ${uploadedCount} 个分片，将从第 ${uploadedCount + 1} 个分片继续上传`);
+        
+        // 如果所有分片都已上传，直接合并
+        if (uploadedCount >= totalChunks) {
+          const mergeResult = await mergeUpload();
+          setUploadStatus('completed');
+          setProgress(100);
+          setUploading(false);
+          message.success('上传完成');
+          // 确保传递 fileId，从合并结果中获取
+          onUploadComplete?.({
+            fileId: mergeResult?.fileId || mergeResult?.data?.fileId,
+            fileOriginName: mergeResult?.fileOriginName || mergeResult?.data?.fileOriginName,
+            fileSize: mergeResult?.fileSize || mergeResult?.data?.fileSize,
+            url: mergeResult?.url || mergeResult?.data?.url,
+            uploadId: uploadRef.current.uploadId,
+          });
+          return null;
+        }
+      }
+      
+      setTotalChunks(totalChunks);
+      
+      // 如果服务端返回的分片大小不同，重新计算分片
+      const finalChunkSize = serverChunkSize || chunkSize;
+      const chunks = [];
+      
+      for (let i = 0; i < totalChunks; i++) {
+        // 跳过已上传的分片
+        if (uploadedChunksSet.has(i)) {
+          continue;
+        }
+        
+        chunks.push({
+          index: i, // 分片从 0 开始
+          start: i * finalChunkSize,
+          end: Math.min((i + 1) * finalChunkSize, fileToUpload.size),
+          size: Math.min(fileToUpload.size - (i * finalChunkSize), finalChunkSize),
+        });
+      }
+      
+      // message.info(`实际需要上传 ${chunks.length} 个分片`);
+      
+      return chunks;
+    } catch (error) {
+      setErrorMessage(`初始化上传失败: ${error.message}`);
+      setUploadStatus('error');
+      onUploadError?.(error);
+      throw error;
+    }
+  }, [fileType, hierarchy, chunkSize, onUploadComplete, onUploadError]);
+
+  // 轮询检查合并状态（递归方式）
+  const pollMergeStatus = useCallback(async (uploadId, onMergeProgress, maxRetries = 60, interval = 3000) => {
+    const { getProgress: getProgressApi } = await import('../../factory/api');
+    
+    let retryCount = 0;
+    
+    const checkStatus = async () => {
+      try {
+        const response = await getProgressApi(uploadId);
+        const { data: progressData } = response.data || response;
+        
+        // 检查合并状态
+        if (progressData.status === 'COMPLETED' || progressData.status === 'SUCCESS') {
+          // 合并成功
+          onMergeProgress?.(100);
+          return progressData;
+        } else if (progressData.status === 'FAILED' || progressData.status === 'ERROR') {
+          // 合并失败
+          throw new Error(progressData.message || '合并失败');
+        }
+        
+        // 继续轮询（合并中或其他中间状态）
+        retryCount++;
+        // 不要做最大次数限制
+        // if (retryCount >= maxRetries) {
+        //   throw new Error('合并超时，请稍后查看结果');
+        // }
+        
+        // 等待指定间隔后继续轮询
+        await new Promise(resolve => setTimeout(resolve, interval));
+        return await checkStatus();
+      } catch (error) {
+        throw error;
+      }
+    };
+    
+    // 开始轮询
+    return checkStatus();
+  }, []);
+
+  // 合并分片
+  const mergeUpload = useCallback(async () => {
+    setUploadStatus('merging');
+    
+    try {
+      const { mergeChunks: mergeChunksApi } = await import('../../factory/api');
+      
+      // 1. 提交合并任务
+      const response = await mergeChunksApi(uploadRef.current.uploadId);
+      const { data: mergeData } = response.data || response;
+      
+      // 如果返回的消息提示需要轮询进度
+      if (mergeData?.message && mergeData.message.includes('请通过进度接口查询结果')) {
+        // message.info('合并任务已提交，正在处理中...');
+        
+        // 2. 轮询检查合并状态
+        const result = await pollMergeStatus(uploadRef.current.uploadId, (mergeProgress) => {
+          setProgress(mergeProgress);
+        });
+        
+        return result;
+      }
+      
+      // 如果直接返回成功（不需要轮询）
+      return mergeData;
+    } catch (error) {
+      setErrorMessage(`合并分片失败: ${error.message}`);
+      setUploadStatus('error');
+      onUploadError?.(error);
+      throw error;
+    }
+  }, [onUploadError, pollMergeStatus]);
+
+  // 主上传流程
+  const startUpload = useCallback(async (selectedFile) => {
+    if (disabled) return;
+    
+    // 验证文件大小
+    if (selectedFile.size > maxSize) {
+      message.error(`文件大小不能超过 ${formatFileSize(maxSize)}`);
+      return;
+    }
+    
+    setFile(selectedFile);
+    uploadRef.current.currentFile = selectedFile;
+    setUploading(true);
+    setUploadStatus('checking');
+    setProgress(0);
+    setUploadedChunks(0);
+    setErrorMessage('');
+    setInstantFileInfo(null);
+    
+    uploadRef.current.isCancelled = false;
+    
+    try {
+      // 1. 初始化分片上传（内部会计算文件签名并检查秒传）
+      const chunks = await initUpload(selectedFile);
+      
+      // 如果 chunks 为 null，说明秒传成功或无需上传
+      if (chunks === null) {
+        return;
+      }
+      
+      // 2. 上传分片
+      setUploadStatus('uploading');
+      await uploadChunksConcurrently(chunks, selectedFile);
+      
+      if (uploadRef.current.isCancelled) {
+        return;
+      }
+      
+      // 3. 合并分片
+      const mergeResult = await mergeUpload();
+      
+      setUploadStatus('completed');
+      setProgress(100);
+      setUploading(false); // 重置 uploading 状态，隐藏 Spin
+      
+      message.success('上传成功');
+      // 确保传递 fileId，从合并结果中获取
+      onUploadComplete?.({
+        fileId: mergeResult?.fileId || mergeResult?.data?.fileId,
+        fileOriginName: mergeResult?.fileOriginName || mergeResult?.data?.fileOriginName,
+        fileSize: mergeResult?.fileSize || mergeResult?.data?.fileSize,
+        url: mergeResult?.url || mergeResult?.data?.url,
+        uploadId: uploadRef.current.uploadId,
+      });
+    } catch (error) {
+      if (!uploadRef.current.isCancelled) {
+        setUploadStatus('error');
+        setUploading(false); // 重置 uploading 状态，隐藏 Spin
+        onUploadError?.(error);
+      }
+    }
+  }, [disabled, maxSize, formatFileSize, onUploadComplete, onUploadError, initUpload, uploadChunksConcurrently, mergeUpload]);
+
+  // 计算文件签名（参照 ruoyi-react 的实现）
+  const computeFileSignature = useCallback((fileToUpload, hashType = 'FULL', sampleChunks = [], chunkSize = DEFAULT_SIZE) => {
+    return new Promise((resolve) => {
+      try {
+        if (hashType === 'FULL') {
+          // 计算完整文件MD5
+          computeFullMD5(fileToUpload).then(resolve);
+        } else if (hashType === 'SAMPLE' && sampleChunks.length > 0) {
+          // 计算采样点哈希
+          computeSampleHash(fileToUpload, sampleChunks, chunkSize).then(resolve);
+        } else {
+          // 默认使用UUID
+          resolve(generateUUID());
+        }
+      } catch (error) {
+        resolve(generateUUID());
+      }
+    });
+  }, []);
+
+  // 计算完整文件MD5
+  const computeFullMD5 = useCallback((fileToUpload) => {
+    return new Promise((resolve) => {
+      try {
+        const fileReader = new FileReader();
+        const spark = new SparkMD5.ArrayBuffer();
+
+        fileReader.onload = (e) => {
+          if (e.target?.result) {
+            spark.append(e.target.result);
+            const md5 = spark.end();
+            resolve(md5);
+          } else {
+            resolve(generateUUID());
+          }
+        };
+
+        fileReader.onerror = function () {
+          resolve(generateUUID());
+        };
+
+        fileReader.readAsArrayBuffer(fileToUpload);
+      } catch (error) {
+        resolve(generateUUID());
+      }
+    });
+  }, []);
+
+  // 计算采样点哈希（参照 ruoyi-react 的实现）
+  const computeSampleHash = useCallback((fileToUpload, sampleChunks, chunkSize = DEFAULT_SIZE) => {
+    return new Promise((resolve) => {
+      try {
+        // 对采样分片排序（与后端保持一致）
+        const sortedChunks = [...sampleChunks].sort((a, b) => a - b);
+        const totalChunks = Math.ceil(fileToUpload.size / chunkSize);
+        
+        if (sortedChunks.length === 0) {
+          resolve(generateUUID());
+          return;
+        }
+
+        // 创建固定长度的数组，按sortedChunks顺序存储MD5
+        const chunkMd5s = new Array(sortedChunks.length);
+        let processedCount = 0;
+
+        sortedChunks.forEach((chunkIndex, idx) => {
+          if (chunkIndex >= totalChunks) {
+            // 分片索引超出范围，填充占位符
+            chunkMd5s[idx] = 'error';
+            processedCount++;
+            if (processedCount === sortedChunks.length) {
+              calculateFinalSignature(chunkMd5s, resolve);
+            }
+            return;
+          }
+
+          const start = chunkIndex * chunkSize;
+          const end = Math.min(start + chunkSize, fileToUpload.size);
+          const blob = fileToUpload.slice(start, end);
+
+          const fileReader = new FileReader();
+          fileReader.onload = (e) => {
+            try {
+              if (e.target?.result) {
+                // 计算单个分片的MD5
+                const spark = new SparkMD5.ArrayBuffer();
+                spark.append(e.target.result);
+                const chunkMd5 = spark.end();
+                chunkMd5s[idx] = chunkMd5;
+              }
+            } catch (error) {
+              chunkMd5s[idx] = 'error';
+            }
+            processedCount++;
+            if (processedCount === sortedChunks.length) {
+              // 所有分片处理完成，计算最终签名
+              calculateFinalSignature(chunkMd5s, resolve);
+            }
+          };
+
+          fileReader.onerror = function () {
+            chunkMd5s[idx] = 'error';
+            processedCount++;
+            if (processedCount === sortedChunks.length) {
+              calculateFinalSignature(chunkMd5s, resolve);
+            }
+          };
+
+          fileReader.readAsArrayBuffer(blob);
+        });
+
+        // 辅助函数：计算最终签名
+        function calculateFinalSignature(md5List, resolveCallback) {
+          try {
+            const spark = new SparkMD5.ArrayBuffer();
+            const md5String = md5List.join('');
+            const encoder = new TextEncoder();
+            spark.append(encoder.encode(md5String));
+            const finalSignature = spark.end();
+            resolveCallback(finalSignature);
+          } catch (error) {
+            resolveCallback(generateUUID());
+          }
+        }
+      } catch (error) {
+        resolve(generateUUID());
+      }
+    });
+  }, []);
+
+  // 生成 UUID
+  const generateUUID = useCallback(() => {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+      const r = (Math.random() * 16) | 0;
+      const v = c === 'x' ? r : (r & 0x3) | 0x8;
+      return v.toString(16);
+    });
+  }, []);
+
+  // 文件选择处理
+  const handleFileSelect = useCallback((e) => {
+    const selectedFile = e.target.files?.[0];
+    if (selectedFile) {
+      startUpload(selectedFile);
+    }
+  }, [startUpload]);
+
+  // 拖拽上传处理
+  const handleDrop = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    
+    const droppedFile = e.dataTransfer?.files?.[0];
+    if (droppedFile) {
+      startUpload(droppedFile);
+    }
+  }, [startUpload]);
+
+  const handleDragOver = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  }, []);
+
+  // 重新上传
+  const handleRetry = useCallback(() => {
+    setUploadStatus('checking');
+    setProgress(0);
+    setUploadedChunks(0);
+    setErrorMessage('');
+    
+    const fileToRetry = file || uploadRef.current.currentFile;
+    if (fileToRetry) {
+      startUpload(fileToRetry);
+    }
+  }, [file, startUpload]);
+
+  // 组件卸载时清理
+  useEffect(() => {
+    return () => {
+      cleanupUpload();
+    };
+  }, [cleanupUpload]);
+
+  // 获取状态文本
+  const getStatusText = () => {
+    switch (uploadStatus) {
+      case 'idle':
+        return '等待上传';
+      case 'checking':
+        return '检查中...';
+      case 'initializing':
+        return '初始化中...';
+      case 'calculating':
+        return '计算文件签名中...';
+      case 'uploading':
+        return `上传中... (${uploadedChunks}/${totalChunks})`;
+      case 'merging':
+        return '合并中...';
+      case 'completed':
+        return '上传完成';
+      case 'instant':
+        return '秒传成功';
+      case 'error':
+        return '上传失败';
+      case 'cancelled':
+        return '已取消';
+      default:
+        return '未知状态';
+    }
+  };
+
+  // 获取状态颜色
+  const getStatusColor = () => {
+    switch (uploadStatus) {
+      case 'completed':
+        return '#52c41a';
+      case 'instant':
+        return '#52c41a';
+      case 'error':
+        return '#ff4d4f';
+      case 'cancelled':
+        return '#d9d9d9';
+      default:
+        return '#1890ff';
+    }
+  };
+
+  return (
+    <div className="chunked-upload-wrapper">
+      <Spin spinning={uploading}>
+        <div
+          className={`chunked-upload-area ${uploading ? 'uploading' : ''} ${disabled ? 'disabled' : ''}`}
+          onDrop={handleDrop}
+          onDragOver={handleDragOver}
+        >
+          {/* 文件选择输入 */}
+          <input
+            type="file"
+            ref={(ref) => {
+              fileInputRef.current = ref;
+            }}
+            style={{ display: 'none' }}
+            accept={accept}
+            onChange={handleFileSelect}
+            disabled={uploading || disabled}
+          />
+          
+          {/* 内容区域 */}
+          <div className="chunked-upload-content" onClick={() => {
+            if (!uploading && !disabled && fileInputRef.current) {
+              fileInputRef.current.click();
+            }
+          }}>
+            {uploadStatus === 'idle' && !uploading ? (
+              // 未选择文件状态
+              children ? (
+                children
+              ) : (
+                <div className="chunked-upload-placeholder">
+                  <i className="iconfont icon-shangchuanicon chunked-upload-icon"></i>
+                  <div className="chunked-upload-text">
+                    <span className="chunked-upload-main">点击或拖拽文件到此处</span>
+                    <span className="chunked-upload-hint">支持分片上传，最大 {formatFileSize(maxSize)}</span>
+                  </div>
+                </div>
+              )
+            ) : (
+              // 上传中/已完成状态
+              <div className="chunked-upload-info">
+                {file && (
+                  <div className="chunked-upload-file-info">
+                    <div className="chunked-upload-file-name">{file.name}</div>
+                    <div className="chunked-upload-file-size">{formatFileSize(file.size)}</div>
+                  </div>
+                )}
+                
+                <div className="chunked-upload-progress">
+                  <Progress
+                    percent={progress}
+                    status={uploadStatus === 'error' ? 'exception' : uploadStatus === 'cancelled' ? 'normal' : 'success'}
+                    strokeColor={getStatusColor()}
+                    size="small"
+                  />
+                  <div className="chunked-upload-status">
+                    <span className="chunked-upload-status-text">{getStatusText()}</span>
+                    {uploadStatus === 'uploading' && uploadSpeed > 0 && (
+                      <span className="chunked-upload-speed">{formatSpeed(uploadSpeed)}</span>
+                    )}
+                  </div>
+                </div>
+                
+                {uploadStatus === 'error' && errorMessage && (
+                  <div className="chunked-upload-error">{errorMessage}</div>
+                )}
+              </div>
+            )}
+          </div>
+          
+          {/* 操作按钮 */}
+          {(uploadStatus === 'completed' || uploadStatus === 'instant' || uploadStatus === 'error' || uploadStatus === 'cancelled') && (
+            <div className="chunked-upload-actions">
+              {uploadStatus === 'error' && (
+                <Button
+                  size="small"
+                  onClick={handleRetry}
+                >
+                  <i className="iconfont icon-refresh mr5"></i>重试
+                </Button>
+              )}
+              {(uploadStatus === 'completed' || uploadStatus === 'instant' || uploadStatus === 'cancelled') && (
+                <Button
+                  size="small"
+                  danger
+                  onClick={handleCancel}
+                >
+                  <i className="iconfont icon-delete mr5"></i>移除
+                </Button>
+              )}
+            </div>
+          )}
+        </div>
+      </Spin>
+    </div>
+  );
+});
+
+ChunkedUpload.displayName = 'ChunkedUpload';
+
+export default ChunkedUpload;

src/components/ChunkedUpload/index.scss

@@ -0,0 +1,181 @@
+/**
+ * 分片上传组件样式
+ */
+
+.chunked-upload-wrapper {
+  width: 100%;
+  
+  .chunked-upload-area {
+    border: 2px dashed rgba(22, 76, 228, 0.17);
+    border-radius: 6px;
+    transition: all 0.3s ease;
+    cursor: pointer;
+    text-align: center;
+    
+    &:hover {
+      border-color: #164ce4;
+      
+      .chunked-upload-placeholder {
+        .chunked-upload-icon {
+          color: #164ce4;
+          transform: scale(1.1);
+        }
+      }
+    }
+    
+    &.uploading {
+      cursor: default;
+      border-color: #52c41a;
+      background-color: #f6ffed;
+      
+      &:hover {
+        border-color: #52c41a;
+        background-color: #f6ffed;
+      }
+    }
+    
+    &.disabled {
+      cursor: not-allowed;
+      opacity: 0.6;
+      
+      &:hover {
+        border-color: #d9d9d9;
+        background-color: #fafafa;
+      }
+    }
+    
+    .chunked-upload-content {
+      padding: 40px 20px;
+      
+      .chunked-upload-placeholder {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        
+        .chunked-upload-icon {
+          font-size: 48px;
+          color: #8c8c8c;
+          transition: all 0.3s ease;
+          margin-bottom: 16px;
+        }
+        
+        .chunked-upload-text {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          gap: 8px;
+          
+          .chunked-upload-main {
+            font-size: 16px;
+            color: #333;
+            font-weight: 500;
+          }
+          
+          .chunked-upload-hint {
+            font-size: 13px;
+            color: #8c8c8c;
+          }
+        }
+      }
+      
+      .chunked-upload-info {
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+        
+        .chunked-upload-file-info {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          
+          .chunked-upload-file-name {
+            font-size: 14px;
+            color: #333;
+            font-weight: 500;
+            max-width: 300px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+          
+          .chunked-upload-file-size {
+            font-size: 13px;
+            color: #8c8c8c;
+          }
+        }
+        
+        .chunked-upload-progress {
+          .chunked-upload-status {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            margin-top: 8px;
+            
+            .chunked-upload-status-text {
+              font-size: 13px;
+              color: #666;
+            }
+            
+            .chunked-upload-speed {
+              font-size: 12px;
+              color: #164ce4;
+              font-weight: 500;
+            }
+          }
+        }
+        
+        .chunked-upload-error {
+          padding: 8px 12px;
+          background-color: #fff2f0;
+          border: 1px solid #ffccc7;
+          border-radius: 4px;
+          font-size: 13px;
+          color: #ff4d4f;
+        }
+      }
+    }
+    
+    .chunked-upload-actions {
+      padding: 12px 20px;
+      border-top: 1px solid #f0f0f0;
+      display: flex;
+      justify-content: flex-end;
+      gap: 8px;
+    }
+  }
+  
+  // 覆盖 Ant Design Progress 组件样式
+  :global {
+    .ant-progress-status-normal {
+      .ant-progress-bg {
+        transition: width 0.3s ease;
+      }
+    }
+    
+    .ant-progress-exception {
+      .ant-progress-text {
+        color: #ff4d4f !important;
+      }
+    }
+    
+    .ant-progress-success-circle {
+      .ant-progress-circle-trail {
+        stroke: #f7f7f7 !important;
+      }
+    }
+    
+    // 按钮样式优化
+    .ant-btn {
+      font-size: 13px;
+      
+      &.ant-btn-dangerous {
+        &:hover {
+          background-color: #ff4d4f !important;
+          border-color: #ff4d4f !important;
+          color: #fff !important;
+        }
+      }
+    }
+  }
+}

src/components/commentsByZone/CommentsList.jsx

@@ -0,0 +1,260 @@
+import React, { useEffect, useState } from 'react';
+import { Button, Popconfirm, Input, message, Spin, Pagination } from 'antd';
+import { getImageUrl, timeAgo, isPhone } from 'educoder';
+import RenderHtml from '../render-html';
+import Attachment from '../../forge/Upload/attachment';
+import EditComment from './EditComment';
+import CheckProfile from '../../forge/Component/ProfileModal/Profile';
+import './comments.scss';
+import { Link } from 'react-router-dom';
+import { normalizeUrl } from '../../forge/common/util';
+import { COMMENT_PAGE_SIZE, COMMENT_CATEGORY } from './constants';
+import * as commentApi from './api';
+
+/**
+ * 通用评论列表组件
+ * @param {Object} props - 组件属性
+ * @property {string} type - 评论类型：'news' | 'project' | 'resource' | 'skill'
+ * @property {string|number} id - 资源ID（文章ID、项目ID等）
+ * @property {Object} [extraParams] - 额外的业务参数
+ * @property {string} [owner] - 所有者/组织名（用于 Markdown 渲染）
+ * @property {string} [projectsId] - 项目 ID（用于 Markdown 渲染）
+ * @property {Object} current_user - 当前用户信息
+ * @property {string} current_user.login - 用户登录名
+ * @property {boolean} current_user.admin - 是否平台管理员
+ * @property {string} current_user.image_url - 用户头像URL
+ * @property {string} current_user.username - 用户姓名
+ * @property {boolean} [isManager] - 是否为仓库/项目管理员
+ * @property {Function} [showNotification] - 显示通知
+ * @property {Function} [showLoginDialog] - 显示登录弹窗
+ * @property {string} [author] - 评论作者（用于权限判断）
+ */
+function CommentsList(props){
+  const {type, id, extraParams, owner, projectsId, current_user, isManager, showLoginDialog, author, showNotification} = props;
+  const {login, admin, image_url, username} = current_user;
+  
+  const [category, setCategory] = useState('comment');
+  const [journals, setJournals] = useState(undefined);
+  // 是否展示新建/编辑评论markdown部分新建评论1 编辑父级评论2 回复评论3 编辑回复内容4 回复子机评论5
+  const [showEdit, setShowEdit] = useState(false);
+  const [parentId, setParentId] = useState(undefined);
+  const [replyId, setReplyId] = useState(undefined);
+  // 修改评论id
+  const [updateId, setUpdateId] = useState(undefined);
+  // 操作日志展开效果
+  const [open, setOpen] = useState(undefined);
+  // 加载中效果（缓冲css 线条效果）
+  const [spin, setSpin] = useState(false);
+  // 评论总数
+  const [journalsCount, setJournalsCount] = useState(undefined);
+  // 分页
+  const limit = COMMENT_PAGE_SIZE;
+  const [page, setPage] = useState(1);
+  const [totalCount, setTotalCount] = useState(undefined);
+  const [reload, setReload] = useState(undefined);  
+
+  // 根据 type 加载评论列表
+  useEffect(()=>{
+    setSpin(true);
+    let params = {
+      limit: limit,
+      page: page
+    };
+    commentApi.getCommentList(type, id, page, limit).then(res=>{
+      if(res && res.data && res.data.data){
+        const {journals: journalList, total_comment_journals_count, total_count} = res.data.data;
+        if(category === COMMENT_CATEGORY.ALL){
+          const array = [];
+          let start = undefined;
+          let isJournalCount = 0;
+          journalList.map((item, index)=>{
+            !isJournalCount && (start = index);
+            item.is_journal_detail && (isJournalCount++);
+            if(!item.is_journal_detail && isJournalCount < 10){
+              isJournalCount = 0;
+              return;
+            }
+            if(isJournalCount >= 10 && (!item.is_journal_detail || journalList.length-1 === index)){
+              array.push({start, count: isJournalCount});
+              isJournalCount = 0;
+            }
+          });
+          array.map((item, i)=>{
+            journalList[item.start].numCount = item.count-1;
+            for (let index = 0; index < item.count; index++) {
+              journalList[item.start+index].start = journalList[item.start].id;
+              journalList[item.start+index].closeAndSpan = true;
+            }
+          });
+        }
+        setTotalCount(total_count);
+        setJournalsCount(total_comment_journals_count);
+        setJournals(journalList);
+        setSpin(false);
+      }
+    }).catch(err => {
+      console.error('获取评论列表失败:', err);
+      setSpin(false);
+      message.error('获取评论列表失败');
+    });
+  }, [type, id, reload, category, page]);
+
+  // 刷新评论列表的回调
+  const reloadComment = () => {
+    setReload(Math.random());
+  };
+
+  function commentCtx(v){
+    return <RenderHtml owner={owner} projectsId={projectsId} className="break_word_comments imageLayerParent commentRenderHtml" value={v} url={{pathname: ''}}/>;
+  };
+
+  // 删除评论内容
+  function deleteCommentFunc(commentId){
+    commentApi.deleteComment(type, id, commentId).then(res=>{
+      if(res && res.data && res.data.code === 200){
+        reloadComment();
+        message.success('删除成功');
+      }
+    }).catch(err => {
+      console.error('删除评论失败:', err);
+      message.error('删除评论失败');
+    });
+  };
+
+  // markdown 取消操作
+  function cancelMd(){
+    setShowEdit(false);
+  };
+
+  // 创建不包含已解构属性的 props 对象传递给子组件
+  const childProps = {
+    ...props,
+    type,
+    id,
+    extraParams,
+    owner,
+    projectsId,
+    current_user,
+    isManager,
+    showLoginDialog,
+    author,
+    showNotification,
+    reloadComment,
+    cancelMd
+  };
+
+  return(
+    (isPhone() && journalsCount === 0) ? '' : <div className="commentListBox info_text">
+      {/* 评论快速入口-仅有评论且登录时展示 */}
+      {login && category !== COMMENT_CATEGORY.OPERATE && journalsCount > 0 && !isPhone() && <div className={`pb30 ${journalsCount > 0 && 'pt15'}`}><div className='gotoComment'>点击<a className='ml5' href='#addComments'>添加评论</a></div></div>}
+      {/* 评论/操作日志 展示列表 */}
+      <Spin spinning={spin}>
+        <div className={`issueCommentsBox ${category === COMMENT_CATEGORY.COMMENT && !spin && 'justComment'}`}>
+          {journals && (journals.length > 0 && journals.map(item => {return <div key={item.id} className='commentContentBox pb30'>
+            {/* 评论 */}
+            <div className='commentOperationBor'></div>
+            {
+              item.user.userName ?
+              <Link to={`/${item.user.userName}`}><img src={normalizeUrl(item.user.avatar)} alt="" className='commentUserImg mr15'/></Link>
+              :
+              <span><img src={normalizeUrl(item.user.avatar)} alt="" className='commentUserImg mr15'/></span>
+            }
+            <div className='commentContentRight'>
+              {/* 判断是否是编辑状态 */}
+              {(showEdit === 2 && updateId === item.id) ? <div className='mt15 mr20'><EditComment extraParams={extraParams} {...childProps} updateId={updateId} content={item.notes} defaultFileList={item.attachments} showUserImg={false}/></div> : <div>
+                <div className='commentContent'>
+                  <div className='flexCenter font-14'>
+                    <div>
+                      {item.user.userName ? <Link to={`/${item.user.userName}`}>{item.user.nickName}</Link>:<span>{item.user.nickName}</span>}
+                      <span className='ml15 timeAgo font-14'>{timeAgo(item.created_at)}</span>
+                    </div>
+                    {login && !isPhone() && <div>
+                      {/* 平台管理员/仓库管理员/发布评论者/issue创建者 */}
+                      {(admin || isManager || login === item.user.userName || username === author) && <Popconfirm
+                        placement="bottom"
+                        title={`确定要删除此条评论吗？${item.children_journals.length > 0 ? '子评论也将被一起删除。' : ''}`}
+                        okText="是"
+                        cancelText="否"
+                        onConfirm={() => deleteCommentFunc(item.id)}
+                      >
+                        <Button type='link' className='color-grey-89'><i className='iconfont icon-fuzhi-shanchu font-14 mr8'></i>删除</Button>
+                      </Popconfirm>}
+                      {/* 仅评论者可修改 */}
+                      {login === item.user.userName && <Button type='link' className='color-grey-89' onClick={()=>{setUpdateId(item.id); setShowEdit(2)}}><i className='iconfont icon-a-bianji12 font-14 mr8'></i>修改</Button>}
+                      <CheckProfile {...props} sureFunc={()=>{setParentId(item.id); setReplyId(item.id); setShowEdit(3)}}><Button type='link' className='color-grey-89'><i className='iconfont icon-a-xiaoxi1 font-14 mr8'></i>回复</Button></CheckProfile>
+                    </div>}
+                  </div>
+                  <div className='contentHtml mb5'>{commentCtx(item.notes)}</div>
+                  {item && item.attachments && item.attachments.length > 0 && <div className='attachmentBox mb5'><Attachment
+                    attachments={item.attachments}
+                    showNotification={showNotification}
+                    canDelete={false}
+                  /></div>}
+                </div>
+              </div>}
+              {showEdit === 3 && replyId === item.id && <div className='contentHtml mr20'><EditComment extraParams={extraParams} {...childProps} parentId={parentId} replyId={replyId}/></div>}
+              {/* 评论回复部分 */}
+              {item.children_journals.map(i =>{
+                return <div className='commentReply' key={i.id}>
+                {(showEdit === 4 && updateId === i.id) ? <div className='mr20'><EditComment extraParams={extraParams} {...childProps} updateId={updateId} content={i.notes} defaultFileList={i.attachments}/></div> : <div>
+                  <div className='flexCenter'>
+                    <div>
+                      <Link to={`/${i.user.userName}`}><img src={normalizeUrl(i.user.avatar)} alt="" className='commentUserImg mr8'/></Link>
+                      <Link to={`/${i.user.userName}`}>{i.user.nickName}</Link>
+                      {i.reply_user && <span className='ml5 timeAgo mr3'>回复</span>}
+                      <span>{i.reply_user && i.reply_user.name}</span>
+                      <span className='ml15 timeAgo font-14'>{timeAgo(i.created_at)}</span>
+                    </div>
+                    {login && !isPhone() && <div>
+                      {/* 平台管理员/仓库管理员/发布评论者/回复评论者/issue创建者 */}
+                      {(admin || isManager || login === i.user.userName || (i.reply_user && login === i.reply_user.login) || username === author) && <Popconfirm
+                        placement="bottom"
+                        title={"确定要删除当前回复吗?"}
+                        okText="是"
+                        cancelText="否"
+                        onConfirm={() => deleteCommentFunc(i.id)}
+                      >
+                        <Button type='link' className='color-grey-89'><i className='iconfont icon-fuzhi-shanchu font-14 mr8'></i>删除</Button>
+                      </Popconfirm>}
+                      {/* 仅回复评论者可修改 */}
+                      {login === i.user.userName && <Button type='link' className='color-grey-89' onClick={()=>{setUpdateId(i.id); setShowEdit(4)}}><i className='iconfont icon-a-bianji12 font-14 mr8'></i>修改</Button>}
+                      <CheckProfile {...props} sureFunc={()=>{setParentId(item.id);setReplyId(i.id); setShowEdit(5)}}>
+                        <Button type='link' className='color-grey-89'><i className='iconfont icon-a-xiaoxi1 font-14 mr8'></i>回复</Button>
+                      </CheckProfile>
+                    </div>}
+                  </div>
+                  <div className='contentHtml mt5 mb10'>{commentCtx(i.notes)}</div>
+                  {i && i.attachments && i.attachments.length > 0 && <div className='attachmentBox'><Attachment
+                    attachments={i.attachments}
+                    showNotification={showNotification}
+                    canDelete={false}
+                  /></div>}
+                </div>}
+                {showEdit === 5 && replyId === i.id && <div className='contentHtml mr20'><EditComment extraParams={extraParams} {...childProps} parentId={parentId} replyId={replyId}/></div>}
+              </div>})}
+            </div>
+          </div>}))}
+        </div>
+      </Spin>
+      {totalCount > limit && <div className='mt20 paginationIssueComment mb20'>
+        <Pagination simple current={page} pageSize={limit} total={totalCount} onChange={(page)=>setPage(page)}/>
+      </div>}
+      {/* 添加评论 */}
+      {category !== COMMENT_CATEGORY.OPERATE && !isPhone() && <div className="pb30">
+        {login ? showEdit === 1 ? <EditComment extraParams={extraParams} {...childProps}/> : <div className="addComments" id='addComments'>
+          <img src={getImageUrl(image_url)} alt="" />
+          <div style={{flex:1}}>
+            <CheckProfile {...props} sureFunc={()=>{setShowEdit(1);}}>
+              <Input className='addCommentBox' placeholder="添加评论"/>
+            </CheckProfile>
+          </div>
+        </div> : <div className='unLoginComment font-15 pl20'>
+          {/* 未登录用户 */}
+          <a className='mr5 loginBtn' onClick={()=>{showLoginDialog()}}>登录</a>并参与评论与回复
+        </div>}
+      </div>}
+    </div>
+  );
+};
+
+export default CommentsList;

src/components/commentsByZone/EditComment.jsx

@@ -0,0 +1,185 @@
+import React, { useState } from 'react';
+import { Button, Icon, message, Upload } from 'antd';
+import { getImageUrl, getZoneUrl } from 'educoder';
+import MDEditor from "../../modules/tpm/challengesnew/tpm-md-editor";
+import Attachments from "../../forge/Upload/attachment";
+import './comments.scss';
+import { Link } from 'react-router-dom';
+import * as commentApi from './api';
+import cookie from 'react-cookies';
+
+/**
+ * 通用评论编辑组件
+ * @param {Object} props - 组件属性
+ * @property {string} type - 评论类型：'news' | 'project' | 'resource' | 'skill'
+ * @property {string|number} id - 资源ID
+ * @property {Object} [extraParams] - 额外的业务参数
+ * @property {string} [owner] - 所有者/组织名（用于 Markdown 编辑器 @ 功能）
+ * @property {string} [projectsId] - 项目 ID（用于 Markdown 编辑器 @ 功能）
+ * @property {Object} current_user - 当前用户信息
+ * @property {string} current_user.login - 用户登录名
+ * @property {string} current_user.image_url - 用户头像URL
+ * @property {Function} cancelMd - 取消编辑回调
+ * @property {Function} reloadComment - 刷新评论列表回调
+ * @property {Function} showNotification - 显示通知
+ * @property {string} [content] - 编辑时的原始内容
+ * @property {Array} [defaultFileList] - 默认附件列表
+ * @property {string} [parentId] - 父评论ID
+ * @property {string} [replyId] - 回复的评论ID
+ * @property {string} [updateId] - 正在编辑的评论ID
+ * @property {boolean} [showUserImg=true] - 是否显示用户头像
+ */
+function EditComment(props) {
+  const { type, id, extraParams, current_user, current_user: { login, image_url }, owner, projectsId, cancelMd, reloadComment, showNotification, parentId, replyId, updateId, showUserImg = true, content: propContent, defaultFileList: propDefaultFileList } = props;
+
+  const [content, setContent] = useState(propContent);
+  const [quillFlag, setQuillFlag] = useState(false);
+  // 确认评论按钮loading效果
+  const [journalSpin, setJournalSpin] = useState(false);
+  const [fileList, setFileList] = useState(propDefaultFileList || []);
+
+  // 评论点击函数
+  function addJournals() {
+    if (!content) {
+      setQuillFlag(true);
+      return;
+    }
+    setJournalSpin(true);
+    const fileIds = fileList.map(file=>file.fileIdentifier || file.identifier).toString()
+    if (updateId) {
+      // 修改评论
+      const params = {
+        id: updateId,
+        notes: content,
+        attachment_identifiers: fileIds,
+      };
+      commentApi.editComment(type, id, params).then(res => {
+        if (res && res.data && res.data.code === 200) {
+          // 刷新评论列表
+          reloadComment();
+          message.success('编辑成功');
+          cancelMd();
+          setContent(undefined);
+        }
+        setJournalSpin(false);
+      }).catch(err => {
+        console.error('编辑评论失败:', err);
+        message.error('编辑评论失败');
+        setJournalSpin(false);
+      });
+    } else {
+      // 新建评论
+      const params = {
+        parent_id: parentId,
+        reply_id: replyId,
+        notes: content,
+        attachment_identifiers: fileIds,
+      };
+      commentApi.addComment(type, id, params).then(res => {
+        if (res && res.data && res.data.code === 200) {
+          // 刷新评论列表
+          reloadComment();
+          message.success('评论成功');
+          cancelMd();
+          setContent(undefined);
+        }
+        setJournalSpin(false);
+      }).catch(err => {
+        console.error('添加评论失败:', err);
+        message.error('添加评论失败');
+        setJournalSpin(false);
+      });
+    }
+  };
+
+  function beforeUpload(file) {
+    const isLt100M = file.size / 1024 / 1024 < 100;
+    if (!isLt100M) {
+      message.error(`文件大小必须小于${100}MB!`);
+    }
+    return isLt100M;
+  }
+
+  function changeFileList(info) {
+    const { file } = info;
+    const { status, response } = file || {}
+    if (status === 'done' || status === 'removed') {
+      setFileList([
+        ...fileList,
+        response
+      ]);
+    }
+  }
+
+  return (
+    <div className="grid-item-top pb10">
+      <Link
+        to={`/${current_user && current_user.login}`}
+        className="show-user-link mr10"
+      >
+        <img
+          className="radius"
+          src={getImageUrl(`/${current_user && current_user.image_url}`)}
+          alt=""
+          width="30"
+          height="30"
+          style={{ display: showUserImg ? '' : 'none' }}
+        />
+      </Link>
+      <div style={{ position: "relative" }}>
+        <MDEditor
+          placeholder={"添加评论..."}
+          height={300}
+          mdID={"orderdetail-add-descriptions" + replyId}
+          initValue={content}
+          onChange={(value) => { setQuillFlag(false); setContent(value); }}
+          owner={owner}
+          projectsId={projectsId}
+        ></MDEditor>
+        <p className="quillFlagBox">
+          {quillFlag && <span>请输入评论内容</span>}
+        </p>
+        <Upload.Dragger
+          showUploadList={false}
+          data={commentApi.uploadCommentFileData(type)}
+          action={getZoneUrl(`/api/file/common/upload`)}
+          beforeUpload={beforeUpload}
+          onChange={changeFileList}
+          withCredentials={true}
+          headers={{
+            Authorization: cookie.load('autologin_trustie'),
+          }}
+        >
+          <i className='iconfont icon-shangchuan font-30'></i>
+          <p className="mt10">点击或拖拽文件到此区域上传，文件大小不超过 100MB</p>
+        </Upload.Dragger>
+        {fileList && fileList.length > 0 && <div className='mt10'>
+          {fileList.map(file => {
+            return <div className='df-center'>
+              <i className="iconfont icon-fujian mr8 paper-clip-color font-14"></i>
+              <span className='font-16'>{file.fileOriginName || file.title}</span>
+              <span className='ml20 mrat'>（{file.fileSize || file.filesize}）</span>
+              <a onClick={() => {
+                const deletedList = fileList.filter(i => i.fileId !== file.fileId || i.id !== file.id);
+                setFileList(deletedList);
+              }}><i className='iconfont icon-shanchuicon3'></i></a>
+            </div>
+          })}
+        </div>}
+        <p className="clearfix mt20">
+          <Button
+            type="primary"
+            onClick={addJournals}
+            loading={journalSpin}
+            className="mr15 colorButton"
+          >
+            评论
+          </Button>
+          <Button className="colorButton2" onClick={() => { cancelMd() }}>取消</Button>
+        </p>
+      </div>
+    </div>
+  );
+}
+
+export default EditComment;

src/components/commentsByZone/api.js

@@ -0,0 +1,114 @@
+/**
+ * 通用评论 API 调用器
+ * 根据 type 参数调用不同的业务接口
+ */
+
+import { COMMENT_TYPE } from './constants';
+import {
+  getJournalList,
+  addJournal,
+  editJournal,
+  deleteJournal,
+  uploadFileBySourceJournal
+} from '../../forge/Information/api';
+
+/**
+ * 获取评论列表
+ * @param {string} type - 评论类型
+ * @param {string|number} id - 资源 ID
+ * @param {Object} params - 分页参数
+ * @returns {Promise}
+ */
+export async function getCommentList(type, id, page, limit) {
+  switch (type) {
+    case COMMENT_TYPE.RESOURCE:
+      return await getJournalList({
+        journalized_id: id,
+        journalized_type: type,
+        pageNum: page,
+        pageSize: limit
+      })
+    default:
+      throw new Error(`Unsupported comment type: ${type}`);
+  }
+}
+
+/**
+ * 新增评论
+ * @param {string} type - 评论类型
+ * @param {string|number} id - 资源 ID
+ * @param {Object} data - 评论数据
+ * @returns {Promise}
+ */
+export async function addComment(type, id, data) {
+  switch (type) {
+    case COMMENT_TYPE.RESOURCE:
+      return await addJournal({
+        journalized_id: id,
+        journalized_type: type,
+        ...data
+      })
+    default:
+      throw new Error(`Unsupported comment type: ${type}`);
+  }
+}
+
+/**
+ * 编辑评论
+ * @param {string} type - 评论类型
+ * @param {string|number} id - 资源 ID
+ * @param {Object} data - 评论数据（包含 id 字段）
+ * @returns {Promise}
+ */
+export async function editComment(type, id, data) {
+  switch (type) {
+    case COMMENT_TYPE.RESOURCE:
+      return await editJournal({
+        id: id,
+        ...data
+      })
+    default:
+      throw new Error(`Unsupported comment type: ${type}`);
+  }
+}
+
+/**
+ * 删除评论
+ * @param {string} type - 评论类型
+ * @param {string|number} id - 资源 ID
+ * @param {string|number} commentId - 评论 ID
+ * @returns {Promise}
+ */
+export async function deleteComment(type, id, commentId) {
+  switch (type) {
+    case COMMENT_TYPE.RESOURCE:
+      return await deleteJournal(commentId)
+    default:
+      throw new Error(`Unsupported comment type: ${type}`);
+  }
+}
+
+/**
+ * @获取文件上传路径
+ * pms-gitlink会传到ruby的文件服务
+ * contentType: 如果文件上传路径为/api/file/common/upload，需要指定内容属于哪个模块，eg：products/projects/docs/ docs/{projectId}
+ */
+export async function uploadCommentFile(type, data) {
+  switch (type) {
+    case COMMENT_TYPE.RESOURCE:
+      return await uploadFileBySourceJournal(data)
+    default:
+      break;
+  }
+}
+export function uploadCommentFileData(type) {
+  switch (type) {
+    case COMMENT_TYPE.RESOURCE:
+      return {
+        hierarchy: "Journals",
+        type: "ai-resource"
+      }
+    default:
+      break;
+  }
+}

src/components/commentsByZone/comments.scss

@@ -0,0 +1,205 @@
+.typeActionBox{
+  display: flex;
+  align-items: center;
+  font-size: 16px;
+  .line {
+    width: 3px;
+    height: 14px;
+    background: var(--primary-color);
+    margin-right: 13px;
+  }
+}
+.commentUserImg{
+  height: 28px;
+  width: 28px;
+  border-radius: 50%;
+  object-fit: cover;
+}
+.issueCommentsBox{
+  .operationLog, .commentContentBox{
+    position: relative;
+    min-height: 62px;
+    display: flex;
+    >.flexCenter, >a{
+      z-index: 2;
+    }
+    &::before, &::after{
+      content: '';
+      width: 1px;
+      height: 50%;
+      position: absolute;
+      background: #eee;
+      left: 12px;
+      z-index: 1;
+    }
+    &::after{
+      background: #eee;
+      top: 50%;
+    }
+  }
+  .commentContentBox+.operationLog .operationCommentBor, .operationLog+.commentContentBox .commentOperationBor{
+    border-top: 1px solid #eee;
+    width: 98.5%;
+    position: absolute;
+    left: 12px;
+  }
+  .operationLog+.commentContentBox{
+    &>a, &>.commentContentRight{
+      margin-top: 25px;
+    }
+  }
+  .timeAgo{
+    color:#acb0bf;
+  }
+  .operationLog:last-child::after, .operationLog:first-child::before, .commentContentBox:last-child::after, &.justComment .commentContentBox::before, &.justComment .commentContentBox::after{
+    display: none;
+  }
+  .operationLog:first-child, .commentContentBox+.operationLog{
+    margin-top: -15px;
+  }
+  .commentContentBox:last-child::before{
+    height: 35%;
+  }
+  .flexCenter{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .commentRenderHtml.markdown-body p{
+    font-size: 14px !important;
+  }
+  .commentReply{
+    padding: 15px 0 0 20px;
+    background-color: hsla(225, 31%, 95%, 0.41);
+    &>div{
+      padding-bottom: 5px;
+    }
+    &+.commentReply>div{
+      margin-top: -15px;
+      padding-top: 15px;
+      border-top: 1px dashed #eee;
+    }
+  }
+  .opBox{
+    justify-content: flex-start;
+  }
+  .commentContentBox{
+    display: flex;
+    align-items: flex-start;
+  }
+  .commentContentRight{
+    flex: 1;
+    background-color:#fafafc;
+    border:1px solid rgba(42, 97, 255, 0.23);
+    border-radius:6px;
+    position: relative;
+    top: -6px;
+    padding: 10px 15px 16px;
+    width: 0;
+    &::before{
+      content: '';
+      display: block;
+      position: absolute;
+      top: 13px;
+      left: -14px;
+      width: 0;
+      height: 0;
+      overflow: hidden;
+      font-size: 0;
+      line-height: 0;
+      border: 7px;
+      border-style: solid;
+      border-color: transparent rgba(42, 97, 255, 0.23) transparent transparent;
+    }
+    &::after{
+      content: '';
+      display: block;
+      width: 0;
+      height: 0;
+      overflow: hidden;
+      font-size: 0;
+      line-height: 0;
+      border: 6px;
+      border-style: solid;
+      border-color: transparent #fafafc transparent transparent;
+      position: absolute;
+      top: 14px;
+      left: -11px;
+    }
+  }
+}
+.attachmentBox{
+  margin-top: -8px;
+}
+.color-grey-89{
+  color: #898d9d;
+}
+// 添加评论样式
+.unLoginComment{
+  height:58px;
+  line-height: 58px;
+  background-color:var(--more-light-color);
+  border-radius:4px;
+  color: rgba(84, 87, 103, 1);
+  .loginBtn{
+    color: var(--primary-color);
+  }
+}
+.quillFlagBox{
+  color: red;
+  margin-bottom: 5px !important;
+  height: 28px;
+}
+.addComments{
+  display: flex;
+  align-items: center;
+  background-color:var(--more-light-color);
+  border-radius:4px;
+  padding:7px 10px;
+  &>img{
+    height: 28px;
+    width: 28px;
+    border-radius: 50%;
+    margin-right: 13px;
+  }
+}
+.addCommentBox{
+  width: 100%;
+  height: 30px;
+  border: none;
+  &:focus {
+    border-color: var(--primary-color) !important;
+  }
+}
+.paginationIssueComment{
+  text-align: center;
+}
+.gotoComment{
+  background-color:rgba(241, 243, 252, 0.55);
+  border-radius:4px;
+  color: rgba(172, 176, 191, 1);
+  padding: 8px 20px;
+  margin-top: -10px;
+  &>a{color: var(--primary-color);}
+}
+.colorButton {
+  background-color: var(--primary-color);
+  border-color: var(--primary-color);
+  &:hover {
+    background-color: var(--light-color);
+    border-color: var(--primary-color);
+  }
+  &:focus {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+  }
+}
+.colorButton2 {
+  &:hover {
+    border-color: var(--primary-color);
+    color: var(--light-color);
+  }
+  &:focus {
+    color: var(--primary-color);
+  }
+}

src/components/commentsByZone/constants.js

@@ -0,0 +1,45 @@
+/**
+ * 评论组件类型枚举
+ */
+export const COMMENT_TYPE = {
+  NEWS: 'news',           // 资讯/文章评论
+  PROJECT: 'project',     // 项目评论
+  RESOURCE: 'resource',   // 资源评论
+  SKILL: 'skill'          // AI 技能评论
+};
+
+/**
+ * 评论组件 Props 类型定义（JSDoc 用于 TypeScript/IDE 提示）
+ * @typedef {Object} CommentsListProps
+ * @property {string} type - 评论类型：'news' | 'project' | 'resource' | 'skill'
+ * @property {string|number} id - 资源 ID（文章 ID、项目 ID、资源 ID 等）
+ * @property {Object} [extraParams] - 额外的业务参数（根据不同 type 传递不同参数）
+ * @property {string} [owner] - 所有者/组织名（用于 Markdown 渲染）
+ * @property {string} [projectsId] - 项目 ID（用于 Markdown 渲染）
+ * @property {Object} current_user - 当前用户信息
+ * @property {string} current_user.login - 用户登录名
+ * @property {boolean} current_user.admin - 是否管理员
+ * @property {string} current_user.image_url - 用户头像 URL
+ * @property {string} current_user.username - 用户姓名
+ * @property {boolean} [isManager] - 是否为仓库/项目管理员
+ * @property {string} [author] - 评论作者（用于权限判断）
+ * @property {Function} [reload] - 触发重新加载
+ * @property {Function} [showNotification] - 显示通知
+ * @property {Function} [showLoginDialog] - 显示登录弹窗
+ * @property {Function} [onCommentAdded] - 评论添加回调
+ * @property {Function} [onCommentDeleted] - 评论删除回调
+ */
+
+/**
+ * 评论列表分页大小
+ */
+export const COMMENT_PAGE_SIZE = 50;
+
+/**
+ * 评论分类
+ */
+export const COMMENT_CATEGORY = {
+  COMMENT: 'comment',  // 仅评论
+  ALL: 'all',          // 评论 + 操作日志
+  OPERATE: 'operate'   // 仅操作日志
+};

src/components/commentsByZone/index.jsx

@@ -0,0 +1,62 @@
+/**
+ * 通用评论组件入口
+ * 
+ * 基于 src/forge/Information/Component/comments 组件重构
+ * 支持通过 type 参数区分不同的业务场景
+ * 
+ * 使用示例：
+ * 
+ * import CommentsList, { COMMENT_TYPE } from '@/components/comments';
+ * 
+ * <CommentsList
+ *   type={COMMENT_TYPE.NEWS}
+ *   id={docId}
+ *   owner={owner}
+ *   projectsId={projectsId}
+ *   current_user={currentUser}
+ *   isManager={isManager}
+ *   author={author}
+ *   showNotification={showNotification}
+ *   showLoginDialog={showLoginDialog}
+ * />
+ * 
+ * 不同业务模块传参示例：
+ * 
+ * // News 模块
+ * <CommentsList
+ *   type={COMMENT_TYPE.NEWS}
+ *   id={articleId}
+ *   owner={owner}
+ *   projectsId={projectsId}
+ *   current_user={currentUser}
+ *   author={articleAuthor}
+ *   ...
+ * />
+ * 
+ * // Project 模块（待实现对应 API）
+ * <CommentsList
+ *   type={COMMENT_TYPE.PROJECT}
+ *   id={projectId}
+ *   owner={owner}
+ *   projectsId={projectId}
+ *   current_user={currentUser}
+ *   author={projectCreator}
+ *   ...
+ * />
+ */
+
+import CommentsList from './CommentsList';
+import EditComment from './EditComment';
+import { COMMENT_TYPE, COMMENT_PAGE_SIZE, COMMENT_CATEGORY } from './constants';
+import * as commentApi from './api';
+
+export {
+  CommentsList,
+  EditComment,
+  COMMENT_TYPE,
+  COMMENT_PAGE_SIZE,
+  COMMENT_CATEGORY,
+  commentApi
+};
+
+export default CommentsList;

src/components/render-html.jsx

@@ -135,6 +135,14 @@ export default ({
     }
   }
 
+  // 图片加载失败处理 - 使用事件委托统一监听
+  const handleImageError = (e) => {
+    const img = e.target;
+    // 避免循环调用：如果当前已经是裂图，不再替换
+    if (img.src === imgError) return;
+    img.src = imgError;
+  };
+
   useEffect(() => {
     if (el.current && html) {
       if (html.match(preRegex)) {
@@ -143,8 +151,11 @@ export default ({
     }
     if (el.current) {
       el.current.addEventListener('click', onAncherHandler)
+      // 使用事件委托，在父容器上统一监听图片错误事件
+      el.current.addEventListener('error', handleImageError, true);
       return () => {
-        el.current.removeEventListener('click', onAncherHandler)
+        el.current.removeEventListener('click', onAncherHandler);
+        el.current.removeEventListener('error', handleImageError, true);
         resetMathExpressions()
         cleanToc()
       }

src/factory/api.js

@@ -40,12 +40,23 @@ export function getProjectsLists(id,params){
  * @param {*} params 
  * @returns 
  */
-export function getSourceList(params){
-  return fetch({
+export async function getSourceList(params){
+  const res = await fetch({
     url:`/zone/open/${params.id}/resource/list`,
     method: 'get',
     params
-  })
+  });
+  
+  if (res && res.data && res.data.rows) {
+    res.data.rows = res.data.rows.map(row => {
+      if (row && row.extendData) {
+        return { ...row, extendData: JSON.stringify(row.extendData) };
+      }
+      return row;
+    });
+  }
+  
+  return res;
 }
 
 /**
@@ -74,11 +85,17 @@ export function getNewsDetail(id){
   })
 }
 
-export function getSourceDetail(id){
-  return fetch({
+export async function getSourceDetail(id){
+  const res = await fetch({
     url:`/zone/open/resource/detail/${id}`,
     method: 'get'
-  })
+  });
+  
+  if (res && res.data && res.data.data && res.data.data.extendData) {
+    res.data.data.extendData = JSON.stringify(res.data.data.extendData);
+  }
+  
+  return res;
 }
 
 export function getMainInfos(deptId, params) {
@@ -87,4 +104,113 @@ export function getMainInfos(deptId, params) {
     method: 'get',
     params
   });
-}
+}
+
+// ==================== 分片上传相关 API ====================
+
+/**
+ * 初始化分片上传
+ * @param {Object} data - 初始化请求参数
+ * @param {string} data.fileName - 文件名
+ * @param {number} data.fileSize - 文件大小（字节）
+ * @param {string} [data.type] - 文件类型（cms/dms/resource/pms等）
+ * @param {string} [data.hierarchy] - 层级结构
+ * @returns {Promise}
+ */
+export function initChunkedUpload(data) {
+  return fetch({
+    url: '/file/chunked/init',
+    method: 'post',
+    data
+  });
+}
+
+/**
+ * 上传分片
+ * @param {Object} data - 分片上传参数
+ * @param {string} data.uploadId - 上传ID
+ * @param {number} data.chunkNumber - 分片序号
+ * @param {File} data.chunk - 分片文件
+ * @param {Function} [onUploadProgress] - 上传进度回调
+ * @returns {Promise}
+ */
+export function uploadChunk(data, onUploadProgress) {
+  // 使用 FormData 包装数据，让浏览器自动设置 boundary
+  const formData = new FormData();
+  formData.append('chunk', data.chunk);
+  formData.append('uploadId', data.uploadId);
+  formData.append('chunkNumber', data.chunkNumber);
+  
+  return fetch({
+    url: `/file/chunked/upload/${data.uploadId}/${data.chunkNumber}`,
+    method: 'post',
+    data: formData,
+    timeout: 600000,
+    onUploadProgress
+  });
+}
+
+/**
+ * 合并分片
+ * @param {string} uploadId - 上传ID
+ * @returns {Promise}
+ */
+export function mergeChunks(uploadId) {
+  return fetch({
+    url: `/file/chunked/merge/${uploadId}`,
+    method: 'post'
+  });
+}
+
+/**
+ * 取消上传
+ * @param {string} uploadId - 上传ID
+ * @returns {Promise}
+ */
+export function cancelUpload(uploadId) {
+  return fetch({
+    url: `/file/chunked/cancel/${uploadId}`,
+    method: 'delete'
+  });
+}
+
+/**
+ * 检查分片是否已上传
+ * @param {string} uploadId - 上传ID
+ * @param {number} chunkNumber - 分片序号
+ * @returns {Promise}
+ */
+export function checkChunk(uploadId, chunkNumber) {
+  return fetch({
+    url: `/file/chunked/check/${uploadId}/${chunkNumber}`,
+    method: 'get'
+  });
+}
+
+/**
+ * 获取上传进度
+ * @param {string} uploadId - 上传ID
+ * @returns {Promise}
+ */
+export function getProgress(uploadId) {
+  return fetch({
+    url: `/file/chunked/progress/${uploadId}`,
+    method: 'get'
+  });
+}
+
+/**
+ * 检查秒传/断点续传
+ * @param {Object} data - 检查参数
+ * @param {string} data.uploadId - 上传ID
+ * @param {string} data.fileSignature - 文件签名
+ * @returns {Promise}
+ */
+export function checkInstantUpload(data) {
+  return fetch({
+    url: '/file/chunked/checkInstantUpload',
+    method: 'post',
+    data
+  });
+}
+

src/factory/components/Feature/index.jsx

@@ -107,8 +107,8 @@ function Feature(props) {
                     <div className='df-item' key={index}>
                       <img src={logolist[index]} alt={item.title} />
                       <div>
-                        <h4>{item.name}</h4>
-                        <p>{item.summary}</p>
+                        <h4 title={item.name}>{item.name}</h4>
+                        <p title={item.summary}>{item.summary}</p>
                         <button onClick={() => {
                           if (item.fileIds) {
                             downloadFunc(`${httpUrl}/file/open/download/${item.fileIds}`) 

src/factory/components/Resource/index.jsx

@@ -229,7 +229,9 @@ const Resource = forwardRef(({ zoneId, history }, ref) => {
   const getVersionList = () => {
     getSourceList({ id: factoryZoneId, keywords: versionId }).then(res => {
       if (!res || !res.data || !res.data.rows) return
-      setResourceList2(res.data.rows.slice(0, 1));
+      // 过滤掉前缀是"历史-"的数据
+      const filteredRows = res.data.rows.filter(item => !item.name || !item.name.startsWith('历史-'));
+      setResourceList2(filteredRows.slice(0, 1));
     });
   }
 
@@ -316,7 +318,7 @@ const Resource = forwardRef(({ zoneId, history }, ref) => {
                       <div className="item-desc" title={item.summary}>{item.summary}</div>
                       <button onClick={() => {
                         history.push(`/sf/resources/releases`)
-                      }} disabled={!item.fileIds}>查看</button>
+                      }}>查看</button>
                     </div>
                   })
                 }

src/factory/lessons/detail/index.jsx

@@ -49,7 +49,7 @@ function Index(props) {
 
 
   return (
-    <div className="news-detail">
+    <div className="lessons-detail">
 
       <div className="news-detail-header">
         <Breadcrumb separator=">">

src/factory/lessons/detail/index.scss

@@ -1,4 +1,4 @@
-.news-detail {
+.lessons-detail {
   min-height: calc(100vh - 58px);
 
   .news-detail-header {

src/factory/news/detail/index.jsx

@@ -52,6 +52,7 @@ function Index(props) {
         </Breadcrumb>
         <div className="news-detail-content-wrapper">
           <h4 className="news-detail-content-title">{detail.name}</h4>
+          <p className="news-detail-content-time">更新于： {detail.publishTime}</p>
           {
             content && <RenderHtml className="informations_detail imageLayerParent" value={content} url={props.history.location} />
           }

src/factory/news/detail/index.scss

@@ -105,6 +105,10 @@
         color: #091221;
         font-size: 24px;
       }
+      .news-detail-content-time {
+        margin-top: 10px;
+        color: #445a7a;
+      }
       .informations_detail {
         margin-top: 23px;
       }

src/factory/resource/commonTools/detail/index.jsx

@@ -61,7 +61,7 @@ function Index(props) {
   }
 
   return (
-    <div className="news-detail">
+    <div className="tool-detail">
 
       <div className="news-detail-header">
         <Breadcrumb separator=">">

src/factory/resource/commonTools/detail/index.scss

@@ -1,4 +1,4 @@
-.news-detail {
+.tool-detail {
   min-height: calc(100vh - 58px);
 
   .news-detail-header {

src/factory/resource/factoryVersion/detail/index.jsx

@@ -14,7 +14,7 @@ import buttonRight from '../../../../images/factory/resource/version-list-right.
 
 import { Link } from 'react-router-dom';
 import RenderHtml from '../../../../components/render-html';
-import { Breadcrumb, Tooltip } from 'antd';
+import { Breadcrumb, Button, Tooltip, Modal, Table, Pagination } from 'antd';
 import { getSourceDetail, httpUrl, getSourceList } from '../../../api';
 import { downloadFunc } from '../../../../forge/Utils/utils'
 import { factoryZoneId, versionId } from '../../../../constants/factory'
@@ -30,6 +30,13 @@ function Index(props) {
   const [hoveredFileId, setHoveredFileId] = useState(null);
   const [currentPage, setCurrentPage] = useState(1);
   const itemsPerPage = 6;
+  // 下载用户 Modal 相关状态
+  const [isDownloadUserModalVisible, setIsDownloadUserModalVisible] = useState(false);
+  const [downloadUserPage, setDownloadUserPage] = useState(1);
+  const downloadUsersPerPage = 10;
+  const {current_user} = props;
+  const {admin} = current_user || {}
+  const {downloadUserSummary = []} = detail || {}
 
   useEffect(() => {
     document.title = '工具详情-软件工厂专区';
@@ -95,7 +102,7 @@ function Index(props) {
           const base64content = Base64.decode(extendData.content)
           setContent(base64content !== '<p><br></p>' ? base64content : '')
         }
-        const detailData = { ...response.data.data, ...extendData };
+        const detailData = { ...response.data.data, ...extendData, name: response.data.data.name.replace("历史-", "") };
         setDetail(detailData);
         // 计算文件总大小
         if (detailData.fileList && detailData.fileList.length > 0) {
@@ -137,8 +144,78 @@ function Index(props) {
     }
   }
 
+  // 获取当前页的下载用户数据（前端分页）
+  const getCurrentPageDownloadUsers = () => {
+    if (!downloadUserSummary || downloadUserSummary.length === 0) {
+      return [];
+    }
+    const startIndex = (downloadUserPage - 1) * downloadUsersPerPage;
+    const endIndex = startIndex + downloadUsersPerPage;
+    return downloadUserSummary.slice(startIndex, endIndex);
+  };
+
+  // 表格列定义
+  const downloadUserColumns = [
+    {
+      title: '用户昵称',
+      dataIndex: 'nickName',
+      key: 'nickName',
+      align: 'center',
+      render: (text, record) => text || record.userName || '-'
+    },
+    {
+      title: '手机号',
+      dataIndex: 'phonenumber',
+      key: 'phonenumber',
+      align: 'center',
+      render: (text) => text || '-'
+    },
+    {
+      title: '邮箱',
+      dataIndex: 'email',
+      key: 'email',
+      align: 'center',
+      render: (text) => text || '-'
+    },
+    {
+      title: 'IP 地址',
+      dataIndex: 'ipAddr',
+      key: 'ipAddr',
+      align: 'center',
+      render: (text) => text || '-'
+    },
+    {
+      title: '下载文件',
+      dataIndex: 'fileOriginName',
+      align: 'center',
+      key: 'fileOriginName'
+    },
+    {
+      title: '下载时间',
+      dataIndex: 'downloadTime',
+      align: 'center',
+      key: 'downloadTime'
+    }
+  ];
+
+  // 打开下载用户 Modal
+  const handleOpenDownloadUserModal = () => {
+    setDownloadUserPage(1);
+    setIsDownloadUserModalVisible(true);
+  };
+ 
+  // 关闭下载用户 Modal
+  const handleCloseDownloadUserModal = () => {
+    setIsDownloadUserModalVisible(false);
+  };
+ 
+  // 处理分页变化
+  const handlePaginationChange = (page) => {
+    setDownloadUserPage(page);
+  };
+ 
   return (
-    <div className="news-detail">
+    <div className="release-detail">
 
       <div className="news-detail-header">
         <Breadcrumb separator=">">
@@ -158,6 +235,7 @@ function Index(props) {
               <div>
                 <span>{detail.downloadCount}</span>
                 <span>下载量</span>
+                {/* {admin && <Button className='downloadUser' onClick={handleOpenDownloadUserModal}>查看下载用户</Button>} */}
               </div>
               <div>
                 <span>{totalFileSize || (detail.fileList && detail.fileList[0] ? detail.fileList[0].fileSizeInfo : 0)}</span>
@@ -232,8 +310,38 @@ function Index(props) {
             <RenderHtml className="informations_detail imageLayerParent" value={content} url={props.history.location} />
           </div>
         }
-      </div>
-    </div>
+       </div>
+     
+     {/* 下载用户 Modal */}
+     <Modal
+       title="下载用户列表"
+       visible={isDownloadUserModalVisible}
+       onCancel={handleCloseDownloadUserModal}
+       footer={null}
+       width={1000}
+       className="download-user-modal"
+     >
+       <Table
+         columns={downloadUserColumns}
+         dataSource={getCurrentPageDownloadUsers()}
+         pagination={false}
+         size="middle"
+         scroll={{ y: 400 }}
+       />
+       
+       {/* 分页控件 */}
+       <div className="download-user-pagination edu-txt-right mt20">
+         <Pagination
+           current={downloadUserPage}
+           total={downloadUserSummary.length}
+           pageSize={downloadUsersPerPage}
+           onChange={handlePaginationChange}
+           showSizeChanger={false}
+           hideOnSinglePage
+         />
+       </div>
+     </Modal>
+   </div>
   )
 }
 export default TPMIndexHOC(Index)

src/factory/resource/factoryVersion/detail/index.scss

@@ -1,4 +1,4 @@
-.news-detail {
+.release-detail {
   min-height: calc(100vh - 58px);
   margin-bottom: 158px;
 
@@ -86,9 +86,21 @@
             display: flex;
             flex-direction: column;
             position: relative;
-            min-width: 140px;
+            min-width: 170px;
             margin-bottom: 40px;
 
+            .downloadUser.ant-btn {
+                padding: 0 5px;
+                margin-left: 10px;
+            
+                span {
+                  color: black;
+                  font-weight: normal;
+                  font-family: 'alibabaReg';
+                  font-size: 15px;
+                }
+              }
+
             span:nth-child(1) {
               line-height: 32px;
               font-family: alibabaBold;
@@ -438,3 +450,25 @@
     }
   }
 }
+.download-user-modal{
+  .ant-modal-content{
+    background-image: url("../../../../images/factory/resource/modal1.png");
+    background-size: 100% auto;
+    background-repeat: no-repeat;
+    border-radius:20px;
+    padding: 20px 25px;
+  }
+  .ant-modal-header{
+    background: transparent;
+    border-bottom: none;
+    padding-top: 10px;
+    padding-bottom: 0;
+  }
+  .ant-table-content{
+    border-radius: 10px;
+    overflow: hidden;
+  }
+  .ant-table-body{
+    overflow-y: auto !important;
+  }
+}

src/factory/resource/factoryVersion/index.jsx

@@ -17,8 +17,9 @@ import version7 from '../../../images/factory/resource/version-icon-7.webp'
 
 import versionActive from '../../../images/factory/resource/version-active.webp'
 
-import { Tooltip } from 'antd';
+import { Tooltip, Modal } from 'antd';
 import { Link } from "react-router-dom";
+import moment from 'moment';
 
 const sourceCode = {
   name: '软件工厂源码',
@@ -30,23 +31,46 @@ function Index(props) {
 
   const [versionList, setVersionList] = useState([]);
   const [manualList, setManualList] = useState([]);
+  const [historyVersionList, setHistoryVersionList] = useState([]);
+  const [isHistoryModalVisible, setIsHistoryModalVisible] = useState(false);
+  const [currentHistoryCategory, setCurrentHistoryCategory] = useState(null);
 
   useEffect(() => {
     getFullList();
     getManualList()
   }, []);
 
-  // 根据name提取分类名（如"容器版（ARM）"从"容器版（ARM）-部署文档与手册"中提取）
+  // 根据 name 提取分类名（如"容器版（ARM）"从"容器版（ARM）-部署文档与手册"中提取）
   const extractCategory = (name) => {
     if (!name) return '';
-    const parts = name.split('）-');
+    // 先去掉"历史-"前缀，避免分类名包含"历史-"
+    let cleanName = name;
+    if (cleanName.startsWith('历史-')) {
+      cleanName = cleanName.substring(3);
+    }
+    const parts = cleanName.split('）-');
     if (parts.length > 1) {
       return parts[0] + '）';
     }
-    return name;
+    return cleanName;
   };
 
-  // 将数据按分类分组，并处理子item的name去掉分类前缀
+  // 根据 name 和分类名，提取出显示名称（去掉"历史-"前缀和分类名前缀）
+  const extractDisplayName = (name, category) => {
+    if (!name) return '';
+    let displayName = name;
+    // 先去掉"历史-"前缀
+    if (displayName.startsWith('历史 -')) {
+      displayName = displayName.substring(3);
+    }
+    // 再去掉分类名前缀（如"容器版（ARM）-"）
+    if (category && displayName.startsWith(category + '-')) {
+      displayName = displayName.substring(category.length + 1);
+    }
+    return displayName;
+  };
+
+  // 将数据按分类分组，并处理子 item 的 name 去掉分类前缀
   const groupByCategory = (list) => {
     const grouped = {};
     list.forEach(item => {
@@ -54,7 +78,7 @@ function Index(props) {
       if (!grouped[category]) {
         grouped[category] = [];
       }
-      // 处理子item的name，去掉分类名前缀
+      // 处理子 item 的 name，去掉分类名前缀
       let itemName = item.name;
       if (category && itemName.startsWith(category + '-')) {
         itemName = itemName.substring(category.length + 1);
@@ -64,19 +88,62 @@ function Index(props) {
     return grouped;
   };
 
+  // 分离当前版本和历史版本（名称以"历史-"开头的为历史版本）
+  const separateVersions = (list) => {
+    const currentVersions = [];
+    const historyVersions = [];
+    
+    list.forEach(item => {
+      if (item.name && item.name.startsWith('历史-')) {
+        // 历史版本：去掉"历史-"前缀
+        const newItem = { ...item, name: item.name.substring(3) };
+        historyVersions.push(newItem);
+      } else {
+        currentVersions.push(item);
+      }
+    });
+    
+    // 按 createTime 降序排序，最新的版本排在最上面
+    historyVersions.sort((a, b) => {
+      const timeA = a.createTime ? new Date(a.createTime).getTime() : 0;
+      const timeB = b.createTime ? new Date(b.createTime).getTime() : 0;
+      return timeB - timeA;
+    });
+    
+    return { currentVersions, historyVersions };
+  };
+
   const getFullList = () => {
 
     getSourceList({ id: factoryZoneId, keywords: versionId }).then(res => {
       if (res.data.rows) {
         // 按分类分组
         const groupedData = groupByCategory(res.data.rows);
-        // 转换为分类列表格式
-        const categoryList = Object.keys(groupedData).map(category => ({
-          category,
-          items: groupedData[category]
-        }));
-        setVersionList(categoryList)
-        // setVersionList([...categoryList, { ...sourceCode, category: '软件工厂源码' }]);
+        
+        // 分离当前版本和历史版本，并转换为分类列表格式
+        const categoryList = [];
+        const historyCategoryList = [];
+        
+        Object.keys(groupedData).forEach(category => {
+          const { currentVersions, historyVersions } = separateVersions(groupedData[category]);
+          
+          if (currentVersions.length > 0) {
+            categoryList.push({
+              category,
+              items: currentVersions
+            });
+          }
+          
+          if (historyVersions.length > 0) {
+            historyCategoryList.push({
+              category,
+              items: historyVersions
+            });
+          }
+        });
+        
+        setVersionList(categoryList);
+        setHistoryVersionList(historyCategoryList);
       }
     });
   };
@@ -100,6 +167,28 @@ function Index(props) {
   const iconList2 = [version4, version5, version6, version7]
 
 
+  // 检查当前分类是否有历史版本
+  const hasHistoryVersion = (category) => {
+    return historyVersionList.some(hv => hv.category === category);
+  };
+
+  // 获取指定分类的历史版本数据
+  const getHistoryVersionByCategory = (category) => {
+    return historyVersionList.find(hv => hv.category === category);
+  };
+
+  // 打开历史版本弹窗
+  const showHistoryModal = (category) => {
+    setCurrentHistoryCategory(category);
+    setIsHistoryModalVisible(true);
+  };
+
+  // 关闭历史版本弹窗
+  const closeHistoryModal = () => {
+    setIsHistoryModalVisible(false);
+    setCurrentHistoryCategory(null);
+  };
+
   return (
     <div className="versions">
       <div className="versions-top">
@@ -111,6 +200,8 @@ function Index(props) {
           versionList.map((categoryItem, categoryIndex) => {
             // 判断是否是源码项
             const isSourceCode = categoryItem.id === 'code';
+            const hasHistory = hasHistoryVersion(categoryItem.category);
+            
             return <div key={categoryItem.category || categoryItem.id} className="version-item">
               <div className="version-header">
                 <div className="version-header-top">
@@ -124,6 +215,17 @@ function Index(props) {
                         ? categoryItem.items.find(item => item.summary)?.summary
                         : `请依次下载「主服务包」「仓库与账户服务包」「流水线服务包」三个安装包，并参照「部署文档与手册」完成 ${categoryItem.category} 环境的完整部署。`)}
                 </div>
+                {hasHistory && (
+                  <div className="history-version-btn-wrapper">
+                    <button 
+                      className="history-version-btn"
+                      onClick={() => showHistoryModal(categoryItem.category)}
+                    >
+                      历史版本
+                      {/* <i className="iconfont icon-changjiantou font-12 ml8"></i> */}
+                    </button>
+                  </div>
+                )}
               </div>
               <div className="version-content">
                 <div className="version-content-box">
@@ -154,6 +256,9 @@ function Index(props) {
           })
         }
       </div>
+
+      {/* 历史版本弹窗结束 */}
+      
       <div className="manual">
         <h2>用户手册</h2>
         <div className="manual-content">
@@ -181,6 +286,58 @@ function Index(props) {
           }
         </div>
       </div>
+      
+      {/* 历史版本弹窗 */}
+      <Modal
+        title="历史版本"
+        visible={isHistoryModalVisible}
+        onCancel={closeHistoryModal}
+        footer={null}
+        width={1000}
+        className="history-version-modal"
+      >
+        {(() => {
+          // 获取当前打开的分类的历史版本数据
+          if (!currentHistoryCategory) return null;
+          
+          const historyData = getHistoryVersionByCategory(currentHistoryCategory);
+          if (!historyData || !historyData.items || historyData.items.length === 0) {
+            return <div className="no-history-data">暂无历史版本</div>;
+          }
+          
+          return (
+            <div className="history-version-content">
+              <div className="version-content-box">
+                {historyData.items.map((item, itemIndex) => {
+                  const displayName = extractDisplayName(item.name, currentHistoryCategory);
+                  return <div
+                    key={item.id || itemIndex}
+                    className="version-content-item"
+                    style={{ textDecoration: 'none' }}
+                  >
+                    <span className='version-item-icon-box'>
+                      <img src={ iconList2[itemIndex % iconList2.length] } alt="" className="version-item-icon" />
+                    </span>
+                    <div className="version-item-info">
+                      <Tooltip title={ `${displayName}` }>
+                        <span>{ displayName }</span>
+                      </Tooltip>
+                      <div style={{color: '#546889'}} className='mt5 mb5'>{item.summary}</div>
+                      <div className='version-item-info-bottom'>
+                        <span className='mr20'>{ item.fileList ? item.fileList.length : 0 }个文件</span>
+                        <span>{moment(item.createTime).format('YYYY-MM-DD HH:mm')}</span>
+                      </div>
+                    </div>
+                    <Link to={`/sf/resources/releases/${item.id}`} className="version-content-item-button">查看
+                      <img src={ versionActive } alt="" />
+                    </Link>
+                  </div>
+                })}
+              </div>
+            </div>
+          );
+        })()}
+      </Modal>
     </div>
   )
 }

src/factory/resource/factoryVersion/index.scss

@@ -59,7 +59,7 @@
         background-image: url('../../../images/factory/resource/version-item-header3.webp');
       }
       .version-header {
-        height: 220px;
+        height: 260px;
         background-repeat: no-repeat;
         background-size: 100% 100%;
         padding: 27px 34px;
@@ -103,6 +103,24 @@
             border-radius: 4px;
           }
         }
+        .history-version-btn-wrapper {
+          margin-top: 15px;
+          
+          .history-version-btn {
+            cursor: pointer;
+            width:106px;
+            height:32px;
+            border:1px solid;
+            border-color:#091221;
+            border-radius:8px;
+            line-height: 32px;
+            font-family: alibaba;
+            font-weight: 500;
+            color:#091221;
+            font-size: 14px;
+            background-color: transparent;
+          }
+        }
       }
       .version-content {
         height: 422PX;
@@ -333,4 +351,126 @@
       }
     }
   }
+}
+
+// 历史版本弹窗样式
+.history-version-modal {
+  .ant-modal-content{
+    background-image: url("../../../images/factory/resource/modal1.png");
+    background-size: 100% auto;
+    background-repeat: no-repeat;
+    border-radius:20px;
+    padding: 20px 25px;
+  }
+  .ant-modal-header{
+    background: transparent;
+    border-bottom: none;
+    padding-top: 10px;
+    padding-bottom: 0;
+  }
+  .ant-modal-body {
+    padding: 20px;
+  }
+  
+  .history-version-content {
+
+    .version-content-box {
+      min-height: 500px;
+      max-height: 700px;
+      background:#ffffff;
+      border-radius:8px;
+      box-shadow:0px 0px 8px rgba(0, 88, 68, 0.05);
+      padding: 15px 0;
+      overflow-y: auto;
+    
+      .version-content-item {
+        border-radius: 6px;
+        position: relative;
+        display: flex;
+        align-items: center;
+        padding: 20px 22px;
+        // .version-item-icon-box{
+        //   background:linear-gradient(46.14deg,#f1f7fe 5.48%,#f8f5ff 94.87%);
+        //   border-radius:9px;
+        // }
+        img {
+          width: 30px;
+          height: 30px;
+          margin: 15px;
+        }
+        .version-item-info {
+          margin-left: 8px;
+          display: flex;
+          flex-direction: column;
+          justify-content: space-between;
+          flex: 1;
+          span:nth-child(1) {
+            font-family: alibaba;
+            color: #091221;
+            font-size: 16px;
+            max-width: 280px;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            overflow: hidden;
+          }
+          .version-item-info-bottom{
+            background: #f7f8fc;
+            border-radius: 6px;
+            padding: 5px 10px;
+            margin-top: 5px;
+          }
+          .version-item-info-bottom span {
+            line-height: 20px;
+            font-family: alibabaReg;
+            color:#72748e;
+            font-size: 15px;
+          }
+        }
+        &:not(:last-child) {
+          position: relative;
+          &::after {
+            position: absolute;
+            content: "";
+            width: 860px;
+            height: 0px;
+            border: 1px dashed;
+            border-color: #164de41a;
+            bottom: 0;
+          }
+        }
+        .version-content-item-button {
+          margin-left: auto;
+          visibility: hidden;
+          font-family: alibabareg;
+          color: #164ce4;
+          font-size: 14px;
+          text-align: right;
+          display: flex;
+          align-items: center;
+          flex-shrink: 0;
+          margin-left: 20px;
+          img {
+            width: 13.62px;
+            height: auto;
+            margin-left: 5px;
+          }
+
+        }
+        &:hover {
+          background:rgba(22, 76, 228, 0.07);
+          .version-content-item-button {
+            visibility: visible;
+          }
+        }
+
+      }
+    }
+  }
+  
+  .no-history-data {
+    text-align: center;
+    color: #999;
+    font-size: 14px;
+    padding: 40px 0;
+  }
 }

src/forge/Head/Header.js

@@ -122,6 +122,7 @@ class NewHeader extends Component {
     //退出账号时清除登录页面的下次自动登录（用户再次打开登录页面时下次自动登录框不勾选）
     cookie.remove("autologin");
     cookie.remove("login");
+    cookie.remove("agent");
     //退出账号
     var url = `/accounts/logout.json`;
     axios.get((url)).then((result) => {
@@ -349,7 +350,7 @@ class NewHeader extends Component {
       },
       {
         "name": "开源软件仓库",
-        "link": "/explore",
+          "link": "/ossRepo",
         "index": "2",
         "hidden": false
       },

src/forge/Head/announcementBanner/index.scss

@@ -1,3 +1,4 @@
+@import '../../../animations.scss';
 .announcement-banner {
   position: relative;
   width: 100%;
@@ -249,10 +250,6 @@
   animation: arrow-move 1.2s ease-in-out infinite;
 }
 
-@keyframes arrow-move {
-  0%, 100% { transform: translateX(0); }
-  50%       { transform: translateX(4px); }
-}
 
 /* 角落装饰 */
 .announcement-banner .corner {

src/forge/Index.js

@@ -72,7 +72,7 @@ class Index extends Component {
           ></Route>
 
           <Route
-            path="/explore"
+            path="/ossRepo"
             render={(props) => (
               <ProjectHome {...this.props} {...props} />
             )}

src/forge/Information/api.js

@@ -178,10 +178,11 @@ export function getSourceTypeList(id){
     method: 'get',
   })
 }
-export function getSourceZoneList(id){
+export function getSourceZoneList(id, params){
   return fetch({
     url:`/zone/open/${id}/resourceDomain/list`,
     method: 'get',
+    params
   })
 }
 export function getSourceList(params){
@@ -447,3 +448,215 @@ export function setZoneVisits(data) {
     data
   })
 }
+
+// AI资源广场,zoneFront接口都要审核
+export function addProjectInZone(data, role="Member") {
+  return fetch({
+    url: role === "Manager" ? `/zone/project` : `/zone/zoneFront/addProject`,
+    method: 'POST',
+    data
+  })
+}
+
+// /zoneFront/removeProject/{ids}/project/{ids}
+export function deleteProjectInZoneById(id, role="Member"){
+  return fetch({
+    url: role === "Manager" ? `/zone/project/${id}` : `/zone/zoneFront/removeProject/${id}`,
+    method:"delete"
+  })
+}
+
+export function addSkill(data, role="Member") {
+  return fetch({
+    url: role === "Manager" ? `/zone/ai-resource/skill` : `/zone/zoneFront/skill`,
+    method: 'POST',
+    data
+  })
+}
+
+export function editSkill(data, role="Member") {
+  return fetch({
+    url: role === "Manager" ? `/zone/ai-resource/skill` : `/zone/zoneFront/skill`,
+    method: 'PUT',
+    data
+  })
+}
+
+export function parseFileBySkill(data, role="Member") {
+  return fetch({
+    url: role === "Manager" ? `/zone/ai-resource/skill/parse` : `/zone/zoneFront/skill/parse`,
+    method: 'POST',
+    data
+  })
+}
+
+export function deleteSourceById(id, role="Member"){
+  return fetch({
+    url: role === "Manager" ? `/zone/resource/${id}` : `/zone/zoneFront/removeResource/${id}`,
+    method:"delete"
+  })
+}
+
+export function takeDownSourceById(id, role="Member"){
+  return fetch({
+    url: role === "Manager" ? `/zone/resource/${id}/takeDown` : `/zone/zoneFront/${id}/takeDown`,
+    method:"PUT"
+  })
+}
+
+export function takeUpSourceById(id, role="Member"){
+  return fetch({
+    url: role === "Manager" ? `/zone/resource/${id}/takeUp` : `/zone/zoneFront/${id}/takeUp`,
+    method:"PUT"
+  })
+}
+export function drawSourceById(id){
+  return fetch({
+    url: `/zone/zoneFront/resource/${id}/withdraw`,
+    method:"PUT"
+  })
+}
+
+export function getMyResourceList(params, role="Member"){
+  return fetch({
+    url: role === "Manager" ? `/zone/resource/list` : `/zone/zoneFront/myResourceList`,
+    method: 'get',
+    params: role === "Manager" ? {
+      ...params,
+      isMine: true
+    } : params
+  })
+}
+
+export function getMyCodeList(params, role="Member"){
+  return fetch({
+    url: role === "Manager" ? `/zone/project/list` : `/zone/zoneFront/myProjectList`,
+    method: 'get',
+    params: role === "Manager" ? {
+      ...params,
+      isMine: true
+    } : params
+  })
+}
+
+export function getAISourceList(zoneId, params){
+  return fetch({
+    url:`/zone/open/${zoneId}/resource/list`,
+    method: 'get',
+    params
+  })
+}
+
+export function getAISourceById(id){
+  return fetch({
+    url:`/zone/open/resource/detail/${id}`,
+    method: 'get'
+  })
+}
+
+export function likeAISource(id) {
+  return fetch({
+    url: `/zone/zoneFront/${id}/like`,
+    method: 'POST',
+  })
+}
+
+export function getlikedSource(id) {
+  return fetch({
+    url: `/zone/zoneFront/${id}/like`,
+    method: 'get',
+  })
+}
+
+export function getJournalList(params){
+  return fetch({
+    url:`/zone/open/journals`,
+    method: 'get',
+    params
+  })
+}
+
+export function addJournal(data) {
+  return fetch({
+    url: `/zone/journals`,
+    method: 'POST',
+    data: data
+  })
+}
+
+export function editJournal(data) {
+  return fetch({
+    url: `/zone/journals`,
+    method: 'PUT',
+    data: data
+  })
+}
+
+export function deleteJournal(id) {
+  return fetch({
+    url: `/zone/journals/${id}`,
+    method: 'DELETE',
+  })
+}
+
+// 文件上传
+export function uploadFileBySourceJournal(data) {
+  return fetch({
+    url: `/file/common/upload`,
+    method: 'POST',
+    data: data
+  })
+}
+export function addModel(data) {
+  return fetch({
+    url: `/zone/zoneFront/resource/model`,
+    method: 'POST',
+    data: data
+  })
+}
+export function editModel(data) {
+  return fetch({
+    url: `/zone/zoneFront/resource/model`,
+    method: 'PUT',
+    data: data
+  })
+}
+export function addDataset(data) {
+  return fetch({
+    url: `/zone/zoneFront/resource/dataset`,
+    method: 'POST',
+    data: data
+  })
+}
+export function editDataset(data) {
+  return fetch({
+    url: `/zone/zoneFront/resource/dataset`,
+    method: 'PUT',
+    data: data
+  })
+}
+
+export function getAIResourceStatistics(params){
+  return fetch({
+    url:`/zone/zoneFront/resourceStatistics`,
+    method: 'get',
+    params
+  })
+}
+
+export function getAIProjectStatistics(params){
+  return fetch({
+    url:`/zone/zoneFront/myProjectStatistics`,
+    method: 'get',
+    params
+  })
+}
+
+/**AI智能体登录***/
+export function aiAgentLogin(data) {
+  return fetch({
+    url: `/auth/aiAgent/login`,
+    method: 'POST',
+    data: data
+  })
+}

src/forge/Information/fetch.js

@@ -1,5 +1,6 @@
 import axios from 'axios';
 import { message , notification } from 'antd';
+import cookie from 'react-cookies';
 
 function beforeFetch(actionUrl){
   if (window.location.href.indexOf('localhost') < 0) {
@@ -15,7 +16,7 @@ function beforeFetch(actionUrl){
 
   service.interceptors.request.use(request => {
     let deptId = sessionStorage.getItem('deptId')
-    // request.headers.Authorization = 'be06b98eb11dc58de93ab4d9de5b673ebae935bd'
+    request.headers.Authorization = cookie.load('autologin_trustie')
     if (deptId) {
       // 用于权限区分
       request.headers['Dept-Id'] = deptId
@@ -49,7 +50,9 @@ function beforeFetch(actionUrl){
   return service;
 }
 let settings = localStorage.chromesetting&& localStorage.chromesetting !=="undefined"&& JSON.parse(localStorage.chromesetting);
-let actionUrl = settings && settings.common.zone +'/zoneAdmin/api';
+// 根据当前IP判断使用哪个zone配置
+const isSpecificIP = window.location.hostname.startsWith('27.');
+let actionUrl = settings && (isSpecificIP ? settings.common.zone : settings.common.zone_local) + '/zoneAdmin/api';
 
 const service = beforeFetch(actionUrl);
 export const httpUrl = actionUrl;

src/forge/Main/Detail.js

@@ -12,7 +12,6 @@ import { Base64 } from 'js-base64';
 import { setProject, setProjectDetail, setProjectEntries, setProjectMenuList, setProjectReadMe } from '../../redux/actions/server';
 import actions from '../../redux/actions';
 import types from '../../redux/actions/actionTypes'
-import { getProjectFunc, getProjectDetailFunc } from '../../services/project'
 import '../css/index.scss'
 import './list.scss';
 import '../../modules/courses/css/Courses.css'
@@ -252,7 +251,7 @@ class Detail extends Component {
     let propsParam = this.props.match.params;
     if (prevState && this.props && (prevParam.projectsId !== propsParam.projectsId || prevParam.owner !== propsParam.owner)) {
       const { projectsId, owner } = this.props.match.params;
-      const data = await getProjectFunc(owner, projectsId);
+      const data = await this.getProjectFunc(owner, projectsId);
       if (data.data) {
         this.getProject(data.data)
       }
@@ -276,7 +275,7 @@ class Detail extends Component {
   async componentWillMount() {
     const { projectsId, owner } = this.props.match.params;
     if (!this.props.projectBase) {
-      const data = await getProjectFunc(owner, projectsId);
+      const data = await this.getProjectFunc(owner, projectsId);
       if (data && data.data) {
         this.getProject(data.data)
       }
@@ -314,17 +313,11 @@ class Detail extends Component {
         mirror_status:data.mirror_status || 0
       })
       this.getBanner(this.props.projectMenu)
-      let projectdata
       if (this.props.defaultDetail) {
         projectdata = this.props.defaultDetail
-      } else {
-        const res = await getProjectDetailFunc(owner, projectsId, !window.location.host);
-        if (res && res.status === 200) {
-          projectdata = res.data
-        }
-      }
-      if (projectdata) {
         this.getDetail(projectdata)
+      } else {
+        this.getDetail();
       }
     }
   }
@@ -468,6 +461,11 @@ class Detail extends Component {
     }
   }
 
+  getProjectFunc = async (owner, projectsId)=>{
+    const url = `/${owner}/${projectsId}/simple.json`;
+    return axios.get(url);
+  }
+
   // 获取动态导航栏菜单
   async getBanner(data) {
     const { projectsId, owner } = this.props.match.params;

src/forge/Main/projecthome/v2/components/banner.jsx

@@ -182,12 +182,12 @@ function Banner({isVisible}) {
       {/* 底部统计数据 */}
       <div className="df stats-container pt10 pb25">
         <div className="stat-item">
-          <div className="stat-number">35</div>
+          <div className="stat-number">50000+</div>
           <div className="stat-label">开源项目</div>
         </div>
         <Divider type="vertical" style={{ height: '60px' }} className="mt10 opacity4" />
         <div className="stat-item">
-          <div className="stat-number">266</div>
+          <div className="stat-number">100+</div>
           <div className="stat-label">开发工具</div>
         </div>
         <Divider type="vertical" style={{ height: '60px' }} className="mt10 opacity4" />
@@ -202,8 +202,8 @@ function Banner({isVisible}) {
         </div>
         <Divider type="vertical" style={{ height: '60px' }} className="mt10 opacity4" />
         <div className="stat-item">
-          <div className="stat-number">4</div>
-          <div className="stat-label">论坛交流</div>
+          <div className="stat-number">100+</div>
+          <div className="stat-label">论坛帖子</div>
         </div>
         <Divider type="vertical" style={{ height: '60px' }} className="mt10 opacity4" />
         <div className="stat-item">

src/forge/Main/projecthome/v2/components/forum.jsx

@@ -2,6 +2,7 @@ import { Divider, Icon } from 'antd';
 import React, { Fragment } from 'react';
 import { slidingArrowButton } from '../../../../../components/button';
 import icon_arrow1 from '../../../../../images/icon_arrow_white.png';
+import { Link } from "react-router-dom";
 
 const ForumExchange = () => {
   const forums = [
@@ -62,7 +63,9 @@ const ForumExchange = () => {
             <Fragment key={forum.id}>
               <div>
                 <img src={forum.icon} alt={forum.title} width={30} className='mb7 mr10'/>
-                <span className="font-18 font-bd">{forum.title}</span>
+                <Link className="color-white" to={{ pathname: `forums`, state: { name: forum.title.includes('软件工厂') ? '软件工厂' : forum.title } }}>
+                  <span className="font-18 font-bd">{forum.title}</span>
+                </Link>
                 <div style={{whiteSpace: 'pre-line'}} className='mt7'>{forum.description}</div>
               </div>
               {index !== forums.length - 1 && <Divider type="vertical" dashed className="forums_divider mt8" />}

src/forge/Order/order.scss

@@ -591,12 +591,7 @@ a.issue-type-button.active:hover {
   align-items: center;
   grid-template-columns: 1fr max-content;
 }
-.grid-item-top {
-  display: grid;
-  align-items: center;
-  grid-template-columns: max-content 1fr;
-  align-items: flex-start;
-}
+
 .fwb {
   font-weight: bold;
 }

src/forge/Utils/utils.js

@@ -7,6 +7,7 @@ import default6 from '../../images/factory/default/6.png'
 import default7 from '../../images/factory/default/7.png'
 import default8 from '../../images/factory/default/8.png'
 import { message } from 'antd'
+import cookie from 'react-cookies';
 
 export function formatNumber(num) {
   if (num === undefined || num === null) return
@@ -32,6 +33,14 @@ export function formatNumberWithCommas(num) {
  * @param msg 成功消息
  */
 export const downloadFunc = (url, name) => {
+  // 检查用户是否登录
+  const login = cookie.load("login");
+
+  if (!login) {
+    message.info('请先登录后再下载')
+    return
+  }
+
   const link = document.createElement('a')
   link.href = url
   link.download = name || 'download'

src/forge/common/util.js

@@ -19,7 +19,7 @@ export function timeFormat(SecondsStr){
 export function normalizeUrl(url) {
   if (!url) return '';
   const match = url.match(/:4000\/(.+)/);
-  if (match && match[1]) {
+  if (match && match[1] && window.location.hostname !== "localhost") {
     return `${window.location.protocol}//${window.location.hostname}:4000/${match[1]}`;
   }
   return url;

src/forge/ossRepoIframe.jsx

@@ -0,0 +1,31 @@
+import React, { useEffect, useState } from "react";
+import { TPMIndexHOC } from "../modules/tpm/TPMIndexHOC";
+import loadingGIf from "./Images/loading.gif";
+function OssRepo(props) {
+    const {current_user, mygetHelmetapi} = props;
+    const {admin, user_id} = current_user || {}
+    const {common} = mygetHelmetapi || {};
+    const {ossRepo="http://27.122.114.160:3001"} = common || {};
+    const [loading, setLoading] = useState(true);
+
+    useEffect(()=>{
+        document.title = '开源软件仓库';
+        // document.body.style.background = '#fff';
+        return () => {
+            document.body.style.background = '';
+        }
+    }, [])
+
+    const url = `${ossRepo}/?uid=${user_id === 2 ? undefined : user_id}`
+    // const url = "http://localhost:3007/"
+
+    return <div className="" style={{border: "none"}}>
+        {loading && <div className="center" style={{minHeight: '60vh', marginTop: '30vh'}}>
+            <img src={loadingGIf} width={250}/>
+            <div className="font-16" style={{position: 'relative', top: '-40px', color: '#091221', opacity: '0.6'}}>加载中，请耐心等待</div>
+        </div>}
+        <iframe title={`ossRepoIframe`} src={url} id={`ossRepoIframe`} frameBorder="0" name={`ossRepoIframe`} width="100%" style={{height: '100vh', border: 'none'}} onLoad={()=>{setLoading(false)}}></iframe>
+    </div>
+}
+
+export default TPMIndexHOC(OssRepo);

src/forge/projectHome/explore/index.jsx

@@ -75,7 +75,7 @@ function ProjectHomePage(props) {
     getCate();
     // getList();
     getCateTopic();
-    document.title = '军用开源软件仓库';
+    document.title = '菌用开源软件仓库';
     // 获取总数
     getInitCount();
   }, [])
@@ -109,6 +109,12 @@ function ProjectHomePage(props) {
   }
 
   function getProject() {
+    // 当分类数据尚未加载时，不执行请求
+    // 等待 getCate() 返回后再请求正确分类的数据，避免竞态条件
+    if (cateList === undefined) {
+      return;
+    }
+    
     const url = `/projects.json`;
     let params = {
       pinned: "d",
@@ -118,7 +124,8 @@ function ProjectHomePage(props) {
       page: page,
       topic_id: topicId,
       sort_by: cateID ? undefined : "praises_count",
-      language_id: undefined
+      language_id: undefined,
+      exclude_forked: true
     };
     if (cateID === 39 && topicId) {
       // 三方组件，topicId要作为language_id参数进行查询，查询maven、python、npm的语言仓库列表

src/forums/api.js

@@ -123,4 +123,11 @@ export function deleteUserForums(id,is_apply) {
       is_apply
     }
   });
-}
+}
+
+export async function getForumHead(id) {
+  return fetch({
+    url: `/api/memos/forum_memos_head/${id}.json`,
+    method: 'get',
+  });
+}

src/forums/detail/index.jsx

@@ -26,6 +26,10 @@ function detail(props) {
     id && getForumMemoById(id).then(res => {
       setDetail(res);
       document.title = `${res && res.memo && res.memo.subject}-论坛交流`;
+      window.scrollTo({
+        top: 0,
+        behavior: 'smooth'
+      })
     })
   }, [id, reload])
 
@@ -50,12 +54,12 @@ function detail(props) {
       icon: require('../image/icon13.png'),
       key: 'replies_count'
     },
-    {
-      id: 'view',
-      title: '浏览数',
-      icon: icon12,
-      key: 'viewed_count'
-    }
+    // {
+    //   id: 'view',
+    //   title: '浏览数',
+    //   icon: icon12,
+    //   key: 'viewed_count'
+    // }
 
   ]
 
@@ -150,8 +154,6 @@ function detail(props) {
                             }
                           })
                         }}>{memo.is_fine ? "取消推荐" : "推荐"}</a>
-
-                        <a onClick={()=>{setVisible(1)}}>删除</a>
                       </Fragment>}
 
                       {(memo.is_current_user || banned_permission) && <Fragment>
@@ -163,6 +165,8 @@ function detail(props) {
                           setVisible(apply_destroy ? 3 : 2)
                         }}>{apply_destroy ? "撤销申请" : "申请删帖"}</a>
                       </Fragment>}
+
+                      {banned_permission && <a onClick={()=>{setVisible(1)}}>删除</a>}
                     </div>
                   }
                 >
@@ -177,8 +181,8 @@ function detail(props) {
               <img src={author_info.image_url} alt="" className="user-img" />
               {author_info.username}
               <span className="ml10">{memo.published_time}</span>
-              <img src={icon12} width={14} className="mb3 mr5 ml15" />
-              {memo.viewed_count}
+              {/* <img src={icon12} width={14} className="mb3 mr5 ml15" />
+              {memo.viewed_count} */}
               <img src={icon6} width={14} className="mb3 mr5 ml10" />
               {memo.replies_count}
             </div>