diff --git a/README.md b/README.md
index 1915e59f..1b352bad 100644
--- a/README.md
+++ b/README.md
@@ -150,6 +150,7 @@ sql文件的目录在：report-core --> src --> main --> resources -- > db.migra
 - http数据源调整
 - 大屏工具栏使用二级菜单显示
 - Execl报表功能增加与bug修复
+- 使用vue3 + ts
 
 ## 已知问题
 
diff --git a/doc/docs/guide/dataset.md b/doc/docs/guide/dataset.md
index 8e9cba2e..50a430b4 100644
--- a/doc/docs/guide/dataset.md
+++ b/doc/docs/guide/dataset.md
@@ -1,11 +1,35 @@
-## Mysql数据集
-在数据源处添加了mysql的数据源后，即可使用。
-![img_1.png](../picture/dateset/img_1.png)
-**注**：目前，查询参数和数据转化功能待补全中，建议等完善了再使用。
+## 常见数据集
 
-## ES数据集
-**注**：es是通过调用xpack-sql，注意写法
-![es.png](../picture/dateset/img.png)
+### Mysql数据集
 
-## Kudu数据集
-![kudu.png](../picture/dateset/img_2.png)
\ No newline at end of file
+在数据源处添加了mysql的数据源后，即可使用。<br>
+![img_1.png](../picture/dateset/img_1.png) <br>
+
+### ES数据集
+
+**注**：es是通过调用xpack-sql，注意写法 <br>
+![es.png](../picture/dateset/img.png) <br>
+
+### Kudu数据集
+
+![kudu.png](../picture/dateset/img_2.png) <br>
+
+## 功能栏
+
+**可以看在线环境，有示例参考** <br>
+
+### 查询参数
+
+![img3](../picture/dateset/img_3.png) <br>
+注意参数名要和sql(请求体)中变量名保持一致，sql(请求体)中的变量用 ${} 表示 <br>
+高级规则是用js进行数据装换。
+
+### 数据转换
+
+#### js脚本
+**注**：这里的JS是java的scriptengine执行的，很多es6的语法不支持 <br>
+![img4](../picture/dateset/img_4.png) <br>
+入参是data，返回值也必须是data，中间是JS的处理过程，注意入参返回都是List<JSONObject>，记得保存。 <br>
+
+#### 字典项
+场景有限，待补充。
diff --git a/doc/docs/picture/dateset/img_3.png b/doc/docs/picture/dateset/img_3.png
new file mode 100644
index 00000000..ebced469
Binary files /dev/null and b/doc/docs/picture/dateset/img_3.png differ
diff --git a/doc/docs/picture/dateset/img_4.png b/doc/docs/picture/dateset/img_4.png
new file mode 100644
index 00000000..e00b2cb5
Binary files /dev/null and b/doc/docs/picture/dateset/img_4.png differ