diff --git a/module/execution/js/testcase.ui.js b/module/execution/js/testcase.ui.js
new file mode 100644
index 0000000000..6403cb11fd
--- /dev/null
+++ b/module/execution/js/testcase.ui.js
@@ -0,0 +1,6 @@
+window.createSortLink = function(col)
+{
+    var sort = col.name + '_asc';
+    if(sort == orderBy) sort = col.name + '_desc';
+    return sortLink.replace('{orderBy}', sort);
+}
diff --git a/module/execution/ui/testcase.html.php b/module/execution/ui/testcase.html.php
new file mode 100644
index 0000000000..5b6e622333
--- /dev/null
+++ b/module/execution/ui/testcase.html.php
@@ -0,0 +1,59 @@
+<?php
+declare(strict_types=1);
+/**
+ * The testcase view file of execution module of ZenTaoPMS.
+ * @copyright   Copyright 2009-2023 禅道软件（青岛）有限公司(ZenTao Software (Qingdao) Co., Ltd. www.zentao.net)
+ * @license     ZPL(https://zpl.pub/page/zplv12.html) or AGPL(https://www.gnu.org/licenses/agpl-3.0.en.html)
+ * @author      Shujie Tian<tianshujie@easycorp.ltd>
+ * @package     execution
+ * @link        https://www.zentao.net
+ */
+namespace zin;
+
+/* zin: Define the set::module('testcase') feature bar on main menu. */
+featureBar
+(
+    set::current($type),
+    set::linkParams("executionID=$executionID&productID=$productID&branchID=$branchID&type=$type&moduleID=$moduleID&orderBy=$orderBy"),
+    li(searchToggle(set::module('testcase')))
+);
+
+/* zin: Define the toolbar on main menu. */
+$canCreateTestcase = hasPriv('testcase', 'create') && common::canModify('execution', $execution);
+if($canCreateTestcase) $createItem = array('icon' => 'plus', 'class' => 'primary', 'text' => $lang->testcase->create, 'url' => $this->createLink('testcase', 'create', "productID=$productID&branch=0&moduleID=0&from=execution&param=$execution->id"));
+toolbar
+(
+    !empty($createItem) ? item(set($createItem)) : null,
+);
+
+/* zin: Define the sidebar in main content. */
+sidebar
+(
+    moduleMenu(set(array(
+        'modules'   => $moduleTree,
+        'activeKey' => $moduleID,
+        'closeLink' => $this->createLink('execution', 'testcase', "executionID={$executionID}")
+    )))
+);
+
+foreach($cases as $case) $case->actions = array();
+
+jsVar('orderBy', $orderBy);
+jsVar('sortLink', helper::createLink('execution', 'testcase', "executionID={$executionID}&productID={$productID}&branchID={$branchID}&type={$type}&moduleID={$moduleID}&orderBy={orderBy}&recTotal={$pager->recTotal}&recPerPage={$pager->recPerPage}&pageID={$pager->pageID}"));
+
+dtable
+(
+    set::userMap($users),
+    set::cols(array_values($config->testcase->dtable->fieldList)),
+    set::data(array_values($cases)),
+    set::sortLink(jsRaw('createSortLink')),
+    set::footPager(
+        usePager(),
+        set::recPerPage($pager->recPerPage),
+        set::recTotal($pager->recTotal),
+        set::linkCreator(helper::createLink('execution', 'testcase', "executionID={$executionID}&productID={$productID}&branchID={$branchID}&type={$type}&moduleID={$moduleID}&orderBy={$orderBy}&recTotal={$pager->recTotal}&recPerPage={recPerPage}&pageID={page}")),
+    ),
+);
+
+render();
+