新版组织静态页面模板

app/helpers/organizations_helper.rb

@@ -66,34 +66,26 @@ module OrganizationsHelper
     option1 << "左一"
     option1 << "1"
     type << option1
-    # option2 = []
+    option2 = []
-    # option2 << "中一"
+    option2 << "左二"
-    # option2 << "2"
+    option2 << "2"
-    # type << option2
+    type << option2
     option3 = []
-    option3 << "左二"
+    option3 << "左三"
-    option3 << "3"
+    option3 << "2"
     type << option3
     option4 = []
-    option4 << "左三"
+    option4 << "右一"
-    option4 << "4"
+    option4 << "3"
     type << option4
     option5 = []
-    option5 << "左四"
+    option5 << "右二"
     option5 << "5"
     type << option5
     option6 = []
-    option6 << "右一"
+    option6 << "右三"
     option6 << "6"
     type << option6
-    option7 = []
-    option7 << "右二"
-    option7 << "7"
-    type << option7
-    option8 = []
-    option8 << "右三"
-    option8 << "8"
-    type << option8
     type
   end
 
@@ -104,18 +96,22 @@ module OrganizationsHelper
     option1 << "左一"
     option1 << "1"
     type << option1
+    option2 = []
+    option2 << "左二"
+    option2 << "2"
+    type << option2
     option3 = []
-    option3 << "左二"
+    option3 << "左三"
-    option3 << "3"
+    option3 << "2"
     type << option3
     option4 = []
-    option4 << "左三"
+    option4 << "右一"
-    option4 << "4"
+    option4 << "3"
     type << option4
-    option6 = []
+    option5 = []
-    option6 << "右一"
+    option5 << "右二"
-    option6 << "6"
+    option5 << "5"
-    type << option6
+    type << option5
     type
   end
 
@@ -128,14 +124,10 @@ module OrganizationsHelper
       when 3
         resulet = "左二"
       when 4
-        resulet = "左三"
-      when 5
-        resulet = "左四"
-      when 6
         resulet = "右一"
-      when 7
+      when 5
         resulet = "右二"
-      when 8
+      when 6
         resulet = "右三"
     end
   end

app/views/layouts/base_org_custom.html.erb

@@ -21,16 +21,15 @@
   <%= render :partial => 'org_custom_header', :locals => {:subfield_content => @subfield_content} %>
 </header>
 
-<!--内容开始-->
+<%# 内容开始 %>
-<div class="sn-content">
+<div id="por_container">
   <%= render_flash_messages %>
   <%= yield %>
   <%= call_hook :view_layouts_base_content %>
 </div>
-<!--内容结束-->
+<%# 内容结束 %>
-<footer class="por_footer">
+<%# 页面底部 %>
-  <%= render :partial => "layouts/org_custom_footer" %></footer>
+<footer class="por_footer"><%= render :partial => "layouts/org_custom_footer" %></footer>
-<!--页面底部-->
 <div class="cl"></div>
 <%# 弹框 %>
 <div id="ajax-modal" style="display:none;"></div>
@@ -42,6 +41,3 @@
 </body>
 </html>
 
-
-</html>
-

app/views/organizations/_org_custom_left1.html.erb

@@ -0,0 +1,27 @@
+<div class="por_hotbar clear">
+  <h2 class="por_h2_index clear">网站头条<a href="javascript:void(0);" target="_blank" class="por_more_index fr">更多></a></h2>
+  <ul class="por_hotbar_left fl">
+    <li>
+      <a href="javascript:void(0);" target="_blank" class="por_hot_title "><span class="por_icons_hot fl">热门推荐</span>阿里前副总裁：阿里巴巴给我上的10</a>
+      <p class="mt5 mb5"><span class="por_time mr10">1分钟前 </span><a href="javascript:void(0);" target="_blank" class=" por_hot_name"> 窦豆</a></p>
+      <p class="por_hot_txt ">本文选自阿本文选自阿里本文选自阿里本文选自阿里本文选自阿里本文选自阿里里巴巴前副总裁、首任美籍高管波特·埃里斯曼《阿里传》在这本书里，波特概括了他在阿里巴巴任职的8年中，学到的40堂课这40堂课简单明了地概括了马云的经营理念，以及阿里终成帝国的必</p>
+    </li>
+    <li>
+      <a href="javascript:void(0);" target="_blank" class="por_hot_title "><span class="por_icons_hot fl">热门推荐</span>阿里前副总裁：阿里巴巴给我上的10</a>
+      <p class="mt5 mb5"><span class="por_time mr10">1分钟前 </span><a href="javascript:void(0);" target="_blank" class=" por_hot_name"> 窦豆</a></p>
+      <p class="por_hot_txt">本文选自阿本文选自阿里本文选自阿里本文选自阿里本文选自阿里本文选自阿里里巴巴前副总裁、首任美籍高管波特·埃里斯曼《阿里传》在这本书里，波特概括了他在阿里巴巴任职的8年中，学到的40堂课这40堂课简单明了地概括了马云的经营理念，以及阿里终成帝国的必</p>
+    </li>
+    <li>
+      <a href="javascript:void(0);" target="_blank" class="por_hot_title ">阿里前副总裁里前副总裁：里前副总裁：里前副总裁：：阿里巴巴给我上的10</a>
+      <p class="mt5 mb5"><span class="por_time mr10">1分钟前 </span><a href="javascript:void(0);" target="_blank" class=" por_hot_name"> 窦豆</a></p>
+      <p class="por_hot_txt">本文选自阿本文选自阿里本文选自阿里本文选自阿里本文选自阿里本文选自阿里里巴巴前副总裁、首任美籍高管波特·埃里斯曼《阿里传》在这本书里，波特概括了他在阿里巴巴任职的8年中，学到的40堂课这40堂课简单明了地概括了马云的经营理念，以及阿里终成帝国的必</p>
+    </li>
+  </ul>
+  <div class="por_hotbar_right fl">
+    <a href="javascript:void(0);" target="_blank" class=""><img src="/images/org_custom/por_img.jpg" width="299" height="246" alt=""/></a>
+    <a href="javascript:void(0);" target="_blank" class="por_hot_title_r ">阿里前副总裁里前副总裁：里前副总裁：里前副总裁：：阿里巴巴给我上的10</a>
+    <p class="mt5 mb5"><span class="por_time mr10">1分钟前 </span><a href="javascript:void(0);" target="_blank" class=" por_hot_name"> 窦豆</a></p>
+    <p class="por_hot_txt_r ">本文选自阿本文选自阿里本文选自阿里本文选自阿里本文选自阿里本文选自阿里里巴巴前副总裁、首任美籍高管波特·埃里斯曼《阿里传》在这本书里，波特概括了他在阿里巴巴任职的8年中，学到的40堂课这40堂课简单明了地概括了马云的经营理念，以及阿里终成帝国的必</p>
+  </div>
+  <div class="cl"></div>
+</div><!--por_hotbar end-->

app/views/organizations/_org_custom_left2.html.erb

@@ -0,0 +1,28 @@
+<div class="por_course mt10 clear">
+  <h2 class="por_h2_index clear">精品课程<a href="javascript:void(0);" target="_blank" class="por_more_index fr">更多></a></h2>
+  <div class="por_course_bar fl clear">
+    <a href="javascript:void(0);" target="_blank" class="por_course_title ">2016春计算机程序设计(Z2算机程序设计(Z2班)算机程序设计(Z2班)班)</a>
+    <a href="javascript:void(0);" target="_blank" class="fl"><img src="/images/org_custom/por_img.jpg" width="140" height="100" alt=""/></a>
+    <p class="por_course_txt fl">学习程序设计，要学习语言的语法更重要的是求解问题的算法思想。语法的学习需要多尝试，算法的算机程序设计(Z2班)算机程序设计(Z2班)算机程序设计(Z2班)学习需要多思考。学习程序设计</p>
+    <a href="javascript:void(0);" target="_blank" class=" por_course_time"> 2016春季学期  </a>
+  </div>
+  <div class="por_course_bar fl clear">
+    <a href="javascript:void(0);" target="_blank" class="por_course_title ">2016春计算机程序设计(Z2班)</a>
+    <a href="javascript:void(0);" target="_blank" class="fl"><img src="/images/org_custom/por_img.jpg" width="140" height="100" alt=""/></a>
+    <p class="por_course_txt fl">学习程序设计，要学习语言的语法更重要的是求解问题的算法思想。语法的学习需要多尝试，算法的学习需要多思考。学习程序设计</p>
+    <a href="javascript:void(0);" target="_blank" class=" por_course_time"> 2016春季学期  </a>
+  </div>
+  <div class="por_course_bar fl clear">
+    <a href="javascript:void(0);" target="_blank" class="por_course_title ">2016春计算机程序设计(Z2班)</a>
+    <a href="javascript:void(0);" target="_blank" class="fl"><img src="/images/org_custom/por_img.jpg" width="140" height="100" alt=""/></a>
+    <p class="por_course_txt fl">学习程序设计，要学习语言的语法更重要的是求解问题的算法思想。语法的学习需要多尝试，算法的学习需要多思考。学习程序设计</p>
+    <a href="javascript:void(0);" target="_blank" class=" por_course_time"> 2016春季学期  </a>
+  </div>
+  <div class="por_course_bar fl clear">
+    <a href="javascript:void(0);" target="_blank" class="por_course_title ">2016春计算机程序设计(Z2班)</a>
+    <a href="javascript:void(0);" target="_blank" class="fl"><img src="/images/org_custom/por_img.jpg" width="140" height="100" alt=""/></a>
+    <p class="por_course_txt fl">学习程序设计，要学习语言的语法更重要的是求解问题的算法思想。语法的学习需要多尝试，算法的学习需要多思考。学习程序设计</p>
+    <a href="javascript:void(0);" target="_blank" class=" por_course_time"> 2016春季学期  </a>
+  </div>
+  <div class="cl"></div>
+</div><!--por_course end-->

app/views/organizations/_org_custom_left3.html.erb

@@ -0,0 +1,37 @@
+<div class="por_post mt10 ">
+  <h2 class="por_h2_index clear">精华帖子<a href="javascript:void(0);" target="_blank" class="por_more_index fr">更多></a></h2>
+  <div class="por_post_left fl">
+    <div class="por_post_leftbar ">
+      <a href="javascript:void(0);" target="_blank" class=""><img src="/images/org_custom/por_img.jpg" width="299" height="246" alt=""/></a>
+      <a href="javascript:void(0);" target="_blank" class="por_post_title ">阿里前副总裁里前副总裁：里前副总裁：里前副总裁：：阿里巴巴给我上的10</a>
+      <p class="mt5 mb5"><span class="por_time mr10">1分钟前 </span><a href="javascript:void(0);" target="_blank" class=" por_hot_name"> 窦豆</a></p>
+      <p class="por_post_txt ">本文选自阿本文选自阿里本文选自阿里本文选自阿里本文选自阿里本文选自阿里里巴巴前副总裁、首任美籍高管波特·埃里斯曼《阿里传》在这本书里，波特概括了他在阿里巴巴任职的8年中，学到的40堂课这40堂课简单明了地概括了马云的经营理念，以及阿里终成帝国的必</p>
+    </div>
+    <ul class="por_post_list">
+      <li><a href="javascript:void(0);" target="_blank" class=" por_hidden_w390"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a></li>
+      <li><a href="javascript:void(0);" target="_blank" class=" por_hidden_w390"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a></li>
+      <li><a href="javascript:void(0);" target="_blank" class=" por_hidden_w390"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a></li>
+      <li><a href="javascript:void(0);" target="_blank" class=" por_hidden_w390"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a></li>
+      <li><a href="javascript:void(0);" target="_blank" class=" por_hidden_w390"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a></li>
+    </ul>
+  </div>
+  <div class="fl">
+    <ul class="por_post_right por_post_list">
+      <li><a href="javascript:void(0);" target="_blank" class=" por_hidden_w270"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a></li>
+      <li><a href="javascript:void(0);" target="_blank" class=" por_hidden_w270"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a></li>
+      <li><a href="javascript:void(0);" target="_blank" class=" por_hidden_w270"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a></li>
+      <li><a href="javascript:void(0);" target="_blank" class=" por_hidden_w270"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a></li>
+      <li><a href="javascript:void(0);" target="_blank" class=" por_hidden_w270"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a></li>
+      <li><a href="javascript:void(0);" target="_blank" class=" por_hidden_w270"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a></li>
+      <li><a href="javascript:void(0);" target="_blank" class=" por_hidden_w270"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a></li>
+      <li><a href="javascript:void(0);" target="_blank" class=" por_hidden_w270"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a></li>
+      <li><a href="javascript:void(0);" target="_blank" class=" por_hidden_w270"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a></li>
+      <li><a href="javascript:void(0);" target="_blank" class=" por_hidden_w270"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a></li>
+      <li><a href="javascript:void(0);" target="_blank" class=" por_hidden_w270"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a></li>
+      <li><a href="javascript:void(0);" target="_blank" class=" por_hidden_w270"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a></li>
+      <li><a href="javascript:void(0);" target="_blank" class=" por_hidden_w270"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a></li>
+      <li><a href="javascript:void(0);" target="_blank" class=" por_hidden_w270"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a></li>
+    </ul>
+  </div>
+  <div class="cl"></div>
+</div><!--por_post end-->

app/views/organizations/_org_custom_right1.html.erb

@@ -0,0 +1,71 @@
+<div class="por_news">
+  <h2 class="por_h2_index clear">最新动态<a href="javascript:void(0);" target="_blank" class="por_more_index fr">更多></a></h2>
+  <ul class="por_news_list clear">
+    <li >
+      <a href="javascript:void(0);" target="_blank" class="fl"><img src="/images/org_custom/homepageImage.jpg" width="43" height="43" alt="" class="por_users_img"/></a>
+      <div class="por_news_txt fl">
+        <p class="por_news_p fl">
+          <a href="javascript:void(0);" target="_blank" class=" por_hot_name fl">  叮当当 </a><span class="fl">&nbsp;:&nbsp;</span>
+          Trustie社区新版上线了必须支持一下，比以前好用很多....
+        </p>
+        <p><span class="por_time fl">1分钟前 </span><a href="javascript:void(0);" target="_blank" class="por_zan fr">500</a></p>
+      </div>
+      <div class="cl"></div>
+    </li>
+    <li >
+      <a href="javascript:void(0);" target="_blank" class="fl"><img src="/images/org_custom/homepageImage.jpg" width="43" height="43" alt="" class="por_users_img"/></a>
+      <div class="por_news_txt fl">
+        <p class="por_news_p fl">
+          <a href="javascript:void(0);" target="_blank" class=" por_hot_name fl">  叮当叮当叮当叮当 </a><span class="fl">&nbsp;:&nbsp;</span>
+          Trustie社区新版上线了必须支持一下，比以前好用很多了。Trustie社区新版上线了必须支持一下，比以前好用很多了...
+        </p>
+        <p><span class="por_time fl">1分钟前 </span><a href="javascript:void(0);" target="_blank" class="por_zan fr">500</a></p>
+      </div>
+      <div class="cl"></div>
+    </li>
+    <li >
+      <a href="javascript:void(0);" target="_blank" class="fl"><img src="/images/org_custom/homepageImage.jpg" width="43" height="43" alt="" class="por_users_img"/></a>
+      <div class="por_news_txt fl">
+        <p class="por_news_p fl">
+          <a href="javascript:void(0);" target="_blank" class=" por_hot_name fl">  叮当叮当叮当叮当 </a><span class="fl">&nbsp;:&nbsp;</span>
+          Trustie社区新版上线了必须支持一下，比以前好用很多了。Trustie社区新版上线了必须支持一下，比以前好用很多了...
+        </p>
+        <p><span class="por_time fl">1分钟前 </span><a href="javascript:void(0);" target="_blank" class="por_zan fr">500</a></p>
+      </div>
+      <div class="cl"></div>
+    </li>
+    <li >
+      <a href="javascript:void(0);" target="_blank" class="fl"><img src="/images/org_custom/homepageImage.jpg" width="43" height="43" alt="" class="por_users_img"/></a>
+      <div class="por_news_txt fl">
+        <p class="por_news_p fl">
+          <a href="javascript:void(0);" target="_blank" class=" por_hot_name fl"> 当叮当 </a><span class="fl">&nbsp;:&nbsp;</span>
+          Trustie社区新版上线了必须支持一下，比以前好用很多了。Trustie社区新版上线了必须支持一下，比以前好用很多了...
+        </p>
+        <p><span class="por_time fl">1分钟前 </span><a href="javascript:void(0);" target="_blank" class="por_zan fr">500</a></p>
+      </div>
+      <div class="cl"></div>
+    </li>
+    <li >
+      <a href="javascript:void(0);" target="_blank" class="fl"><img src="/images/org_custom/homepageImage.jpg" width="43" height="43" alt="" class="por_users_img"/></a>
+      <div class="por_news_txt fl">
+        <p class="por_news_p fl">
+          <a href="javascript:void(0);" target="_blank" class=" por_hot_name fl">  叮当叮当叮当叮当 </a><span class="fl">&nbsp;:&nbsp;</span>
+          Trustie社区新版上线了必须支持一下很多了...
+        </p>
+        <p><span class="por_time fl">1分钟前 </span><a href="javascript:void(0);" target="_blank" class="por_zan fr">500</a></p>
+      </div>
+      <div class="cl"></div>
+    </li>
+    <li >
+      <a href="javascript:void(0);" target="_blank" class="fl"><img src="/images/org_custom/homepageImage.jpg" width="43" height="43" alt="" class="por_users_img"/></a>
+      <div class="por_news_txt fl">
+        <p class="por_news_p fl">
+          <a href="javascript:void(0);" target="_blank" class=" por_hot_name fl">  叮当叮当叮当叮当 </a><span class="fl">&nbsp;:&nbsp;</span>
+          Trustie社区新版上线了必须支持一下，比以前好用很多了。Trustie社区新版上线了必须支持一下，比以前好用很多了...
+        </p>
+        <p><span class="por_time fl">1分钟前 </span><a href="javascript:void(0);" target="_blank" class="por_zan fr">500</a></p>
+      </div>
+      <div class="cl"></div>
+    </li>
+  </ul>
+</div><!--por_news end-->

app/views/organizations/_org_custom_right2.html.erb

@@ -0,0 +1,32 @@
+<div class="por_projects">
+  <h2 class="por_h2_index clear">热点项目<a href="javascript:void(0);" target="_blank" class="por_more_index fr">更多></a></h2>
+  <ul>
+    <li class="por_project_li">
+      <a href="javascript:void(0);" target="_blank" class=" por_hidden_w205 fl"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a>
+      <p class="fr por_time">活跃度<a href="javascript:void(0);" target="_blank" class="ml5" >500</a></p>
+
+      <div class="cl"></div>
+      <p class="por_project_p ">众所周知，系统读取数据时，从内存中读取要比从硬盘上速度要快好几上速度要快好几百倍。故现在绝大上速度要快好几百倍。故现在绝大百倍。故现在绝大部分应用系...</p>
+    </li>
+    <li>
+      <a href="javascript:void(0);" target="_blank" class=" por_hidden_w205 fl"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a>
+      <p class="fr por_time">活跃度<a href="javascript:void(0);" target="_blank" class="ml5" >500</a></p>
+      <div class="cl"></div>
+    </li>
+    <li>
+      <a href="javascript:void(0);" target="_blank" class=" por_hidden_w205 fl"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a>
+      <p class="fr por_time">活跃度<a href="javascript:void(0);" target="_blank" class="ml5" >500</a></p>
+      <div class="cl"></div>
+    </li>
+    <li>
+      <a href="javascript:void(0);" target="_blank" class=" por_hidden_w205 fl"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a>
+      <p class="fr por_time">活跃度<a href="javascript:void(0);" target="_blank" class="ml5" >500</a></p>
+      <div class="cl"></div>
+    </li>
+    <li>
+      <a href="javascript:void(0);" target="_blank" class=" por_hidden_w205 fl"><span class="post_icons_grey fl"></span>谷歌、Facebook等超过8ook等超过80%ook等超过80%ook等超过80%0%的企业都为开源做贡献贡献贡</a>
+      <p class="fr por_time">活跃度<a href="javascript:void(0);" target="_blank" class="ml5" >500</a></p>
+      <div class="cl"></div>
+    </li>
+  </ul>
+</div><!--por_projects end-->

app/views/organizations/_org_custom_right3.html.erb

@@ -0,0 +1,91 @@
+<div class="por_teachers">
+  <ul id="por_teachers_nav">
+    <li id="por_teachers_nav_1" class="por_teachers_hover" onclick="HoverLi(1);">
+      <a href="javascript:void(0);" class="por_teachers_type" >名师风采</a>
+    </li>
+    <li id="por_teachers_nav_2"  onclick="HoverLi(2);">
+      <a href="javascript:void(0);" class="por_teachers_type" >学生英雄榜</a>
+    </li>
+    <a href="javascript:void(0);" target="_blank" class="por_more_index fr mt5">更多></a>
+    <div class="cl"></div>
+  </ul>
+  <div id="por_teachers_content_1" >
+    <ul class="por_teachers_li">
+      <li >
+        <a href="javascript:void(0);" target="_blank" class="fl"><img src="/images/org_custom/homepageImage.jpg" width="43" height="43" alt="" class="por_teachers_img fl mr15"/></a>
+        <div class="por_teachers_txt fl mt5">
+          <a href="javascript:void(0);" target="_blank" class=" por_teachers_name fl"> 张晓华张晓华张晓华张晓华 </a>
+          <p class="por_teachers_p fr">国防科学技术大学学技术大学学技术大学学技术大学学技术大学</p>
+          <div class="cl"></div>
+          <p class="por_teachers_span "><span class=" mr10">博客<a href="javascript:void(0);" target="_blank" >20</a></span><span class="mr10"> 课程<a href="javascript:void(0);" target="_blank" >20</a></span><span class="mr10">学生 <a href="javascript:void(0);" target="_blank" >20</a></span></p>
+        </div>
+        <div class="cl"></div>
+      </li>
+      <li >
+        <a href="javascript:void(0);" target="_blank" class="fl"><img src="/images/org_custom/homepageImage.jpg" width="43" height="43" alt="" class="por_teachers_img fl mr15"/></a>
+        <div class="por_teachers_txt fl mt5">
+          <a href="javascript:void(0);" target="_blank" class=" por_teachers_name fl"> 张晓华  </a>
+          <p class="por_teachers_p fr">国防科学技术大学</p>
+          <div class="cl"></div>
+          <p class="por_teachers_span "><span class=" mr10">博客<a href="javascript:void(0);" target="_blank" >20</a></span><span class="mr10"> 课程<a href="javascript:void(0);" target="_blank" >20</a></span><span class="mr10">学生 <a href="javascript:void(0);" target="_blank" >20</a></span></p>
+        </div>
+        <div class="cl"></div>
+      </li>
+      <li >
+        <a href="javascript:void(0);" target="_blank" class="fl"><img src="/images/org_custom/homepageImage.jpg" width="43" height="43" alt="" class="por_teachers_img fl mr15"/></a>
+        <div class="por_teachers_txt fl mt5">
+          <a href="javascript:void(0);" target="_blank" class=" por_teachers_name fl"> 张晓华  </a>
+          <p class="por_teachers_p fr">国防科学技术大学</p>
+          <div class="cl"></div>
+          <p class="por_teachers_span "><span class=" mr10">博客<a href="javascript:void(0);" target="_blank" >20</a></span><span class="mr10"> 课程<a href="javascript:void(0);" target="_blank" >20</a></span><span class="mr10">学生 <a href="javascript:void(0);" target="_blank" >20</a></span></p>
+        </div>
+        <div class="cl"></div>
+      </li>
+      <li >
+        <a href="javascript:void(0);" target="_blank" class="fl"><img src="/images/org_custom/homepageImage.jpg" width="43" height="43" alt="" class="por_teachers_img fl mr15"/></a>
+        <div class="por_teachers_txt fl mt5">
+          <a href="javascript:void(0);" target="_blank" class=" por_teachers_name fl"> 张晓华  </a>
+          <p class="por_teachers_p fr">国防科学技术大学</p>
+          <div class="cl"></div>
+          <p class="por_teachers_span "><span class=" mr10">博客<a href="javascript:void(0);" target="_blank" >20</a></span><span class="mr10"> 课程<a href="javascript:void(0);" target="_blank" >20</a></span><span class="mr10">学生 <a href="javascript:void(0);" target="_blank" >20</a></span></p>
+        </div>
+        <div class="cl"></div>
+      </li>
+      <li >
+        <a href="javascript:void(0);" target="_blank" class="fl"><img src="/images/org_custom/homepageImage.jpg" width="43" height="43" alt="" class="por_teachers_img fl mr15"/></a>
+        <div class="por_teachers_txt fl mt5">
+          <a href="javascript:void(0);" target="_blank" class=" por_teachers_name fl"> 张晓华  </a>
+          <p class="por_teachers_p fr">国防科学技术大学</p>
+          <div class="cl"></div>
+          <p class="por_teachers_span "><span class=" mr10">博客<a href="javascript:void(0);" target="_blank" >20</a></span><span class="mr10"> 课程<a href="javascript:void(0);" target="_blank" >20</a></span><span class="mr10">学生 <a href="javascript:void(0);" target="_blank" >20</a></span></p>
+        </div>
+        <div class="cl"></div>
+      </li>
+
+    </ul>
+  </div>
+  <div id="por_teachers_content_2" class="undis">
+    <ul class="por_teachers_li">
+      <li >
+        <a href="javascript:void(0);" target="_blank" class="fl"><img src="/images/org_custom/homepageImage.jpg" width="43" height="43" alt="" class="por_teachers_img fl mr15"/></a>
+        <div class="por_teachers_txt fl mt5">
+          <a href="javascript:void(0);" target="_blank" class=" por_teachers_name fl"> 张晓华张晓华张晓华张晓华 </a>
+          <p class="por_teachers_p fr">国防科学技术大学学技术大学学技术大学学技术大学学技术大学</p>
+          <div class="cl"></div>
+          <p class="por_teachers_span "><span class=" mr10">博客<a href="javascript:void(0);" target="_blank" >20</a></span><span class="mr10"> 课程<a href="javascript:void(0);" target="_blank" >20</a></span><span class="mr10">学生 <a href="javascript:void(0);" target="_blank" >20</a></span></p>
+        </div>
+        <div class="cl"></div>
+      </li>
+      <li >
+        <a href="javascript:void(0);" target="_blank" class="fl"><img src="/images/org_custom/homepageImage.jpg" width="43" height="43" alt="" class="por_teachers_img fl mr15"/></a>
+        <div class="por_teachers_txt fl mt5">
+          <a href="javascript:void(0);" target="_blank" class=" por_teachers_name fl"> 张晓华  </a>
+          <p class="por_teachers_p fr">国防科学技术大学</p>
+          <div class="cl"></div>
+          <p class="por_teachers_span "><span class=" mr10">博客<a href="javascript:void(0);" target="_blank" >20</a></span><span class="mr10"> 课程<a href="javascript:void(0);" target="_blank" >20</a></span><span class="mr10">学生 <a href="javascript:void(0);" target="_blank" >20</a></span></p>
+        </div>
+        <div class="cl"></div>
+      </li>
+    </ul>
+  </div>
+</div>

app/views/organizations/_show_custom.html.erb

@@ -0,0 +1,31 @@
+<div class="por_left">
+  <% @subfield_content.each do |field| %>
+      <% if field.status.to_i == 1 %>
+          <%= render :partial => 'organizations/org_custom_left1', :locals => {:field => field} %>
+      <% elsif field.status.to_i == 3 %>
+          <%#= render :partial => 'organizations/org_subfield_leftM', :locals => {:field => field} %>
+          <div class="sn-index-leftbox" style="display:<%= field.hide == 0?'block':'none' %>;">
+            <%#= render :partial => 'organizations/org_subfield_leftM1', :locals => {:field => field} %>
+            <%= render :partial => 'organizations/org_custom_left3', :locals => {:field => field} %>
+            <div class="cl"></div>
+          </div>
+      <% elsif field.status.to_i == 2 %>
+          <%= render :partial => 'organizations/org_custom_left2', :locals => {:field => field} %>
+      <% end %>
+  <% end %>
+</div>
+<!--右侧-->
+<div class="por_right">
+  <% @subfield_content.each do |field| %>
+      <% if field.status.to_i == 4 %>
+          <%= render :partial => 'organizations/org_custom_right1', :locals => {:field => field} %>
+      <% elsif field.status.to_i == 5 %>
+          <%= render :partial => 'organizations/org_custom_right2', :locals => {:field => field} %>
+      <% elsif field.status.to_i == 6 %>
+          <%= render :partial => 'organizations/org_custom_right3', :locals => {:field => field} %>
+      <%# elsif field.status.to_i == 23 %>
+          <%#= render :partial => 'organizations/org_subfield_rightM2', :locals => {:field => field} %>
+      <% end %>
+  <% end %>
+</div>
+<div class="cl"></div>

app/views/organizations/show.html.erb

@@ -1,6 +1,6 @@
 <%# 区分两种模式 params[:org_subfield_id] 不为空的时候则跳到栏目%>
 <% if @organization.switch_type && params[:org_subfield_id].nil? %>
-    <%#= render :partial => 'show_type2' %>
+    <%= render :partial => 'show_custom' %>
 <% else %>
     <%= javascript_include_tag "jquery.infinitescroll.js" %>
 

public/stylesheets/org_custom.css

@@ -78,7 +78,7 @@ a.por_more_teacher{ font-size:12px; }
 .por_teachers_li{ margin-top:10px;}
 .por_teachers_li li{ padding:10px 0;border-bottom:1px solid #e8e5e5;}
 .por_teachers_img{ width:60px; height:60px; -webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;border-radius:50px;}
-a.por_teachers_name{ display:block; width:80px; font-size:18px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
+a.por_teachers_name{ display:block; width:75px; font-size:18px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
 .por_teachers_p{ font-size:14px; color:#999; width:150px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
 .por_teachers_span{ color:#999;}
 .por_teachers_span a{ margin:0 5px; color:#999;}