zaihui
/
educoder
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

课程实训的编辑页面以及弹出框，然后新增了一些公共样式

This commit is contained in:
caishi 2017-07-12 14:17:06 +08:00
parent 3cd0b3697f
commit 4fdcdec659
4 changed files with 515 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

429
app/views/courses/_course_publish.html Normal file
View File

@ -0,0 +1,429 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="../../../public/stylesheets/css/taskstyle.css" rel="stylesheet" type="text/css"/>
<link href="../../../public/stylesheets/css/edu-common.css" rel="stylesheet" type="text/css"/>
<link href="../../../public/stylesheets/css/edu-public.css" rel="stylesheet" type="text/css"/>
<link href="../../../public/stylesheets/css/edu-class.css" rel="stylesheet" type="text/css"/>
<link href="../../../public/stylesheets/css/edu-admin.css" rel="stylesheet" type="text/css"/>
<link href="../../../public/stylesheets/css/font-awesome.css" rel="stylesheet" type="text/css"/>
<link href="../../../public/stylesheets/bootstrap/bootstrap-theme.min.css" rel="stylesheet" type="text/css"/>
<script src="../../../public/javascripts/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<title></title>
<style>
.subhead{width: 100%;background-color: #5bc0e4;margin-bottom:20px;}
.subhead_content{width: 1200px;margin: 0px auto;padding: 20px 0px;}
.publich-half{width: 1200px;margin: 0px auto;}
.saved-title{margin-bottom: 10px;}
.task-array{font-size: 12px;position: absolute;right: 5px;top:5px;width: 20px;height: 20px;line-height: 20px;border-radius: 50%;color: #FFFFFF;background-color: #ffbfaa;z-index: 2;text-align: center;}
.stage-item{border:1px solid #d1d5da;}
.stage{padding: 7px 10px;border-bottom:1px solid #d1d5da;}
.stage-entry{padding: 10px 10px;}
.stage-name{width: 100%;}
.stage-name-label{width: 10%;text-align: center;line-height: 40px;}
.add-sx{padding:0px 5px;width: 99%;height: 40px;line-height: 40px;border: 1px dashed #ffbfaa;display: inline-block;color: #cccccc;}
.box-border{border:1px solid #ededed}
.boxborder-dashed-orange{border: 1px dashed #ffbfaa;}
.click_add{text-align: center;height: 90px;line-height: 90px;}
.adding-stage-item{padding: 0px 10px;}
.task-close-icon{position: absolute;right: -5px;top:-5px;z-index: 2;font-size: 18px;}
/*编辑部分的列表不用加浮动效果*/
.task-index-list-box-all{ width:23.7%;margin: 0 1.5% 1.5% 0px; border-radius:2px; border:1px solid #eee; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); color:#666; position:relative; }
.task-index-list-box-all:nth-child(4n+0) {margin: 0 0 1.5% 0;}
.allback{background-color:#FFFFFF}
.last-all-count{width: 20%;text-align: right;}
.last-all-count li{float: left;width: 33.3%;}
</style>
</head>
<body class="allback">
<div class="newContainer">
<div class="subhead">
<div class="subhead_content">
<p class="color_white font-16">国防科技大学-黄井泉</p>
<div class="clearfix">
<p class="fl font-24 color_white">C++程序设计</p>
<ul class="last-all-count fr" style="display: none;">
<li><i class="fa fa-tasks mr5 color_white" title="实训任务"></i><span class="color-orange">7</span></li>
<li><i class="fa fa-users mr5 color_white" title="已开启实训"></i><span class="color-orange">29</span></li>
<li><i class="fa fa-viacoin mr5 color_white" title="实训总积分"></i><span class="color-orange">500</span></li>
</ul>
<a class="course-btn fr">申请发布</a>
<a class="task-btn color_white bc-grey fr" style="display: none;">撤销发布</a>
</div>
</div>
</div>
<div class="publich-half">
<div class="lesson-saved-list">
<div class="lesson-saved-list-stage">
<div class="saved-title clearfix">
<li class="fl"><i class="fa fa-dot-circle-o color-orange mr5 font-16"></i><span class="font-16 font-bd">C++语言基础知识</span></li>
<li class="fr">
<a class="task-btn color_white bc-grey del-editstage" onclick="delsavestage(this);">删除</a>
<a class="course-bth-blue color_white">编辑</a>
</li>
</div>
<div class="task-index-list clearfix mb20" id="_course_sx_list">
<div class="task-index-list-box fl pr">
<div class="task-array">1</div>
<div class="task-index-list-box-top xy_box" style="cursor: pointer;">
<p class="task-index-list-title two_lines_show">
<a href="javascript:void(0);">MySQL数据库编程开发实训（基础篇）</a>
</p>
<div class=" clearfix task-index-list-user task_yx_bo">
<a href="javascript:void(0);"><img alt="头像" class="panel-warp-img mr10 fl" height="60" src="" width="60"></a>
<span class="task-index-name task-hide fl">李乾坤</span>
</div>
<div class="cl"></div>
<span class="mt10 mb10">MySQL/Java</span>
<p class="xy_level">初级学员</p>
</div>
<ul class="task-index-list-box-bottom clearfix">
<li><i class="fa fa-tasks mr5 color-light-green" title="实训任务"></i><span>7</span></li>
<!--<li><i class="fa fa-comments-o mr5 color-light-green"></i><span>1255</span></li>-->
<li><i class="fa fa-users mr5 color-light-green" title="已开启实训"></i><span>29</span></li>
<li><i class="fa fa-viacoin mr5 color-light-green" title="实训总积分"></i><span>+500</span></li>
</ul>
</div>
<div class="task-index-list-box fl pr">
<div class="task-array">3</div>
<div class="task-index-list-box-top xy_box" style="cursor: pointer;">
<p class="task-index-list-title two_lines_show">
<a href="javascript:void(0);">MySQL数据库编程开发实训（基础篇）</a>
</p>
<div class=" clearfix task-index-list-user task_yx_bo">
<a href="javascript:void(0);"><img alt="头像" class="panel-warp-img mr10 fl" height="60" src="" width="60"></a>
<span class="task-index-name task-hide fl">李乾坤</span>
</div>
<div class="cl"></div>
<span class="mt10 mb10">MySQL/Java</span>
<p class="xy_level">初级学员</p>
</div>
<ul class="task-index-list-box-bottom clearfix">
<li><i class="fa fa-tasks mr5 color-light-green" title="实训任务"></i><span>7</span></li>
<!--<li><i class="fa fa-comments-o mr5 color-light-green"></i><span>1255</span></li>-->
<li><i class="fa fa-users mr5 color-light-green" title="已开启实训"></i><span>29</span></li>
<li><i class="fa fa-viacoin mr5 color-light-green" title="实训总积分"></i><span>+500</span></li>
</ul>
</div>
<div class="task-index-list-box fl pr">
<div class="task-array">3</div>
<div class="task-index-list-box-top xy_box" style="cursor: pointer;">
<p class="task-index-list-title two_lines_show">
<a href="javascript:void(0);">MySQL数据库编程开发实训（基础篇）</a>
</p>
<div class=" clearfix task-index-list-user task_yx_bo">
<a href="javascript:void(0);"><img alt="头像" class="panel-warp-img mr10 fl" height="60" src="" width="60"></a>
<span class="task-index-name task-hide fl">李乾坤</span>
</div>
<div class="cl"></div>
<span class="mt10 mb10">MySQL/Java</span>
<p class="xy_level">初级学员</p>
</div>
<ul class="task-index-list-box-bottom clearfix">
<li><i class="fa fa-tasks mr5 color-light-green" title="实训任务"></i><span>7</span></li>
<!--<li><i class="fa fa-comments-o mr5 color-light-green"></i><span>1255</span></li>-->
<li><i class="fa fa-users mr5 color-light-green" title="已开启实训"></i><span>29</span></li>
<li><i class="fa fa-viacoin mr5 color-light-green" title="实训总积分"></i><span>+500</span></li>
</ul>
</div>
</div>
</div>
<div class="lesson-saved-list-stage">
<div class="saved-title clearfix">
<li class="fl"><i class="fa fa-dot-circle-o color-orange mr5 font-16"></i><span class="font-16 font-bd">java语言基础知识</span></li>
<li class="fr">
<a class="task-btn color_white bc-grey del-editstage" onclick="delsavestage(this);">删除</a>
<a class="course-bth-blue color_white">编辑</a>
</li>
</div>
<div class="task-index-list clearfix mb20" id="_course_sx_list">
<div class="task-index-list-box fl pr">
<div class="task-array">4</div>
<div class="task-index-list-box-top xy_box" style="cursor: pointer;">
<p class="task-index-list-title two_lines_show">
<a href="javascript:void(0);">MySQL数据库编程开发实训（基础篇）</a>
</p>
<div class=" clearfix task-index-list-user task_yx_bo">
<a href="javascript:void(0);"><img alt="头像" class="panel-warp-img mr10 fl" height="60" src="" width="60"></a>
<span class="task-index-name task-hide fl">李乾坤</span>
</div>
<div class="cl"></div>
<span class="mt10 mb10">MySQL/Java</span>
<p class="xy_level">初级学员</p>
</div>
<ul class="task-index-list-box-bottom clearfix">
<li><i class="fa fa-tasks mr5 color-light-green" title="实训任务"></i><span>7</span></li>
<!--<li><i class="fa fa-comments-o mr5 color-light-green"></i><span>1255</span></li>-->
<li><i class="fa fa-users mr5 color-light-green" title="已开启实训"></i><span>29</span></li>
<li><i class="fa fa-viacoin mr5 color-light-green" title="实训总积分"></i><span>+500</span></li>
</ul>
</div>
<div class="task-index-list-box fl pr">
<div class="task-array">5</div>
<div class="task-index-list-box-top xy_box" style="cursor: pointer;">
<p class="task-index-list-title two_lines_show">
<a href="javascript:void(0);">MySQL数据库编程开发实训（基础篇）</a>
</p>
<div class=" clearfix task-index-list-user task_yx_bo">
<a href="javascript:void(0);"><img alt="头像" class="panel-warp-img mr10 fl" height="60" src="" width="60"></a>
<span class="task-index-name task-hide fl">李乾坤</span>
</div>
<div class="cl"></div>
<span class="mt10 mb10">MySQL/Java</span>
<p class="xy_level">初级学员</p>
</div>
<ul class="task-index-list-box-bottom clearfix">
<li><i class="fa fa-tasks mr5 color-light-green" title="实训任务"></i><span>7</span></li>
<!--<li><i class="fa fa-comments-o mr5 color-light-green"></i><span>1255</span></li>-->
<li><i class="fa fa-users mr5 color-light-green" title="已开启实训"></i><span>29</span></li>
<li><i class="fa fa-viacoin mr5 color-light-green" title="实训总积分"></i><span>+500</span></li>
</ul>
</div>
<div class="task-index-list-box fl pr">
<div class="task-array">6</div>
<div class="task-index-list-box-top xy_box" style="cursor: pointer;">
<p class="task-index-list-title two_lines_show">
<a href="javascript:void(0);">MySQL数据库编程开发实训（基础篇）</a>
</p>
<div class=" clearfix task-index-list-user task_yx_bo">
<a href="javascript:void(0);"><img alt="头像" class="panel-warp-img mr10 fl" height="60" src="" width="60"></a>
<span class="task-index-name task-hide fl">李乾坤</span>
</div>
<div class="cl"></div>
<span class="mt10 mb10">MySQL/Java</span>
<p class="xy_level">初级学员</p>
</div>
<ul class="task-index-list-box-bottom clearfix">
<li><i class="fa fa-tasks mr5 color-light-green" title="实训任务"></i><span>7</span></li>
<!--<li><i class="fa fa-comments-o mr5 color-light-green"></i><span>1255</span></li>-->
<li><i class="fa fa-users mr5 color-light-green" title="已开启实训"></i><span>29</span></li>
<li><i class="fa fa-viacoin mr5 color-light-green" title="实训总积分"></i><span>+500</span></li>
</ul>
</div>
</div>
</div>
</div>
<div class="lesson-edit-content mb20">
<div class="stage-item mb20 clearfix">
<div class="stage clearfix mb20">
<li class="fl font-16 font-bd">阶段<span class="font-16 font-bd">3</span></li>
<li class="fr">
<a class="task-btn color_white bc-grey del-editstage" onclick="deleditstage(this);">删除</a>
<a class="course-bth-blue color_white" onclick="saveeidtsatge(this);">保存</a>
</li>
</div>
<div class="stage-entry clearfix">
<li class="fl mr10"><label class="stage-name-label"><span class="color-orange mr5">*</span>名称:</label></li>
<li class="fl" style="width: 90%;">
<input class="panel-form-width-100 panel-form-height-30 panel-box-sizing box-border stage-name" style="background: none;" maxlength="100" placeholder="请输入阶段名称,最多100个字符,如基础知识、第1章等" size="100" type="text">
<p class="color-red" style="height: 25px;"><span class="stage_name_notice" style="display: none;"><i class="fa fa-exclamation-circle color-red mr5"></i>阶段名称不能为空</span></p>
<a class="add-sx">+选择实训</a>
<p class="color-orange" style="height: 25px;"><span id="sx_notice" class="fr">选择实训后，在页面上通过拖拽进行排序调整</span></p>
</li>
</div>
<div class="adding-stage-item clearfix" id="sortable">
<div class="task-index-list-box-all fl pr ui-state-default">
<i class="fa fa-times-circle task-close-icon"></i>
<div class="task-index-list-box-top xy_box" style="cursor: pointer;">
<p class="task-index-list-title two_lines_show">
<a href="javascript:void(0);">MySQL数据库编程开发实训（基础篇）1</a>
</p>
<div class=" clearfix task-index-list-user task_yx_bo">
<a href="javascript:void(0);"><img alt="头像" class="panel-warp-img mr10 fl" height="60" src="" width="60"></a>
<span class="task-index-name task-hide fl">李乾坤</span>
</div>
<div class="cl"></div>
<span class="mt10 mb10">MySQL/Java</span>
<p class="xy_level">初级学员</p>
</div>
<ul class="task-index-list-box-bottom clearfix">
<li><i class="fa fa-tasks mr5 color-light-green" title="实训任务"></i><span>7</span></li>
<li><i class="fa fa-users mr5 color-light-green" title="已开启实训"></i><span>29</span></li>
<li><i class="fa fa-viacoin mr5 color-light-green" title="实训总积分"></i><span>+500</span></li>
</ul>
</div>
<div class="task-index-list-box-all fl pr ui-state-default">
<i class="fa fa-times-circle task-close-icon"></i>
<div class="task-index-list-box-top xy_box" style="cursor: pointer;">
<p class="task-index-list-title two_lines_show">
<a href="javascript:void(0);">MySQL数据库编程开发实训（基础篇）2</a>
</p>
<div class=" clearfix task-index-list-user task_yx_bo">
<a href="javascript:void(0);"><img alt="头像" class="panel-warp-img mr10 fl" height="60" src="" width="60"></a>
<span class="task-index-name task-hide fl">李乾坤</span>
</div>
<div class="cl"></div>
<span class="mt10 mb10">MySQL/Java</span>
<p class="xy_level">初级学员</p>
</div>
<ul class="task-index-list-box-bottom clearfix">
<li><i class="fa fa-tasks mr5 color-light-green" title="实训任务"></i><span>7</span></li>
<li><i class="fa fa-users mr5 color-light-green" title="已开启实训"></i><span>29</span></li>
<li><i class="fa fa-viacoin mr5 color-light-green" title="实训总积分"></i><span>+500</span></li>
</ul>
</div>
<div class="task-index-list-box-all fl pr ui-state-default">
<i class="fa fa-times-circle task-close-icon"></i>
<div class="task-index-list-box-top xy_box" style="cursor: pointer;">
<p class="task-index-list-title two_lines_show">
<a href="javascript:void(0);">MySQL数据库编程开发实训（基础篇）3</a>
</p>
<div class=" clearfix task-index-list-user task_yx_bo">
<a href="javascript:void(0);"><img alt="头像" class="panel-warp-img mr10 fl" height="60" src="" width="60"></a>
<span class="task-index-name task-hide fl">李乾坤</span>
</div>
<div class="cl"></div>
<span class="mt10 mb10">MySQL/Java</span>
<p class="xy_level">初级学员</p>
</div>
<ul class="task-index-list-box-bottom clearfix">
<li><i class="fa fa-tasks mr5 color-light-green" title="实训任务"></i><span>7</span></li>
<li><i class="fa fa-users mr5 color-light-green" title="已开启实训"></i><span>29</span></li>
<li><i class="fa fa-viacoin mr5 color-light-green" title="实训总积分"></i><span>+500</span></li>
</ul>
</div>
<div class="task-index-list-box-all fl pr ui-state-default">
<i class="fa fa-times-circle task-close-icon"></i>
<div class="task-index-list-box-top xy_box" style="cursor: pointer;">
<p class="task-index-list-title two_lines_show">
<a href="javascript:void(0);">MySQL数据库编程开发实训（基础篇）4</a>
</p>
<div class=" clearfix task-index-list-user task_yx_bo">
<a href="javascript:void(0);"><img alt="头像" class="panel-warp-img mr10 fl" height="60" src="" width="60"></a>
<span class="task-index-name task-hide fl">李乾坤</span>
</div>
<div class="cl"></div>
<span class="mt10 mb10">MySQL/Java</span>
<p class="xy_level">初级学员</p>
</div>
<ul class="task-index-list-box-bottom clearfix">
<li><i class="fa fa-tasks mr5 color-light-green" title="实训任务"></i><span>7</span></li>
<li><i class="fa fa-users mr5 color-light-green" title="已开启实训"></i><span>29</span></li>
<li><i class="fa fa-viacoin mr5 color-light-green" title="实训总积分"></i><span>+500</span></li>
</ul>
</div>
<div class="task-index-list-box-all fl pr ui-state-default">
<i class="fa fa-times-circle task-close-icon"></i>
<div class="task-index-list-box-top xy_box" style="cursor: pointer;">
<p class="task-index-list-title two_lines_show">
<a href="javascript:void(0);">MySQL数据库编程开发实训（基础篇）5</a>
</p>
<div class=" clearfix task-index-list-user task_yx_bo">
<a href="javascript:void(0);"><img alt="头像" class="panel-warp-img mr10 fl" height="60" src="" width="60"></a>
<span class="task-index-name task-hide fl">李乾坤</span>
</div>
<div class="cl"></div>
<span class="mt10 mb10">MySQL/Java</span>
<p class="xy_level">初级学员</p>
</div>
<ul class="task-index-list-box-bottom clearfix">
<li><i class="fa fa-tasks mr5 color-light-green" title="实训任务"></i><span>7</span></li>
<li><i class="fa fa-users mr5 color-light-green" title="已开启实训"></i><span>29</span></li>
<li><i class="fa fa-viacoin mr5 color-light-green" title="实训总积分"></i><span>+500</span></li>
</ul>
</div>
</div>
</div>
<div class="stage-item mb20 clearfix">
<div class="stage clearfix mb20">
<li class="fl font-16 font-bd">阶段<span class="font-16 font-bd">4</span></li>
<li class="fr">
<a class="task-btn color_white bc-grey del-editstage" onclick="deleditstage(this);">删除</a>
<a class="course-bth-blue color_white" onclick="saveeidtsatge(this);">保存</a>
</li>
</div>
<div class="stage-entry clearfix">
<li class="fl mr10"><label class="stage-name-label"><span class="color-orange mr5">*</span>名称:</label></li>
<li class="fl" style="width: 90%;">
<input class="panel-form-width-100 panel-form-height-30 panel-box-sizing box-border stage-name" style="background: none;" maxlength="100" placeholder="请输入阶段名称,最多100个字符,如基础知识、第1章等" size="100" type="text">
<p class="color-red" style="height: 25px;"><span class="stage_name_notice" style="display: none;"><i class="fa fa-exclamation-circle color-red mr5"></i>阶段名称不能为空</span></p>
<a class="add-sx">+选择实训</a>
<p class="color-orange" style="height: 25px;"><span id="sx_notice" class="fr">选择实训后，在页面上通过拖拽进行排序调整</span></p>
</li>
</div>
<div class="adding-stage-item clearfix" id="sortable-1">
</div>
</div>
</div>
<div class="mb20 boxborder-dashed-orange font-bd color-light-grey click_add">
+点击新建阶段（选择1至多个实训项目，组成一个阶段）
</div>
</div>
</div>
<script>
$(function() {
//初始化拖拽层
$( "#sortable" ).sortable();
$( "#sortable" ).disableSelection();
//编辑列表里右上角的删除icon，删除单个实训
$(".task-close-icon").click(function(){
$(this).parent(".task-index-list-box-all").remove();
})
});
//点击新建阶段
$(".click_add").click(function(){
var counttage=$(".lesson-saved-list-stage").length;
var count=$(".lesson-edit-content .stage-item").length;
count++;
count=count+counttage;
var edithtml="";
edithtml+="<div class=\"stage-item mb20 clearfix\">";
edithtml+="<div class=\"stage clearfix mb20\">";
edithtml+="<li class=\"fl font-16 font-bd\">阶段<span class=\"font-16 font-bd\">"+count+"</span></li>";
edithtml+="<li class=\"fr\">";
edithtml+="<a class=\"task-btn color_white bc-grey mr5 del-editstage\" onclick=\"deleditstage(this);\">删除</a>";
edithtml+="<a class=\"course-bth-blue\">保存</a>";
edithtml+="</li></div>";
edithtml+="<div class=\"stage-entry clearfix\">";
edithtml+="<li class=\"fl mr10\"><label class=\"stage-name-label\"><span class=\"color-orange mr5\">*</span>名称:</label></li>";
edithtml+="<li class=\"fl\" style=\"width: 90%;\">";
edithtml+="<input class=\"panel-form-width-100 panel-form-height-30 panel-box-sizing box-border stage-name\" style=\"background: none;\" maxlength=\"100\" placeholder=\"请输入阶段名称,最多100个字符,如基础知识、第1章等\" size=\"100\" type=\"text\">";
edithtml+="<p class=\"color-red\" style=\"height: 25px;\"><span class=\"stage_name_notice\" style=\"display: none;\"><i class=\"fa fa-exclamation-circle color-red mr5\"></i>阶段名称不能为空</span></p>";
edithtml+="<a class=\"add-sx\">+选择实训</a>";
edithtml+="<p class=\"color-orange\" style=\"height: 25px;\"><span id=\"sx_notice\" class=\"fr\">选择实训后，在页面上通过拖拽进行排序调整</span></p>";
edithtml+="</li></div>";
edithtml+="<div class=\"adding-stage-item clearfix\" id=\"sortable-"+count+"\">";
edithtml+="</div></div>";
$(".lesson-edit-content").append(edithtml);
})
//删除整个编辑部分
function deleditstage(item){
$(item).parents(".stage-item").remove();
var counttage=$(".lesson-saved-list-stage").length;
for(var i=0;i<$(".lesson-edit-content .stage-item").length;i++){
$(".lesson-edit-content .stage-item").eq(i).find(".stage span").html(counttage+i+1);
}
}
//删除整个已经保存过的阶段内容
function delsavestage(item){
$(item).parents(".lesson-saved-list-stage").remove();
var counttage=$(".lesson-saved-list-stage").length;
for(var i=0;i<$(".lesson-edit-content .stage-item").length;i++){
$(".lesson-edit-content .stage-item").eq(i).find(".stage span").html(counttage+i+1);
}
}
//保存
function saveeidtsatge(item){
//判断是否输入阶段名称
var stagename= $(item).parents(".stage").siblings(".stage-entry").find(".stage-name").val();
if(stagename==""){
$(item).parents(".stage").siblings(".stage-entry").find(".stage_name_notice").show();
}
}
</script>
</body>
</html>

81
app/views/courses/_course_publish_option.html Normal file
View File

@ -0,0 +1,81 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="../../../public/stylesheets/css/edu-common.css" rel="stylesheet" type="text/css"/>
<link href="../../../public/stylesheets/css/edu-public.css" rel="stylesheet" type="text/css"/>
<link href="../../../public/stylesheets/css/edu-class.css" rel="stylesheet" type="text/css"/>
<link href="../../../public/stylesheets/css/edu-admin.css" rel="stylesheet" type="text/css"/>
<link href="../../../public/stylesheets/css/font-awesome.css" rel="stylesheet" type="text/css"/>
<link href="../../../public/stylesheets/css/magic-check.css" rel="stylesheet" type="text/css"/>
<link href="../../../public/stylesheets/bootstrap/bootstrap-theme.min.css" rel="stylesheet" type="text/css"/>
<script src="../../../public/javascripts/application.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../public/javascripts/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<title></title>
<style>
.course-option{width: 570px;padding: 10px;background-color: #FFFFFF;}
.magic-radio + label:before, .magic-checkbox + label:before{top: 11px;left: 5px;}
.magic-checkbox + label:after{top: 11px;left: 11px;}
</style>
</head>
<body>
<div class="course-option">
<div class="clearfix">
<table class="edu-pop-table edu-txt-center mb10" style="table-layout: fixed;" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th class="table_Name_text" width="70%">实训名称</th>
<th width="15%">任务</th>
<th width="15%">状态</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span class="fl">
<input type="checkbox" name="role[]" value="0" id="join_course_role_0" class="fl ml-3 mr5 magic-checkbox" style="margin: 13px 0px 5px 5px;">
<label for="join_course_role_0" class="table_Name_text fl" style="top: 0;">C&C++基本输出输入实训</label>
</span>
</td>
<td>5</td>
<td>编辑中</td>
</tr>
<tr>
<td>
<span class="fl">
<input type="checkbox" name="role[]" value="1" id="join_course_role_1" class="fl ml-3 mr5 magic-checkbox" style="margin: 13px 0px 5px 5px;">
<label for="join_course_role_1" class="table_Name_text fl" style="top: 0;">C&C++基本输出输入实训</label>
</span>
</td>
<td>5</td>
<td>审核中</td>
</tr>
<tr>
<td>
<span class="fl">
<input type="checkbox" name="role[]" value="2" id="join_course_role_2" class="fl ml-3 mr5 magic-checkbox" style="margin: 13px 0px 5px 5px;">
<label for="join_course_role_2" class="table_Name_text fl" style="top: 0;">C&C++基本输出输入实训</label>
</span>
</td>
<td>5</td>
<td>已发布</td>
</tr>
</tbody>
</table>
<div>
<a class="course-bth-blue color_white fl">选择</a>
<div class="pages_user_show fr">
<ul id="homework_pository_ref_pages">
<li><a href="" class="pages-big" data-remote="true">上一页</a></li>
<li><a class="active">1</a></li>
<li><a href="" class="page c_blue" data-remote="true">2</ a></li>
<li><a href="" class="pages-big pages-border-right" data-remote="true">下一页</a></li>
</ul>
<div class="cl"></div>
</div>
</div>
</div>
</div>
</body>
</html>

2
public/stylesheets/css/edu-admin.css
View File

@ -123,4 +123,4 @@ a:hover.edu-admin-nav-a,.active a.edu-admin-nav-a{color: #5faee3;}
.edu-dropdown-menu p{height: 35px;line-height: 35px;}
.ex_container{margin-bottom: 20px;}
.table_Name_text{text-align: left;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 39px;width: 370px;line-height: 39px;-webkit-box-orient: vertical;}
.table_Name_text{padding-left: 5px;text-align: left;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 39px;width: 370px;line-height: 39px;-webkit-box-orient: vertical;}

6
public/stylesheets/css/edu-common.css
View File

@ -95,7 +95,7 @@ position:absolute;left:-420px;top:0;}
.col-width-2{ max-width: 20%; background: #fff; border:1px solid #e8e8e8;}
.col-width-1{ max-width: 10%; background: #fff; border:1px solid #e8e8e8;}
/*按钮*/
a.task-btn{display: inline-block;font-weight: bold;border: none;padding: 0 12px;color: #666;background: #e1e1e1;letter-spacing: 1px;text-align: center;font-size: 14px;height: 30px;line-height: 30px;border-radius: 3px; }
a.task-btn{cursor: pointer;display: inline-block;font-weight: bold;border: none;padding: 0 12px;color: #666;background: #e1e1e1;letter-spacing: 1px;text-align: center;font-size: 14px;height: 30px;line-height: 30px;border-radius: 3px; }
a:hover.task-btn {background: #c3c3c3; color: #666;}
a.task-btn-green{background: #29bd8b; color: #fff!important;}
a:hover.task-btn-green{background: #19b17e;}
@ -128,8 +128,10 @@ a:hover.task-btn-ver{background:#5f7cab;}
a.task-btn-email{display: inline-block;font-weight: bold;border: none; width:185px;color: #666;background: #e1e1e1;letter-spacing: 1px;text-align: center;font-size: 14px;height: 40px;line-height: 40px;border-radius: 3px;}
a:hover.task-btn-email {background: #c3c3c3; color: #666;}
/*07-11 新添加的公用样式 cs*/
a.course-btn{font-weight: bold;border-radius: 4px;display: inline-block;width: auto;padding: 0px 12px;background-color: #FFFFFF;color: #44bfa3;letter-spacing: 1px;height: 30px;line-height: 30px;}
a.course-btn{cursor: pointer;font-weight: bold;border-radius: 4px;display: inline-block;width: auto;padding: 0px 12px;background-color: #FFFFFF;color: #44bfa3;letter-spacing: 1px;height: 30px;line-height: 30px;}
.bc-grey{background-color: #CCCCCC!important;}
a.course-bth-blue{cursor: pointer;background-color:#199ed8 ;color: #ffffff;display: inline-block;font-weight: bold;border: none;padding: 0 12px;letter-spacing: 1px;text-align: center;font-size: 14px;height: 30px;line-height: 30px;border-radius: 3px;}
/*提示条*/
.alert{ padding:10px;border: 1px solid transparent; text-align: center;}
.alert-blue{ background-color: #d9edf7;border-color: #bce8f1; color: #3a87ad;}