竞赛案例、课程实训

beetlsql3-dev
姚丹ab 2 years ago
parent fa4f3037fb
commit e556edb2a9

@ -56,6 +56,18 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe600;</span>
<div class="name">云上传</div>
<div class="code-name">&amp;#xe600;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xebca;</span>
<div class="name">云上传-copy</div>
<div class="code-name">&amp;#xebca;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61d;</span>
<div class="name">批量导入</div>
@ -248,12 +260,6 @@
<div class="code-name">&amp;#xe8c6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xebca;</span>
<div class="name">219上传、导出-copy</div>
<div class="code-name">&amp;#xebca;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c7;</span>
<div class="name">219上传、导出-copy</div>
@ -279,9 +285,9 @@
>@font-face {
font-family: 'iconfont';
src:
url('iconfont.woff2?t=1665674720756') format('woff2'),
url('iconfont.woff?t=1665674720756') format('woff'),
url('iconfont.ttf?t=1665674720756') format('truetype');
url('iconfont.woff2?t=1665730790888') format('woff2'),
url('iconfont.woff?t=1665730790888') format('woff'),
url('iconfont.ttf?t=1665730790888') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@ -307,6 +313,24 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont layui-extend-yunshangchuan1"></span>
<div class="name">
云上传
</div>
<div class="code-name">.layui-extend-yunshangchuan1
</div>
</li>
<li class="dib">
<span class="icon iconfont layui-extend-yunshangchuan1-copy"></span>
<div class="name">
云上传-copy
</div>
<div class="code-name">.layui-extend-yunshangchuan1-copy
</div>
</li>
<li class="dib">
<span class="icon iconfont layui-extend-piliangdaoru"></span>
<div class="name">
@ -604,15 +628,6 @@
</div>
</li>
<li class="dib">
<span class="icon iconfont layui-extend-shangchuandaochu-copy1"></span>
<div class="name">
219上传、导出-copy
</div>
<div class="code-name">.layui-extend-shangchuandaochu-copy1
</div>
</li>
</ul>
<div class="article markdown">
<h2 id="font-class-">font-class 引用</h2>
@ -640,6 +655,22 @@
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#layui-extend-yunshangchuan1"></use>
</svg>
<div class="name">云上传</div>
<div class="code-name">#layui-extend-yunshangchuan1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#layui-extend-yunshangchuan1-copy"></use>
</svg>
<div class="name">云上传-copy</div>
<div class="code-name">#layui-extend-yunshangchuan1-copy</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#layui-extend-piliangdaoru"></use>
@ -904,14 +935,6 @@
<div class="code-name">#layui-extend-shangchuandaochu-copy</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#layui-extend-shangchuandaochu-copy1"></use>
</svg>
<div class="name">219上传、导出-copy</div>
<div class="code-name">#layui-extend-shangchuandaochu-copy1</div>
</li>
</ul>
<div class="article markdown">
<h2 id="symbol-">Symbol 引用</h2>

@ -2,9 +2,9 @@
font-family: "iconfont"; /* Project id 3695701 */
/* Color fonts */
src:
url('iconfont.woff2?t=1665674720756') format('woff2'),
url('iconfont.woff?t=1665674720756') format('woff'),
url('iconfont.ttf?t=1665674720756') format('truetype');
url('iconfont.woff2?t=1665730790888') format('woff2'),
url('iconfont.woff?t=1665730790888') format('woff'),
url('iconfont.ttf?t=1665730790888') format('truetype');
}
.iconfont {
@ -15,6 +15,14 @@
-moz-osx-font-smoothing: grayscale;
}
.layui-extend-yunshangchuan1:before {
content: "\e600";
}
.layui-extend-yunshangchuan1-copy:before {
content: "\ebca";
}
.layui-extend-piliangdaoru:before {
content: "\e61d";
}
@ -144,10 +152,6 @@
}
.layui-extend-shangchuandaochu-copy:before {
content: "\ebca";
}
.layui-extend-shangchuandaochu-copy1:before {
content: "\e8c7";
}

@ -5,6 +5,20 @@
"css_prefix_text": "layui-extend-",
"description": "",
"glyphs": [
{
"icon_id": "952",
"name": "云上传",
"font_class": "yunshangchuan1",
"unicode": "e600",
"unicode_decimal": 58880
},
{
"icon_id": "32302388",
"name": "云上传-copy",
"font_class": "yunshangchuan1-copy",
"unicode": "ebca",
"unicode_decimal": 60362
},
{
"icon_id": "31313006",
"name": "批量导入",
@ -229,17 +243,10 @@
"unicode": "e8c6",
"unicode_decimal": 59590
},
{
"icon_id": "32263174",
"name": "219上传、导出-copy",
"font_class": "shangchuandaochu-copy",
"unicode": "ebca",
"unicode_decimal": 60362
},
{
"icon_id": "32211721",
"name": "219上传、导出-copy",
"font_class": "shangchuandaochu-copy1",
"font_class": "shangchuandaochu-copy",
"unicode": "e8c7",
"unicode_decimal": 59591
}

@ -1,97 +1,107 @@
layui.define([ 'form', 'laydate', 'table' ], function(exports) {
layui.define(['form', 'laydate', 'table'], function (exports) {
var form = layui.form;
var laydate = layui.laydate;
var table = layui.table;
var resourcesCompetitionTable = null;
var view ={
init:function(){
var view = {
init: function () {
this.initTable();
this.initSearchForm();
this.initToolBar();
window.dataReload = function(){
Lib.doSearchForm($("#searchForm"),resourcesCompetitionTable)
window.dataReload = function () {
Lib.doSearchForm($("#searchForm"), resourcesCompetitionTable)
}
},
initTable:function(){
initTable: function () {
resourcesCompetitionTable = table.render({
elem : '#resourcesCompetitionTable',
height : Lib.getTableHeight(),
elem: '#resourcesCompetitionTable',
height: Lib.getTableHeight(),
cellMinWidth: 100,
method : 'post',
even:true,
size:"lg",
url : Common.ctxPath + '/jlw/resourcesCompetition/list.json' // 数据接口
,page : Lib.tablePage // 开启分页
,limit : 10,
cols : [ [ // 表头
method: 'post',
even: true,
size: "lg",
url: Common.ctxPath + '/jlw/resourcesCompetition/list.json' // 数据接口
, page: Lib.tablePage // 开启分页
, limit: 10,
cols: [[ // 表头
{
type : 'checkbox',
type: 'checkbox',
},
{
field : 'resourcesCompetitionName',
title : '竞赛案例名称',align:"center"
},
{
field : 'courseInfoParentName',
title : '归属课程',align:"center"
},
{
field : 'courseInfoName',
title : '归属章节',align:"center"
},
{
field : 'userId',title : '操作',align:"center", templet: function (d) {
var htm = '<button type="button" class="layui-btn layui-btn-xs" lay-event="edit">编辑</button></a>';
htm += '<button type="button" class="layui-btn layui-btn-xs" lay-event="editStep">添加步骤</button></a>';
htm += '<button type="button" class="layui-btn layui-btn-xs" lay-event="del">删除</button></a>';
return htm;
{
field: 'resourcesCompetitionName',
title: '编程竞赛案例名称', align: "center"
},
{
field: 'courseInfoParentName',
title: '归属课程', align: "center"
},
{
field: 'courseInfoName',
title: '归属章节', align: "center"
},
{
field: 'questionStatus', width: 80,
title: '状态', align: "center", templet: function (d) {
return d.questionStatus === '1'
? '<span class="layui-badge layui-bg-green" style="background-color: #abd5ff !important; color: #088eed!important">已上架</span>'
: '<span class="layui-badge layui-bg-gray" style="background-color: #dadada !important; color: #6c6c6c!important">已下架</span>'
}
},
{
field: 'userId', title: '操作', align: "center", templet: function (d) {
var htm = '<a class="layui-table-link" lay-event="up" data-item="${JSON.stringify(d)}" >上架</a>';
htm += '<a class="layui-table-link" lay-event="down" data-item="${JSON.stringify(d)}" style="color: #bebebe!important">下架</a>';
htm += '<a class="layui-table-link" lay-event="edit">编辑</a>';
htm += '<a class="layui-table-link" lay-event="editStep">添加步骤</a>';
htm += '<a class="layui-table-link" lay-event="del">删除</a>';
return htm;
}
}
}
] ]
]]
});
});
table.on('checkbox(resourcesCompetitionTable)', function(obj){
table.on('checkbox(resourcesCompetitionTable)', function (obj) {
var resourcesCompetition = obj.data;
if(obj.checked){
if (obj.checked) {
//按钮逻辑Lib.buttonEnable()
}else{
} else {
}
})
},
initSearchForm:function(){
Lib.initSearchForm( $("#searchForm"),resourcesCompetitionTable,form);
initSearchForm: function () {
Lib.initSearchForm($("#searchForm"), resourcesCompetitionTable, form);
},
initToolBar:function(){
initToolBar: function () {
toolbar = {
add : function() { // 获取选中数据
add: function () { // 获取选中数据
var url = "/jlw/resourcesCompetition/add.do";
Common.openDlg(url,"竞赛案例管理/新增竞赛案例");
Common.openDlg(url, "编程竞赛案例管理/新增竞赛案例");
},
refresh: function () {//刷新
searchForm.reset();
Lib.doSearchForm($("#searchForm"), resourcesCompetitionTable, 1);
},
search:function () {
search: function () {
Lib.doSearchForm($("#searchForm"), resourcesCompetitionTable, 1);
}
};
$('.ext-toolbar').on('click', function() {
};
$('.ext-toolbar').on('click', function () {
var type = $(this).data('type');
toolbar[type] ? toolbar[type].call(this) : '';
});
}, initTableTool: table.on('tool(resourcesCompetitionTable)', function (obj) {
var data = obj.data;
if (obj.event === 'edit') {
var url = "/jlw/resourcesCompetition/add.do?resourcesCompetitionId="+data.resourcesCompetitionId;
Common.openDlg(url,"竞赛案例管理/编辑竞赛案例");
}else if(obj.event === 'editStep') {
var url = "/jlw/resourcesCompetition/add.do?resourcesCompetitionId="+data.resourcesCompetitionId+"&sign=1";
Common.openDlg(url,"竞赛案例管理/编辑竞赛案例");
}else if(obj.event === "del"){
var url = "/jlw/resourcesCompetition/add.do?resourcesCompetitionId=" + data.resourcesCompetitionId;
Common.openDlg(url, "编程竞赛案例管理/编辑竞赛案例");
} else if (obj.event === 'editStep') {
var url = "/jlw/resourcesCompetition/add.do?resourcesCompetitionId=" + data.resourcesCompetitionId + "&sign=1";
Common.openDlg(url, "编程竞赛案例管理/编辑竞赛案例");
} else if (obj.event === "del") {
layer.confirm('是否确定删除该信息?', function (index) {
var ret = Common.postAjax("/jlw/resourcesCompetition/delete.json", {ids: data.resourcesCompetitionId});
layer.msg(ret.code == 0 ? "删除成功!" : ret.msg, {
@ -104,12 +114,25 @@ layui.define([ 'form', 'laydate', 'table' ], function(exports) {
}
});
});
}else if(obj.event === "addStep"){//添加步骤
var url = "/jlw/resourcesCompetitionStep/add.do?resourcesCompetitionId="+data.resourcesCompetitionId;
Common.openDlg(url,"");
} else if (obj.event === "addStep") {//添加步骤
var url = "/jlw/resourcesCompetitionStep/add.do?resourcesCompetitionId=" + data.resourcesCompetitionId;
Common.openDlg(url, "");
} else if (obj.event === "up") {
alert('up')
} else if (obj.event === "down") {
alert('down')
}
})
}
exports('index',view);
};
//选择归属课程 并且根据选择的课程查询章节 resourcesQuestionIdsIsNotNull:查询题目不为空的章节
form.on('select(select_courseInfoIds)', function (obj) {
Lib.getCourseInfo($("select[name='courseInfoId_1']"), obj.value, 1);
});
//选择归属课程 并且根据选择的课程查询章节
form.on('select(select_courseInfoIds_)', function (obj) {
Lib.getCourseInfo($("select[name='courseInfoId_2']"), obj.value);
});
exports('index', view);
});

@ -30,7 +30,7 @@ layui.define([ 'form', 'laydate', 'table' ], function(exports) {
{
field : 'resourcesTrainingName',
title : '案例名称',align:"center"
title : '编程实训案例名称',align:"center"
},
{
field : 'courseInfoParentName',
@ -39,12 +39,22 @@ layui.define([ 'form', 'laydate', 'table' ], function(exports) {
{
field : 'courseInfoName',
title : '归属章节',align:"center"
}
,{
},
{
field: 'questionStatus', width: 80,
title: '状态', align: "center", templet: function (d) {
return d.questionStatus === '1'
? '<span class="layui-badge layui-bg-green" style="background-color: #abd5ff !important; color: #088eed!important">已上架</span>'
: '<span class="layui-badge layui-bg-gray" style="background-color: #dadada !important; color: #6c6c6c!important">已下架</span>'
}
},
{
field : 'userId',title : '操作',align:"center", templet: function (d) {
var htm = '<button type="button" class="layui-btn layui-btn-xs" lay-event="edit">编辑</button></a>';
htm += '<button type="button" class="layui-btn layui-btn-xs" lay-event="editStep">添加步骤</button></a>';
htm += '<button type="button" class="layui-btn layui-btn-xs" lay-event="del">删除</button></a>';
var htm = '<a class="layui-table-link" lay-event="up" data-item="${JSON.stringify(d)}" >上架</a>';
htm += '<a class="layui-table-link" lay-event="down" data-item="${JSON.stringify(d)}" style="color: #bebebe!important">下架</a>';
htm += '<a class="layui-table-link" lay-event="edit">编辑</a>';
htm += '<a class="layui-table-link" lay-event="editStep">添加步骤</a>';
htm += '<a class="layui-table-link" lay-event="del">删除</a>';
return htm;
}
}
@ -105,9 +115,25 @@ layui.define([ 'form', 'laydate', 'table' ], function(exports) {
}
});
});
} else if (obj.event === "addStep") {//添加步骤
var url = "/jlw/resourcesCompetitionStep/add.do?resourcesCompetitionId=" + data.resourcesCompetitionId;
Common.openDlg(url, "");
} else if (obj.event === "up") {
alert('up')
} else if (obj.event === "down") {
alert('down')
}
})
}
};
//选择归属课程 并且根据选择的课程查询章节 resourcesQuestionIdsIsNotNull:查询题目不为空的章节
form.on('select(select_courseInfoIds)', function (obj) {
Lib.getCourseInfo($("select[name='courseInfoId_1']"), obj.value, 1);
});
//选择归属课程 并且根据选择的课程查询章节
form.on('select(select_courseInfoIds_)', function (obj) {
Lib.getCourseInfo($("select[name='courseInfoId_2']"), obj.value);
});
exports('index',view);
});

@ -96,7 +96,7 @@
ondrop="jQuery(this).removeClass('uploader-dragover');">
<a class="uploader-browse-folder" style="display: none;"><u>select folder</u></a>
<a class="uploader-browse-image" style="display: none;"><u>select images</u></a>
<button type="button" class="layui-btn bg_button uploader-browse">选择文件</button>
<button type="button" class="layui-btn bg_button uploader-browse"><span class="iconfont">&#xebca;</span>&nbsp;选择文件</button>
<button type="button" class="layui-btn bg_button" style="display: none;" id="testListAction">
开始上传
</button>

@ -1,30 +1,51 @@
<!--#layout("/common/layout.html",{"jsBase":"/js/jlw/resourcesCompetition/"}){ -->
<style>
.layui-laypage .layui-laypage-curr .layui-laypage-em,button{
background-color: #73a2f8 !important;
}
/* 分页确定按钮*/
.layui-laypage-btn{
color: white!important;
.layui-laypage-btn {
color: white !important;
}
.layui-table a {
margin-right: 10px;
}
</style>
<layui:searchForm formId="searchForm" searchList="" condition="${search}">
<div class="layui-inline">
<label class="layui-form-label">课程筛选</label>
<div class="layui-input-inline">
<layui:simpleDictSelect style='layui-input-inline'
type="course_info.course_info_name.course_info_status=1,course_info_type=1,find_in_set(course_label_id,(select group_concat(course_label_id) from course_label where course_label_status = 1))"
id="courseInfoIds" name="courseInfoId_0"
layFilter="select_courseInfoIds"/>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">归属章节:</label>
<div class="layui-input-block">
<layui:simpleDictSelect style='layui-input-inline'
type="course_info.course_info_name.course_info_status=1,course_info_type=2"
id="courseInfoId1" name="courseInfoId_1" layFilter="select_courseInfoIds_"/>
</div>
</div>
</layui:searchForm>
<div class="layui-btn-group">
<layui:accessButton function="resourcesCompetition.query" id="searchFormSearch" action="search"><i class="layui-icon">&#xe615;</i>搜索</layui:accessButton>
<layui:accessButton function="resourcesCompetition.add" action="add">新增</layui:accessButton>
<layui:accessButton function="resourcesCompetition.add" action="allDel">批量删除</layui:accessButton>
<layui:accessButton function="resourcesCompetition.query" action="refresh"><i class="layui-icon">&#xe669;</i>刷新</layui:accessButton>
<!-- <layui:accessButton function="resourcesCompetition.query" id="searchFormSearch" action="search"><i class="layui-icon">&#xe615;</i>搜索</layui:accessButton>-->
<layui:accessButton function="resourcesCompetition.add" action="add"><i class="layui-icon">&#xe61f;</i>新增
</layui:accessButton>
<layui:accessButton function="resourcesCompetition.add" action="allDel" class="layui-btn-danger"><i
class="layui-icon">&#xe640;</i>批量删除
</layui:accessButton>
<layui:accessButton function="resourcesCompetition.query" action="refresh"><i class="layui-icon">&#xe669;</i>刷新
</layui:accessButton>
</div>
<table id="resourcesCompetitionTable" lay-filter="resourcesCompetitionTable"></table>
<!--#} -->
<script>
layui.use(['index'], function(){
var index = layui.index
index.init();
});
layui.use(['index'], function () {
var index = layui.index
index.init();
});
</script>

@ -88,7 +88,7 @@
<div class="uploader-drop" ondragenter="jQuery(this).addClass('uploader-dragover');" ondragend="jQuery(this).removeClass('uploader-dragover');" ondrop="jQuery(this).removeClass('uploader-dragover');">
<a class="uploader-browse-folder" style="display: none;"><u>select folder</u></a>
<a class="uploader-browse-image" style="display: none;"><u>select images</u></a>
<button type="button" class="layui-btn bg_button uploader-browse" >选择文件</button>
<button type="button" class="layui-btn bg_button uploader-browse" ><i class="iconfont">&#xebca;</i>&nbsp;选择文件</button>
<button type="button" class="layui-btn bg_button" style="display: none;" id="testListAction">开始上传</button>
</div>

@ -1,20 +1,38 @@
<!--#layout("/common/layout.html",{"jsBase":"/js/jlw/resourcesTraining/"}){ -->
<style>
.layui-laypage .layui-laypage-curr .layui-laypage-em,button{
background-color: #73a2f8 !important;
}
/* 分页确定按钮*/
.layui-laypage-btn{
color: white!important;
}
.layui-table a {
margin-right: 10px;
}
</style>
<layui:searchForm formId="searchForm" searchList="" condition="${search}">
<div class="layui-inline">
<label class="layui-form-label">课程筛选</label>
<div class="layui-input-inline">
<layui:simpleDictSelect style='layui-input-inline'
type="course_info.course_info_name.course_info_status=1,course_info_type=1,find_in_set(course_label_id,(select group_concat(course_label_id) from course_label where course_label_status = 1))"
id="courseInfoIds" name="courseInfoId_0"
layFilter="select_courseInfoIds"/>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">归属章节:</label>
<div class="layui-input-block">
<layui:simpleDictSelect style='layui-input-inline'
type="course_info.course_info_name.course_info_status=1,course_info_type=2"
id="courseInfoId1" name="courseInfoId_1" layFilter="select_courseInfoIds_"/>
</div>
</div>
</layui:searchForm>
<div class="layui-btn-group">
<layui:accessButton function="resourcesTraining.query" id="searchFormSearch" action="search"><i class="layui-icon">&#xe615;</i>搜索</layui:accessButton>
<!-- <layui:accessButton function="resourcesTraining.query" id="searchFormSearch" action="search"><i class="layui-icon">&#xe615;</i>搜索</layui:accessButton>-->
<layui:accessButton function="resourcesTraining.add" action="add"><i class="layui-icon">&#xe61f;</i>新增</layui:accessButton>
<layui:accessButton function="resourcesTraining.add" action="allDel">批量删除</layui:accessButton>
<layui:accessButton function="resourcesTraining.add" action="allDel" class="layui-btn-danger"><i
class="layui-icon">&#xe640;</i>批量删除</layui:accessButton>
<layui:accessButton function="resourcesTraining.query" action="refresh"><i class="layui-icon">&#xe669;</i>刷新</layui:accessButton>
</div>

Loading…
Cancel
Save