144 lines
5.5 KiB
HTML
144 lines
5.5 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"/>
|
||
<style>
|
||
.layui-upload-img{
|
||
width:80px;
|
||
height: 80px;
|
||
}
|
||
</style>
|
||
<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:value="${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="price" name="price" th:field="*{price}" class="form-control" type="number">
|
||
</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="*{cover}">
|
||
<p id="demoText"></p>
|
||
</div>
|
||
</div>
|
||
|
||
</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>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">课程简介：</label>
|
||
<div class="col-sm-8">
|
||
<textarea id="description" name="description" th:field="*{description}" placeholder="请输入章节介绍" class="layui-textarea"></textarea>
|
||
</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/oss'
|
||
,data:{module:"train/course"}//文件存放路径
|
||
,before: function(obj){
|
||
//预读本地文件示例，不支持ie8
|
||
obj.preview(function(index, file, result){
|
||
$('#demo1').attr('src', result); //图片链接（base64）
|
||
});
|
||
}
|
||
,done: function(res){
|
||
debugger;
|
||
//如果上传失败
|
||
if(res.code !=200){
|
||
return layer.msg('上传失败');
|
||
}
|
||
//上传成功
|
||
if(res.code ==200){
|
||
$("#cover").val(res.data)
|
||
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>
|