tianze-pro/web/src/main/resources/templates/jlw/teacherOpenCourseHandsOn/edit.html

<!--# layout("/common/layout.html",{"jsBase":"/js/jlw/teacherOpenCourseHandsOn/"}){ -->
<link rel="stylesheet" type="text/css" href="${ctxPath}/css/plugin.css?v=${jsVer}" media="all"/>
<link rel="stylesheet" href="${ctxPath}/plugins/editorMd/css/editormd.css"/>
<script src="${ctxPath}/plugins/editorMd/editormd.min.js"></script>
<link rel="stylesheet" href="${ctxPath}/plugins/highlight/styles/a11y-light.min.css"/>
<script type="text/javascript" src="${ctxPath}/plugins/highlight/highlight.min.js?v=${jsVer}"></script>

<form class="layui-form" id="updateForm">
    <div class="layui-row" style="margin: 0 auto;">
        <a class="layui-btn layui-btn-primary" id="addButton-cancel" style="margin-bottom: 10px;padding: 0 30px;">返回</a>
        <a class="layui-btn bg_button" id="addButton"
           style="${!user.get().isAdmin ? 'margin-bottom: 10px;padding: 0 28px;':'display: none;'}">确定</a>
    </div>
    <div class="layui-row">
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="req">*</span>归属课程：</label>
            <div class="layui-input-block" style="width: 400px;">
                <!--<layui:simpleDictSelect style='layui-input-inline' value="${teacherOpenCourseHandsOn.courseInfoId}"
                                        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" layFilter="select_courseInfoIds"/>-->

                <!--#layout("/common/courseInfoSelect.html",{"name":"courseInfoId", "id": "courseInfoId", "isShowGroupName": "true","filterName": "理论课程类,开课类","defaultValue": teacherOpenCourseHandsOn.courseInfoId}) {} -->
            </div>
        </div>
    </div>
    <div class="layui-row">
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="req">*</span>归属章节：</label>
            <div class="layui-input-block" style="width: 400px;">
                <input type="hidden" id="courseChildNode" value="${teacherOpenCourseHandsOn.courseChildNode}"/>
                <select name="courseChildNode" lay-filter="select_courseInfoIds_1">
                    <option value="">请选择</option>
                </select>
            </div>
        </div>
    </div>
    <div class="layui-row">
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="req">*</span>实操名称：</label>
            <div class="layui-input-block" style="width: 400px;">
                <input type="text" id="handsOnName" name="handsOnName" value="${teacherOpenCourseHandsOn.handsOnName}"
                       class="layui-input">
            </div>
        </div>
    </div>
    <div class="layui-row">
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="req">*</span>实操介绍：</label>
            <div class="layui-input-block">
                <div>
                    <!--                    <textarea style="display:none;"></textarea>-->
                    <textarea style="display:none;" id="test-editor">${teacherOpenCourseHandsOn.handsOnRecommend}</textarea>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row">
        <div class="layui-form-item">
            <label class="layui-form-label">数据集：</label>
            <div class="layui-input-block">
                <div class="layui-upload">
                    <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>
                        <a class="uploader-browse-pvwpm" style="display: none;"><u>select [.ppt', '.pptx', '.doc', '.docx', '.pdf', '.mp4']</u></a>
                        <button type="button" class="layui-btn bg_button uploader-browse">选择文件</button>
                        <button type="button" class="layui-btn bg_button" style="display: none;" id="testListAction">
                            开始上传
                        </button>
                    </div>

                    <div class="layui-upload-list" style="max-width: 80%;min-width: 800px;">
                        <table class="layui-table" id="updateFileList">
                            <colgroup>
                                <col>
                                <col width="150">
                                <col width="260">
                                <col width="150">
                            </colgroup>
                            <thead>
                            <tr>
                                <th style="text-align: center;">文件名</th>
                                <th style="text-align: center;">大小</th>
                                <th style="text-align: center;">上传进度</th>
                                <th style="text-align: center;">操作</th>
                            </tr>
                            </thead>
                            <tbody id="demoList">
                            <!--#if(teacherOpenCourseHandsOn.trainingData != null && teacherOpenCourseHandsOn.trainingData != '' && teacherOpenCourseHandsOn.trainingData != '""'){-->
                            <!--# var files = JsonString(teacherOpenCourseHandsOn.trainingData); //数据集-->
                            <!--# for(item in files){ -->
                            <tr class="uploader-file">
                                <td class="uploader-file-name"><a href="/server/${item.url}">${item.name}</a></td>
                                <td class="uploader-file-size" style="text-align: center;">-</td>
                                <td class="uploader-file-progress" style="text-align: center;"><span
                                        style="color: #73a2f8;">完成</span></td>
                                <td style="text-align: center;">
                                        <span class="uploader-file-cancel" style="padding: 0 10px;">
                                            <img src="${ctxPath}/plugins/simple-uploader/public/cancel.png"
                                                 title="Cancel upload">
                                        </span>
                                    <input name="imgFile" type="hidden" title="文件路径" value="${item.url}">
                                    <input name="fileName" type="hidden" title="文件名字" value="${item.name}">
                                </td>
                            </tr>
                            <!--#} -->
                            <!--#}-->
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row" id="handsOnSimulationTasks" style="${teacherOpenCourseHandsOn.handsOnId != null?'':'display: none;'}">
        <div>
            <label class="layui-form-label">实操任务：</label>
            <div class="layui-input-block">
                <button type="button" class="layui-btn bg_button button_add" style="float: left">
                    <i class="layui-icon">&#xe654;</i>
                </button>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-input-block">
                <table class="layui-table" style="width: 60%;min-width: 1000px;">
                    <colgroup>
                        <col width="200">
                        <col>
                        <col>
                        <col width="200">
                    </colgroup>
                    <thead>
                    <tr>
                        <th>任务顺序</th>
                        <th>任务标题</th>
                        <th>任务类型</th>
                        <th>分值</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <script id="sc_demo" type="text/html">
                        {{#  layui.each(d.list, function(index, item){ }}
                        <tr>
                            <td>{{item.taskOrder}}</td>
                            <td>{{item.taskTitle}}</td>
                            <td>{{item.taskType == '1'?'观看视频':item.taskType == '2'?'观看PPT': item.taskType ==
                                '3'?'理论测评':item.taskType == '4'?'实训操作步骤':item.taskType == '5'?'报告撰写':'其他'}}
                            </td>
                            <td>{{item.taskScore}}</td>
                            <td><a taskid="{{item.taskId}}" class="layui-btn layui-btn-sm bg_button bj">编辑</a> <a
                                    taskid="{{item.taskId}}" style="background-color: red" class="layui-btn layui-btn-sm sc">删除</a>
                            </td>
                        </tr>
                        {{#  }); }}
                    </script>
                    <tbody id="sc_view">

                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--<div class="layui-row">
        <div class="layui-form-item">
            <div class="layui-inline">
            	<label class="layui-form-label">开课ID</label>
				<div class="layui-input-inline">
					<input type="text" id="teacherOpenCourseId" name="teacherOpenCourseId"  value="${teacherOpenCourseHandsOn.teacherOpenCourseId}"   class="layui-input" >
				</div>
            </div>-->
            <!--<div class="layui-inline">
            	<label class="layui-form-label">归属课程</label>
				<div class="layui-input-inline">
					<input type="text" id="courseInfoId" name="courseInfoId"  value="${teacherOpenCourseHandsOn.courseInfoId}"   class="layui-input" >
				</div>
            </div>
        </div>
    </div>-->
    <!--<div class="layui-row">
        <div class="layui-form-item">
            <div class="layui-inline">
            	<label class="layui-form-label">归属章节</label>
				<div class="layui-input-inline">
					<input type="text" id="courseChildNode" name="courseChildNode"  value="${teacherOpenCourseHandsOn.courseChildNode}"   class="layui-input" >
				</div>
            </div>
            <div class="layui-inline">
            	<label class="layui-form-label">实操名称</label>
				<div class="layui-input-inline">
					<input type="text" id="handsOnName" name="handsOnName"  value="${teacherOpenCourseHandsOn.handsOnName}"   class="layui-input" >
				</div>
            </div>
        </div>
    </div>-->
    <!--<div class="layui-row">
        <div class="layui-form-item">
            <div class="layui-inline">
            	<label class="layui-form-label">实操介绍</label>
				<div class="layui-input-inline">
					<input type="text" id="handsOnRecommend" name="handsOnRecommend"  value="${teacherOpenCourseHandsOn.handsOnRecommend}"   class="layui-input" >
				</div>
            </div>
            <div class="layui-inline">
            	<label class="layui-form-label">添加时间</label>
				<div class="layui-input-inline">
					<input type="text" id="addTime" name="addTime"  value="${teacherOpenCourseHandsOn.addTime,"yyyy-MM-dd"}"   class="layui-input input-date" >
				</div>
            </div>
        </div>
    </div>
    <div class="layui-row">
        <div class="layui-form-item">
            <div class="layui-inline">
            	<label class="layui-form-label">组织机构ID</label>
				<div class="layui-input-inline">
					<input type="text" id="orgId" name="orgId"  value="${teacherOpenCourseHandsOn.orgId}"   class="layui-input" >
				</div>
            </div>
            <div class="layui-inline">
            	<label class="layui-form-label">后台用户ID</label>
				<div class="layui-input-inline">
					<input type="text" id="userId" name="userId"  value="${teacherOpenCourseHandsOn.userId}"   class="layui-input" >
				</div>
            </div>
        </div>
    </div>-->
    <!--<div class="layui-row">
        <div class="layui-form-item">
            <div class="layui-inline">
            	<label class="layui-form-label">数据集（多个地址，逗号隔开）</label>
				<div class="layui-input-inline">
					<input type="text" id="trainingData" name="trainingData"  value="${teacherOpenCourseHandsOn.trainingData}"   class="layui-input" >
				</div>
            </div>
        </div>
    </div>-->
	<!-- 业务对象须有hidden字段，保存delFlag和version字段-->
	<input type="hidden" name="实操任务" value="${teacherOpenCourseHandsOn.handsOnId}" />
    <input type="hidden" id="teacherOpenCourseId" name="teacherOpenCourseId"  value="${teacherOpenCourseHandsOn.teacherOpenCourseId}"   class="layui-input" >
    <!--    <layui:submitButtons id="updateButton"  buttonType="" showExamine="2" />-->
</form>
<!--#} -->
<script>
    layui.use(['edit'], function(){
        var teacherOpenCourseHandsOnEdit = layui.edit
        teacherOpenCourseHandsOnEdit.init();
    });
</script>
<script type="text/javascript" src="${ctxPath}/plugins/simple-uploader/public/uploader.js?v=${jsVer}"></script>
<script type="text/javascript" src="${ctxPath}/plugins/simple-uploader/public/app.js?v=${jsVer}"></script>