diff --git a/plugins/dynamic-tracking/static/css/dynamic-tracking.css b/plugins/dynamic-tracking/static/css/dynamic-tracking.css
index c55e5f461..e14cbbc59 100644
--- a/plugins/dynamic-tracking/static/css/dynamic-tracking.css
+++ b/plugins/dynamic-tracking/static/css/dynamic-tracking.css
@@ -9,3 +9,16 @@
 .s-left .panel-default{
 	margin-bottom: 10px;
 }
+
+
+.data-collect {
+    width: 45px;
+    height: 30px;
+    border: 0;
+    cursor: pointer;
+    margin-right: 2px;
+    margin-top: 10px;
+    color: #fff;
+    background-color: #20a53a;
+    border-color: #20a53a;
+}
\ No newline at end of file
diff --git a/plugins/dynamic-tracking/static/html/index.html b/plugins/dynamic-tracking/static/html/index.html
index 1c604998d..59f085007 100644
--- a/plugins/dynamic-tracking/static/html/index.html
+++ b/plugins/dynamic-tracking/static/html/index.html
@@ -21,7 +21,7 @@
 </style>
 
 <div class="main-content">
-    <div class="container-fluid" style="padding-bottom: 50px;">
+    <div class="container-fluid">
         <div class="pos-box bgw mtb15">
             <div class="position f14 c9 pull-left">
                 <a class="plr10 c4" href="/">首页</a>/<span class="plr10 c4">动态追踪</span>
@@ -30,21 +30,34 @@
             <div class="search pull-right">
                 <form target="hid" onsubmit='getLogs(1,$("#SearchValue").prop("value"))'>
                     <input type="text" id="SearchValue" class="ser-text pull-left" placeholder="进程ID" />
-                    <button type="button" class="ser-sub pull-left" onclick='getLogs(1,$("#SearchValue").prop("value"))'>采样</button>
+                    <button type="button" class="data-collect pull-left">采样</button>
                 </form>
                 <iframe name='hid' id="hid" style="display:none"></iframe>
             </div>
         </div>
-
         
-        <div class="white-black-ip bgw mtb15">
-            <div class="black-ip">
-                <div class="def-log">
-···
-                    
+        <!-- //// -->
+        <div class="safe bgw pd15 mtb15" id="ff_box">
+            
+            <div id="file_list" style="float:left;width:200px;">
+                <div class="f14 c9 pull-left">
+                    <div class="title c6 plr15">
+                        <h3 class="f16">文件列表</h3>
+                    </div>
                 </div>
             </div>
+
+            <div id="flame_graph" style="float:left;">
+                <div class="f14 c9 pull-left">
+                    <div class="title c6 plr15">
+                        <h3 class="f16">火焰图</h3>
+                    </div>
+                </div>
+            </div>
+         
         </div>
         <!-- //// -->
     </div>
 </div>
+
+
diff --git a/plugins/dynamic-tracking/static/js/dynamic-tracking.js b/plugins/dynamic-tracking/static/js/dynamic-tracking.js
index e31d7ae97..4dfb9a69c 100755
--- a/plugins/dynamic-tracking/static/js/dynamic-tracking.js
+++ b/plugins/dynamic-tracking/static/js/dynamic-tracking.js
@@ -1,3 +1,34 @@
+function changeDivH(){
+    var l = $(window).height();
+    var w = $(window).width();
+    $('#ff_box').css('height',l-80-60);
+    $('#file_list').css('height',l-80-60);
+    $('#flame_graph').css('height',l-80-60).css('width',w-200-200-40);
+
+    // $('.tootls_host_list').css('display','block').css('height',l-192);
+    // $('.tootls_commonly_list').css('display','block').css('height',l-192);    
+}
+
+
+$(document).ready(function(){
+   var tag = $.getUrlParam('tag');
+    if(tag == 'dynamic-tracking'){
+        dynamicTrackingLoad();
+    }
+});
+
+function dynamicTrackingLoad(){
+    changeDivH();
+    $(window).resize(function(){
+        changeDivH();
+    });
+}
+
+
+
+
+
+
 function redisPost(method, version, args,callback){
     var loadT = layer.msg('正在获取...', { icon: 16, time: 0, shade: 0.3 });