130 lines
5.1 KiB
HTML
130 lines
5.1 KiB
HTML
|
<!DOCTYPE HTML>
|
|||
|
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<head th:include="include :: header"></head>
|
|||
|
|
<link th:href="@{/ajax/libs/layui/css/layui.css}" rel="stylesheet"/>
|
|||
|
|
<body class="white-bg">
|
|||
|
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
|||
|
|
<form class="form-horizontal m" id="form-trainCourse-edit" th:object="${trainCourse}">
|
|||
|
|
<input id="id" name="id" th:field="*{id}" type="hidden">
|
|||
|
|
<input name="trainCourseCategoryId" th:field="*{trainCourseCategoryId}" type="hidden" id="treeId"/>
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class="col-sm-3 control-label">课程分类：</label>
|
|||
|
|
<div class="col-sm-8">
|
|||
|
|
<input class="form-control" type="text" name="treeName" onclick="selectCategoryTree()" th:field="${category.name}" readonly="true" id="treeName">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class="col-sm-3 control-label">课程名称：</label>
|
|||
|
|
<div class="col-sm-8">
|
|||
|
|
<input id="name" name="name" th:field="*{name}" class="form-control" type="text">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class="col-sm-3 control-label">课程封面：</label>
|
|||
|
|
<div class="col-sm-8">
|
|||
|
|
<input id="cover" name="cover" th:field="*{cover}" class="form-control" type="hidden">
|
|||
|
|
<div class="layui-upload">
|
|||
|
|
<button type="button" class="layui-btn" id="test1">上传图片</button>
|
|||
|
|
<div class="layui-upload-list">
|
|||
|
|
<img class="layui-upload-img" id="demo1" th:src="@{/profile/avatar/}+${trainCourse.cover}">
|
|||
|
|
<p id="demoText"></p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class="col-sm-3 control-label">课程简介：</label>
|
|||
|
|
<div class="col-sm-8">
|
|||
|
|
<input id="description" name="description" th:field="*{description}" class="form-control" type="text">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-group">
|
|||
|
|
<label class="col-sm-3 control-label" title="（默认 1-公开，2-不公开）">是否公开：</label>
|
|||
|
|
<div class="col-sm-8">
|
|||
|
|
<select id="state" name="state" th:with="type=${@dict.getType('train_open_state')}" class="form-control" >
|
|||
|
|
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{state}"></option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
<div th:include="include::footer"></div>
|
|||
|
|
<script th:src="@{/ajax/libs/layui/layui.js}"></script>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
var prefix = ctx + "train/trainCourse"
|
|||
|
|
$("#form-trainCourse-edit").validate({
|
|||
|
|
rules:{
|
|||
|
|
xxxx:{
|
|||
|
|
required:true,
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function submitHandler() {
|
|||
|
|
if ($.validate.form()) {
|
|||
|
|
$.operate.save(prefix + "/edit", $('#form-trainCourse-edit').serialize());
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
/*课程管理-新增-选择分类树*/
|
|||
|
|
function selectCategoryTree() {
|
|||
|
|
var treeId = $("#treeId").val();
|
|||
|
|
var deptId = $.common.isEmpty(treeId) ? "100" : $("#treeId").val();
|
|||
|
|
var url = ctx + "train/course/category/selectCategoryTree/" + deptId;
|
|||
|
|
var options = {
|
|||
|
|
title: '选择部门',
|
|||
|
|
width: "380",
|
|||
|
|
url: url,
|
|||
|
|
callBack: doSubmit
|
|||
|
|
};
|
|||
|
|
$.modal.openOptions(options);
|
|||
|
|
}
|
|||
|
|
function doSubmit(index, layero){
|
|||
|
|
var tree = layero.find("iframe")[0].contentWindow.$._tree;
|
|||
|
|
if ($.tree.notAllowParents(tree)) {
|
|||
|
|
var body = layer.getChildFrame('body', index);
|
|||
|
|
$("#treeId").val(body.find('#treeId').val());
|
|||
|
|
$("#treeName").val(body.find('#treeName').val());
|
|||
|
|
layer.close(index);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
layui.use('upload', function() {
|
|||
|
|
var $ = layui.jquery
|
|||
|
|
, upload = layui.upload;
|
|||
|
|
//普通图片上传
|
|||
|
|
var uploadInst = upload.render({
|
|||
|
|
elem: '#test1'
|
|||
|
|
,url: '/upload/files'
|
|||
|
|
,before: function(obj){
|
|||
|
|
//预读本地文件示例，不支持ie8
|
|||
|
|
obj.preview(function(index, file, result){
|
|||
|
|
$('#demo1').attr('src', result); //图片链接（base64）
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
,done: function(res){
|
|||
|
|
//如果上传失败
|
|||
|
|
if(res.code !=200){
|
|||
|
|
return layer.msg('上传失败');
|
|||
|
|
}
|
|||
|
|
//上传成功
|
|||
|
|
if(res.code ==200){
|
|||
|
|
$("#cover").val(res.fileName)
|
|||
|
|
return layer.msg('上传成功');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
,error: function(){
|
|||
|
|
//演示失败状态，并实现重传
|
|||
|
|
var demoText = $('#demoText');
|
|||
|
|
demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
|
|||
|
|
demoText.find('.demo-reload').on('click', function(){
|
|||
|
|
uploadInst.upload();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|