竞赛配置功能

This commit is contained in:
huang 2016-12-22 16:03:58 +08:00
parent 0d00b6ca74
commit eb7ecd4143
6 changed files with 213 additions and 154 deletions

View File

@ -0,0 +1,40 @@
<div class="pro_new_setting_conbox " style="width:100%; border:none;">
<div class=" sy_new_tchbox clear " style="margin-left:10px; margin-right:10px; " >
<ul class="pro_newsetting_con mb15">
<li class="mb10 clear">
<label class=" fl">新增子栏目名称&nbsp;&nbsp;:&nbsp;</label>
<input type="text" class="w695 fl" placeholder=" 请输入子栏目名称">
</li>
</ul>
<a href="javascript:void(0);" class="fr sy_btn_grey ">取消</a><a href="javascript:void(0);" class="fr sy_btn_blue mr5">保存</a>
</div>
<div class=" clear ml10 mr10" >
<table class="sy_new_table clearfix mb15 " cellpadding="0" cellspacing="0">
<thead>
<tr>
<th>名称</th>
<th style="width:280px;">操作</th>
</tr>
</thead>
<tbody>
<tr>
<th class="game-text-left"><span class=" ml20"></span>竞赛讨论区</th>
<th class="game-text-right"><a href="javascript:void(0);" class=" sy_btn_green mr5 ">添加子栏目</a></th>
</tr>
<tr>
<th class="game-text-left"><span class=" ml40"></span>技术讨论区</th>
<th class="game-text-right"><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">下移</a><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">编辑</a><a href="javascript:void(0);" class=" sy_btn_grey mr5 ">删除</a></th>
</tr>
<tr>
<th class="game-text-left"><span class=" ml40"></span>学术论区</th>
<th class="game-text-right"><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">上移</a><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">下移</a><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">编辑</a><a href="javascript:void(0);" class=" sy_btn_grey mr5 ">删除</a></th>
</tr>
<tr>
<th class="game-text-left"><span class=" ml40"></span>学术论区</th>
<th class="game-text-right"><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">上移</a><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">编辑</a><a href="javascript:void(0);" class=" sy_btn_grey mr5 ">删除</a></th>
</tr>
</tbody>
</table>
</div>
</div>

View File

@ -0,0 +1,63 @@
<%= content_for(:header_tags) do %>
<%= import_ke(enable_at: false, prettify: false, init_activity: false) %>
<% end %>
<div class="pro_new_setting_conbox fl " style="width:100%; border:none;">
<%= labelled_form_for @contest do |f| %>
<ul class="pro_newsetting_con mb15">
<li class="mb10">
<label class="label"><span class="c_red f12">*</span>&nbsp;竞赛名称&nbsp;&nbsp;:&nbsp;</label>
<input type="text" name="project[name]" id="contest_name" class="w625" onkeyup="regex_contest_name();" value="<%= @contest.name %>">
<span class="c_red ml5 w690" id="contest_name_notice" style="padding-left:100px;display: none;">竞赛名称不能为空!</span>
</li>
<li class="clear mb10">
<label class="label fl">&nbsp;竞赛介绍&nbsp;&nbsp;:&nbsp;</label>
<%= f.kindeditor :description, :editor_id => 'contest_setting_editor',
:owner_id => @project.nil? ? 0: @project.id,
:owner_type => OwnerTypeHelper::PROJECT,
:width => '85%',
:height => 300,
:minHeight=> 300,
:class => 'fl ml5 w690',
:input_html => { :id => 'contest_description',
:class => 'courses_text fl',
:maxlength => 5000 }
%>
<!--<textarea class=" fl ml5 w625" style="height:192px; padding-top:5px; background:#fff;" placeholder="参赛要求参与方法赛事日程最多6000个字符" ></textarea>-->
</li>
<li class="clear">
<label class="fl ">公开&nbsp;&nbsp;</label>
<input class="fl ml5" id="contest_is_public" name="contest[is_public]" type="checkbox" <%= @contest.is_public ? "checked" : ""%>>
<span class="fl c_grey ">(选中后对所有用户可见,否则仅对成员可见。)</span>
</li>
<li class="clear">
<!--<a href="javascript:void(0);" class="sy_btn_grey mr5 fl ml40 "> 删除</a>-->
<!--<p class="fl c_grey">(友情提示:删除该竞赛后如果您想恢复,请联系系统管理员!)</p>-->
<a href="javascript:void(0);" class="sy_btn_blue mr15 fr" onclick="submit_edit_contest(<%= @contest.id %>);"> 保存</a>
</li>
</ul>
<% end %>
</div>
<script>
//配置-验证项目名称
function regex_contest_name() {
var name = $.trim($("#contest_name").val());
if (name.length == 0) {
$("#contest_name_notice").show();
return false;
}
else {
$("#contest_name_notice").hide();
return true;
}
}
//配置-信息提交
function submit_edit_contest(id) {
contest_setting_editor.sync();
if (regex_contest_name()) {
$("#edit_contest_" + id).submit();
}
}
</script>

View File

@ -0,0 +1,82 @@
<div class="pro_new_setting_conbox fl " style="width:100%; border:none;">
<a href="javascript:void(0);" class="fl sy_btn_green mb10 ml15">添加成员</a>
<div class="cl"></div>
<div class=" sy_new_tchbox clear" style="margin-left:10px; margin-right:10px">
<div class="hw_search_box mb10">
<input class=" sy_new_search" placeholder="支持姓名、邮箱、登录名搜索" type="text">
</div>
<div class="clear mb10">
<ul class="pro_new_idlist fl">
<li class=" clear " ><input type="checkbox" class="mr5 fl" ><span class="fl pro_new_idname mt3">shashashashashashasshashashashashashshashashashashashshashashashashashshashashashashashhasha</span></li>
<li class=" clear "><input type="checkbox" class="mr5 fl" ><span class="fl mt3">shashashashashashashasha</span></li>
<li class=" clear "><input type="checkbox" class="mr5 fl" ><span class="fl mt3">shashashashashashashasha</span></li>
<li class=" clear "><input type="checkbox" class="mr5 fl" ><span class="fl mt3">shashashashashashashasha</span></li>
</ul>
<ul class="fl pro_new_idbox">
<li class="clear ">
<input type="checkbox" class="mt2 fl" >
<p class="fl ml5"> 管理员</p>
</li>
<li class="clear ">
<input type="checkbox" class="mt2 fl" >
<p class="fl ml5"> 评委</p>
</li>
<li class="clear ">
<input type="checkbox" class="mt2 fl" >
<p class="fl ml5"> 参赛者</p>
</li>
</ul>
</div>
<a href="javascript:void(0);" class="fr sy_btn_grey ">取消</a><a href="javascript:void(0);" class="fr sy_btn_blue mr5">保存</a>
</div>
<div class=" clear ml10 mr10" >
<table class="sy_new_table clearfix mb15 " cellpadding="0" cellspacing="0">
<thead>
<tr>
<th>序号</th>
<th style="width:320px;">用户</th>
<th>角色</th>
<th class="sy_new_namebox">操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>shashasha</td>
<td>管理人员</td>
<td><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">编辑</a><a href="javascript:void(0);" class=" sy_btn_grey mr5 ">删除</a></td>
</tr>
<tr>
<td>2</td>
<td>shashasha</td>
<td>主办人</td>
<td><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">编辑</a><a href="javascript:void(0);" class=" sy_btn_grey mr5 ">删除</a></td>
</tr>
<tr>
<th>3</th>
<th ><span class="pro_new_idname">shashashashashashashashashahashashashashashashasha</span></th>
<th>
<ul class="clear ml15">
<li class="fl mr5">
<input type="checkbox" class="mt6 fl" >
<p class="fl ml5"> 管理员</p>
</li>
<li class="fl mr5">
<input type="checkbox" class="mt6 fl" >
<p class="fl ml5"> 评委</p>
</li>
<li class="fl mr5">
<input type="checkbox" class="mt6 fl" >
<p class="fl ml5"> 参赛者</p>
</li>
</ul>
</th>
<th><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">保存</a><a href="javascript:void(0);" class=" sy_btn_grey mr5 ">删除</a></th>
</tr>
</tbody>
</table>
</div>
</div>

View File

@ -1,4 +1,4 @@
<div class="sy_class_r fr ">
<div class="sy_class_r fr mb10">
<h3 class="game-setting-h3 "><span class="ml15"></span>竞赛配置</h3>
<div class="game-setting-tab">
<ul id="game-setting-tab-nav">
@ -14,164 +14,14 @@
<div class="cl"></div>
</ul>
<div id="game-setting-content-1">
<div class="pro_new_setting_conbox fl " style="width:100%; border:none;">
<div class="">
<ul class="pro_newsetting_con mb15">
<li class="clear mb10">
<label class="label fl">&nbsp;&nbsp;</label>
<img alt="上传图片" height="60" src="images/project/logo_pro.jpg" width="60" class="fl ml5 pro_new_upimg">
<button class="sub_btn fl mt35 ml5" name="button" type="button">文件浏览</button>
</li>
<li class="mb10">
<label class="label"><span class="c_red f12">*</span>&nbsp;竞赛名称&nbsp;&nbsp;:&nbsp;</label>
<input type="text" class="w625">
<span ></span>
</li>
<li class="clear mb10">
<label class="label fl">&nbsp;竞赛介绍&nbsp;&nbsp;:&nbsp;</label>
<textarea class=" fl ml5 w625" style="height:192px; padding-top:5px; background:#fff;" placeholder="参赛要求参与方法赛事日程最多6000个字符" ></textarea>
</li>
<li class="clear">
<label class="fl ">公开&nbsp;&nbsp;</label>
<input class="fl ml5" type="checkbox">
<span class="fl c_grey ">(选中后对所有用户可见,否则仅对成员可见。)</span>
</li>
<li class="clear">
<a href="javascript:void(0);" class="sy_btn_grey mr5 fl ml40 "> 删除</a>
<p class="fl c_grey">(友情提示:删除该竞赛后如果您想恢复,请联系系统管理员!)</p>
<a href="javascript:void(0);" class="sy_btn_blue mr15 fr" > 保存</a>
</li>
</ul>
</div>
</div>
<%= render :partial => "contests/edit" %>
</div><!--issues_list_content_1 end-->
<div id="game-setting-content-2" class="undis">
<div class="pro_new_setting_conbox fl " style="width:100%; border:none;">
<a href="javascript:void(0);" class="fl sy_btn_green mb10 ml15">添加成员</a>
<div class="cl"></div>
<div class=" sy_new_tchbox clear" style="margin-left:10px; margin-right:10px">
<div class="hw_search_box mb10">
<input class=" sy_new_search" placeholder="支持姓名、邮箱、登录名搜索" type="text">
</div>
<div class="clear mb10">
<ul class="pro_new_idlist fl">
<li class=" clear " ><input type="checkbox" class="mr5 fl" ><span class="fl pro_new_idname mt3">shashashashashashasshashashashashashshashashashashashshashashashashashshashashashashashhasha</span></li>
<li class=" clear "><input type="checkbox" class="mr5 fl" ><span class="fl mt3">shashashashashashashasha</span></li>
<li class=" clear "><input type="checkbox" class="mr5 fl" ><span class="fl mt3">shashashashashashashasha</span></li>
<li class=" clear "><input type="checkbox" class="mr5 fl" ><span class="fl mt3">shashashashashashashasha</span></li>
</ul>
<ul class="fl pro_new_idbox">
<li class="clear ">
<input type="checkbox" class="mt2 fl" >
<p class="fl ml5"> 管理员</p>
</li>
<li class="clear ">
<input type="checkbox" class="mt2 fl" >
<p class="fl ml5"> 评委</p>
</li>
<li class="clear ">
<input type="checkbox" class="mt2 fl" >
<p class="fl ml5"> 参赛者</p>
</li>
</ul>
</div>
<a href="javascript:void(0);" class="fr sy_btn_grey ">取消</a><a href="javascript:void(0);" class="fr sy_btn_blue mr5">保存</a>
</div>
<div class=" clear ml10 mr10" >
<table class="sy_new_table clearfix mb15 " cellpadding="0" cellspacing="0">
<thead>
<tr>
<th>序号</th>
<th style="width:320px;">用户</th>
<th>角色</th>
<th class="sy_new_namebox">操作</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<th>shashasha</th>
<th>管理人员</th>
<th><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">编辑</a><a href="javascript:void(0);" class=" sy_btn_grey mr5 ">删除</a></th>
</tr>
<tr>
<th>2</th>
<th>shashasha</th>
<th>主办人</th>
<th><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">编辑</a><a href="javascript:void(0);" class=" sy_btn_grey mr5 ">删除</a></th>
</tr>
<tr>
<th>3</th>
<th ><span class="pro_new_idname">shashashashashashashashashahashashashashashashasha</span></th>
<th>
<ul class="clear ml15">
<li class="fl mr5">
<input type="checkbox" class="mt6 fl" >
<p class="fl ml5"> 管理员</p>
</li>
<li class="fl mr5">
<input type="checkbox" class="mt6 fl" >
<p class="fl ml5"> 评委</p>
</li>
<li class="fl mr5">
<input type="checkbox" class="mt6 fl" >
<p class="fl ml5"> 参赛者</p>
</li>
</ul>
</th>
<th><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">保存</a><a href="javascript:void(0);" class=" sy_btn_grey mr5 ">删除</a></th>
</tr>
</tbody>
</table>
</div>
</div>
<%= render :partial => "contests/members" %>
</div><!--issues_list_content_2 end-->
<div id="game-setting-content-3" class="undis">
<div class="pro_new_setting_conbox " style="width:100%; border:none;">
<div class=" sy_new_tchbox clear " style="margin-left:10px; margin-right:10px; " >
<ul class="pro_newsetting_con mb15">
<li class="mb10 clear">
<label class=" fl">新增子栏目名称&nbsp;&nbsp;:&nbsp;</label>
<input type="text" class="w695 fl" placeholder=" 请输入子栏目名称">
</li>
</ul>
<a href="javascript:void(0);" class="fr sy_btn_grey ">取消</a><a href="javascript:void(0);" class="fr sy_btn_blue mr5">保存</a>
</div>
<div class=" clear ml10 mr10" >
<table class="sy_new_table clearfix mb15 " cellpadding="0" cellspacing="0">
<thead>
<tr>
<th>名称</th>
<th style="width:280px;">操作</th>
</tr>
</thead>
<tbody>
<tr>
<th class="game-text-left"><span class=" ml20"></span>竞赛讨论区</th>
<th class="game-text-right"><a href="javascript:void(0);" class=" sy_btn_green mr5 ">添加子栏目</a></th>
</tr>
<tr>
<th class="game-text-left"><span class=" ml40"></span>技术讨论区</th>
<th class="game-text-right"><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">下移</a><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">编辑</a><a href="javascript:void(0);" class=" sy_btn_grey mr5 ">删除</a></th>
</tr>
<tr>
<th class="game-text-left"><span class=" ml40"></span>学术论区</th>
<th class="game-text-right"><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">上移</a><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">下移</a><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">编辑</a><a href="javascript:void(0);" class=" sy_btn_grey mr5 ">删除</a></th>
</tr>
<tr>
<th class="game-text-left"><span class=" ml40"></span>学术论区</th>
<th class="game-text-right"><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">上移</a><a href="javascript:void(0);" class=" sy_btn_blue mr5 ">编辑</a><a href="javascript:void(0);" class=" sy_btn_grey mr5 ">删除</a></th>
</tr>
</tbody>
</table>
</div>
</div>
<%= render :partial => "contests/boards" %>
</div><!--issues_list_content_3 end-->
</div><!--issues_con_list end-->

View File

@ -1,3 +1,24 @@
/* 新版项目配置*/
.pro_new_setting_leftnav{ width: 162px; border:1px solid #ddd; background-color:#fff; padding:3px; padding-bottom: 0;}
.pro_new_setting_leftnav ul li a{ display: block; height: 40px; line-height: 40px; border-bottom:3px solid #fff; text-align: center; width:162px;}
.pro_new_setting_leftnav ul li a:hover,.pro_new_setting_leftnav .active{ color: #3b94d6; background: #f3faff; }
.pro_new_setting_conbox{ background: #fff; width: 818px; border:1px solid #ddd; padding-top: 15px;}
.pro_new_setting_conbox input,.pro_new_setting_conbox select{ border:1px solid #c8c8c8; height: 28px; color: #888; background: #fff;}
.pro_new_setting_conbox label{width: 100px; text-align: right; display: inline-block;}
.w690{width: 690px; }
.pro_new_upimg{ width: 60px; height: 58px; border:1px solid #ddd; padding:1px;}
.pro_newsetting_title{ font-size: 14px; color: #3b94d6;}
.mt12{ margin-top:12px;}
.pro_new_idbox{ width: 40%; padding-left: 30px;}
.pro_new_idlist{ width: 50%; border-right: 1px solid #e5e5e5; padding-right: 30px;}
.pro_new_idname{display:block;width:300px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.sy_new_tchbox p{ line-height: 30px;}
.pro_newsetting_con p,.pro_newsetting_con { line-height: 30px;}
.w650{ width: 650px;}
.pro_new_prompt{ border:1px solid #f6d0b1; padding:10px; background: #fff9e9; color: #ee4a20; text-align: center;}
p.pro_new_grey{ line-height: 1.9; }
/* 竞赛设置tab*/
.game-setting-tab{border:1px solid #fff; }
#game-setting-tab-nav {border-bottom:1px solid #d0d0d0;}
@ -14,3 +35,5 @@
.game-setting-h3{ width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #666; font-weight: normal; background: #fff; border-bottom: 10px solid #eaebec;}
.w695{width: 695px; }
.w625{width: 625px; }
.sy_new_table tbody tr th{ height:40px; line-height:40px; border-bottom:1px solid #e5e5e5; color:#888;}

View File

@ -886,6 +886,7 @@ a:hover.btn_newpro_grey,a:active.btn_newpro_grey{ background: #eaeaea;}
.sy_new_table thead tr td{ border-bottom:1px solid #e5e5e5; font-weight: bold; background-image: linear-gradient(#fcfcfc, #eee);}
.sy_new_table tbody tr:hover{ background:#f5f5f5;}
.sy_new_table tbody tr td{ height:40px; line-height:40px; border-bottom:1px solid #e5e5e5; color:#888;}
.sy_new_table tbody tr th{ height:40px; line-height:40px; border-bottom:1px solid #e5e5e5; color:#888;}
.table-td-w180{display:inline-block;with:180px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.table-td-w380{display:inline-block;with:380px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
/*项目简介*/