diff --git a/writing/images/list-feature/a-enable.png b/writing/images/list-feature/a-enable.png
new file mode 100644
index 0000000000000000000000000000000000000000..d51c49f65316ab849b5b22a53e565e4a9ab4545b
Binary files /dev/null and b/writing/images/list-feature/a-enable.png differ
diff --git a/writing/images/list-feature/a-link-1.png b/writing/images/list-feature/a-link-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..6dc24c68bf04f9fd964141964439ff866e3792ba
Binary files /dev/null and b/writing/images/list-feature/a-link-1.png differ
diff --git a/writing/images/list-feature/a-link-2.png b/writing/images/list-feature/a-link-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7ce518bf6090220ee086254a645051c7a0e70ef
Binary files /dev/null and b/writing/images/list-feature/a-link-2.png differ
diff --git a/writing/images/list-feature/a-link-3.png b/writing/images/list-feature/a-link-3.png
new file mode 100644
index 0000000000000000000000000000000000000000..d326a2a6ab7ba25153e10e29ffa1500837342ae0
Binary files /dev/null and b/writing/images/list-feature/a-link-3.png differ
diff --git a/writing/images/list-feature/a-link.png b/writing/images/list-feature/a-link.png
new file mode 100644
index 0000000000000000000000000000000000000000..2bf30093912a519b07c9d0d13c169edce02c7209
Binary files /dev/null and b/writing/images/list-feature/a-link.png differ
diff --git a/writing/images/list-feature/a-res.gif b/writing/images/list-feature/a-res.gif
new file mode 100644
index 0000000000000000000000000000000000000000..1114c635087867ac84b3f75afcc3fc150d769a10
Binary files /dev/null and b/writing/images/list-feature/a-res.gif differ
diff --git "a/writing/\345\246\202\344\275\225\345\234\250\345\210\227\350\241\250\344\270\255\345\256\236\347\216\260\350\266\205\351\223\276\350\201\224\346\237\245\345\215\225\346\215\256.md" "b/writing/\345\246\202\344\275\225\345\234\250\345\210\227\350\241\250\344\270\255\345\256\236\347\216\260\350\266\205\351\223\276\350\201\224\346\237\245\345\215\225\346\215\256.md"
new file mode 100644
index 0000000000000000000000000000000000000000..acf610b25ea05b609cde2e61a3ec396fe72ff1c6
--- /dev/null
+++ "b/writing/\345\246\202\344\275\225\345\234\250\345\210\227\350\241\250\344\270\255\345\256\236\347\216\260\350\266\205\351\223\276\350\201\224\346\237\245\345\215\225\346\215\256.md"
@@ -0,0 +1,55 @@
+# 如何在列表中实现超链联查单据
+
+## 场景介绍
+
+以`费用报销单管理列表`表单为例，在`单据编号`列上实现了`超链`，当点击某条具体数据的`单据编号`时，可跳转到卡片界面，并实现对该条数据进行指定操作，如查看或编辑。
+
+## 运行时效果
+
+![超链查询效果](./images/list-feature/a-res.gif)
+
+## 开发步骤
+
+### 步骤1 新建表单
+
+通过`表单创建向导`新建一个模板为`内置列表界面`的表单。
+
+### 步骤2 新建标签超链事件
+
+打开表单设计器内置列表界面，点击想要增加超链的字段，这里以`单据编号`为例。在属性面板中新建【标签超链事件】：
+
+![超链联查webide界面](./images/list-feature/a-link.png)  
+
+
+
+根据项目需求，选择点击超链接后需要执行的方法。在本例中点击超链接后需要进入报销卡片页面进行查看数据，所以选择【在新页签中查看数据】方法。
+
+> 注意事项：超链标签事件可以根据自己需求选择编辑或者查看等。具体命令参数可以参照根组件下编辑或者查看按钮绑定的命令“编辑数据”、“查看数据”。
+
+![启用超链联查](./images/list-feature/a-link-1.png)  
+
+### 步骤3 填写参数
+
+在本例中选择的查看数据，那么命令需要按照如下配置：
+
+1、功能菜单标识：点击...图标，在弹出的功能菜单编辑器选择要跳转到的卡片页面。
+
+2、附加参数：需要传递给卡片页面的参数。
+
+```json
+{"action":"LoadAndView1", "id":"{DATA~/#{data-grid-component}/id}"}
+```
+
+3、待查看数据的标识：选择列表的行id。
+
+![启用超链联查](./images/list-feature/a-link-2.png)
+
+
+
+参数填完后的效果如下：
+
+![启用超链联查](./images/list-feature/a-link-3.png)
+
+
+
+### 步骤4 保存表单、发布工程。
\ No newline at end of file