qyzh1996
/
trustieforge
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

1、增加返回顶部功能 

2、点击作品名称，弹出详细信息
3、作品列表信息生成
This commit is contained in:
sw 2015-05-21 17:17:54 +08:00
parent faeb06aae8
commit 8c72df74d6
6 changed files with 235 additions and 160 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/controllers/student_work_controller.rb
View File

@ -6,6 +6,7 @@ class StudentWorkController < ApplicationController
before_filter :author_of_work, :only => [:edit, :update, :destroy]
def index
@stundet_works = @homework.student_works.order("final_score desc")
respond_to do |format|
format.html
end
@ -55,7 +56,9 @@ class StudentWorkController < ApplicationController
end
def show
respond_to do |format|
format.js
end
end
def destroy

186
app/views/student_work/_show.html.erb
View File

@ -1,96 +1,94 @@
<div id="about_hwork" >
<div class="show_hwork_arrow"></div>
<div class="show_hwork">
<ul>
<li ><span class="tit_fb">上交时间：</span>2015-05-07</li>
<li ><span class="tit_fb"> 参与人员：</span>程梦雯&nbsp;&nbsp;王强</li>
<li ><span class="tit_fb"> 关联项目：</span><a href="javascript:void(0);" class="c_blue02" >Trustie Forge</a></li>
<li ><span class="tit_fb ">内容：</span><p class="show_hwork_p">我写了一个验证身份证号码的程序，它是以一定内存空间（大概100M)换取cpu消耗，然后它的运算量就降低了，前十四位的验证就相当于转换类型再查表一样，所以它的验证号码速度比一般的方式快。如果还不明白就所以它的验证号码速度比一般的方式快。</p><div class="cl"></div></li>
<li ><span class="tit_fb"> 附件：</span><a href="javascript:void(0);" class="link_file" >socket实验-123456-王强.zip</a><span class="ml5">(123KB)</span></li>
<li ><span class="tit_fb"> 评价：</span><textarea class="hwork_ping_text "></textarea><div class="cl"></div></li>
<div class="show_hwork_arrow"></div>
<div class="show_hwork">
<ul>
<li ><span class="tit_fb">上交时间：</span>2015-05-07</li>
<li ><span class="tit_fb"> 参与人员：</span>程梦雯&nbsp;&nbsp;王强</li>
<li ><span class="tit_fb"> 关联项目：</span><a href="javascript:void(0);" class="c_blue02" >Trustie Forge</a></li>
<li ><span class="tit_fb ">内容：</span><p class="show_hwork_p">我写了一个验证身份证号码的程序，它是以一定内存空间（大概100M)换取cpu消耗，然后它的运算量就降低了，前十四位的验证就相当于转换类型再查表一样，所以它的验证号码速度比一般的方式快。如果还不明白就所以它的验证号码速度比一般的方式快。</p><div class="cl"></div></li>
<li ><span class="tit_fb"> 附件：</span><a href="javascript:void(0);" class="link_file" >socket实验-123456-王强.zip</a><span class="ml5">(123KB)</span></li>
<li ><span class="tit_fb"> 评价：</span><textarea class="hwork_ping_text "></textarea><div class="cl"></div></li>
<li >
<span class="tit_fb mt2"> 评分：</span>
<input type="number" name="score" id="score" value="50" min="0" max="100" size="4" data-units="dollars" />
<span class=" ml5">分</span>
<div class="cl"></div></li>
<li >
<span class="tit_fb"> 批阅结果：</span>
<input type="submit" name="" value="文件浏览" class="sub_btn">&nbsp;&nbsp;&nbsp;&nbsp;
<span class=" c_grey ">-文件不超过200MB</span>
<a href="javascript:void(0);" class="blue_n_btn fr" >提交</a>
<div class="cl"></div>
</li>
</ul>
<div class="ping_box">
<ul class="ping_box_ul ping_line">
<a href="javascript:void(0);" class="ping_pic fl" ><img src="images/courses/pic_01.jpg" width="34" height="34" /></a>
<div class="ping_box_tit">
<a href="javascript:void(0);" class="c_blue fl" >jacknudt</a><span class="ml5 fl">（教师）</span>
<span class="ml20 fl">评分：</span><a href="javascript:void(0);" class="c_orange fl" >90分</a>
<a href="javascript:void(0);" class="fr c_purple" >删除</a>
<a href="javascript:void(0);" class="fr c_purple mr5" >回复</a>
<span class=" fr c_grey mr20">一小时前</span>
<div class="cl mb5"></div>
<p >作品非常好，格式不正确，继续努力！</p>
<a href="javascript:void(0);" class="link_file" >批阅结果-王强.zip</a><span class="ml5">(123KB)</span>
</div>
<div class="cl"></div>
</ul>
<ul class="ping_box_ul ping_line">
<a href="javascript:void(0);" class="ping_pic fl" ><img src="images/courses/pic_01.jpg" width="34" height="34" /></a>
<div class="ping_box_tit">
<a href="javascript:void(0);" class="c_blue fl" >jacknudt</a><span class="ml5 fl">（教辅）</span>
<span class="ml20 fl">评分：</span><a href="javascript:void(0);" class="c_orange fl" >85分</a>
<a href="javascript:void(0);" class="fr c_purple" >删除</a>
<a href="javascript:void(0);" class="fr c_purple mr5" >回复</a>
<span class=" fr c_grey mr20">一小时前</span>
<div class="cl mb5"></div>
<p >作品非常好，格式不正确，继续努力！</p>
<textarea class="ping_text"></textarea>
<a href="javascript:void(0);" class="fr blue_n_btn" >回复</a>
</div>
<div class="cl"></div>
</ul>
<ul class="ping_box_ul ">
<a href="javascript:void(0);" class="ping_pic fl" ><img src="images/courses/pic_01.jpg" width="34" height="34" /></a>
<div class="ping_box_tit">
<a href="javascript:void(0);" class="c_blue fl" >jacknudt</a><span class="ml5 fl">（教辅）</span>
<span class="ml20 fl">评分：</span><a href="javascript:void(0);" class="c_orange fl" >85分</a>
<a href="javascript:void(0);" class="fr c_purple" >删除</a>
<a href="javascript:void(0);" class="fr c_purple mr5" >回复</a>
<span class=" fr c_grey mr20">一小时前</span>
<div class="cl mb5"></div>
<p >作品非常好，格式不正确，继续努力！</p>
<div class="ping_back ping_line mt10">
<a href="javascript:void(0);" class="st_img fl" ><img src="images/courses/pic_01.jpg" width="32" height="32" /></a>
<div class="ping_back_tit">
<a href="javascript:void(0);" class="c_blue fl" >程梦雯</a>
<a href="javascript:void(0);" class="fr c_purple" >删除</a>
<span class=" fr c_grey mr10">一小时前</span>
<div class="cl mb5"></div>
<p >谢谢老师！</p>
</div><!---ping_box_tit end--->
<div class="cl"></div>
</div><!---ping_back end--->
<div class="ping_back mt10">
<a href="javascript:void(0);" class="st_img fl" ><img src="images/courses/pic_01.jpg" width="32" height="32" /></a>
<div class="ping_back_tit">
<a href="javascript:void(0);" class="c_blue fl" >程梦雯</a>
<a href="javascript:void(0);" class="fr c_purple" >删除</a>
<span class=" fr c_grey mr10">一小时前</span>
<div class="cl mb5"></div>
<p >谢谢老师！</p>
</div><!---ping_box_tit end--->
<div class="cl"></div>
</div><!---ping_back end--->
</div><!--ping_box_tit end--->
<div class="cl"></div>
</ul><!--ping_box_ul end--->
</div><!---ping_box end--->
<a href="javascript:void(0);" class="fr c_blue mt5 mb5">收起</a>
<li >
<span class="tit_fb mt2"> 评分：</span>
<input type="number" name="score" id="score_<%= work.id%>" value="50" min="0" max="100" size="4" data-units="dollars" />
<span class=" ml5">分</span>
<div class="cl"></div></li>
<li >
<span class="tit_fb"> 批阅结果：</span>
<input type="submit" name="" value="文件浏览" class="sub_btn">&nbsp;&nbsp;&nbsp;&nbsp;
<span class=" c_grey ">-文件不超过200MB</span>
<a href="javascript:void(0);" class="blue_n_btn fr" >提交</a>
<div class="cl"></div>
</div><!---show_hwork end--->
</div><!---about_hwork end--->
</li>
</ul>
<div class="ping_box">
<ul class="ping_box_ul ping_line">
<a href="javascript:void(0);" class="ping_pic fl" ><img src="images/courses/pic_01.jpg" width="34" height="34" /></a>
<div class="ping_box_tit">
<a href="javascript:void(0);" class="c_blue fl" >jacknudt</a><span class="ml5 fl">（教师）</span>
<span class="ml20 fl">评分：</span><a href="javascript:void(0);" class="c_orange fl" >90分</a>
<a href="javascript:void(0);" class="fr c_purple" >删除</a>
<a href="javascript:void(0);" class="fr c_purple mr5" >回复</a>
<span class=" fr c_grey mr20">一小时前</span>
<div class="cl mb5"></div>
<p >作品非常好，格式不正确，继续努力！</p>
<a href="javascript:void(0);" class="link_file" >批阅结果-王强.zip</a><span class="ml5">(123KB)</span>
</div>
<div class="cl"></div>
</ul>
<ul class="ping_box_ul ping_line">
<a href="javascript:void(0);" class="ping_pic fl" ><img src="images/courses/pic_01.jpg" width="34" height="34" /></a>
<div class="ping_box_tit">
<a href="javascript:void(0);" class="c_blue fl" >jacknudt</a><span class="ml5 fl">（教辅）</span>
<span class="ml20 fl">评分：</span><a href="javascript:void(0);" class="c_orange fl" >85分</a>
<a href="javascript:void(0);" class="fr c_purple" >删除</a>
<a href="javascript:void(0);" class="fr c_purple mr5" >回复</a>
<span class=" fr c_grey mr20">一小时前</span>
<div class="cl mb5"></div>
<p >作品非常好，格式不正确，继续努力！</p>
<textarea class="ping_text"></textarea>
<a href="javascript:void(0);" class="fr blue_n_btn" >回复</a>
</div>
<div class="cl"></div>
</ul>
<ul class="ping_box_ul ">
<a href="javascript:void(0);" class="ping_pic fl" ><img src="images/courses/pic_01.jpg" width="34" height="34" /></a>
<div class="ping_box_tit">
<a href="javascript:void(0);" class="c_blue fl" >jacknudt</a><span class="ml5 fl">（教辅）</span>
<span class="ml20 fl">评分：</span><a href="javascript:void(0);" class="c_orange fl" >85分</a>
<a href="javascript:void(0);" class="fr c_purple" >删除</a>
<a href="javascript:void(0);" class="fr c_purple mr5" >回复</a>
<span class=" fr c_grey mr20">一小时前</span>
<div class="cl mb5"></div>
<p >作品非常好，格式不正确，继续努力！</p>
<div class="ping_back ping_line mt10">
<a href="javascript:void(0);" class="st_img fl" ><img src="images/courses/pic_01.jpg" width="32" height="32" /></a>
<div class="ping_back_tit">
<a href="javascript:void(0);" class="c_blue fl" >程梦雯</a>
<a href="javascript:void(0);" class="fr c_purple" >删除</a>
<span class=" fr c_grey mr10">一小时前</span>
<div class="cl mb5"></div>
<p >谢谢老师！</p>
</div><!---ping_box_tit end--->
<div class="cl"></div>
</div><!---ping_back end--->
<div class="ping_back mt10">
<a href="javascript:void(0);" class="st_img fl" ><img src="images/courses/pic_01.jpg" width="32" height="32" /></a>
<div class="ping_back_tit">
<a href="javascript:void(0);" class="c_blue fl" >程梦雯</a>
<a href="javascript:void(0);" class="fr c_purple" >删除</a>
<span class=" fr c_grey mr10">一小时前</span>
<div class="cl mb5"></div>
<p >谢谢老师！</p>
</div><!---ping_box_tit end--->
<div class="cl"></div>
</div><!---ping_back end--->
</div><!--ping_box_tit end--->
<div class="cl"></div>
</ul><!--ping_box_ul end--->
</div><!---ping_box end--->
<a href="javascript:void(0);" class="fr c_blue mt5 mb5">收起</a>
<div class="cl"></div>
</div><!---show_hwork end--->

140
app/views/student_work/index.html.erb
View File

@ -13,6 +13,12 @@
</ul><!---menu_r end--->
</div>
</div><!--contentbox end-->
<div class="to_top" id="goTopBtn" style="display: none;">
返<br/>回<br/>顶<br/>部
</div>
<div class="cl"></div>
<div id="contentbox">
<div id="tb_" class="hwork_tb_">
<ul>
@ -25,75 +31,87 @@
<div class="ctt">
<div class="dis" id="tbc_01">
<div class="code_list">
<span class="fl mt3"><a href="javascript:void(0);" class="fl" >所有作品(<font color="#CC0000">20</font>)</a></span>
<span class="fl mt3">
<a href="javascript:void(0);" class="fl" >
所有作品(<span class="c_red"><%= @stundet_works.count%></span>)
</a>
</span>
<input type="text" name="" placeholder="昵称、学号、姓名搜索" class="min_search ml10 fl">
<div class="fr"><a class="down_btn fr" href="javascript:void(0);">附件</a><a class="down_btn fr" href="javascript:void(0);">列表</a><span class="mt3 fr " style="color:#136b3b;">导出全部：</span></div>
<div class="fr">
<a class="down_btn fr" href="javascript:void(0);">附件</a>
<a class="down_btn fr" href="javascript:void(0);">列表</a>
<span class="mt3 fr " style="color:#136b3b;">导出全部：</span>
</div>
<div class="cl"></div>
</div><!---code_list end--->
<ul class="hwork_ul">
<li class="w70 "><span class="c_dark f14 fb fl ">学号</span><a href="javascript:void(0);" class=" st_up " ></a></li>
<li class="w70"><span class="c_dark f14 fb fl ">学生姓名</span></li>
<li class="hwork_tit"><span class="c_dark f14 fb fl">作品名称</span></li>
<li class="w70 mr5" ><span class="c_dark f14 fb fl ">教师评分</span><a href="javascript:void(0);" class=" st_up " ></a></li>
<li class="w70 mr5"><span class="c_dark f14 fb fl ">教辅评分</span><a href="javascript:void(0);" class=" st_up " ></a></li>
<li class="w40 mr5"><span class="c_dark f14 fb fl ">匿评</span><a href="javascript:void(0);" class=" st_up " ></a></li>
<li class="w40"><span class="c_dark f14 fb fl ">成绩</span><a href="javascript:void(0);" class=" st_up " ></a></li>
<li class="w70 ">
<a href="javascript:void(0);" class="c_dark f14 fb fl ">学号</a>
<a href="javascript:void(0);" class=" st_up " ></a>
</li>
<li class="w70">
<span class="c_dark f14 fb fl ">学生姓名</span>
</li>
<li class="hwork_tit">
<span class="c_dark f14 fb fl">作品名称</span>
</li>
<li class="w70 mr5" >
<a href="javascript:void(0);" class="c_dark f14 fb fl ">教师评分</a>
<a href="javascript:void(0);" class=" st_up " ></a>
</li>
<li class="w70 mr5">
<a href="javascript:void(0);" class="c_dark f14 fb fl ">教辅评分</a>
<a href="javascript:void(0);" class=" st_up " ></a>
</li>
<li class="w40 mr5">
<a href="javascript:void(0);" class="c_dark f14 fb fl ">匿评</a>
<a href="javascript:void(0);" class=" st_up " ></a>
</li>
<li class="w40">
<a href="javascript:void(0);" class="c_dark f14 fb fl ">成绩</a>
<a href="javascript:void(0);" class=" st_up " ></a>
</li>
</ul><!---hwork_ul end-->
<div class="cl"></div>
<ul class="hwork_ul b_grey" >
<li ><a href="javascript:void(0);" class="c_blue02 hwork_center" >14060020</a></li>
<li><a href="javascript:void(0);" class="c_blue02 hwork_name" >陈梦雯梦</a></li>
<li class=" hwork_tit"><a href="javascript:void(0);" class=" " >科大校园助手最终提交文档及源码科大校园助手最终提交文档及源码</a></li>
<li class=" hwork_code c_red">90</li>
<li class=" hwork_code c_grey">--</li>
<li class=" hwork_code02 c_red" id="student_score_info">100<span class="c_blue">(3)</span>
<div class="info_ni" id="info_ni_1">现共有<span class="c_red">&nbsp;3&nbsp;</span>名学生进行了匿评，平均分为<span class="c_red">&nbsp;100&nbsp;</span>分。</div>
</li>
<li class=" hwork_code02 c_red">90</li>
<div class="cl"></div>
</ul><!---hwork_ul end-->
<% @stundet_works.each do |student_work|%>
<!--class=""-->
<ul class="hwork_ul <%= cycle("b_grey", "") %>" >
<li >
<%= link_to student_work.user.user_extensions.nil? ? "--" : student_work.user.user_extensions.student_id,user_path(student_work.user),:class => "c_blue02 hwork_center"%>
</li>
<li>
<%= link_to student_work.user.show_name,user_path(student_work.user),:class => "c_blue02 hwork_name"%>
</li>
<li class=" hwork_tit">
<!--<a href="javascript:void(0);" class=" " >-->
<!--<%= student_work.name%>-->
<!--</a>-->
<%= link_to student_work.name, student_work_path(student_work),:remote => true%>
</li>
<li class=" hwork_code c_red">
<%= format("%.2f",student_work.teacher_score)%>
</li>
<li class=" hwork_code c_red">
<%= format("%.2f",student_work.teaching_asistant_score)%>
</li>
<li class=" hwork_code02 c_red student_score_info">
<%= format("%.2f",student_work.student_score)%><span class="c_blue">(3)</span>
<div class="info_ni">
现共有
<span class="c_red">&nbsp;3&nbsp;</span>
名学生进行了匿评，平均分为
<span class="c_red">&nbsp;100&nbsp;</span>分。
</div>
</li>
<li class=" hwork_code02 c_red">
<%= format("%.2f",student_work.final_score)%>
</li>
<div class="cl"></div>
</ul><!---hwork_ul end-->
<div id="about_hwork_<%= student_work.id%>" ></div>
<% end%>
<ul class="hwork_ul " >
<li ><a href="javascript:void(0);" class="c_blue02 hwork_center" >14060020</a></li>
<li><a href="javascript:void(0);" class="c_blue02 hwork_name" >陈梦雯</a></li>
<li class=" hwork_tit"><a href="javascript:void(0);" class=" " >科大校园助手最终提交文档及源码科大校园助手最终提交文档及源码</a></li>
<li class=" hwork_code c_red">90</li>
<li class=" hwork_code c_grey">--</li>
<li class=" hwork_code02 c_grey">--</li>
<li class=" hwork_code02 c_red">90</li>
<div class="cl"></div>
</ul><!---hwork_ul end--->
<ul class="hwork_ul b_grey" >
<li ><a href="javascript:void(0);" class="c_blue02 hwork_center" >14060020</a></li>
<li><a href="javascript:void(0);" class="c_blue02 hwork_name" >陈梦雯梦</a></li>
<li class=" hwork_tit"><a href="javascript:void(0);" class=" " >科大校园助手最终提交文档及源码科大校园助手最终提交文档及源码</a></li>
<li class=" hwork_code c_red">90</li>
<li class=" hwork_code c_grey">--</li>
<li class=" hwork_code02 c_grey">--</li>
<li class=" hwork_code02 c_red">90</li>
<div class="cl"></div>
</ul><!---hwork_ul end--->
<ul class="hwork_ul " >
<li ><a href="javascript:void(0);" class="c_blue02 hwork_center" >14060020</a></li>
<li><a href="javascript:void(0);" class="c_blue02 hwork_name" >陈梦雯</a></li>
<li class=" hwork_tit"><a href="javascript:void(0);" class=" " >科大校园助手最终提交文档及源码科大校园助手最终提交文档及源码</a></li>
<li class=" hwork_code c_red">90</li>
<li class=" hwork_code c_grey">--</li>
<li class=" hwork_code02 c_grey">--</li>
<li class=" hwork_code02 c_red">90</li>
<div class="cl"></div>
</ul><!---hwork_ul end--->
<ul class="hwork_ul b_grey mb10" >
<li ><a href="javascript:void(0);" class="c_blue02 hwork_center" >14060020</a></li>
<li><a href="javascript:void(0);" class="c_blue02 hwork_name" >陈梦雯梦</a></li>
<li class=" hwork_tit"><a href="javascript:void(0);" class=" " >科大校园助手最终提交文档及源码科大校园助手最终提交文档及源码</a></li>
<li class=" hwork_code c_red">90</li>
<li class=" hwork_code c_grey">--</li>
<li class=" hwork_code02 c_grey">--</li>
<li class=" hwork_code02 c_red">90</li>
<div class="cl"></div>
</ul><!---hwork_ul end--->
<div class="cl"></div>
</div><!---tbc_01 end-->

7
app/views/student_work/show.js.erb Normal file
View File

@ -0,0 +1,7 @@
if($("#about_hwork_<%= @work.id%>").children().length > 0)
{$("#about_hwork_<%= @work.id%>").html("");}
else
{
$("#about_hwork_<%= @work.id%>").html("<%= escape_javascript(render :partial => 'show',:locals => {:work => @work}) %>");
$('#score_<%= @work.id%>').peSlider({range: 'min'});
}

53
public/javascripts/course.js
View File

@ -721,7 +721,56 @@ $.fn.peSlider = function(settings){
});
};
//返回顶部
$(function(){goTopEx();});
var Sys = {};
var ua = navigator.userAgent.toLowerCase();
var s;
(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
(s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
function goTopEx() {
var obj = document.getElementById("goTopBtn");
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
function getScrollTop() {
var xsun = document.documentElement.scrollTop;
if (Sys.chrome) {
xsun=document.body.scrollTop;
}
return xsun;
}
function setScrollTop(value) {
if (Sys.chrome) {
document.body.scrollTop = value;
}
else {
document.documentElement.scrollTop = value;
}
}
window.onscroll = function () { getScrollTop() > 0 ? obj.style.display = "" : obj.style.display = "none"; };
obj.onclick = function () {
var goTop = setInterval(scrollMove, 10);
function scrollMove() {
setScrollTop(getScrollTop() / 1.1);
if (getScrollTop() < 1) clearInterval(goTop);
}
}
}
//匿评评分提示
$(function(){
//创建输入滑杆
$('#score').peSlider({range: 'min'});
$(".student_score_info").bind("mouseover",function(e){
//alert($(this).html());
$(this).find("div").show();
$(this).find("div").css("top",e.pageY);
$(this).find("div").css("left",e.pageX);
});
$(".student_score_info").bind("mouseout",function(e){
//alert($(this).html());
$(this).find("div").hide();
});
});

4
public/stylesheets/courses.css
View File

@ -649,8 +649,8 @@ a:hover.down_btn{ background:#14ad5a; color:#fff; border:1px solid #14ad5a;}
.min_search{ width:200px; height:20px; border:1px solid #d0d0d0; color:#666; background:url(../images/public_icon.png) 185px -193px no-repeat; cursor:pointer;}
.li_min_search{ float:right; margin-right:-10px;}
.info_ni{ width:100px; padding:5px;position: absolute;display:none;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; box-shadow:0px 0px 5px #194a81; color:#666; background:#fff; text-align:left;}
/*返回顶部*/
.to_top{width: 19px;height: 74px;position: fixed;top: 50px;right: 1px;color: white;background: #15bccf; line-height: 1.2; padding-top: 10px;padding-left: 5px;font-size: 14px;cursor: pointer;}
/* 评分插件 */
input#score{ width:40px;}