weicw1996 9299485899 feat(hjc-web): 标书详情加「收藏」按钮,「我的收藏」页与顶栏入口
后端接口是端无关的,本轮 **mp-java 零改动**,纯前端 + Nitro 代理。

- 新增 favorites.get/post/delete 三个站内代理,原样透传 ApiResult
  (HTTP 恒 200,按 body.code 判登录态与业务失败)。delete 用查询串传 projectId。
- detail.get.ts 补发 Authorization:详情接口内联了 favorited,而它此前是匿名调用,
  已收藏的项目会显示成「未收藏」。未登录时不带这个头,行为与改动前完全一致
  (返回体仍整体返回 data,favorited 正是靠这一点透传的)。
- 「我的收藏」做成**模板无关的公共路由** app/pages/tender/favorites.vue(10 套模板共用),
  顶栏 HjcUserBar 在「我的订单」后加入口。列表按收藏时间倒序 + 加载更多;
  只渲染后端算好的 saleState/purchased(前端不再判一遍);失效项目**保留条目**、
  点击只提示不进详情、仍可取消;取消收藏弹二次确认(复用 HjcConfirmDialog)。
  取数用 useRequestFetch —— 裸 $fetch 在 SSR 不转发 cookie,会被代理当成匿名调用,
  拿到 401 后 handleAuthCode 会清凭据跳登录,等于刷新页面把自己登出。
- template-07 详情页加收藏按钮(heart SVG 两态,不引图标库),未登录点它跳登录、
  回跳带 favorite=1 后自动补一次收藏(只在客户端 onMounted 做,不改写 URL——
  详情壳是 :key="route.fullPath",改 query 会重挂载并与收藏请求赛跑)。
  取数同样改用 useRequestFetch,否则首屏 favorited 恒为 false。
- 只改 template-07:10 套模板里只有它有 TenderDetail.vue,其余按需再补。
2026-09-17 17:37:10 +08:00

通用企业官网程序

基于 Nuxt 4 + Vue 3 + TypeScript 的企业官网纯前端展示系统。

项目定位

  • 本项目仅包含官网前台展示代码
  • 不含后端管理端,所有数据通过调用 SaaS 后端 API 获取
  • 支持多模板切换、多租户、独立域名绑定、订阅过期校验

目录结构

website/
├── app/                    # 应用代码
│   ├── components/         # 公共组件
│   ├── composables/        # 组合式函数
│   ├── layouts/            # 布局
│   ├── pages/              # 页面路由
│   ├── templates/          # 模板集合
│   ├── types/              # TS 类型
│   ├── utils/              # 工具函数
│   └── assets/             # 样式资源
├── server/                 # Nuxt Server
│   ├── api/                # API 代理
│   ├── middleware/         # 中间件
│   └── utils/              # 服务端工具
├── scripts/                # 脚本
└── templates/cloud-website # 模板预览图

安装依赖

npm install

本地开发

npm run dev

默认访问:http://localhost:3000

模板系统

模板存放在 app/templates/ 目录下,每个模板独立目录,包含:

  • config.ts:模板配置
  • components/:模板私有组件(Header、Footer 等)
  • pages/:模板页面组件
  • theme.css:模板主题变量

当前已实现:

  • template-01:科技蓝企业模板(完整)
  • template-02 ~ template-04:占位模板,后续根据设计稿实现

环境变量

复制 .env.example.env,按需修改:

NUXT_PUBLIC_TENANT_ID=10398
NUXT_PUBLIC_APP_ID=website
NUXT_PUBLIC_TEMPLATE_ID=template-01
NUXT_PUBLIC_SERVER_API_BASE=https://server.websoft.top/api
NUXT_PUBLIC_MODULES_API_BASE=https://cms-api.websoft.top/api
NUXT_PUBLIC_APP_API_BASE=https://cms-api.websoft.top
NUXT_PUBLIC_BASE_DOMAIN=shoplnk.cn

接口说明

本项目通过 server/api/ 代理转发 SaaS 后端接口,前端不直接调用后端地址。

核心接口:

  • GET /api/site/info:站点信息
  • GET /api/page/all:页面列表
  • GET /api/page/detail?slug=xxx:页面详情
  • GET /api/article/list:文章列表
  • GET /api/product/list:产品列表
  • GET /api/case/list:案例列表
  • GET /api/subscription/status:订阅状态
  • GET /api/sitemap.xml:动态站点地图
  • GET /api/robots.txtrobots 文件
  • POST /api/form/submit:表单提交

部署

npm run build
npm run preview

生产环境建议使用 Nginx 反向代理,配置泛域名 *.shoplnk.cn 指向 Nuxt 服务。

注意事项

  • 模板组件为动态导入,新增模板后需在 app/templates/index.ts 注册
  • 域名绑定查询接口 /cms/cms-website/resolveDomain 需 SaaS 后端实现
  • 订阅状态接口 /api/app/subscription/check 需 SaaS 后端实现
S
Description
汇聚采网站
Readme 22 MiB
Languages
Vue 73.3%
TypeScript 18.6%
HTML 5.6%
CSS 1.2%
JavaScript 0.9%
Other 0.4%