写文章
  1. Oinone社区首页
  2. Oinone 7天入门到精通

数据大屏

史, 昂 • • Oinone 7天入门到精通 • 阅读 1037

1. 业务场景

数据大屏是利用相应的系统来分析数据，通过图形的形式为企业提供客观、直接的数据分析结果，让业务人员和企业决策者直观面对数据背后的信息，实时监测企业数据，给予更直观的决策场景体验，助力企业数字化运营升级。

2. 操作流程

1）进入数据可视化，进入数据大屏tab，维护分组信息；

2）在二级分组名称后点击“+”【添加数据大屏】，对数据大屏进行设计；

3）创建完成后可以【编辑】数据大屏；

4）数据大屏完善后，可以点击【发布】数据大屏，则数据大屏此时可以被显示器引用播放；

5）如果数据大屏有更新，则可以点击【更新发布】；

6）如果数据大屏数据不再可以公开使用，则需要通过【隐藏】功能将数据大屏的引用权限收起，但不影响已被使用的数据大屏；

7）隐藏后可以【取消隐藏】，数据大屏恢复隐藏前的状态和功能，可以被引用 。

3. 操作流程图解

3.1 创建分组

1）操作流程：创建分组

2）操作路径：数据可视化-数据大屏-创建分组

3）点击搜索框后的「+」创建一级分组，输入一级分组名称后，点击一级分组后的「+」创建二级分组，输入二级分组名称后，此时分组创建完成，可以在二级分组下创建数据大屏

3.2 编辑分组名称

1）操作流程：选择分组-编辑分组名称

2）操作路径：数据可视化-数据大屏-编辑分组名称

3）鼠标移动至需要修改的分组上，点击出现的「编辑图标」，可以修改分组名称，修改后分组名称实时更新

3.3 删除分组

1）操作流程：选择分组-删除分组

2）操作路径：数据可视化-数据大屏-删除分组

3）鼠标移动至需要删除的分组上，当分组下无报表时出现「删除图标」，可以点击图标后删除分组，删除一级分组时对应所有的二级分组也会被删除，删除后消失，只有分组下没有数据大屏的分组才能直接删除成功

3.4 创建数据大屏

1）操作流程：选择二级分组-创建数据大屏

2）操作路径：数据可视化-数据大屏-二级分组-创建数据大屏

3）鼠标移动至需要创建数据大屏的二级分组上，出现「+」，点击图标后=需要填写数据大屏标题

a数据大屏标题：最大支持20个字，支持汉字、数字、大小写字母、-；同个一级分组下不允许重复；

4）输入标题后进入设计页面

image.png

3.5 编辑数据大屏

1）操作流程：选择数据大屏-编辑数据大屏

2）操作路径：数据可视化-数据大屏-二级分组-数据大屏-编辑数据大屏

3）只能编辑未发布或者已发布但没有被隐藏的数据大屏，且存在三种编辑情况

a. 第一种：点击数据大屏标题后的编辑图标，仅能编辑数据大屏标题；

b. 第二种：点击数据大屏中的数据大屏标题、备注后的编辑图标，可以直接编辑数据大屏标题；

c. 第三种：点击【编辑】按钮，进入数据大屏设计页面，带出已有的组件内容，编辑时的规则与创建时一致，编辑后可以点击保存进行更新，如果未保存直接返回，则编辑无效；

4）编辑后实时生效，数据大屏信息保持展示最新效果

3.6 删除数据大屏

1）操作流程：选择数据大屏-删除数据大屏

2）操作路径：数据可视化-数据大屏-二级分组-数据大屏-删除数据大屏

3）未发布或者已发布但没有被隐藏的数据大屏，并且没被引用，才展示数据大屏菜单名称后的删除图标

4）删除后数据大屏消失

3.7 复制

1）操作流程：选择数据大屏-复制数据大屏

2）操作路径：数据可视化-数据大屏-二级分组-数据大屏-复制数据大屏

3）点击【复制】按钮，复制成功，名称为copy of 原数据大屏标题，展示在原数据大屏分组的最后一个

3.8 发布

1）操作流程：选择数据大屏-发布数据大屏

2）操作路径：数据可视化-数据大屏-二级分组-数据大屏-发布

3）选择单个未发布且没有被隐藏的数据大屏，点击【发布】按钮，数据大屏状态变为已发布，展示最近发布时间；

4）如果数据大屏发布后有更新内容，会展示的更新类型：更新数据大屏信息/更新数据大屏内容

3.9 查看最近一次发布的版本

1）操作流程：选择数据大屏-查看最近一次发布的版本

2）操作路径：数据可视化-数据大屏-二级分组-数据大屏-更新发布数据大屏

3）当数据大屏发布后有更新，在最近发布时间左侧展示【查看】，在最近发布时间下展示更新的类型，点击查看可以查看最近发布的版本

3.10 更新发布

1）操作流程：选择数据大屏-更新发布数据大屏

2）操作路径：数据可视化-数据大屏-二级分组-数据大屏-更新发布数据大屏

3）选择单个已发布且没有被隐藏的数据大屏，并且该数据大屏在上次发布后有所更新，可以点击【更新发布】按钮，将最新的数据大屏内容发布至业务系统，业务系统引用的数据大屏为最新内容；

4）如果更新了内容，但未点击更新发布，则展示的仍是上次发布的数据大屏

3.11 隐藏

1）操作流程：选择数据大屏-隐藏数据大屏

2）操作路径：数据可视化-数据大屏-二级分组-数据大屏-隐藏数据大屏

3）数据大屏默认不隐藏，点击数据大屏左侧的是否隐藏可以切换

a. 未发布的数据大屏，较隐藏前，不可以操作【发布】，可以【取消隐藏】；

b. 已发布的数据大屏，较隐藏前，只能操作【导出图片、导出excel、取消隐藏】；

4）隐藏后的数据大屏不可以被用于展示在其他大屏上，但不影响已经被引用的数据

3.12 取消隐藏

1）操作流程：选择数据大屏-取消隐藏数据大屏

2）操作路径：数据可视化-数据大屏-二级分组-数据大屏-取消隐藏数据大屏

3）隐藏后的数据大屏可以取消隐藏，切换是否隐藏=否，取消隐藏后，数据大屏恢复隐藏前的状态和功能，可以被引用

3.13 查看引用

1）流程：选择图表-查看被哪些报表/数据大屏/页面引用

2）操作路径：数据可视化-数据大屏-二级分组-数据大屏-更多-查看引用

3）选择具体的数据大屏，查看当前数据大屏被引用的所有信息

3.14 不允许别人编辑

1）流程：选择数据大屏-不允许别人编辑

2）操作路径：数据可视化-数据大屏-二级分组-数据大屏-更多-不允许别人编辑

3）选择自己创建的数据大屏，对数据大屏是否允许其他人编辑进行设置；如果设置为不允许，则其他人无法编辑数据大屏

3.15 不允许别人引用

1）流程：选择图表-更多-不允许别人引用

2）操作路径：数据可视化-数据大屏-二级分组-数据大屏-更多-不允许别人引用

3）选择自己创建的数据大屏，对数据大屏是否允许他人引用进行设置；如果设置为不允许，则其他人无法选择到

3.16 导出图片

1）操作流程：选择数据大屏-导出图片

2）操作路径：数据可视化-数据大屏-二级分组-数据大屏-导出图片

3）选择数据大屏后，点击【导出图片】按钮可以将当前数据大屏导出为图片

3.17 导出EXCEL

1）操作流程：选择数据大屏-导出EXCEL

2）操作路径：数据可视化-数据大屏-二级分组-数据大屏-数据大屏导出EXCEL

3）选择数据大屏后，点击【导出EXCEL】按钮可以将当前数据大屏包含的图表导出为EXCEL

4. 数据大屏设计页面

4.1 缩放自适应

1）流程：创建数据大屏-进入数据大屏设计页面

2）操作路径：数据可视化-数据大屏-创建/编辑-设计页面

3）进入页面后，默认按照当前屏幕展示最适合的数据大屏尺寸，可以通过+、-进行自定义缩放，每次缩放10%

4.2 全屏

1）流程：创建数据大屏-进入数据大屏设计页面

2）操作路径：数据可视化-数据大屏-创建/编辑-设计页面

3）进入页面后，设置完成，可以【全屏】查看效果，按esc退出全屏

4.3 保存

1) 流程：创建数据大屏-进入数据大屏设计页面

2) 操作路径：数据可视化-数据大屏-创建/编辑-设计页面

3) 进入页面后，设置完成后进行保存，数据大屏保持最新内容

4.4 添加、编辑、删除组件

1）流程：创建数据大屏-进入数据大屏设计页面

2）操作路径：数据可视化-数据大屏-创建/编辑-设计页面

3）可以添加图表、文本、通用标题、倒计时、时间器、图片、轮播图、视频、边框等组件；图表组件中，一个图表只能添加一次，其他组件不限制数量；

4）所有组件添加后均可进行设置样式，有编辑权限的图表组件可以通过【编辑】图标直接进入图表设计页面；

5）添加后均可删除，删除后组件不再展示在数据大屏画布中，可以重新添加

4.5 数据大屏设置

1）操作流程：创建数据大屏-进入数据大屏设计页面

2）操作路径：数据可视化-数据大屏-创建/编辑-设计页面

3）设置数据大屏时可以设置屏幕的宽高、背景颜色、背景图片、主题

a. 宽高：根据数据大屏需要投放的屏幕大小进行设置；

b. 背景颜色：当数据大屏无图片背景时可以调整背景颜色；

c. 背景图片：支持为数据大屏上传一张图片作为背景；

d. 主题模版：可任选其一，需要先选定模版后再进行设计，不然设计完后再修改模版，会清空已选组件。

image.png

4.6 图表组件设置

1）操作流程：创建数据大屏-进入数据大屏设计页面

2）操作路径：数据可视化-数据大屏-创建/编辑-设计页面

3）拖入图表组件，可与边框合为一体，可以设置图表的显示内容、边框信息、动画效果、刷新频率

a. 图表显示内容：展示标题、副标题、描述、标签、图例，一屏展示条数，原图表有的内容在设置展示后展示在数据大屏，原图表没有的内容设置展示后不生效；

b. 边框信息：包括边框样式、背景颜色、边框线条颜色、展示边框标题、边框标题内容、边框标题颜色、边框标题字体大小；

c. 动画效果：可以设置自动轮播，为是时可以设置结束后停顿时长、速度、切换形式；

d. 刷新频率：设置图表获取数据的频率，自动刷新、刷新频率。

4.7 文本组件设置

1）操作流程：创建数据大屏-进入数据大屏设计页面

2）操作路径：数据可视化-数据大屏-创建/编辑-设计页面

3）拖入文本组件后，可以输入多行文本，可以设置内容、对齐方式、字体大小、字体加粗、字体颜色、背景颜色、边框样式、文字滚动、结束后停顿、速度

4）当文字滚动开启时，文字会按照一行展示，通过设置结束后停顿和速度来控制文字滚动的效果

image.png

4.8 通用标题组件设置

1）操作流程：创建数据大屏-进入数据大屏设计页面

2）操作路径：数据可视化-数据大屏-创建/编辑-设计页面

3）默认根据主题展示标题的样式，可选择自定义，选择后，需要设置标题的字体大小、对齐方式、字体颜色、字体背景颜色等内容

image.png

image.png

4.9 倒计时组件设置

1）操作流程：创建数据大屏-进入数据大屏设计页面

2）操作路径：数据可视化-数据大屏-创建/编辑-设计页面

3）倒计时需要选择一个未来的时间

4.10 时间器组件设置

1）操作流程：创建数据大屏-进入数据大屏设计页面

2）操作路径：数据可视化-数据大屏-创建/编辑-设计页面

3）拖入后可以设置组件名称、字体大小等

image.png

4.11 图片组件设置

1）操作流程：创建数据大屏-进入数据大屏设计页面

2）操作路径：数据可视化-数据大屏-创建/编辑-设计页面

3）选择图表组件后，需要上传图片，支持上传的图片格式：bmp、jpg、jpeg、png、gif，可以为图片设置链接，点击即可跳转

image.png

4.12 轮播图组件设置

1）操作流程：创建数据大屏-进入数据大屏设计页面

2）操作路径：数据可视化-数据大屏-创建/编辑-设计页面

3）拖入后需要按照轮播图的图片数量上传图片，支持上传的图片格式：bmp、jpg、jpeg、png、gif，每张图都可以贴对应的链接

4）如果设置非自动轮播则需要手动切换，设置自动轮播则需要设置轮播速度和效果

image.png

4.13 视频组件设置

1）操作流程：创建数据大屏-进入数据大屏设计页面

2）操作路径：数据可视化-数据大屏-创建/编辑-设计页面

3）需要上传视频，支持上传的视频格式：AVI、WMV、MPEG、QuickTime、RealVideo、Flash、Mpeg-4、mkv

image.png

4.14 样式组件设置

1）操作流程：创建数据大屏-进入数据大屏设计页面

2）操作路径：数据可视化-数据大屏-创建/编辑-设计页面

3）包括边框一、二、三，以及线条、圆形、矩形的设置，用于不使用主题模版时自定义数据大屏

Oinone社区 作者：史, 昂原创文章，如若转载，请注明出处：https://doc.oinone.top/oio4/9424.html

访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验

赞 (0)
史, 昂的头像史, 昂数式管理员
0 0
上一篇 2024年6月20日 am9:49
下一篇 2024年6月20日

相关推荐

  • 4.1.15 框架之网关协议

    一、多端协议 协议内容格式 请求头 头信息 headerMap "sec-fetch-mode" -> "cors" "content-length" -> "482" "sec-fetch-site" -> "none" "accept-language" -> "zh-CN,zh;q=0.9" "cookie" -> "pamirs_uc_session_id=241af6a1dbba41a4b35afc96ddf15915" "origin" -> "chrome-extension://flnheeellpciglgpaodhkhmapeljopja" "accept" -> "application/json" "host" -> "127.0.0.1:8090" "connection" -> "keep-alive" "content-type" -> "application/json" "accept-encoding" -> "gzip, deflate, br" "user-agent" -> "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.192 Safari/537.36" "sec-fetch-dest" -> "empty" 图4-1-15-1 头信息 headerMap 请求地址 requestUrl 例如 http://127.0.0.1:8090/pamirs/DemoCore?scene=redirectListPage HTTP参数键值对 parameterMap url中queryString在服务端最终会转化为参数键值对。 请求体格式 请求体格式采用GraphQL协议。请求体格式分为API请求和上下文变量。以商品的test接口为例，请求格式如下。 API请求格式 query{ petShopProxyQuery { queryPage(page: {currentPage: 1, size: 1}, queryWrapper: {rsql: "(1==1)"}) { content { income id code creater { id nickname } relatedShopName shopName petTalents { id name } items { id itemName } } size totalPages totalElements } } } 图4-1-15-2 API请求格式 上下文变量 variables 请求策略requestStrategy 名称 类型 说明 checkStrategy CheckStrategyEnum 校验策略：RETURN_WHEN_COMPLETED -?全部校验完成再返回结果RETURN_WHEN_ERROR -?校验错误即返回结果 msgLevel InformationLevelEnum 消息级别：DEBUG("debug", "调试", "调试"),INFO("info", "信息", "信息"),WARN("warn", "警告", "警告"),SUCCESS("success", "成功", "成功"),ERROR("error", "错误", "错误")不设置，则只返回错误消息；上方消息级别清单，越往下级别越高。只有消息的级别高于或等于该设定级别才返回，否则会被过滤。 onlyValidate Boolean 只校验不提交数据 表4-1-15-1 请求策略requestStrategy 上下文变量式例如下。 { "requestStrategy": { "checkStrategy": "RETURN_WHEN_COMPLETED", "msgLevel":"INFO" } } 图4-1-15-3 上下文变量式例 响应体格式 协议响应内容包括data、extensions和errors三部分，extensions和errors是可缺省的。data部分为业务数据返回值。应用业务层可以在extensions中添加API返回值之外的扩展信息。extensions中包含success、messages和extra三部分，success标识请求是否成功。如果业务正确处理并返回，则errors部分为空；如果业务处理返回失败，则将错误信息添加到errors中。 正确响应格式示例如下。 { "data": { "petShopProxyQuery": { "queryPage": { "content": [ { "id": "246675081504233477", "creater": { "id": "10001" }, "relatedShopName": "oinone宠物店铺001", "shopName": "oinone宠物店铺001", "petTalents": […

    史, 昂的头像 史, 昂
    Oinone 7天入门到精通 2024年5月23日
    88900
  • 3.3.1 构建第一个Model Oinone 7天入门到精通

    3.3.1 构建第一个Model

    定义模型，并配上相应的菜单或配置模块的homepage为该模型，模块就具备了可访问的该模型对应的列表页、新增页、修改页、删除记录和导入导出功能。 都说oinone是以model为驱动，对于模型的理解，希望通过本节跟给大家带来一个初步的认识。 一、构建宠物店铺模型 package pro.shushi.pamirs.demo.api.model; import pro.shushi.pamirs.meta.annotation.Field; import pro.shushi.pamirs.meta.annotation.Model; import pro.shushi.pamirs.meta.base.IdModel; import java.sql.Time; @Model.model(PetShop.MODEL_MODEL) @Model(displayName = "宠物店铺",summary="宠物店铺") public class PetShop extends IdModel { public static final String MODEL_MODEL="demo.PetShop"; @Field(displayName = "店铺名称",required = true) private String shopName; @Field(displayName = "开店时间",required = true) private Time openTime; @Field(displayName = "闭店时间",required = true) private Time closeTime; } 图3-3-1-1 构建宠物店铺模型 配置注解 模型类必需使用@Model注解来标识当前类为模型类。 可以使用@Model.model、@Fun注解模型的模型编码（也表示命名空间），先取@Model.model注解值，若为空则取@Fun注解值，若皆为空则取全限定类名。 使用@Model.model注解配置模型编码，模型编码唯一标识一个模型。 请勿使用Query和Mutation作为模型编码和技术名称的结尾。 上方示例使用Model注解和Field注解来定义一个实体模型。displayName属性最终会作为label展现在前端界面上。 更多Model的详细元数据描述介绍参见4.1.6【模型元数据详解】一文 模型命名规范 模型属性 默认取值规范 命名规则规范 name 默认取model.model的点分割最后一位 1仅支持数字、字母2必须以字母开头3长度必须小于等于128个字符 module 无默认值开发人员定义规范示例：{项目名称}_{模块功能示意名称} 1仅支持数字、大写或小写字母、下划线2必须以字母开头3不能以下划线结尾4长度必须小于等于128个字符 model 默认使用全类名，取lname的值开发人员定义规范示例：{项目名称}.{模块功能示意名称}.{简单类名} 1仅支持数字、字母、点2必须以字母开头3不能以点结尾4长度必须小于等于128个字符 display_name 空字符串 1长度必须小于等于128个字符 lname 符合java命名规范，真实的java全类名，无法指定，要符合model的约束，即为包名+类名 lname是不能定义的，为全类名：包名+类名，和model一样的校验规则：包名和类名的校验 summary 默认使用displayName属性 1不能使用分号2长度必须小于等于128个字符 descripition NULL，注解无法定义 1长度必须小于等于65535个字符 table 默认使用name字段生成表名时，table字段的命名规则约束同样生效（大小驼峰命名转为下划线分割的表名称） 1仅支持数字、字母、下划线2长度必须小于等于128个字符（此限制为系统存储约束，与数据库本身无关） type java属性类型与数据库存储类型可执行转换即可 ModelTypeEnum枚举值 表3-3-1-1 模型命名规范 字段命名规范 字段属性 默认取值规范 命名规则规范 name 默认使用java属性名 1仅支持数字、字母2必须以小写字母开头3长度必须小于等于128个字符 field 默认使用java属性名 与name使用相同命名规则约束 display_name 默认使用name属性 1长度必须小于等于128个字符 lname 使用java属性名，符合java命名规范，真实的属性名称，无法指定 与name使用相同命名规则约束 column 列名为属性名的小驼峰转下划线格式 1仅支持数字、字母、下划线2长度必须小于等于128个字符（此限制为系统存储约束，与数据库本身无关） summary 默认使用displayName属性 1不能使用分号2长度必须小于等于500个字符 表3-3-1-2 字段命名规范 我们重启Demo应用以后，打开Insomnia刷新GraphQL的schema，就可以看到PetShop默认对应的读写服务了 图3-3-1-2 PetShopQuery默认读写服务 图3-3-1-3 PetShopMutatiom默认读写服务 配置模块的主页为宠物商店的列表页 为了方便大家对模型有个更加直观的了解，接下来我们通过前端交互来感受下。 在3.2.2【启动前端工程】一文中，在模块下拉列表中“oinoneDemo工程”还是不能点击的。是因为该模块没有配置主页，我们现在把主页设置为宠物商店的列表页，只需要在DemoModule这个类上增加一个注解@UxHomepage(@UxRoute(PetShop.MODEL_MODEL))，关于该注解的更多说明请查看4.1.4一文中的【UxHomepage注解详解】部分 package pro.shushi.pamirs.demo.api; import org.springframework.stereotype.Component; import pro.shushi.pamirs.boot.base.ux.annotation.action.UxRoute; import pro.shushi.pamirs.boot.base.ux.annotation.navigator.UxHomepage; import pro.shushi.pamirs.demo.api.model.PetShop; import pro.shushi.pamirs.meta.annotation.Module; import pro.shushi.pamirs.meta.base.PamirsModule; import pro.shushi.pamirs.meta.common.constants.ModuleConstants; @Component @Module( name = DemoModule.MODULE_NAME, displayName = "oinoneDemo工程", version = "1.0.0", dependencies = {ModuleConstants.MODULE_BASE} ) @Module.module(DemoModule.MODULE_MODULE) @Module.Advanced(selfBuilt = true, application = true) @UxHomepage(@UxRoute(PetShop.MODEL_MODEL)) public class DemoModule implements PamirsModule { public static final String MODULE_MODULE = "demo_core"; public…

    史, 昂的头像 史, 昂
    2024年5月23日
    1.4K00
  • 4.2.4 框架之网络请求-HttpClient Oinone 7天入门到精通

    4.2.4 框架之网络请求-HttpClient

    oinone提供统一的网络请求底座，基于graphql二次封装 一、初始化 import { HttpClient } from '@kunlun/dependencies'; const http = HttpClient.getInstance(); http.setMiddleware() // 必须设置，请求回调。具体查看文章https://shushi.yuque.com/yqitvf/oinone/vwo80g http.setBaseURL() // 必须设置，后端请求的路径 图4-2-4-1 初始化代码示例 二、HttpClient详细介绍 获取实例 import { HttpClient } from '@kunlun/dependencies'; const http = HttpClient.getInstance(); 图4-2-4-2 获取实例 接口地址 import { HttpClient } from '@kunlun/dependencies'; const http = HttpClient.getInstance(); http.setBaseURL('接口地址'); http.getBaseURL(); // 获取接口地址 图4-2-4-3 接口地址 请求头 import { HttpClient } from '@kunlun/dependencies'; const http = HttpClient.getInstance(); http.setHeader({key: value}); 图4-2-4-4 请求头 variables import { HttpClient } from '@kunlun/dependencies'; const http = HttpClient.getInstance(); http.setExtendVariables((moduleName: string) => { return customFuntion(); }); 图4-2-4-5 variables 回调 import { HttpClient } from '@kunlun/dependencies'; const http = HttpClient.getInstance(); http.setMiddleware([middleware]); 图4-2-4-6 回调 业务使用-query private http = HttpClient.getInstance(); private getTestQuery = async () => { const query = `gql str`; const result = await this.http.query('module name', query); console.log(result) return result.data[`xx`]['xx']; // 返回的接口，打印出result对象层次返回 }; 图4-2-4-7 业务使用-query 业务使用-mutate private http = HttpClient.getInstance(); private getTestMutate = async () => { const mutation = `gql str`; const result = await this.http.mutate('module name', mutation); console.log(result) return result.data[`xx`]['xx']; // 返回的接口，打印出result对象层次返回 }; 图4-2-4-8 业务使用-mutate 三、如何使用HttpClient 初始化 在项目目录src/main.ts下初始化httpClient 初始化必须要做的事: 设置服务接口链接 设置接口请求回调 业务实战 前文说到自定义新增宠物表单，让我们在这个基础上加入我们的httpClient; 第一步新增service.ts 图4-2-4-8 新增service.ts service.ts import { HttpClient }…

    史, 昂的头像 史, 昂
    2024年5月23日
    1.1K00

  • 4.2 前端高级特性

    史, 昂的头像 史, 昂
    Oinone 7天入门到精通 2024年5月23日
    1.1K00

  • 节点动作

    节点动作为触发和结束结点中间的动作，点击节点名称可以进行修改。

    史, 昂的头像 史, 昂
    Oinone 7天入门到精通 2024年6月20日
    84600

Leave a Reply

登录后才能评论