Bladeren bron

FSD 页面管理章节远程图片下载到本地并替换为相对路径

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Fade 1 maand geleden
bovenliggende
commit
fca8baa5a9

BIN
.resources/image-1779244508001.png


BIN
.resources/image-1779244508002.png


BIN
.resources/image-1779244508003.png


BIN
.resources/image-1779244508004.png


BIN
.resources/image-1779244508005.png


BIN
.resources/image-1779244508006.png


BIN
.resources/image-1779244508007.png


BIN
.resources/image-1779244508008.png


BIN
.resources/image-1779244508009.png


BIN
.resources/image-1779244508010.png


BIN
.resources/image-1779244508011.png


BIN
.resources/image-1779244508012.png


BIN
.resources/image-1779244508013.png


BIN
.resources/image-1779244508014.png


BIN
.resources/image-1779244508015.png


BIN
.resources/image-1779244508016.png


BIN
.resources/image-1779244508017.png


BIN
.resources/image-1779244508018.png


BIN
.resources/image-1779244508019.png


+ 83 - 23
prd/汇丰银行/汇丰银行权益中台-FSD.md

@@ -77,6 +77,12 @@
 
 ### 2.3 分配角色
 
+<br>
+
+<br>
+
+<br>
+
 ![](../../.resources/image-1779243010146.png)![](../../.resources/image-1779243019476.png)
 
 ## 3\. 用户登录
@@ -762,7 +768,7 @@
 
 # 四、人群管理
 
-### 1\. 模块概述
+## 1\. 模块概述
 
 人群管理由两个独立列表构成:**客群任务管理**与**规则组管理**。
 
@@ -777,7 +783,7 @@
 
 * * *
 
-### 2\. 客群任务管理
+## 2\. 客群任务管理
 
 2.1 列表页
 
@@ -997,7 +1003,7 @@
 
 * * *
 
-### 3\. 规则组管理
+## 3\. 规则组管理
 
 3.1 列表页
 
@@ -1088,7 +1094,7 @@
 
 * * *
 
-### 4\. 具体规则与逻辑配置
+## 4\. 具体规则与逻辑配置
 
 逻辑运算支持「且 / 或(AND / OR)」组合。客群任务范围内分为三层(从高到低):**客群任务 → 规则组 → 元规则**(借记卡元规则约 50+ 项,信用卡元规则若干项)。高维可对低维设置 AND / OR 组合,例如:
 
@@ -1215,7 +1221,16 @@
 
 # 六、页面管理
 
-## 权益介绍页
+# 变更日志
+
+| <br> | <br> | <br> | <br> |
+| --- | --- | --- | --- |
+| **时间** | **版本号** | **变更人** | **主要变更内容** |
+| 26/4/24 | 1.0 | 刘晋成 | <br> |
+
+# 详细操作
+
+## 1\. 权益介绍页
 
 ### 等级配置
 
@@ -1223,7 +1238,7 @@
 
 ### Tab名称配置模块
 
-![](screenshots/5-page-home.png)
+![](../../.resources/image-1779244508001.png)
 
 -   **Tab名称(输入框)**:
     
@@ -1234,6 +1249,8 @@
 
 ### 头部配置
 
+![](../../.resources/image-1779244508002.png)
+
 对应移动端最上方的大图与欢迎文案。
 
 -   **头图配图**:点击虚线框上传本地图片。建议图片尺寸:686\*296 px。
@@ -1243,6 +1260,8 @@
 
 ### 按钮配置模块
 
+![](../../.resources/image-1779244508003.png)
+
 -   **已解锁按钮文案(输入框)**:
     
     -   **移动端交互**:针对**已解锁**当前等级的客户展示的按钮文案(如“进入权益专区”)。点击直接拉起“权益首页”。
@@ -1254,6 +1273,8 @@
 
 ### 权益列表配置
 
+![](../../.resources/image-1779244508004.png)
+
 -   **配图(上传组件)**:
     
     -   **移动端交互**:此项为**非必填**。若未上传图片,移动端不会出现小图标,而是自动降级展示为一个标准的“圆点”符号兜底,确保排版整洁对齐。
@@ -1261,11 +1282,11 @@
 -   **标题 / 权益文字描述(输入框)**:填写单行小标题与详细的权益介绍。支持通过列表右上角的气泡排序功能调整顺序。
     
 
-## 权益主页
+## 2\. 权益主页
 
 ### 客户身份模块配置
 
-![](screenshots/5-page-zone.png)
+![](../../.resources/image-1779244508005.png)
 
 前端将根据登录客户的实际客群 (MSC) 自动匹配展示此处配置的对应身份卡片。支持四个客群的独立配置:运筹理财、卓越理财、卓越理财·尊尚、环球私人银行。
 
@@ -1286,6 +1307,8 @@
 
 ### 活动广告轮播图
 
+![](../../.resources/image-1779244508006.png)
+
 对应移动端中部的精选活动卡片滑动区。
 
 -   **多端跳转配置(输入框组)**:
@@ -1299,26 +1322,31 @@
 
 ### 常用兑换配置
 
+![](../../.resources/image-1779244508007.png)
+
 -   **常用兑换**:配置底部横滑图标卡片,支持图片、名称及跳转 URL 的录入。
     
 
 ### 积分规则弹窗配置
 
+![](../../.resources/image-1779244508008.png)
+
 -   **积分规则弹窗**:支持通过富文本工具的 **“附件”** 按钮上传本地 PDF。移动端会自动生成带回形针图标的下载链接,点击可调用原生阅读器全屏预览该 PDF 规则细则。
     
 
-## 组装页
+## 3\. 组装页
 
 点击“编辑”进入页面配置。顶部需填写内部管理的**组装页名称**。 页面由上至下通过添加不同的“数据模块”组合而成,页面最下方有四个模块添加按钮,支持无限叠加与自由排序:
 
 ### 列表管理
 
-![](screenshots/5-page-assembly.png)
+![](../../.resources/image-1779244508009.png)
 
 -   **列表视图**:展示所有组装页的页面ID、名称、发布状态(草稿/已上架)及更新时间。支持按页面ID或名称精准查询。
     
 -   **获取链接**:在列表视图的每一行操作列中,提供了专属的“链接”按钮,点击可直接唤起获取该单页专属分发链接的面板。支持在弹窗的下拉列表中选择 `Campaign ID` 和 `Channel ID`。选择后,会自动将这些参数拼接在 URL 末尾(例如拼接 `&CampaignId=CAMP202511&Channelid=CH_APP`)。若未选择任何下拉值,则不拼接相关参数。
     
+    ![](../../.resources/image-1779244508010.png)
 -   **页面基础信息**:点击“新建”或“编辑”进入详情后,需设置内部管理的“组装页名称”。页面 ID 则由系统自动分配生成,不可修改。
     
 -   **状态与链接区分**:若页面处于“草稿”状态,弹窗中仅提供用于内部预览测试的“草稿预览链接”;当页面正式“发布”后,弹窗会同时展示正式投放使用的“正式环境链接”和草稿预览链接。
@@ -1328,19 +1356,23 @@
 
 -   **进入列表与创建**:在组装页列表中,您可以查看到所有历史配置的页面。点击右上角的【新建组装页】按钮,或点击已有页面的【编辑】进入配置界面。
     
+    ![](../../.resources/image-1779244508011.png)
 -   **设置组装页名称(必填)**:在页面顶部输入框填写该页面的名称。
     
     -   注意:不仅用于后台列表查找,还会**直接在移动端最顶部的导航栏(Page Title)作为标题向客户展示**。
         
+        ![](../../.resources/image-1779244508012.png)
 -   **页面 ID 生成**:系统会自动为当前页面生成一个唯一的“页面 ID”,无需您手动配置。
     
 
 ### 页面模块配置
 
--   模块新增:在配置区最下方,可以看到四个功能按钮。点击对应的按钮即可在页面最末尾新增该模块:
+-   **模块新增:**在配置区最下方,可以看到四个功能按钮。点击对应的按钮即可在页面最末尾新增该模块:
     
+    ![](../../.resources/image-1779244508013.png)
 -   **模块位置调整与管理**:每个已添加的模块右上角都有一个统一的操作控制台:
     
+    ![](../../.resources/image-1779244508014.png)
     -   **气泡排序**:点击带有数字的列表图标,在弹出的悬浮气泡中输入目标序号(如:1),点击确定,该模块将立即移动到对应位置。
         
     -   **复制**:点击“复制”可一键克隆当前模块及内部所有数据(_注:为防止数据冲突,系统已强行锁死并隐藏了“权益商品模块”的复制功能_)。
@@ -1349,36 +1381,46 @@
         
 -   **图片模块**:
     
+    ![](../../.resources/image-1779244508015.png)
     -   **配置**:通栏视觉展示模块。
         
     -   **移动端交互**:强烈建议图片宽度为 `750px`,移动端将 `100%` 自动拉通铺满屏幕宽度。高度无需受限,系统将根据上传图片的原始比例自动计算并拉伸展示,防止变形。
         
 -   **权益商品模块**:**全局唯一,一个页面仅限添加一个,且不支持复制**。可配置一个大区标题,并在其下方添加多个带图标的权益商品明细。
     
+    ![](../../.resources/image-1779244508016.png)
 -   **图文模块**:提供包含完整工具栏的富文本编辑器,支持上传附件和插入外链。
     
+    ![](../../.resources/image-1779244508017.png)
 -   **按钮模块**:
     
     -   **样式选择(下拉框)**:支持“突出显示 (红色背景)”与“次要操作 (白色背景)”两种视觉层级。
         
-    -   动作 - 跳转链接(输入框):配置按钮直接跳转至指定 URL。提交保存时系统会进行强校验,若动作为跳转链接,则链接地址字段绝对不能为空。
+    -   **动作 - 跳转链接(输入框):**配置按钮直接跳转至指定 URL。提交保存时系统会进行强校验,若动作为跳转链接,则链接地址字段绝对不能为空。
         
-    -   动作 - 弹窗提示 (Dialog):配置点击按钮后唤起屏幕中央的弹窗。支持配置弹窗标题、描述正文,以及右侧“确认”按钮的文案与后续跳转链接。若未配置确认按钮的跳转链接,则点击确认仅执行关闭弹窗的动作。弹窗左侧固定展示取消按钮。
+        ![](../../.resources/image-1779244508018.png)
+    -   **动作 - 弹窗提示 (Dialog):**配置点击按钮后唤起屏幕中央的弹窗。支持配置弹窗标题、描述正文,以及右侧“确认”按钮的文案与后续跳转链接。若未配置确认按钮的跳转链接,则点击确认仅执行关闭弹窗的动作。弹窗左侧固定展示取消按钮。
         
+        ![](../../.resources/image-1779244508019.png)
 
-## Channel管理
+# 七、渠道管理
+
+## 1\. Channel 管理
 
 ### 新建 Channel(标准流程)
 
 -   点击页面左中部的蓝色按钮 **【+ 新建 Channel】**,系统将弹出新建表单。
     
 
-![](screenshots/channel-management.png)
+![](https://my.feishu.cn/space/api/box/stream/download/asynccode/?code=OWRmYTQ1NzFmNTY1ODczOWRmZWNmYTU3ZjVkZGYzNmRfbEtZSkNpdVBmNWhYT0NkMWc5S1puVng4c0haeEl0dWxfVG9rZW46QUFaN2JtcDU3b0NaRDR4ZjQwdmNNRjQybjNGXzE3NzkyNDQ1MDg6MTc3OTI0ODEwOF9WNA)
 
 -   **Channel ID**:系统会在保存时**自动生成**唯一的 ID(如 CH0001),无需手动填写。
     
 -   **选择内置层级属性**(严格的级联选择):
     
+
+![](https://my.feishu.cn/space/api/box/stream/download/asynccode/?code=MWQzZDFjMDQ3NmUxNTczZmZkZjg4ZjFhNjQ5Mjk4YTJfdVMzSWI3amRNa2kwUm9EbU90Q3FFVW1sQjBlUzRJTmtfVG9rZW46Wmd1OWJjbTJab2xsa3Z4VEx4cmNjczBZbkZiXzE3NzkyNDQ1MDg6MTc3OTI0ODEwOF9WNA)
+
 -   **Channel 类型 (Type)**:点击下拉框,选择内置的类型(如 `Human-assisted` 或 `Unassisted`)。
     
 -   **Channel 类别 (Category)**:**必须先选择类型**,此处才会解锁并仅显示属于该类型下的类别(如选了 `Human-assisted` 才会出现 `MGM`)。
@@ -1394,12 +1436,15 @@
 -   点击 **【确定】** 保存,系统将在列表中生成一条全新的 Channel 记录。
     
 
+![](https://my.feishu.cn/space/api/box/stream/download/asynccode/?code=Yzc5ZjgzZmFmZTU4MWIzOWQ4OTU5MmI2NjYzMDBmOTBfSU5IVmF5cFB3VUxhS28wQUZLRk56Zm0yekVSNlFTM2xfVG9rZW46VlZseWJtSmtQb0FVekN4ODNRMWM1cnhvbno2XzE3NzkyNDQ1MDg6MTc3OTI0ODEwOF9WNA)
+
 ### 新增全新的 类型/类别/名称(字典维护功能)
 
 如果下拉列表中没有需要的选项,**无需跳出当前页面**,可以直接在弹窗内“边填边建”。
 
 -   **新增「Channel 类型」**:
     
+    ![](https://my.feishu.cn/space/api/box/stream/download/asynccode/?code=OWQ5NWQ5ZjEyODU5M2ZmMmVkOTNjZDAwZTQ1OTExNmRfd3M2MHFkTkpCZHNaVndCaEZoeDVUQVRzcG5sVzJNSHhfVG9rZW46UWJraWJwdE9ib25XdzN4b2lxbWNGUlVIbmloXzE3NzkyNDQ1MDg6MTc3OTI0ODEwOF9WNA)
     -   点击【Channel 类型】下拉框右侧的“新增”按钮。
         
     -   下方会展开一个快捷面板。在输入框中输入全新的类型名称(例如:新的类型)。
@@ -1414,19 +1459,25 @@
         
 -   **新增「Channel 名称」**:
     
-    -   **前提**:必须先确定好【类型】和【类别】。点击右侧”新增“,输入后保存。该名称将牢牢绑定在当前的“类型+类别”路径下。**💡 核心逻辑提示**: 如果新增了一个顶级节点(类型),那么它下面必然是空的。此时必须继续使用”新增“功能,依次为其创建下属的【类别】和【名称】,才能完成整条链路的配置。
+    -   **前提**:必须先确定好【类型】和【类别】。点击右侧”新增“,输入后保存。该名称将牢牢绑定在当前的“类型+类别”路径下。
         
 
+**💡 核心逻辑提示**: 如果新增了一个顶级节点(类型),那么它下面必然是空的。此时必须继续使用”新增“功能,依次为其创建下属的【类别】和【名称】,才能完成整条链路的配置。
+
 ### 重复新增的校验与提示
 
 为了保证字典数据的整洁,系统排重校验:
 
+![](https://my.feishu.cn/space/api/box/stream/download/asynccode/?code=NDE3MWExZmNhNTBmMjgyYTI1Y2Y3YjFlZGE0NDhiZDNfeHlBdjFmMExqY2ZqbklsUXZuUE9TaVFsWnhFMU5SaldfVG9rZW46TXR6TWJEeE4xb1FCbWV4eXE4Y2NScnY1bmpjXzE3NzkyNDQ1MDg6MTc3OTI0ODEwOF9WNA)
+
 -   **同级查重**:在通过快捷面板保存新的 类型/类别/名称 时,系统会实时校验。如果输入的名称在当前层级已经存在,系统会弹出红色提示 **“该类型/类别/名称已存在”**,并拒绝保存。此时需要修改输入,或者直接取消新增,去下拉框中选择已有的那一项。
     
 
 ### 列表数据的操作
 
-成功创建 Channel 后,列表会展示所有数据,并在最右侧自动记录 **创建时间** 和 **更新时间**。在最左侧的”操作“列,可以进行:**【快捷查询】** 在页面顶部的筛选区,可以通过多维度组合条件快速定位数据:
+成功创建 Channel 后,列表会展示所有数据,并在最右侧自动记录 **创建时间** 和 **更新时间**。在最左侧的”操作“列,可以进行:
+
+**【快捷查询】** 在页面顶部的筛选区,可以通过多维度组合条件快速定位数据:
 
 -   支持 **Channel ID** 的精确查询。
     
@@ -1434,8 +1485,11 @@
     
 -   支持按 **Channel 类别**、**Channel 名称**、**Channel 子名称** 以及 **跟进员工** 进行关键字模糊搜索。
     
--   输入条件后点击 **【查询】** 即可过滤列表,点击 **【重置】** 会清空所有输入条件并恢复展示所有数据。**【数据操作】** 在最左侧的「操作」列,可以进行:
+-   输入条件后点击 **【查询】** 即可过滤列表,点击 **【重置】** 会清空所有输入条件并恢复展示所有数据。
     
+
+**【数据操作】** 在最左侧的「操作」列,可以进行:
+
 -   **【编辑】**:点击后弹出表单,回显原有数据。可以重新选择下拉项,或修改子名称和跟进员工。也可以再次使用”新增“按钮扩展字典。
     
 -   **【查看】**:点击后弹出表单,但所有字段均置灰(只读模式),只能查看不可修改,防止误触。底部也没有确定/取消按钮。
@@ -1443,14 +1497,14 @@
 -   **【删除】**:点击后,系统会弹出一个醒目的**确认删除提示窗**,提示“确定要删除此条数据吗?删除后将无法恢复”。点击确认后才会在列表中彻底移除该数据。
     
 
-## Campaign管理
+## 2\. Campaign管理
 
 ### 新建 Campaign
 
 -   点击 **【+ 新建 Campaign】**
     
 
-![](screenshots/campaign-management.png)
+![](https://my.feishu.cn/space/api/box/stream/download/asynccode/?code=NTA4NjU2MTcwMGRhMDA3ZTRlOGFjOGU3NWE0MDM5OThfVVhMYW9xdGphVUFiNmI3aUhwZlNLSWs2YmlxZ0NTcHpfVG9rZW46Rk5NeGJrZmZDb1J6Y3p4VmNVbmM3SnNCbm9kXzE3NzkyNDQ1MDg6MTc3OTI0ODEwOF9WNA)
 
 -   **Campaign ID**:同样由系统自动生成(如 CP9001)。
     
@@ -1467,6 +1521,8 @@
 
 ### 列表操作与查询
 
+![](https://my.feishu.cn/space/api/box/stream/download/asynccode/?code=OWE1ZmIzNGVjMTQ5ZTg4ZGQwMTU2YmQyNTBkMDExODNfYVRxdDNVVXdjZk9kVmNTVFBsdGF2UE80NkRycG1EcUFfVG9rZW46Wng2QWJKSVVDbzIzMmN4OUoyOGNQQ296bmRkXzE3NzkyNDQ1MDg6MTc3OTI0ODEwOF9WNA)
+
 Campaign 的列表操作与 Channel 保持一致:
 
 -   支持 **查看**、**编辑**(再次编辑会自动更新“更新时间”)、**删除**(带有防误删的二次确认弹窗)。
@@ -1474,10 +1530,12 @@ Campaign 的列表操作与 Channel 保持一致:
 -   **顶部筛选区**:支持根据 ID 精确搜索,或根据名称、负责人、跟进员工进行模糊匹配查询。输入条件后点击 **【查询】** 即可过滤列表,点击 **【重置】** 会清空条件并展示所有数据。
     
 
-## 通用操作说明
+## 3\. 通用操作说明
 
 ### 全局页面状态指示器
 
+![](https://my.feishu.cn/space/api/box/stream/download/asynccode/?code=MDlhYzI4ZGE1YWM0NmM2Y2ViNDgzYTBkYjY0OTk4MTRfb3RjdGJlU3VZNHdIdHhZNkZNRWp6ZmR6bVl3Uk5ERXNfVG9rZW46TERQbmI3ZHVmb2pNMlR4R1NRWGMwcmlHbmYxXzE3NzkyNDQ1MDg6MTc3OTI0ODEwOF9WNA)
+
 位于顶部独立工具栏左侧,实时侦测并防呆:
 
 -   **草稿 (灰色)**:从未发布至生产环境的内部版本。
@@ -1489,6 +1547,8 @@ Campaign 的列表操作与 Channel 保持一致:
 
 ### 保存与发布
 
+![](https://my.feishu.cn/space/api/box/stream/download/asynccode/?code=NTExM2Y2NjQ5MmUxZDUxMGJkMjZhZjhhMmY4ODQyMzdfQVNHRDlVeEUwZWljNlp1cjkzT0kzR1FKcGNvN0pWRGZfVG9rZW46Q09JUGJRblh4bzNiRkF4bXJxcWNrelNiblRmXzE3NzkyNDQ1MDg6MTc3OTI0ODEwOF9WNA)
+
 界面右上方固定提供两个全局核心操作:
 
 -   **保存配置**:将当前所有修改保存为“草稿”状态。该操作仅更新后台数据库,不会影响移动端线上真实用户的所见内容,适用于未完成配置的暂存。
@@ -1496,7 +1556,7 @@ Campaign 的列表操作与 Channel 保持一致:
 -   **发布配置**:将当前修改正式提交上架。发布成功后,最新数据将立刻同步至正式生产环境,移动端线上用户将实时看到更新后的内容与页面。
     
 
-# 、短信管理
+# 、短信管理
 
 | 变更日期 | 变更内容 | 变更人 |
 | --- | --- | --- |
@@ -1665,7 +1725,7 @@ Campaign 的列表操作与 Channel 保持一致:
 -   用户完成权益下单后,系统使用模板内容 + 该笔订单上下文生成最终文案,调用短信通道发送,并在【发送记录查询】中沉淀一条记录
     
 
-# 、报表中心
+# 、报表中心
 
 报表中心面向运营 / 客服,统一提供积分、权益、立减金三类数据明细的查询与导出能力。三个子模块均为"筛选 + 列表 + 分页 + 导出"的标准结构;**导出**统一异步触发,提示 `导出任务已提交,请稍后在下载中心查看`。