组织二级目录添加列表

app/views/organizations/_subfield_list.html.erb

@@ -1,10 +1,11 @@
-<ul class="orgListRow">
+<ul class="orgListRow borderBottomNone orgListBg">
   <li class="orgOrder fb">顺序</li>
   <li class="orgListUser fb">已有栏目</li>
   <li class="orgListStatus fb">状态</li>
   <li class="orgListStatusList fb fb">排列</li>
-  <li class="orgListStatus fb">类型</li>
+  <li class="orgListType fb">类型</li>
-  <li class="orgListUser fb">域名目录</li>
+  <li class="orgListCatalog fb">域名目录</li>
+  <li class="orgListOperation fb"><span class="mr10">操作</span></li>
   <div class="cl"></div>
 </ul>
 
@@ -13,10 +14,10 @@
         <% name = get_default_name(field) %>
         <ul class="orgListRow">
           <li class="orgOrder">
-            <div id="show_priority_<%= field.id %>" ondblclick="edit_priority('#show_priority_<%= field.id %>','#edit_priority_<%= field.id %>');" style="cursor:pointer;background-color:#fffce6;color: #0d90c3;" title="双击可编辑">
+            <div id="show_priority_<%= field.id %>" ondblclick="edit_priority('#show_priority_<%= field.id %>','#edit_priority_<%= field.id %>');" style="cursor:pointer;background-color:#fffce6;color: #0d90c3; width:30px; margin-left:20px;" title="双击可编辑">
               <%= field.priority %>
             </div>
-            <div id="edit_priority_<%= field.id %>" style="display:none;width:30px;">
+            <div id="edit_priority_<%= field.id %>" style="display:none; width:30px; margin-left:20px;">
               <input type="text" onblur="update_priority('#show_priority_<%= field.id %>','#edit_priority_<%= field.id %>','<%= field.id %>',$(this).val());" style="width:20px;" value="<%= field.priority %>"/>
             </div>
           </li>
@@ -37,17 +38,17 @@
             <% end %>
 
           </li>
-          <li class="orgListStatus">默认</li>
+          <li class="orgListType">默认</li>
-          <a href="javascript:void(0);" class="linkBlue fr mr10" onclick="hide($(this),'<%= field.id %>');" id="hide_<%= field.id %>"><%= field.hide==0?"隐藏":"可见" %></a>
+          <a href="javascript:void(0);" class="linkGrey fr mr10" onclick="hide($(this),'<%= field.id %>');" id="hide_<%= field.id %>"><%= field.hide==0?"隐藏":"可见" %></a>
           <div class="cl"></div>
         </ul>
     <% else %>
         <ul class="orgListRow">
           <li class="orgOrder">
-            <div id="show_priority_<%= field.id %>" ondblclick="edit_priority('#show_priority_<%= field.id %>','#edit_priority_<%= field.id %>');" style="cursor:pointer;background-color:#fffce6;color: #0d90c3;" title="双击可编辑">
+            <div id="show_priority_<%= field.id %>" ondblclick="edit_priority('#show_priority_<%= field.id %>','#edit_priority_<%= field.id %>');" style="cursor:pointer;background-color:#fffce6;color: #0d90c3; width:30px; margin-left:20px;" title="双击可编辑">
               <%= field.priority %>
             </div>
-            <div id="edit_priority_<%= field.id %>" style="display:none;width:30px;">
+            <div id="edit_priority_<%= field.id %>" style="display:none; width:30px; margin-left:20px;">
               <input type="text" onblur="update_priority('#show_priority_<%= field.id %>','#edit_priority_<%= field.id %>','<%= field.id %>',$(this).val());" style="width:20px;" value="<%= field.priority %>"/>
             </div>
           </li>
@@ -73,10 +74,10 @@
 
            <% end %>
           </li>
-          <li class="orgListStatus"><%= field.field_type == "Post" ? "帖子" : "资源" %></li>
+          <li class="orgListType"><%= field.field_type == "Post" ? "帖子" : "资源" %></li>
-          <li class="orgListUser hidden">
+          <li class="orgListCatalog hidden">
             <% if Secdomain.where("sub_type=2 and pid=?", @organization.id).count > 0 %>
-                <div id="sub_dir_show_<%= field.id %>" ondblclick="edit_dir('#sub_dir_show_<%= field.id %>','#sub_dir_edit_<%= field.id %>');" style="cursor:pointer;background-color:#fffce6;color: #0d90c3;" title="双击可编辑">
+                <div id="sub_dir_show_<%= field.id %>" ondblclick="edit_dir('#sub_dir_show_<%= field.id %>','#sub_dir_edit_<%= field.id %>');" style="cursor:pointer;background-color:#fffce6;color: #0d90c3;  width:30px; margin-left:20px;" title="双击可编辑">
                   <%= field.subfield_subdomain_dir.nil? ?  '未设置': field.subfield_subdomain_dir.name  %>
                 </div>
             <% else %>
@@ -89,10 +90,129 @@
             </div>
           </li>
           <%#= link_to "隐藏", hide_org_subfield_organizations_path(field), :method => 'post', :remote => true, :id => "hide_#{field.id}", :class => "linkBlue fr mr5" %>
-          <a href="javascript:void(0);" class="linkBlue fr mr10" onclick="hide($(this),'<%= field.id %>');" id="hide_<%= field.id %>"><%= field.hide==0?"隐藏":"可见" %></a>
+          <li class="orgListOperation">
-          <%= link_to "删除", org_subfield_path(field), :method => 'delete', :remote => true, :confirm => "您确定删除吗？", :class => "linkBlue fr mr10" %>
+            <a href="javascript:void(0);" class="linkGrey fr ml5 mr10" onclick="hide($(this),'<%= field.id %>');" id="hide_<%= field.id %>"><%= field.hide==0?"隐藏":"可见" %></a>
-          <a href="javascript:void(0);" class="linkBlue fr mr10" onclick="edit('#subfield_show_<%= field.id %>','#subfield_edit_<%= field.id %>');">编辑</a>
+            <span class="fr">|</span>
+            <%= link_to "删除", org_subfield_path(field), :method => 'delete', :remote => true, :confirm => "您确定删除吗？", :class => "linkGrey fr ml5 mr5" %>
+            <span class="fr">|</span>
+            <a href="javascript:void(0);" class="linkGrey fr ml5 mr5" onclick="edit('#subfield_show_<%= field.id %>','#subfield_edit_<%= field.id %>');">编辑</a>
+            <span class="fr">|</span>
+            <a href="javascript:void(0);" class="linkGrey fr mr5">添加二级目录</a>
+          </li>
+          <div class="cl"></div>
+        </ul>
+        <ul class="orgSubList borderBottomNone">
+          <li class="orgSubTree"></li>
+          <li class="orgSubNum ml5 mr5">
+            <div id="show_priority_<%= field.id %>" ondblclick="edit_priority('#show_priority_<%= field.id %>','#edit_priority_<%= field.id %>');"  class="subNumBlock" title="双击可编辑">
+              <%= field.priority %>
+            </div>
+            <div id="edit_priority_<%= field.id %>" style="display:none; width:30px;">
+              <input type="text" onblur="update_priority('#show_priority_<%= field.id %>','#edit_priority_<%= field.id %>','<%= field.id %>',$(this).val());" style="width:20px;" value="<%= field.priority %>"/>
+            </div>
+          </li>
+          <li class="orgSubColumn">
+            <div id="subfield_show_<%= field.id %>"><%= field.name %></div>
+            <div id="subfield_edit_<%= field.id %>" style="display:none;">
+              <input type="text" name="name" onblur="update_subfield('#subfield_show_<%= field.id %>','#subfield_edit_<%= field.id %>','<%= field.id %>',$(this).val());" value="<%= field.name %>" style="width:70px;"/>
+            </div>
+          </li>
+          <li class="orgSubStatus">新增</li>
+          <li class="orgSubOrder">
+            <% if field.field_type == "Resource" %>
+                列表
+            <% else %>
+                <%= form_tag({:controller => 'org_subfields', :action => 'update_status', :id => field.id,},:remote=>'true', :method => 'post', :id=>"update_status_form_#{field.id}", :class => 'query_form') do %>
+                    <div class="update_status_class"><span class="hidden"><%= subfield_list_type(field.status) %></span>
+                      <a style="display: inline-block;" href="javascript:void(0)" class="pic_edit2"></a>
+                    </div>
+                    <%= select( :name,:group_id, subfield_status_option,
+                                { :include_blank => false,:selected => field.status},
+                                {:onchange=>"update_status('#update_status_form_#{field.id}');", :id =>"field_status_id", :name => "status",:class=>"undis class-edit fl", :style => "width:56px;"}) %>
+                <% end %>
 
+            <% end %>
+          </li>
+          <li class="orgSubType"><%= field.field_type == "Post" ? "帖子" : "资源" %></li>
+          <li class="orgSubCatalog hidden">
+            <% if Secdomain.where("sub_type=2 and pid=?", @organization.id).count > 0 %>
+                <div id="sub_dir_show_<%= field.id %>" ondblclick="edit_dir('#sub_dir_show_<%= field.id %>','#sub_dir_edit_<%= field.id %>');" class="subNumBlock" title="双击可编辑">
+                  <%= field.subfield_subdomain_dir.nil? ?  '未设置': field.subfield_subdomain_dir.name  %>
+                </div>
+            <% else %>
+                <div id="sub_dir_show_<%= field.id %>" >
+                  <%= field.subfield_subdomain_dir.nil? ?  '未设置': field.subfield_subdomain_dir.name  %>
+                </div>
+            <% end %>
+            <div id="sub_dir_edit_<%= field.id %>" style="display:none;">
+              <input type="text" name="name" onfocus="observe_input_to_lowercase($(this));" onblur="update_sub_dir('#sub_dir_show_<%= field.id %>','#sub_dir_edit_<%= field.id %>','<%= field.id %>',$(this).val().toLowerCase());" value="<%= field.subfield_subdomain_dir.nil? ?  '': field.subfield_subdomain_dir.name %>" style="width:70px;"/>
+            </div>
+          </li>
+          <%#= link_to "隐藏", hide_org_subfield_organizations_path(field), :method => 'post', :remote => true, :id => "hide_#{field.id}", :class => "linkBlue fr mr5" %>
+          <li class="orgSubOperation">
+            <a href="javascript:void(0);" class="linkGrey fr ml5 mr10" onclick="hide($(this),'<%= field.id %>');" id="hide_<%= field.id %>"><%= field.hide==0?"隐藏":"可见" %></a>
+            <span class="fr">|</span>
+            <%= link_to "删除", org_subfield_path(field), :method => 'delete', :remote => true, :confirm => "您确定删除吗？", :class => "linkGrey fr ml5 mr5" %>
+            <span class="fr">|</span>
+            <a href="javascript:void(0);" class="linkGrey fr ml5 mr5" onclick="edit('#subfield_show_<%= field.id %>','#subfield_edit_<%= field.id %>');">编辑</a>
+          </li>
+          <div class="cl"></div>
+        </ul>
+        <ul class="orgSubList">
+          <li class="orgSubTree2"></li>
+          <li class="orgSubNum ml5 mr5">
+            <div id="show_priority_<%= field.id %>" ondblclick="edit_priority('#show_priority_<%= field.id %>','#edit_priority_<%= field.id %>');"  class="subNumBlock" title="双击可编辑">
+              <%= field.priority %>
+            </div>
+            <div id="edit_priority_<%= field.id %>" style="display:none; width:30px;">
+              <input type="text" onblur="update_priority('#show_priority_<%= field.id %>','#edit_priority_<%= field.id %>','<%= field.id %>',$(this).val());" style="width:20px;" value="<%= field.priority %>"/>
+            </div>
+          </li>
+          <li class="orgSubColumn">
+            <div id="subfield_show_<%= field.id %>"><%= field.name %></div>
+            <div id="subfield_edit_<%= field.id %>" style="display:none;">
+              <input type="text" name="name" onblur="update_subfield('#subfield_show_<%= field.id %>','#subfield_edit_<%= field.id %>','<%= field.id %>',$(this).val());" value="<%= field.name %>" style="width:70px;"/>
+            </div>
+          </li>
+          <li class="orgSubStatus">新增</li>
+          <li class="orgSubOrder">
+            <% if field.field_type == "Resource" %>
+                列表
+            <% else %>
+                <%= form_tag({:controller => 'org_subfields', :action => 'update_status', :id => field.id,},:remote=>'true', :method => 'post', :id=>"update_status_form_#{field.id}", :class => 'query_form') do %>
+                    <div class="update_status_class"><span class="hidden"><%= subfield_list_type(field.status) %></span>
+                      <a style="display: inline-block;" href="javascript:void(0)" class="pic_edit2"></a>
+                    </div>
+                    <%= select( :name,:group_id, subfield_status_option,
+                                { :include_blank => false,:selected => field.status},
+                                {:onchange=>"update_status('#update_status_form_#{field.id}');", :id =>"field_status_id", :name => "status",:class=>"undis class-edit fl", :style => "width:56px;"}) %>
+                <% end %>
+
+            <% end %>
+          </li>
+          <li class="orgSubType"><%= field.field_type == "Post" ? "帖子" : "资源" %></li>
+          <li class="orgSubCatalog hidden">
+            <% if Secdomain.where("sub_type=2 and pid=?", @organization.id).count > 0 %>
+                <div id="sub_dir_show_<%= field.id %>" ondblclick="edit_dir('#sub_dir_show_<%= field.id %>','#sub_dir_edit_<%= field.id %>');"  class="subNumBlock" title="双击可编辑">
+                  <%= field.subfield_subdomain_dir.nil? ?  '未设置': field.subfield_subdomain_dir.name  %>
+                </div>
+            <% else %>
+                <div id="sub_dir_show_<%= field.id %>" >
+                  <%= field.subfield_subdomain_dir.nil? ?  '未设置': field.subfield_subdomain_dir.name  %>
+                </div>
+            <% end %>
+            <div id="sub_dir_edit_<%= field.id %>" style="display:none;">
+              <input type="text" name="name" onfocus="observe_input_to_lowercase($(this));" onblur="update_sub_dir('#sub_dir_show_<%= field.id %>','#sub_dir_edit_<%= field.id %>','<%= field.id %>',$(this).val().toLowerCase());" value="<%= field.subfield_subdomain_dir.nil? ?  '': field.subfield_subdomain_dir.name %>" style="width:70px;"/>
+            </div>
+          </li>
+          <%#= link_to "隐藏", hide_org_subfield_organizations_path(field), :method => 'post', :remote => true, :id => "hide_#{field.id}", :class => "linkBlue fr mr5" %>
+          <li class="orgSubOperation">
+            <a href="javascript:void(0);" class="linkGrey fr ml5 mr10" onclick="hide($(this),'<%= field.id %>');" id="hide_<%= field.id %>"><%= field.hide==0?"隐藏":"可见" %></a>
+            <span class="fr">|</span>
+            <%= link_to "删除", org_subfield_path(field), :method => 'delete', :remote => true, :confirm => "您确定删除吗？", :class => "linkGrey fr ml5 mr5" %>
+            <span class="fr">|</span>
+            <a href="javascript:void(0);" class="linkGrey fr ml5 mr5" onclick="edit('#subfield_show_<%= field.id %>','#subfield_edit_<%= field.id %>');">编辑</a>
+          </li>
           <div class="cl"></div>
         </ul>
     <% end %>

app/views/organizations/setting.html.erb

@@ -129,63 +129,42 @@
       </div>
       <div class="undis ml15 mr15" id="orgContent_3">
 <!--新增二级栏目-->
-        <div class="orgMemberList" id="org_subfield_list">
+      <div>
-          <p>
+        <%= form_tag url_for(:controller => 'org_subfields', :action => 'create', :organization_id => @organization.id), :id=> 'add_subfield_form',:remote => true do %>
-            <%= form_tag url_for(:controller => 'sub_domains', :action => 'create', :org_subfield_id => 458), :id=> 'add_subfield_form_subdomain',:remote => true do %>
+        <span class="fontGrey3 fb mb5 mr10">新增一级栏目</span>
-                <input type="text" id="subfield_name_subdomain" name="name" placeholder="二级栏目名称" class="orgAddSearch mb10" />
+            <input type="text" id="subfield_name" name="name" placeholder="栏目名称" class="orgAddSearch mb10" />
-                <ul class="orgAddRole">
+            <div class="mb10">
-                  <li class="fontGrey3 fb mb10">栏目类型</li>
+              <span class="fontGrey3 fb mr10 ml24">域名目录</span>
-                  <li class="fl mr15">
+              <% if domain %>
-                    <input type="radio" id="orgMng" value="Post" name="field_type" checked="checked"/>
+                  <span><%= domain.subname %>.trustie.net/</span><input id="sub_dir" class="fl personalUrl ml3" type="text" name="sub_dir" onfocus="observe_input_to_lowercase($(this));">
-                    <label for="orgMng">帖子</label>
+              <% else %>
-                  </li>
+                  <span class="fontGrey2">(用户自定义url，可选) 您还没有子域名，请先在左侧信息栏申请子域名</span>
-                  <li class="fl">
+              <% end %>
-                    <input type="radio" id="orgMeb" value="Resource" name="field_type" />
+              <div class="cl"></div>
-                    <label for="orgMeb">资源</label>
+            </div>
-                  </li>
+            <ul class="orgAddRole mb10">
-                  <li class="cl"></li>
+              <li class="fontGrey3 fb ml24 mr10 fl">栏目类型</li>
-                </ul>
+              <li class="fl mr15">
-                <div class="cl"></div>
+                <input type="radio" id="orgMng" value="Post" name="field_type" checked="checked"/>
-                <a href="javascript:void(0);" class="saveBtn db fl mt10" onclick="add_org_subfield_subdomain();">确定</a>
+                <label for="orgMng">帖子</label>
-            <% end %>
+              </li>
-          </p>
+              <li class="fl mr15">
-        </div>
+                <input type="radio" id="orgMeb" value="Resource" name="field_type" />
+                <label for="orgMeb">资源</label>
+              </li>
+              <li class="fl">
+                <input type="radio" id="orgMeb" value="Resource" name="field_type" />
+                <label for="orgMeb">综合</label>
+              </li>
+              <li class="fr"><a href="javascript:void(0);" class="saveBtn db" onclick="add_org_subfield();">新增</a></li>
+              <li class="cl"></li>
+            </ul>
+        <% end %>
+      </div>
 <!--over-->
-        <div class="orgMemberList" id="org_subfield_list">
+        <div class="orgColumnList" id="org_subfield_list">
           <%= render :partial => 'organizations/subfield_list', :locals => {:subfields => @organization.org_subfields.order("priority")} %>
         </div>
-        <div class="fr orgMemContainer">
-          <div class="fr">
-            <p class="fontBlue fb mb5">新增栏目</p>
-            <%= form_tag url_for(:controller => 'org_subfields', :action => 'create', :organization_id => @organization.id), :id=> 'add_subfield_form',:remote => true do %>
-                <input type="text" id="subfield_name" name="name" placeholder="栏目名称" class="orgAddSearch mb10" />
-                <div class="mb5">
-                  <p class="fontGrey3"><span class="fb">域名目录</span>（用户自定义url，可选）</p>
-                  <% if domain %>
-                    <span class="fl"><%= domain.subname %>.trustie.net/</span><input id="sub_dir" class="fl personalUrl ml3" type="text" name="sub_dir" onfocus="observe_input_to_lowercase($(this));">
-                  <% else %>
-                      <span class="fl" style="width:195px;">您还没有子域名，请先在左侧信息栏申请子域名</span>
-                  <% end %>
-                  <div class="cl"></div>
-                </div>
-                <ul class="orgAddRole">
-                  <li class="fontGrey3 fb mb10">栏目类型</li>
-                  <li class="fl mr15">
-                    <input type="radio" id="orgMng" value="Post" name="field_type" checked="checked"/>
-                    <label for="orgMng">帖子</label>
-                  </li>
-                  <li class="fl">
-                    <input type="radio" id="orgMeb" value="Resource" name="field_type" />
-                    <label for="orgMeb">资源</label>
-                  </li>
-                  <li class="cl"></li>
-                </ul>
-                <div class="cl"></div>
-                <a href="javascript:void(0);" class="saveBtn db fl mt10" onclick="add_org_subfield();">确定</a>
-            <% end %>
-          </div>
-        </div>
-        <div class="cl"></div>
     </div>
 </div>
 <script>

public/stylesheets/new_user.css

@@ -75,6 +75,7 @@ a.linkGrey6:hover {color:#ffffff !important;}
 .ml10{ margin-left:10px;}
 .ml15{ margin-left:15px;}
 .ml20{ margin-left:20px;}
+.ml24{margin-left:24px;}
 .ml36{ margin-left:36px; }
 .ml40{ margin-left:40px;}
 .ml45{ margin-left:45px;}

public/stylesheets/org.css

@@ -16,13 +16,15 @@
 .orgDes {width:600px; height:150px; outline:none; border:1px solid #eaeaea; float:right; resize:none;}
 .w607 {width:607px;}
 .orgUrlInput {width:200px; outline:none; border:1px solid #eaeaea; height:22px;}
-a.saveBtn {padding:3px 5px; background-color:#269ac9; color:#ffffff;}
+a.saveBtn {padding:2px 10px; background-color:#269ac9; color:#ffffff;}
 a.saveBtn:hover {background-color:#297fb8;}
 .orgMemberList {width:480px; float:left;}
-.orgListRow {border-bottom:1px solid #e4e4e4; padding-bottom:5px;}
+.orgColumnList {width:688px; float:left;}
-.orgListUser {width:85px; float:left;}
+.orgListUser {width:120px; float:left;}
 .orgListRole {width:180px; float:left;}
-.orgOrder {width:30px; float:left;margin-right:10px;text-align:center;}
+.orgOrder {width:70px; float:left; text-align:center;}
+.orgSubNum {width:30px; float:left; text-align:center;}
+.subNumBlock {cursor:pointer;background-color:#fffce6;color: #0d90c3;  width:30px; height:17px; line-height:17px; margin:7px 0; vertical-align:middle;}
 .orgMemContainer {width:208px;}
 .orgMemberAdd {float:right;}
 .orgAddSearch {border:1px solid #dddddd; outline:none; width:180px; height:22px; color:#9b9b9b;}
@@ -67,7 +69,9 @@ a.org-cancel-btn:hover {background-color:#717171; color:#ffffff;}
 a.linkGrey8 {color:#888888;}
 a.linkGrey8:hover {color:#585858;}
 .orgBorder {width:583px; height:21px; border-bottom:3px solid #e4e4e4; float:left;}
-.orgListRow {border-bottom:1px solid #e4e4e4; padding-bottom:5px; color:#555555;}
+.orgListRow {border-bottom:1px solid #e4e4e4; padding:5px 0; color:#555555; height:21px;}
+.orgSubList {height:31px; line-height:31px; vertical-align:middle; color:#555555; border-bottom:1px solid #e4e4e4;}
+.orgListBg {background-color:#eaebec;}
 .orgMenuArrow {background:url(../images/nav_icon.png) -10px -165px no-repeat; position:relative; display:inline-block; width:20px; height:30px;}
 .orgMenuArrow2 {background:url(../images/nav_icon.png) -10px -132px no-repeat; position:relative; display:inline-block; width:20px; height:30px;}
 .org_login_list{ border:1px solid #eaeaea; background:#fff; padding-left:10px; padding-bottom:10px; padding-top:8px; width:60px; left:-53px;
@@ -75,8 +79,14 @@ a.linkGrey8:hover {color:#585858;}
 #orgUserName {display:inline-block;}
 .org_login_list a {color:#269ac9;}
 
-.orgListStatus {width:40px; float:left;}
+.orgListStatus, .orgSubStatus {width:55px; float:left;}
-.orgListStatusList {width:58px; float:left;}
+.orgListStatusList, .orgSubOrder {width:90px; float:left;}
+.orgListType, .orgSubType {width:55px; float:left;}
+.orgListCatalog, .orgSubCatalog {width:75px; float:left;}
+.orgListOperation, .orgSubOperation {width:223px; float:left; text-align:right;}
+.orgSubTree {width:20px; height:31px; background:url(/images/org_tree.png) 0 0 no-repeat; float:left; margin-left:30px;}
+.orgSubTree2 {width:20px; height:31px; background:url(/images/org_tree.png) 0 -45px no-repeat; float:left; margin-left:30px;}
+.orgSubColumn {width:100px; float:left;}
 .personalUrl {border:1px solid #dddddd; width:75px; outline:none; white-space:nowrap; padding-left:2px;}
 .reCon{ margin:5px; width:710px;}
 .retop{width:710px; height:40px; background:#eaeaea; padding:5px;}