diff --git a/app/views/quality_analysis/_result_list.html.erb b/app/views/quality_analysis/_result_list.html.erb
new file mode 100644
index 000000000..e69de29bb
diff --git a/app/views/quality_analysis/_show.html.erb b/app/views/quality_analysis/_show.html.erb
new file mode 100644
index 000000000..4cb86f22c
--- /dev/null
+++ b/app/views/quality_analysis/_show.html.erb
@@ -0,0 +1,148 @@
+
+
+
SonarQube质量分析
+
+
+
+
+
开始分析
+
+
项目代码质量分析报告
+
概要信息
+
+

+
质量等级
+
A正常
+
+

+
复杂度
+
44正常
+
+

+
重复
+
44%正常
+
+

+
注释率
+
12%偏低
+
+
+
质量等级2/5分可定性评价为:质量中等
+
+
技术债务14天查看详情
+
质量问题130问题分类如下:
+
+
阻断4
+
严重75
+
主要428
+
次要225
+
信息114
+
+
+
代码规模可定性评价为:规模中等
+
+
贡献统计
+
+
+ -
+ - 代码行数
+ - 引入质量问题数
+ - 引入质量问题数/代码行数
+
+
+
+ -
+

+
小明
+
+
+ - 18340
+ - 230
+ - .012540
+
+
+
+ -
+

+
小王
+
+
+ - 834
+ - 34
+ - .04077
+
+
+
+ -
+

+
小亮
+
+
+ - 134
+ - 10
+ - .07462
+
+
+
+
\ No newline at end of file
diff --git a/app/views/quality_analysis/index.html.erb b/app/views/quality_analysis/index.html.erb
index 627d33d96..3ce1a8e4a 100644
--- a/app/views/quality_analysis/index.html.erb
+++ b/app/views/quality_analysis/index.html.erb
@@ -5,6 +5,6 @@
<% end %>
<% else %>
- <%= @cc %>
+ <%= render "show" %>
<% end %>
diff --git a/app/views/repositories/_quality_analysis.html.erb b/app/views/repositories/_quality_analysis.html.erb
index 64dd837b7..bf1b9ea41 100644
--- a/app/views/repositories/_quality_analysis.html.erb
+++ b/app/views/repositories/_quality_analysis.html.erb
@@ -1,7 +1,25 @@
-<%= form_tag( url_for(:controller => 'quality_analysis', :action => 'create', :project_id => @project.id, :user_id => User.current.id, :identifier => @repository.identifier), :remote => true , :class => 'resourcesSearchloadBox mt10', :id => 'quality_analyses_form') do %>
-
- <%= select_tag :branch, options_for_select(["#{@gitlab_default_branch}"]+ @branch_names, @rev), :id => 'branch' %>
- <%= select_tag :language, options_for_select(["Java","C","PHP", "Web"]), :id => 'branch' %>
-
-
-<% end %>
\ No newline at end of file
+
\ No newline at end of file
diff --git a/public/images/code-analysis-icon.png b/public/images/code-analysis-icon.png
new file mode 100644
index 000000000..18869da0e
Binary files /dev/null and b/public/images/code-analysis-icon.png differ
diff --git a/public/stylesheets/project.css b/public/stylesheets/project.css
index 90a94b52f..0774fa892 100644
--- a/public/stylesheets/project.css
+++ b/public/stylesheets/project.css
@@ -1246,3 +1246,25 @@ a.pages-big{ width:50px;}
.red-cir-btn{ background:#e74c3c; padding:1px 5px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; font-weight:normal;font-size:12px;}
.green-cir-btn{ background:#28be6c; padding:1px 5px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; font-weight:normal;font-size:12px;}
+
+/*20160622质量分析*/
+.analysis-tag-wrap {width:100%; color:#000; height:20px; line-height:20px; vertical-align:middle;}
+.analysis-tag {width:10px; height:20px; background-color:#777;}
+.analysis-block {padding:15px; border:1px solid #d9d9d9;}
+.flex {display:flex;}
+.analysis-genral {flex:1; display:block; text-align:center;}
+.analysis-block-icon {background:url(../images/code-analysis-icon.png) -2px -8px no-repeat; width:14px; height:14px; display:inline-block; vertical-align:middle;}
+.analysis-serious-icon {background:url(../images/code-analysis-icon.png) -2px -34px no-repeat; width:14px; height:14px; display:inline-block; vertical-align:middle;}
+.analysis-main-icon {background:url(../images/code-analysis-icon.png) -2px -59px no-repeat; width:14px; height:14px; display:inline-block; vertical-align:middle;}
+.analysis-secondary-icon {background:url(../images/code-analysis-icon.png) -2px -85px no-repeat; width:14px; height:14px; display:inline-block; vertical-align:middle;}
+.analysis-info-icon {background:url(../images/code-analysis-icon.png) -2px -111px no-repeat; width:14px; height:14px; display:inline-block; vertical-align:middle;}
+.quality-percentage {width:320px; height:14px; display:inline-block;}
+.quality-percentage-rate {width:50%; height:14px; background-color:#0a6c99; display:inline-block;}
+.image-cir {border-radius:50%;}
+.analysis-genral-icon {position:absolute; padding:1px 5px; display:inline-block; top:5px;}
+.contribute-list-avatar {width:80px; vertical-align:middle; text-align:center;}
+.contribute-list-code {width:160px; vertical-align:middle; text-align:center;}
+.contribute-list-problem {width:170px; vertical-align:middle; text-align:center;}
+.contribute-list-rate {width:228px; vertical-align:middle; text-align:center;}
+.contribute-list-height {height:80px;}
+.contribute-list-line-height {line-height:80px;}
\ No newline at end of file
diff --git a/public/stylesheets/public.css b/public/stylesheets/public.css
index d9306fa0b..e33ac601e 100644
--- a/public/stylesheets/public.css
+++ b/public/stylesheets/public.css
@@ -1161,3 +1161,6 @@ a.st_down{ display: block; width:8px; float:left; height:13px; background:url(..
.shadowbox_news_list li:hover{ background-color:#eee;}
span.shadowbox_news_user{ color:#3b94d6;}
a.shadowbox_news_all{ display:block; width:305px; height:40px; line-height:40px; color:#3b94d6; text-align:center;border-top:1px solid #eee;}
+
+/*20160622代码分析弹窗*/
+.analysis-option-box {width:100%; border:1px solid #ccc; padding:3px 5px;}