From d611a76ebd80140990d373adfc52c3f1265a64d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Tue, 11 Aug 2026 08:18:40 +0800
Subject: [PATCH] =?UTF-8?q?feat(checkout):=20=E4=BC=98=E5=8C=96=E5=BE=AE?=
 =?UTF-8?q?=E4=BF=A1=E6=94=AF=E4=BB=98=E5=92=8C=E7=BA=BF=E4=B8=8B=E4=BB=98?=
 =?UTF-8?q?=E6=AC=BE=E6=B5=81=E7=A8=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 支付方式新增微信支付（payType=1），并设为默认，保留线下付款（payType=9）
- 微信支付时调用 Taro.requestPayment 发起支付流程，取消或失败给出明确提示
- 支付选项选中状态下微信支付显示绿色提示，线下付款显示橙色提示
- 提交按钮文案区分微信支付（提交并支付）与线下付款（提交订单）
- 后端支付配置缺失时提示“微信支付暂不可用：支付配置缺失”
- 确保编译构建通过，未引入新类型错误
---
 .idea/workspace.xml               | 31 +++++++++-------
 .workbuddy/memory/2026-08-10.md   | 16 ++++++++
 .workbuddy/memory/2026-08-11.md   | 10 +++++
 .workbuddy/miniprogram-ui-plan.md | 62 +++++++++++++++++++++++++++++++
 config/app.ts                     |  2 +-
 project.config.json               |  2 +-
 6 files changed, 107 insertions(+), 16 deletions(-)
 create mode 100644 .workbuddy/memory/2026-08-10.md
 create mode 100644 .workbuddy/memory/2026-08-11.md
 create mode 100644 .workbuddy/miniprogram-ui-plan.md

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 418bcd0..84984d1 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,8 +4,10 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="2de94e4f-0587-4c9b-8bfd-e87e0ae95b81" name="更改" comment="feat(user): 合并切换开发者菜单并优化首页轮播图显示&#10;&#10;- 用户菜单根据 isDeveloper 字段切换显示申请或进入开发者中心&#10;- 已审核用户菜单高亮显示“进入开发者中心”&#10;- 去除冗余开发者中心菜单条目，简化结构&#10;- 重新设计开发者中心页面UI，统一门店中心风格&#10;- 顶部展示开发者头像及昵称手机号信息&#10;- 功能卡片展示“我的应用”、“API Key”和“我的工单”，异步加载数量角标&#10;- 底部添加“开发者帮助与支持”入口，替代门店订阅消息卡片&#10;- 未登录或非开发者状态显示相应空态及操作按钮&#10;- 首页轮播图为空时不显示容器，功能入口自动上移，优化空状态体验&#10;- 优化登录状态与权限校验逻辑，防止页面闪烁和无权限展示">
+    <list default="true" id="2de94e4f-0587-4c9b-8bfd-e87e0ae95b81" name="更改" comment="feat(checkout): 接入微信支付功能并优化支付交互体验&#10;&#10;- 支付方式新增微信支付（payType=1）并设为默认，保留线下付款（payType=9）&#10;- 提交订单时若选择微信支付，调用 Taro.requestPayment 调起支付流程&#10;- 支付取消或失败时给出明确提示，订单已创建可重新支付&#10;- 线下付款保持原有“订单已提交”提示&#10;- 支付选项选中时微信显示绿色提示，线下显示橙色提示&#10;- 提交按钮文案区分微信支付（提交并支付）和线下付款（提交订单）&#10;- 后端支付配置错误时统一提示“微信支付暂不可用：支付配置缺失”&#10;- 确保编译构建通过，无新引入类型错误">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/config/app.ts" beforeDir="false" afterPath="$PROJECT_DIR$/config/app.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/project.config.json" beforeDir="false" afterPath="$PROJECT_DIR$/project.config.json" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -59,7 +61,7 @@
       <recent name="$PROJECT_DIR$" />
     </key>
   </component>
-  <component name="RunManager" selected="npm.build:weapp">
+  <component name="RunManager" selected="npm.dev:weapp">
     <configuration name="build:weapp" type="js.build_tools.npm" temporary="true" nameIsGenerated="true">
       <package-json value="$PROJECT_DIR$/package.json" />
       <command value="run" />
@@ -82,8 +84,8 @@
     </configuration>
     <recent_temporary>
       <list>
-        <item itemvalue="npm.build:weapp" />
         <item itemvalue="npm.dev:weapp" />
+        <item itemvalue="npm.build:weapp" />
       </list>
     </recent_temporary>
   </component>
@@ -120,14 +122,7 @@
       <workItem from="1784638429525" duration="16147000" />
       <workItem from="1784798575885" duration="4896000" />
       <workItem from="1784873955217" duration="3822000" />
-    </task>
-    <task id="LOCAL-00027" summary="feat(userVerify): 添加阿里云身份证二要素核验功能&#10;&#10;- 在接口层新增 verifyIdCard 接口，实现姓名与身份证号核验&#10;- userVerify 页面提交时增加身份核验逻辑，核验失败阻止提交&#10;- 调用核验接口时显示加载状态，并根据结果提示用户&#10;- 后端依赖 aliyun cloudauth，提供实人认证相关服务接口&#10;- 完成基本的错误捕获与用户提示，提升实名认证流程安全性">
-      <option name="closed" value="true" />
-      <created>1776021606260</created>
-      <option name="number" value="00027" />
-      <option name="presentableId" value="LOCAL-00027" />
-      <option name="project" value="LOCAL" />
-      <updated>1776021606260</updated>
+      <workItem from="1786371937331" duration="7602000" />
     </task>
     <task id="LOCAL-00028" summary="feat(userVerify): 添加阿里云身份证二要素核验功能&#10;&#10;- 在接口层新增 verifyIdCard 接口，实现姓名与身份证号核验&#10;- userVerify 页面提交时增加身份核验逻辑，核验失败阻止提交&#10;- 调用核验接口时显示加载状态，并根据结果提示用户&#10;- 后端依赖 aliyun cloudauth，提供实人认证相关服务接口&#10;- 完成基本的错误捕获与用户提示，提升实名认证流程安全性">
       <option name="closed" value="true" />
@@ -513,7 +508,15 @@
       <option name="project" value="LOCAL" />
       <updated>1784873966827</updated>
     </task>
-    <option name="localTasksCounter" value="76" />
+    <task id="LOCAL-00076" summary="feat(checkout): 优化微信支付和线下付款流程&#10;&#10;- 将默认支付方式调整为微信支付（payType=1），增加支付方式选择项&#10;- 微信支付成功后直接调用微信支付接口并处理支付结果反馈&#10;- 支付取消或失败时显示对应提示信息&#10;- 线下付款(payType=9)保留并显示相应提示，不触发在线支付&#10;- 提交订单时根据支付方式显示不同的按钮文本 (‘提交并支付’ 或 ‘提交订单’)&#10;- 针对微信支付配置缺失的错误，统一显示详细提示，便于定位问题&#10;- 优化支付方式选中时的提示样式与说明，提升用户体验">
+      <option name="closed" value="true" />
+      <created>1786372231925</created>
+      <option name="number" value="00076" />
+      <option name="presentableId" value="LOCAL-00076" />
+      <option name="project" value="LOCAL" />
+      <updated>1786372231925</updated>
+    </task>
+    <option name="localTasksCounter" value="77" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -533,7 +536,6 @@
   <component name="VcsManagerConfiguration">
     <option name="CHECK_CODE_SMELLS_BEFORE_PROJECT_COMMIT" value="false" />
     <option name="CHECK_NEW_TODO" value="false" />
-    <MESSAGE value="fix(utils): 优化小程序端复制文本功能体验&#10;&#10;- 小程序端直接调用原生 wx.setClipboardData，避免 Taro Promise 封装问题&#10;- 避免微信小程序重复显示复制成功提示和误报复制失败&#10;- 失败时仅在小程序端输出错误日志，非小程序端显示提示&#10;- 修改首页外链跳转逻辑，支持相对路径跳转，小程序内外链复制提示提升用户体验&#10;- 更新项目内剪切板使用规范文档，说明复制行为调整及符合相应规范要求" />
     <MESSAGE value="fix(index): 优化外链提示及删除复制咨询模板功能&#10;&#10;- 替换小程序内外链打开方式提示为弹窗提醒用户手动复制&#10;- 删除复制咨询模板功能及相关按钮&#10;- 修改联系我们文案，突出直接电话沟通或需求反馈&#10;- 移除无用导入的复制文本工具函数copyText" />
     <MESSAGE value="feat(utils): 优化请求函数URL拼接逻辑&#10;&#10;- 在request函数中将请求拦截改为先拼接完整URL&#10;- 支持相对路径自动补全baseUrl&#10;- 删除原有请求拦截中url未处理的问题" />
     <MESSAGE value="docs(schedule): 添加2026年7月1日日程文件&#10;&#10;- 创建新的日程文档文件 2026-07-01.md&#10;- 文件内容待后续补充和更新" />
@@ -558,7 +560,8 @@
     <MESSAGE value="fix(auth): 统一超级管理员标识为布尔值true&#10;&#10;- 将所有页面和菜单中超级管理员校验由数字1改为布尔true&#10;- 平台管理、门店中心菜单项仅在isSuperAdmin===true时显示&#10;- 门店中心页面移除店员门槛，改为超级管理员访问限制&#10;- 非超级管理员访问门店中心弹窗提示并返回&#10;- 首页工作台入口及相关访问权限判定切换为布尔判断&#10;- 优化首屏加载状态，避免权限校验闪烁和误判" />
     <MESSAGE value="feat(user): 合并切换开发者菜单项状态并更新开发者中心UI&#10;&#10;- 用户菜单中根据 isDeveloper 字段条件展示“申请成为开发者”或“进入开发者中心”&#10;- 已审核通过用户菜单显示“进入开发者中心”，并设置高亮样式&#10;- 去除冗余的独立“开发者中心”菜单条目，简化菜单结构&#10;- 重新设计开发者中心页面UI，统一为门店中心风格&#10;- 顶部展示开发者头像及昵称手机号信息&#10;- 功能卡片展示“我的应用”、“API Key”和“我的工单”，异步加载数量角标&#10;- 底部添加“开发者帮助与支持”入口，替代门店订阅消息卡片&#10;- 未登录或非开发者状态显示相应空态提示及操作按钮&#10;- 优化登录状态与权限校验逻辑，防止页面闪烁和无权限内容显示" />
     <MESSAGE value="feat(user): 合并切换开发者菜单并优化首页轮播图显示&#10;&#10;- 用户菜单根据 isDeveloper 字段切换显示申请或进入开发者中心&#10;- 已审核用户菜单高亮显示“进入开发者中心”&#10;- 去除冗余开发者中心菜单条目，简化结构&#10;- 重新设计开发者中心页面UI，统一门店中心风格&#10;- 顶部展示开发者头像及昵称手机号信息&#10;- 功能卡片展示“我的应用”、“API Key”和“我的工单”，异步加载数量角标&#10;- 底部添加“开发者帮助与支持”入口，替代门店订阅消息卡片&#10;- 未登录或非开发者状态显示相应空态及操作按钮&#10;- 首页轮播图为空时不显示容器，功能入口自动上移，优化空状态体验&#10;- 优化登录状态与权限校验逻辑，防止页面闪烁和无权限展示" />
-    <option name="LAST_COMMIT_MESSAGE" value="feat(user): 合并切换开发者菜单并优化首页轮播图显示&#10;&#10;- 用户菜单根据 isDeveloper 字段切换显示申请或进入开发者中心&#10;- 已审核用户菜单高亮显示“进入开发者中心”&#10;- 去除冗余开发者中心菜单条目，简化结构&#10;- 重新设计开发者中心页面UI，统一门店中心风格&#10;- 顶部展示开发者头像及昵称手机号信息&#10;- 功能卡片展示“我的应用”、“API Key”和“我的工单”，异步加载数量角标&#10;- 底部添加“开发者帮助与支持”入口，替代门店订阅消息卡片&#10;- 未登录或非开发者状态显示相应空态及操作按钮&#10;- 首页轮播图为空时不显示容器，功能入口自动上移，优化空状态体验&#10;- 优化登录状态与权限校验逻辑，防止页面闪烁和无权限展示" />
+    <MESSAGE value="feat(checkout): 优化微信支付和线下付款流程&#10;&#10;- 将默认支付方式调整为微信支付（payType=1），增加支付方式选择项&#10;- 微信支付成功后直接调用微信支付接口并处理支付结果反馈&#10;- 支付取消或失败时显示对应提示信息&#10;- 线下付款(payType=9)保留并显示相应提示，不触发在线支付&#10;- 提交订单时根据支付方式显示不同的按钮文本 (‘提交并支付’ 或 ‘提交订单’)&#10;- 针对微信支付配置缺失的错误，统一显示详细提示，便于定位问题&#10;- 优化支付方式选中时的提示样式与说明，提升用户体验" />
+    <option name="LAST_COMMIT_MESSAGE" value="feat(checkout): 优化微信支付和线下付款流程&#10;&#10;- 将默认支付方式调整为微信支付（payType=1），增加支付方式选择项&#10;- 微信支付成功后直接调用微信支付接口并处理支付结果反馈&#10;- 支付取消或失败时显示对应提示信息&#10;- 线下付款(payType=9)保留并显示相应提示，不触发在线支付&#10;- 提交订单时根据支付方式显示不同的按钮文本 (‘提交并支付’ 或 ‘提交订单’)&#10;- 针对微信支付配置缺失的错误，统一显示详细提示，便于定位问题&#10;- 优化支付方式选中时的提示样式与说明，提升用户体验" />
     <option name="NON_MODAL_COMMIT_POSTPONE_SLOW_CHECKS" value="false" />
   </component>
 </project>
\ No newline at end of file
diff --git a/.workbuddy/memory/2026-08-10.md b/.workbuddy/memory/2026-08-10.md
new file mode 100644
index 0000000..93b71df
--- /dev/null
+++ b/.workbuddy/memory/2026-08-10.md
@@ -0,0 +1,16 @@
+# 2026-08-10
+
+## checkout 页面接入微信支付
+
+文件：`src/pages/shop/checkout.tsx`
+
+改动：
+- 支付方式选项新增「微信支付」(`payType=1`)，并设为默认；原「线下付款」(`payType=9`) 保留。
+- `handleSubmit`：`createOrder(orderParams)` 后，若 `payType===1 && res`（`res` 为后端返回的 `WxPayResult`），调用 `Taro.requestPayment({timeStamp,nonceStr,package,signType,paySign})` 调起微信支付；取消/失败给明确提示，订单已创建故统一跳订单列表可重新支付。线下付款保持原「订单已提交」提示。
+- 支付选项选中提示：微信支付显示绿色提示，线下付款橙色提示（原仅有线下提示）。
+- 提交按钮文案：微信支付显示「提交并支付」，线下显示「提交订单」。
+- 异常提示：微信/线下下单时若后端报「应用ID/appid 缺失」等支付配置错误，统一提示「微信支付暂不可用：支付配置缺失」。
+
+验证：`npm run build:weapp` 编译通过（17.45s，Compiled successfully）。`tsc --noEmit` 因 tsconfig 把 `@tarojs/taro` 列入 types（缺 @types 声明）预存报错，与本次改动无关。
+
+模式说明：本项目微信支付标准流程为 `createOrder(payType=1)` 后端直接返回 `WxPayResult` → `Taro.requestPayment(...)`，与 `pages/order/detail.tsx` 的 `handlePay`（用 `prepayShopOrder` 重新支付）一致。
diff --git a/.workbuddy/memory/2026-08-11.md b/.workbuddy/memory/2026-08-11.md
new file mode 100644
index 0000000..e5cc4a5
--- /dev/null
+++ b/.workbuddy/memory/2026-08-11.md
@@ -0,0 +1,10 @@
+# 2026-08-11 工作记录
+
+## 小程序/产品矩阵规划讨论（仅探讨，未改代码）
+- 用户产品矩阵：①企业官网（website-admin 后台，Nuxt SaaS 建站）②小程序商城（websopy-taro 电商）③其他管理系统。
+- 结论建议（待用户确认）：按**受众+载体**分层，而非按功能拆分。
+  - C端消费者（看/买）：官网展示 + 商城 → **合并为「一个品牌小程序」**，用分包（官网/商城/用户中心）隔离，共享登录/购物车/会员。
+  - B端管理（企业主/运营）：官网后台 + 其他管理系统 → **统一 Web 管理门户（SSO）**，不做小程序。
+  - B端移动（商家版）：暂缓，验证需求后再建独立 AppID 小程序，不并入 C 端。
+- 已产出：规划文档 `.workbuddy/miniprogram-ui-plan.md`、官网展示型小程序原型（4屏 mockup）、产品矩阵分层架构图。
+- 待确认：落地路径（独立官网小程序 / websopy-taro 加分包 / 仅 CMS 展示层）及上述产品矩阵方向。
diff --git a/.workbuddy/miniprogram-ui-plan.md b/.workbuddy/miniprogram-ui-plan.md
new file mode 100644
index 0000000..1bcb24c
--- /dev/null
+++ b/.workbuddy/miniprogram-ui-plan.md
@@ -0,0 +1,62 @@
+# 小程序端 UI 布局与设计方案（基于 website-admin 后台）
+
+## 一、结论先行
+`website-admin`（Nuxt 4 + Vue3 + ant-design-vue）是「云·企业官网」SaaS 建站后台，管理的核心是可对外发布的**官网内容**（栏目导航、文章、产品、案例、单页、广告、留言线索），以及订阅/模板/域名等租户配置。
+
+因此小程序端的自然定位是：**官网内容的移动端展示 + 获客工具**（即后台所建官网的小程序版），而非现有 `websopy-taro` 里的电商/商城体系。
+
+> ⚠️ 关键提醒：现有 `websopy-taro` 实际是「电商/会员/门店/开发者」小程序，与 `website-admin` 的「官网建站」业务域不一致。下文按"官网展示型小程序"规划，并在第六节给出两种落地路径供选择。
+
+## 二、信息架构（IA）：后台模块 → 小程序页面映射
+
+| website-admin 模块 | 小程序页面 | 说明 |
+|---|---|---|
+| 控制台（统计/订阅） | 我的 / 首页概览 | 小程序仅展示轻量订阅状态 |
+| 栏目导航 menus | 首页导航宫格 | 由后台栏目自动生成入口 |
+| 广告 banners | 首页轮播 Banner | 后台配置 |
+| 文章 articles | 资讯列表 / 资讯详情 | 含分类筛选 |
+| 产品 products | 产品列表 / 产品详情 | 含分类 |
+| 案例 cases | 案例列表 / 案例详情 | — |
+| 单页 pages | 关于我们 / 联系我们 | 富文本渲染 |
+| 留言咨询 messages | 留言咨询表单 / 我的留言 | 提交线索 |
+| 模板 / 域名 / 设置 | 不暴露（仅后台） | 小程序按当前租户自动套用 |
+
+## 三、导航与 tabBar 方案
+推荐 4 个底部 Tab（沿用微信小程序原生 tabBar，`custom` 可选）：
+1. **首页 Home** — Banner + 栏目宫格 + 资讯/产品/案例推荐
+2. **产品 Products** — 分类 + 产品网格
+3. **案例 Cases**（或 资讯）— 案例列表
+4. **我的 Mine** — 账号、我的留言、订阅状态
+
+资讯 / 关于 / 留言作为首页二级入口或非 Tab 页。
+
+## 四、页面布局草案（关键屏）
+- **首页**：状态栏+标题栏 → Banner 轮播 → 栏目导航宫格 → "资讯动态"横滑卡片 → "推荐产品/案例"区块 → 底部留言 CTA。
+- **产品列表**：左侧分类栏 + 右侧产品网格（ProductCard）。
+- **资讯详情**：标题/时间/来源 → 富文本正文（rich-text）→ 相关推荐 → 底部"咨询"按钮。
+- **我的**：头像/企业名 → 我的留言 → 订阅状态 → 设置。
+
+## 五、UI 设计规范建议
+1. **建立 Design Token**（CSS 变量）：主色、中性色、语义色、间距、圆角、字号。主色默认取自 `website-admin`「网站设置」的 brand 色，支持按租户覆盖。
+2. **统一主题**：消除当前 4 套主色并存的混乱（tabBar `#0e932e` / CSS 变量 `#1890ff` / Tailwind `#0ea5e9` / 微信 `#07c160`），收敛为 1 套 token。
+3. **图标体系**：弃用 emoji 当图标；改用 `@nutui/icons-react-taro`（SVG，已验证可渲染）或自定义图标组件。
+4. **统一布局容器**：新增 `Layout` 组件（NavBar + 内容区 + 可选自定义 TabBar），避免每页各自实现。
+5. **NutUI 去"空壳化"**：继续替换 `Cell/Price/Divider/Button`（weapp 端整块空白的已知 bug），改用 Taro 原生 + 项目自定义组件。
+6. **富文本**：后台 wangeditor 的 HTML 经 Taro `rich-text` 渲染，需做外联 style 注入与样式隔离。
+7. **内容卡片组件集**：Banner、ArticleCard、ProductCard、CaseCard、NavGrid、SectionTitle、LeadForm、EmptyState。
+
+## 六、与现有 websopy-taro 的关系 & 落地路径
+- **路径 A（推荐）**：新建独立小程序工程（或 `websopy-taro` 新分支），专门做官网展示端，复用 Taro + React + Tailwind 技术栈与工具链，不混入电商逻辑。
+- **路径 B**：在现有 `websopy-taro` 内新增"官网"分包，与电商并存；适合想用一个小程序承载多业务。
+- **路径 C**：直接复用 `website-admin` 的 CMS API（`app/api/cms`、`app/api/websopy`），小程序端只做展示层。
+
+建议先确认路径，再进入详细设计 / 实现。
+
+## 七、实施路线图（建议）
+1. 定主色 / Design Token / 图标规范
+2. 搭 Layout + NavBar + TabBar 骨架
+3. 首页（Banner + 宫格 + 资讯/产品/案例区块）
+4. 资讯 / 产品 / 案例 列表 + 详情（rich-text）
+5. 留言咨询表单 + 我的留言
+6. 我的页 + 订阅状态
+7. 联调 `website-admin` CMS API、按租户适配模板
diff --git a/config/app.ts b/config/app.ts
index 48a03ae..75bf0a6 100644
--- a/config/app.ts
+++ b/config/app.ts
@@ -1,7 +1,7 @@
 import { API_BASE_URL, SERVER_API_URL, WEBSOPY_API_BASE_URL } from './env'
 
 export const TenantId = '5'
-export const TenantName = '威硕开发助手'
+export const TenantName = '赛联小助手'
 export const BaseUrl = API_BASE_URL
 export const ServerBaseUrl = SERVER_API_URL
 export const WebsopyBaseUrl = WEBSOPY_API_BASE_URL
diff --git a/project.config.json b/project.config.json
index 3e2c5bc..afd387b 100644
--- a/project.config.json
+++ b/project.config.json
@@ -44,7 +44,7 @@
   },
   "compileType": "miniprogram",
   "appid": "wx541db955e7a62709",
-  "projectname": "威数谱软件",
+  "projectname": "赛联小助手",
   "condition": {},
   "simulatorPluginLibVersion": {},
   "packOptions": {