diff --git a/module/execution/css/x.bug.css b/module/execution/css/x.bug.css
index 18fd094332..a4b1d09a9b 100644
--- a/module/execution/css/x.bug.css
+++ b/module/execution/css/x.bug.css
@@ -14,7 +14,7 @@ body {margin-bottom: 0px !important;}
 .table-footer .pager:before {display: none !important;}
 .table-footer .pager {background-color: #fff !important;}
 .table-footer .pager li *{color: #838a9d !important;}
-.linkButton {float: right; padding-right: 10px; line-height: 34px;}
+.linkButton {float: right; padding-right: 10px; line-height: 40px;}
 .main-table a {pointer-events: none; color: unset !important;}
 .table-responsive {margin-bottom: unset;}
 ::-webkit-scrollbar {width: 10px; height: 10px;}
diff --git a/module/execution/css/x.story.css b/module/execution/css/x.story.css
index 5ed751d763..48fd4df3ca 100644
--- a/module/execution/css/x.story.css
+++ b/module/execution/css/x.story.css
@@ -20,7 +20,7 @@ body {margin-bottom: 0px !important;}
 .table-footer .pager:before {display: none !important;}
 .table-footer .pager {background-color: #fff !important;}
 .table-footer .pager li *{color: #838a9d !important;}
-.linkButton {float: right; padding-right: 10px; line-height: 34px;}
+.linkButton {float: right; padding-right: 10px; line-height: 40px;}
 .main-table a {pointer-events: none; color: unset !important;}
 .table-responsive {margin-bottom: unset;}
 ::-webkit-scrollbar {width: 10px; height: 10px;}
diff --git a/module/execution/css/x.task.css b/module/execution/css/x.task.css
index 18fd094332..a4b1d09a9b 100644
--- a/module/execution/css/x.task.css
+++ b/module/execution/css/x.task.css
@@ -14,7 +14,7 @@ body {margin-bottom: 0px !important;}
 .table-footer .pager:before {display: none !important;}
 .table-footer .pager {background-color: #fff !important;}
 .table-footer .pager li *{color: #838a9d !important;}
-.linkButton {float: right; padding-right: 10px; line-height: 34px;}
+.linkButton {float: right; padding-right: 10px; line-height: 40px;}
 .main-table a {pointer-events: none; color: unset !important;}
 .table-responsive {margin-bottom: unset;}
 ::-webkit-scrollbar {width: 10px; height: 10px;}
diff --git a/module/product/css/x.browse.css b/module/product/css/x.browse.css
index 18fd094332..a4b1d09a9b 100644
--- a/module/product/css/x.browse.css
+++ b/module/product/css/x.browse.css
@@ -14,7 +14,7 @@ body {margin-bottom: 0px !important;}
 .table-footer .pager:before {display: none !important;}
 .table-footer .pager {background-color: #fff !important;}
 .table-footer .pager li *{color: #838a9d !important;}
-.linkButton {float: right; padding-right: 10px; line-height: 34px;}
+.linkButton {float: right; padding-right: 10px; line-height: 40px;}
 .main-table a {pointer-events: none; color: unset !important;}
 .table-responsive {margin-bottom: unset;}
 ::-webkit-scrollbar {width: 10px; height: 10px;}
diff --git a/module/productplan/css/x.view.css b/module/productplan/css/x.view.css
index 22ff8ce82a..6919cc176f 100644
--- a/module/productplan/css/x.view.css
+++ b/module/productplan/css/x.view.css
@@ -11,4 +11,5 @@
 .tab-btn-container ul li span{display: none;}
 .tab-btn-container ul li.active span{display: inline-block;}
 ::-webkit-scrollbar {width: 10px; height: 10px;}
-::-webkit-scrollbar-thumb:vertical {box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 7%); background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; opacity: 0; transition: opacity 0.1s;}
\ No newline at end of file
+::-webkit-scrollbar-thumb:vertical {box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 7%); background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; opacity: 0; transition: opacity 0.1s;}
+.linkButton {position: absolute; top: 0px; right: 10px; line-height: 36px;}
\ No newline at end of file
diff --git a/module/productplan/view/view.html.php b/module/productplan/view/view.html.php
index 8868f82991..d9ab71f81f 100644
--- a/module/productplan/view/view.html.php
+++ b/module/productplan/view/view.html.php
@@ -52,7 +52,14 @@
 <div id='mainContent' class='main-content'>
   <div class='tabs' id='tabsNav'>
     <?php if($this->app->getViewType() == 'xhtml'):?>
-    <div class="plan-title"><?php echo $product->name . ' ' . $plan->title ?></div>
+    <div class="plan-title"><?php echo $product->name . ' ' . $plan->title ?></div>    
+    <?php if($this->app->getViewType() == 'xhtml'):?>
+    <div class="linkButton" onclick="linkButtonClicked()">
+      <span title="<?php echo $lang->viewDetails;?>">
+        <i class="icon icon-import icon-rotate-270"></i>
+      </span>
+    </div>
+    <?php endif;?>
     <div class='tab-btn-container'>
     <?php endif;?>
     <ul class='nav nav-tabs'>
@@ -604,4 +611,12 @@
 <?php js::set('planID', $plan->id)?>
 <?php js::set('orderBy', $orderBy)?>
 <?php js::set('type', $type)?>
+<script>
+function linkButtonClicked()
+{
+  $url = window.location.href;
+  $xxcUrl = "xxc:openInApp/zentao-integrated/" + encodeURIComponent($url.replace(/.display=card/, ''));
+  window.open($xxcUrl);
+}
+</script>
 <?php include '../../common/view/footer.html.php';?>