fix: 发布计划详情页显示包名而非包ID + 修复关于弹窗 ElMessageBox 未导入

Author: ystyle

docs-site/.vitepress/config.ts

@@ -13,6 +13,7 @@ export default defineConfig({
       { text: '指南', link: '/guide/' },
       { text: 'API', link: '/api/' },
       { text: '部署', link: '/deploy/' },
+      { text: '关于', link: '/about/' },
     ],
     sidebar: {
       '/guide/': [

docs-site/about/index.md

@@ -0,0 +1,43 @@
+# 关于 CJRepo
+
+CJRepo 是**仓颉语言包私有仓库服务**，兼容 cjpm 的发布/下载/索引协议。
+
+## 功能特性
+
+- 包发布与下载（兼容 cjpm 二进制协议）
+- 索引查询服务
+- 用户与组织管理
+- 团队权限控制
+- 上游源代理与同步
+- 发布计划（依赖解析 + 批量发布 + 实时跟踪）
+- 管理后台（Vue 3 + Element Plus）
+- 完整文档站点
+
+## 技术栈
+
+| 层 | 技术 |
+|---|------|
+| 后端 | Go + Fiber + XORM |
+| 前端 | Vue 3 + Element Plus + Pinia |
+| 文档 | VitePress |
+| 数据库 | SQLite |
+| 协议 | cjpm 二进制协议 |
+| 认证 | JWT + Token |
+| 部署 | Docker / 二进制发布 |
+
+## 项目链接
+
+- [GitHub 仓库](https://github.com/ystyle/cjrepo)
+- [仓颉语言官网](https://cangjie-lang.cn)
+- [仓颉语言文档](https://cangjie-lang.cn/docs)
+- [问题反馈](https://github.com/ystyle/cjrepo/issues)
+
+## 商业支持
+
+如需托管部署、定制开发或技术支持，请联系：
+
+[lxy5266@live.com](mailto:lxy5266@live.com)
+
+## 开源协议
+
+基于 MIT 协议开源。

frontend/src/api/publish_plan.ts

@@ -14,6 +14,9 @@ export interface PublishPlanItem {
   id: number
   plan_id: number
   package_id: number
+  package_name: string
+  package_organization: string
+  package_version: string
   order: number
   category: string
   status: string

frontend/src/components/AboutDialog.vue

@@ -46,6 +46,15 @@ defineExpose({ open })
 
       <hr class="divider" />
 
+      <div class="links">
+        <h4>联系方式</h4>
+        <div class="link-item">
+          <a href="mailto:lxy5266@live.com">lxy5266@live.com</a>
+        </div>
+      </div>
+
+      <hr class="divider" />
+
       <div class="links">
         <h4>项目链接</h4>
         <div class="link-item">

frontend/src/layouts/AdminLayout.vue

@@ -22,9 +22,7 @@ const goHome = () => {
 }
 
 const openAbout = () => {
-  ElMessageBox.alert('CJRepo - 仓颉私有包仓库服务', '关于', {
-    confirmButtonText: '确定',
-  })
+  aboutDialogRef.value?.open()
 }
 
 const openDocs = () => {

frontend/src/views/admin/PublishPlanDetail.vue

@@ -203,7 +203,11 @@ onUnmounted(() => {
         <el-table-column label="#" width="50">
           <template #default="{ $index }">{{ $index + 1 }}</template>
         </el-table-column>
-        <el-table-column prop="package_id" label="包 ID" width="80" />
+        <el-table-column label="包名" min-width="180">
+          <template #default="{ row }">
+            <span>{{ row.package_organization ? row.package_organization + '::' : '' }}{{ row.package_name }}@{{ row.package_version }}</span>
+          </template>
+        </el-table-column>
         <el-table-column label="状态" width="110" align="center">
           <template #default="{ row }">
             <el-tag v-if="row.status !== 'pending'" :type="statusTag(row.status)" size="small">{{ statusLabel(row.status) }}</el-tag>

internal/handlers/publish_plan.go

@@ -160,6 +160,13 @@ func (h *PublishPlanHandler) List(c *fiber.Ctx) error {
 }
 
 // Get 计划详情
+type itemWithPkg struct {
+	models.PublishPlanItem
+	PackageName          string `json:"package_name"`
+	PackageOrganization string `json:"package_organization"`
+	PackageVersion      string `json:"package_version"`
+}
+
 func (h *PublishPlanHandler) Get(c *fiber.Ctx) error {
 	id, err := strconv.ParseInt(c.Params("id"), 10, 64)
 	if err != nil {
@@ -175,9 +182,20 @@ func (h *PublishPlanHandler) Get(c *fiber.Ctx) error {
 	var items []models.PublishPlanItem
 	h.engine.Where("plan_i_d = ?", id).OrderBy("\"order\"").Find(&items)
 
+	itemsWithPkg := make([]itemWithPkg, len(items))
+	for i, item := range items {
+		itemsWithPkg[i] = itemWithPkg{PublishPlanItem: item}
+		var pkg models.Package
+		if ok, _ := h.engine.ID(item.PackageID).Get(&pkg); ok {
+			itemsWithPkg[i].PackageName = pkg.Name
+			itemsWithPkg[i].PackageOrganization = pkg.Organization
+			itemsWithPkg[i].PackageVersion = pkg.Version
+		}
+	}
+
 	return c.JSON(fiber.Map{
 		"plan":  plan,
-		"items": items,
+		"items": itemsWithPkg,
 	})
 }