codewave-openclaw-installer 1.0.0

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/15./351/200/273/350/276/221/345/212/237/350/203/275/345/256/236/347/216/260/10./351/200/273/350/276/221IDE/15./351/200/273/350/276/221/345/210/206/347/261/273/25./345/256/236/344/275/223/351/200/273/350/276/221.md

@@ -0,0 +1,563 @@
+# 实体逻辑
+
+## 1. 功能概述
+
+平台中添加和自带的 [实体](../../../05.数据建模/20.实体/010.实体介绍.md) 对应的服务端逻辑。在应用开发中，通常需要到数据库中查询数据、存储数据、更新数据和删除数据等操作，开发者可使用「调用逻辑」组件调用实体逻辑实现数据库表的增删改查功能。
+
+<img src="../assets/shitiluoji_202407221028_1.png" class="imgStyle" style="" />
+
+**逻辑总览**：
+
+| 逻辑名称              | 描述                                                 |
+| :---------------- | :------------------------------------------------- |
+| [get](#get) | 根据id查询对应实体数据。                                      |
+| [create](#create)           | 根据body参数内容新增一条数据。                                  |
+| [update](#update)            | 根据body参数内容更新一条数据。                                  |
+| [delete](#delete)            | 根据id删除一条数据。                                        |
+| [createOrUpdate](#createOrUpdate)        | 判断id是否已存在： 若id已存在，则更新body对应数据； 若id不存在，则新增body对应数据。 |
+| [updateBy](#updateBy)              | 根据参数filter筛选符合条件的若干条数据，并根据body参数内容进行更新。            |
+| [deleteBy](#deleteBy)              | 筛选符合条件的若干条数据，执行删除操作。                                         |
+| [batchCreate](#batchCreate)           | 根据body参数内容批量新增数据。                                  |
+| [batchUpdate](#batchUpdate)           | 根据body参数内容批量更新数据。                                  |
+| [batchDelete](#batchDelete)           | 根据body参数内容批量删除数据。                                  |
+| [import](#import)                | 通过excel表格导入数据，仅支持在文件上传组件中作为。                        |
+
+## 2. 功能介绍
+
+### get
+
+**逻辑概述**
+
+根据id查询对应实体数据。
+
+**输入参数**
+
+- id：指定实体中某条数据的id，Integer类型，参数必填。参数插槽中可以放置变量、逻辑、接口、内置函数等返回值为Integer类型的表达式。
+
+**输出参数**
+
+- 输出参数为输入参数 id 对应的该条数据的详细信息，类型为实体类型。
+- 当数据集合中不存在与输入参数 id 相匹配的数据时，实体 get 逻辑的输出参数将为 null 。
+
+<img src="../assets/shitiluoji_202407221028_2.png" class="imgStyle" style="" />
+
+输出参数示例：
+
+```JSON
+Student {
+    id: 2738106584250880,
+    createdTime: "2023-11-10 17:40:22",
+    updatedTime: "2023-11-10 17:40:22",
+    createdBy: "DEVACC",
+    updatedBy: "DEVACC",
+    name: "张三",
+    age: 22,
+    score: 66
+}
+```
+
+### create
+
+**逻辑概述**
+
+根据body参数内容新增一条数据。
+
+**输入参数**
+
+- body：指定新增的数据内容，实体类型，参数必填。参数插槽中可以放置变量、逻辑、接口、内置函数等返回值为实体类型的表达式。
+
+输入参数示例：
+
+```JSON
+Student {
+    id: （空）,
+    createdTime: （空）,
+    updatedTime: （空）,
+    createdBy: "DEVACC",
+    updatedBy: "DEVACC",
+    name: "王五",
+    age: 20,
+    score: 75
+}
+```
+
+**输出参数**
+
+输出参数为根据输入参数body新增的实体数据，包含id、createdTime、updatedTime等数据的详细信息，类型为实体类型。
+
+<div class="yellowBlock">
+
+注意：平台自动生成的id、createdTime、updatedTime数据会覆盖输入参数body传入的这几项字段数据。
+
+<img src="../assets/shitiluoji_202407221028_3.png" class="imgStyle" style="" />
+
+</div>
+
+输出参数示例：
+
+```JSON
+Student {
+    id: 2740006030512384,
+    createdTime: "2023-11-13 10:04:48",
+    updatedTime: "2023-11-13 10:04:48",
+    createdBy: "DEVACC",
+    updatedBy: "DEVACC",
+    name: "王五",
+    age: 20,
+    score: 75
+}
+```
+
+**其他说明**
+
+- 实体的 create 逻辑可在逻辑中直接使用。
+
+    <img src="../assets/shitiluoji_202407221028_4.png" class="imgStyle" style="" />
+
+
+- 为避免出现意外错误或不完整的创建，在调用 create 逻辑前，请确保输入参数 body 中包含必要的非空字段值。使用方式可参见：[如何进行非空判断](../../../../80.常见场景案例/50.逻辑场景/110.如何进行非空判断.md)。
+
+### update
+
+**逻辑概述**
+
+根据body参数内容更新一条数据
+
+**输入参数**
+
+- body：指定更新的数据内容，实体类型，其中数据id不能为空且已存在，参数必填。参数插槽中可以放置变量、逻辑、接口、内置函数等返回值为实体类型的表达式。
+
+输入参数示例：
+
+```JSON
+Student {
+    id: 2740006669512960,
+    createdTime: "2023-11-13 10:06:06",
+    updatedTime: "2023-11-13 19:20:31",
+    createdBy: "DEVACC",
+    updatedBy: "DEVACC",
+    name: "王五",
+    age: 20,
+    score: 78,
+    type: "及格"
+}
+```
+
+**输出参数**
+
+输出参数为根据输入参数body更新的数据，类型为实体类型，包含全部字段。
+
+<img src="../assets/shitiluoji_202407221028_5.png" class="imgStyle" style="" />
+
+输出参数示例：
+
+```JSON
+Student {
+    id: 2740006669512960,
+    createdTime: "2023-11-13 10:06:06",
+    updatedTime: "2023-11-13 19:22:38",
+    createdBy: "DEVACC",
+    updatedBy: "DEVACC",
+    name: "王五",
+    age: 20,
+    score: 78,
+    type: "及格"
+}
+```
+
+**其他说明**
+
+实体update逻辑可在逻辑中直接使用。有两种更新方式，分别为“全部更新”和“局部更新”，默认为”全部更新“。全部更新或局部更新时，无论参数body数据中是否包含updatedTime，平台都会根据逻辑调用时间自动更新数据中的updatedTime。
+
+全部更新，会根据参数body内容更新所有属性。
+
+<img src="../assets/shitiluoji_202407221028_6.png" class="imgStyle" style="" />
+
+局部更新，可选择参数body的部分属性进行更新。
+
+<img src="../assets/shitiluoji_202407221028_7.png" class="imgStyle" style="" />
+
+### delete
+
+**逻辑概述**
+
+根据id删除一条数据。
+
+**输入参数**
+
+- id：指定实体某条数据的id，Integer类型，参数必填。参数插槽中可以放置变量、逻辑、接口、内置函数等返回值为Integer类型的表达式。
+
+**输出参数**
+
+无输出参数，会根据参数id删除实体中对应的数据。
+
+<img src="../assets/shitiluoji_202407221028_8.png" class="imgStyle" style="" />
+
+**其他说明**
+
+- 若输入参数为null，则实体get逻辑将抛出 500 错误。当数据集合中不存在与输入参数id相匹配的数据时，实体get逻辑的输出参数将为null。
+
+### createOrUpdate
+
+**逻辑概述**
+
+判断id是否已存在： 若id已存在，则更新（全部更新）body对应数据； 若id不存在，则新增body对应数据，其中id为平台自动生成。
+
+**输入参数**
+
+- body：需要更新或新增的数据内容，实体类型，参数必填。参数插槽中可以放置变量、逻辑、接口、内置函数等返回值为实体类型的表达式。
+
+输入参数示例：
+
+```JSON
+Student {
+    id: （空）,
+    createdTime: （空）,
+    updatedTime: （空）,
+    createdBy: "DEVACC",
+    updatedBy: "DEVACC",
+    name: "李四",
+    age: 23,
+    score: 88
+}
+```
+
+**输出参数**
+
+输出参数为根据输入参数body更新或新增的数据，类型为实体类型。
+
+<img src="../assets/shitiluoji_202407221028_9.png" class="imgStyle" style="" />
+
+输出参数示例：
+
+```JSON
+Student {
+    id: 2740037680967936,
+    createdTime: "2023-11-13 11:09:11",
+    updatedTime: "2023-11-13 11:09:11",
+    createdBy: "DEVACC",
+    updatedBy: "DEVACC",
+    name: "李四",
+    age: 23,
+    score: 88
+}
+```
+
+**其他说明**
+
+实体createOrUpdate逻辑可在逻辑中直接使用。
+
+<img src="../assets/shitiluoji_202407221028_10.png" class="imgStyle" style="" />
+
+### updateBy
+
+**逻辑概述**
+
+根据参数filter筛选符合条件的若干条数据，并根据body参数内容进行更新。
+
+**输入参数**
+
+- filter：筛选条件，支持对实体字段进行条件筛选，Boolean 类型，参数必填。参数插槽中可以放置逻辑运算、比较运算、数据筛选等返回值为Boolean 布尔值的表达式。
+
+  <div class="yellowBlock">
+
+  注意：在调用实体逻辑updateBy时，平台会自动生成一个与调用实体同名的局部变量（如调用实体Student的逻辑updateBy，平台会生成局部变量Student），必须在定义更新条件时，使用该局部变量，否则调用逻辑不生效。
+
+  平台生成的局部变量（如Student），只在参数filter插槽放置的表达式变量中可见，如下：
+
+  <img src="../assets/shitiluoji_202407221028_11.png" class="imgStyle" style="" />
+
+  </div> 
+  
+  输入参数示例：
+
+  <img src="../assets/shitiluoji_202407221028_12.png" class="imgStyle" style="" />
+
+- body：指定更新的数据内容，实体类型，必填参数 。参数插槽中可以放置变量、逻辑、接口、内置函数等返回值为实体类型的表达式。
+
+    输入参数示例：
+
+    ```JSON
+    Student {
+        id: （空）,
+        createdTime: （空）,
+        updatedTime: （空）,
+        createdBy: "DEVACC",
+        updatedBy: "DEVACC",
+        name: 张三,
+        age: 20,
+        score: 55,
+        type: "不及格"
+    }
+    ```
+
+**输出参数**
+
+输出参数为本次更新数据的条数，类型为Integer整型。
+
+<img src="../assets/shitiluoji_202407221028_13.png" class="imgStyle" style="" />
+
+输出参数示例：1，该示例中实体Student数据中只有一条数据的属性name等于张三，所以此时调用逻辑后返回结果为1，即更新了1条数据。
+
+**其他说明**
+
+实体updateBy逻辑可在逻辑中直接使用。有两种更新方式，分别为“全部更新”和“局部更新”，默认为”全部更新“。全部更新或局部更新时，无论参数body数据中是否包含updatedTime，平台都会根据逻辑调用时间自动更新数据中的updatedTime。
+
+全部更新，会根据参数body更新筛选后的数据中除id的所有属性。
+
+<img src="../assets/shitiluoji_202407221028_14.png" class="imgStyle" style="" />
+
+局部更新，可以选择参数body的部分属性进行更新。
+
+<img src="../assets/shitiluoji_202407221028_15.png" class="imgStyle" style="" />
+
+### deleteBy
+
+**逻辑概述**
+
+根据参数filter选择符合条件的若干条数据并删除。
+
+**输入参数**
+
+- filter：筛选条件，支持对实体字段进行条件筛选，Boolean 类型，参数必填。参数插槽中可以放置逻辑运算、比较运算、数据筛选等返回值为Boolean 布尔值的表达式。
+  
+  <div class="yellowBlock">
+
+  注意：在调用实体逻辑deleteBy时，平台会自动生成一个与调用实体同名的局部变量（如调用实体Student的逻辑deleteBy，平台会生成局部变量Student），必须在定义删除条件时，使用该局部变量，否则调用逻辑不生效。
+
+  平台生成的局部变量（如Student），只在参数filter插槽放置的表达式变量中可见，如下：
+
+  <img src="../assets/shitiluoji_202407221028_16.png" class="imgStyle" style="" />
+
+  </div>
+
+**输出参数**
+
+无输出参数，会直接删除实体中参数filter对应的数据。
+
+<img src="../assets/shitiluoji_202407221028_17.png" class="imgStyle" style="" />
+
+### batchCreate
+
+**逻辑概述**
+
+根据body参数内容批量新增数据。
+
+**输入参数**
+
+- body：指定批量新增的数据内容，`List<实体>`类型，参数必填。参数插槽中可以放置变量、逻辑、接口、内置函数等返回值为`List<实体>`类型的表达式。
+
+输入参数示例：
+
+```JSON
+[
+    Student {
+        id: （空）,
+        createdTime: （空）,
+        updatedTime: （空）,
+        createdBy: "DEVACC",
+        updatedBy: "DEVACC",
+        name: "张三",
+        age: 17,
+        score: 66,
+        type: "及格"
+    },
+    Student {
+        id: （空）,
+        createdTime: （空）,
+        updatedTime: （空）,
+        createdBy: "DEVACC",
+        updatedBy: "DEVACC",
+        name: "李四",
+        age: 17,
+        score: 59,
+        type: "不及格"
+    }
+]
+```
+
+**输出参数**
+
+输出参数为根据输入参数body对应批量新增的数据，包含id、createdTime、updatedTime等数据的详细信息，类型为`List<实体>`类型。
+
+<div class="yellowBlock">
+
+注意：平台自动生成的id、createdTime、updatedTime数据会覆盖掉输入参数body传入的这几项字段数据。
+
+<img src="../assets/shitiluoji_202407221028_18.png" class="imgStyle" style="" />
+
+</div>
+
+输出参数示例：
+
+```JSON
+[
+    Student {
+        id: 2740113584558336,
+        createdTime: "2023-11-13 13:43:37",
+        updatedTime: "2023-11-13 13:43:37",
+        createdBy: "DEVACC",
+        updatedBy: "DEVACC",
+        name: "张三",
+        age: 17,
+        score: 66,
+        type: "及格"
+    },
+    Student {
+        id: 2740113584591104,
+        createdTime: "2023-11-13 13:43:37",
+        updatedTime: "2023-11-13 13:43:37",
+        createdBy: "DEVACC",
+        updatedBy: "DEVACC",
+        name: "李四",
+        age: 17,
+        score: 59,
+        type: "不及格"
+    }
+]
+```
+
+**其他说明**
+
+- 在批量创建之前，需对的数据进行非空判断。确保传入的数据不包含空值或空对象，以避免出现意外错误或不完整的创建。
+- 调用实体batchCreate逻辑会更改原实体数据，可在逻辑中直接使用。
+
+<img src="../assets/shitiluoji_202407221028_19.png" class="imgStyle" style="" />
+
+### batchUpdate
+
+**逻辑概述**
+
+根据body参数内容批量更新数据。
+
+**输入参数**
+
+- body：指定批量更新的数据内容，`List<实体>`类型，其中数据id不能为空且已存在，参数必填。参数插槽中可以放置变量、逻辑、接口、内置函数等返回值为`List<实体>`类型的表达式。
+
+输入参数示例：
+
+```JSON
+[
+    Student {
+        id: 2740113584558336,
+        createdTime: "2023-11-13 13:43:37",
+        updatedTime: "2023-11-13 14:12:09",
+        createdBy: "DEVACC",
+        updatedBy: "DEVACC",
+        name: "张三",
+        age: 17,
+        score: 80,
+        type: "及格"
+    },
+    Student {
+        id: 2740113584591104,
+        createdTime: "2023-11-13 13:43:37",
+        updatedTime: "2023-11-13 14:12:09",
+        createdBy: "DEVACC",
+        updatedBy: "DEVACC",
+        name: "李四",
+        age: 17,
+        score: 60,
+        type: "及格"
+    }
+]
+```
+
+**输出参数**
+
+输出参数为根据输入参数body对应更新的多条数据，类型为`List<实体>`类型，包含全部字段。
+
+<img src="../assets/shitiluoji_202407221028_20.png" class="imgStyle" style="" />
+
+输出参数示例：
+
+```JSON
+[
+    Student {
+        id: 2740113584558336,
+        createdTime: "2023-11-13 13:43:37",
+        updatedTime: "2023-11-13 14:16:14",
+        createdBy: "DEVACC",
+        updatedBy: "DEVACC",
+        name: "张三",
+        age: 17,
+        score: 80,
+        type: "及格"
+    },
+    Student {
+        id: 2740113584591104,
+        createdTime: "2023-11-13 13:43:37",
+        updatedTime: "2023-11-13 14:16:14",
+        createdBy: "DEVACC",
+        updatedBy: "DEVACC",
+        name: "李四",
+        age: 17,
+        score: 60,
+        type: "及格"
+    }
+]
+```
+
+**其他说明**
+
+- 在批量更新之前，需对的数据进行非空判断。确保传入的数据不包含空对象，以避免出现意外错误或不完整的更新。
+- 调用实体batchUpdate逻辑会更改原实体数据，可在逻辑中直接使用。有两种更新方式，分别为“全部更新”和“局部更新”，默认为”全部更新“。全部更新或局部更新时，无论参数body中数据中是否包含updatedTime，平台都会根据逻辑调用时间自动更新数据中的updatedTime。
+
+    全部更新，会根据参数body的内容更新所有属性。
+
+    <img src="../assets/shitiluoji_202407221028_21.png" class="imgStyle" style="" />
+
+    局部更新，可选择参数body的部分属性进行更新。
+
+    <img src="../assets/shitiluoji_202407221028_22.png" class="imgStyle" style="" />
+
+### batchDelete
+
+**逻辑概述**
+
+根据body参数内容批量删除数据。
+
+**输入参数**
+
+- body：指定批量删除的数据id，List类型，参数必填。参数插槽中可以放置变量、逻辑、接口、内置函数等返回值为List类型的表达式。
+
+**输出参数**
+
+无输出参数，会直接删除实体中参数body对应的数据。
+
+<img src="../assets/shitiluoji_202407221028_23.png" class="imgStyle" style="" />
+
+**其他说明**
+
+- 在批量删除之前，需对的数据进行非空判断。确保传入的数据不包含空值或空对象，以避免出现意外错误。
+
+### import
+
+**逻辑概述**
+
+导入数据，即通过excel表格向实体导入数据，仅支持在 [文件上传](../../../10.页面设计/20.PC端Vue2组件说明（默认）/60.表单/158.文件上传.md) 组件中作为上传地址字段使用。
+
+> 具体应用场景请参考：[如何将上传的excel数据导入到实体中](../../../../80.常见场景案例/40.组件场景/40.其他组件场景/050.如何将上传的excel数据导入到实体中.md)。
+
+<img src="../assets/shitiluoji_202407221028_24.png" class="imgStyle" style="" />
+
+
+
+<div style="text-align: right;font-size: 14px;">
+    <span style="color: rgb(78, 110, 142);">创建人：</span>
+    <span style="color: rgb(118, 118, 118);">小白</span>
+    <span style="color: rgb(78, 110, 142);margin: 0 0 0 40px;">更新时间：</span>
+    <span style="color: rgb(118, 118, 118);">2024年07月22日</span>
+</div>
+                
+  <style>
+  .yellowBlock {
+    /* color: #FFFFFF; */
+    border-left-width: 0.5rem;
+    border-left-style: solid;
+    padding: 0.1rem 1.5rem;
+    margin:1rem 0;
+    background-color: #fcf5e1;
+    border-color: #eaaa08;
+  }
+  </style>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/15./351/200/273/350/276/221/345/212/237/350/203/275/345/256/236/347/216/260/10./351/200/273/350/276/221IDE/15./351/200/273/350/276/221/345/210/206/347/261/273/30./351/241/265/351/235/242/351/200/273/350/276/221.md

@@ -0,0 +1,92 @@
+# 页面逻辑
+
+## 1. 功能概述
+
+页面逻辑是指与用户界面交互相关的逻辑，这包括处理数据、触发相应的操作或更新页面内容等。平台IDE中页面逻辑包含自定义的页面逻辑和[组件逻辑](../../10.逻辑IDE/15.逻辑分类/50.组件逻辑.md)。本章节主要介绍自定义的页面逻辑。
+
+<img src="../assets/yemianluoji_202408141051_1.png" class="imgStyle" style="width:300px;" />
+
+## 2. 功能介绍
+
+自定义的页面逻辑是指开发者自行添加的作用于指定前端页面的逻辑。在实际应用中，通常将当同一页面中需反复使用的逻辑片段，提取并构建为独立的逻辑，方便其他交互节点通过「调用逻辑」组件调用。例如，电商页面的商品折扣价格计算、社交平台动态发布页面的敏感词过滤逻辑。
+
+### 2.1 基础操作
+
+自定义的页面逻辑支持使用以下操作：
+
+<img src="../assets/yemianluoji_202408141051_2.png" class="imgStyle" style="width:300px;" />
+
+- 添加输入参数：添加一个通过外部传入的变量。
+
+  <img src="../assets/yemianluoji_202408141051_3.png" class="imgStyle" style="width:200px;" />
+
+- 添加输出参数：添加一个经过逻辑处理的变量，且仅可以有一个输出参数。
+
+  <img src="../assets/yemianluoji_202408141051_4.png" class="imgStyle" style="width:200px;" />
+
+- 添加局部变量：添加一个自定义的变量，页面逻辑下添加的变量只在当前逻辑中可见。
+
+  <img src="../assets/yemianluoji_202408141051_5.png" class="imgStyle" style="width:200px;" />
+
+- 查找引用：查找该逻辑在哪里被引用。查找结果将在页面编辑区下方展示，如下：
+
+  <img src="../assets/yemianluoji_202408141051_6.png" class="imgStyle" style="" />
+
+- 重命名：将该逻辑重新命名。
+
+
+
+- 剪切：将该逻辑剪切。
+- 复制：将该逻辑复制。
+
+
+
+- 粘贴：将复制的内容粘贴至该逻辑，如将复制的其他逻辑的变量粘贴至该逻辑。默认为置灰状态，无法点击，只有在复制了当前或其他逻辑下的变量时，才能使用，如下：
+
+  <img src="../assets/yemianluoji_202408141051_7.jpg" class="imgStyle" style="width:500px;" />
+
+- 删除：将该逻辑删除。
+- 操作记录：在 [多人协作](../../../../30.应用生命周期管理/120.多人协作开发/10.多人协作概念介绍.md) 的场景中，能够查看该内容最近的一次分支推送记录。此记录涵盖了提交人、推送说明以及提交时间等详细信息，有助于清晰了解分支推送的相关情况和具体细节。
+
+  <img src="../assets/yemianluoji_202408141051_8.png" class="imgStyle" style="" />
+
+### 2.2 相关特性
+
+1.  自定义的页面逻辑能够使用大部分逻辑的通用组件。此外，自定义、JS 代码块、弹出消息、跳转页面为前端逻辑所独有的组件，页面逻辑同样支持使用。
+
+    <img src="../assets/yemianluoji_202408141051_9.png" class="imgStyle" style="width:300px;" />
+
+1.  一个页面下的所有自定义的页面逻辑互相都可见，可以互相调用。
+
+    <img src="../assets/yemianluoji_202408141051_10.png" class="imgStyle" style="width:600px;" />
+
+1.  一个页面下的自定义的页面逻辑在另一个页面下是不可见的，不能跨页面调用。
+
+    如图所示，details页面下的自定义的getGoodsMessage逻辑在index页面下不可见。
+
+    <img src="../assets/yemianluoji_202408141051_1.png" class="imgStyle" style="width:300px;" />
+
+## 3. 操作示例
+
+### 3.1 添加页面逻辑
+
+添加页面逻辑有以下两种方式：
+
+方式一：通过右键点击页面名称，在弹出的菜单中选择“添加逻辑”，即可为对应页面添加页面逻辑。
+
+方式二：鼠标滑动至指定页面名称，点击页面名称右侧出现的按钮，在弹出的菜单中选择“添加逻辑”，同样可以为对应页面添加页面逻辑。
+
+<img src="../assets/yemianluoji_202408141051_12.png" class="imgStyle" style="" />
+
+### 3.2 使用页面逻辑
+
+在当前页面的任何可编辑的逻辑中，使用「调用逻辑」组件选择所需的页面逻辑调用即可。
+
+<img src="../assets/yemianluoji_202408141051_13.png" class="imgStyle" style="" />
+
+<div style="text-align: right;font-size: 14px;">
+    <span style="color: rgb(78, 110, 142);">创建人：</span>
+    <span style="color: rgb(118, 118, 118);">小白</span>
+    <span style="color: rgb(78, 110, 142);margin: 0 0 0 40px;">更新时间：</span>
+    <span style="color: rgb(118, 118, 118);">2024年08月14日</span>
+</div>