tianze-pro/web/src/main/resources/templates/jlw/resourcesTraining/add.html

<!--# layout("/common/layout.html",{"jsBase":"/js/jlw/resourcesTraining/"}){ -->
<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>
<style type="text/css">
    #answer{
        background-color: #f9f9f9;
        padding: 0;
        padding-left: 30px;
        line-height:30px;
    }
    #answer li{
        list-style-type: decimal !important;
    }
    /* #answer li:hover,#answer li:hover input{
        background-color: #f9f9f9;
    } */
    #answer li::marker {
        color: #999999;
    }
    #answer ol{
        padding: 5px 0;
        padding-left: 6px;
        background-color: white;
    }
</style>
<form class="layui-form" id="addForm">
    <input type="hidden" name="resourcesTrainingId" value="${resourcesTraining.resourcesTrainingId}" />
<!--    <layui:submitButtons id="addButton" buttonType="" />-->
    <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="margin-bottom: 10px;padding: 0 28px;${sign!='1'?'':'display: none;'}">确定</a>
        <a class="layui-btn bg_button addRCS" style="margin-bottom: 10px;padding: 0 30px;${sign!='1'?'display: none;':''}"><i class="layui-icon">&#xe624;</i>添加步骤</a>
    </div>
    <div class="layui-row" style="${sign!='1'?'':'display: none;'}">
        <div class="layui-form-item">
            <label class="layui-form-label">归属课程：</label>
            <div class="layui-input-block">
                <layui:simpleDictSelect style='layui-input-inline' value="${courseInfoId}" type="course_info.course_info_name.course_info_status=1,course_info_type=1"
                                        id="courseInfoIds" name="courseInfoId_0" layFilter="select_courseInfoIds"/>
            </div>
        </div>
    </div>
    <input name="courseInfoId" type="hidden" value="${resourcesTraining.courseInfoId}" />
    <div class="layui-row" style="${sign!='1'?'':'display: none;'}">
        <div class="layui-form-item">
            <label class="layui-form-label">归属章节：</label>
            <div class="layui-input-block" style="width: 400px;">
                <!--#if(courseInfoId != null){-->
                <layui:simpleDictSelect style='layui-input-inline' value="${childNode}" type="course_info.course_info_name.course_info_status=1,course_info_type=2,course_info_parent_id=${courseInfoId}"
                                        id="courseInfoId1" name="courseInfoId_1"/>
                <!--#}else{-->
                <select name="courseInfoId_1">
                    <option value="">请选择</option>
                </select>
                <!--#}-->
            </div>
        </div>
    </div>
    <div class="layui-row" style="${sign!='1'?'':'display: none;'}">
        <div class="layui-form-item">
            <label class="layui-form-label">案例名称：</label>
            <div class="layui-input-block">
                <input type="text" name="resourcesTrainingName" value="${resourcesTraining.resourcesTrainingName}" class="layui-input" >
            </div>
        </div>
    </div>
    <div class="layui-row" style="${sign!='1'?'':'display: none;'}">
        <div class="layui-form-item">
            <label class="layui-form-label">案例介绍：</label>
            <div class="layui-input-block">
                <div id="resourcesTrainingContent">
                    <!--					resourcesTrainingContent-->
                    <textarea style="display:none;">${resourcesTraining.resourcesTrainingContentOriginal}</textarea>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row" style="${sign!='1'?'':'display: none;'}">
        <div class="layui-form-item">
            <label class="layui-form-label">数据集：</label>
            <div class="layui-input-block">
                <!--（多个地址?+|| 逗号隔开）-->
                <input name="resourcesTrainingData" type="hidden" value="${resourcesTraining.resourcesTrainingData}" />
                <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>
                        <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>

                    <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(resourcesTraining.resourcesTrainingData != null && resourcesTraining.resourcesTrainingData != ''){-->
                            <!--# var resourcesTrainingData = splitString(resourcesTraining.resourcesTrainingData,'\\|\\|'); //数据集-->
                            <!--# var fileUrl = splitString(resourcesTrainingData[0],'\\?'); //文件路径-->
                            <!--# var fileName = splitString(resourcesTrainingData[1],'\\?'); //文件名称 -->
                            <!--# var i = 0;for(item in fileUrl){ -->
                            <tr class="uploader-file">
                                <td class="uploader-file-name">${fileName[i]}</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}">
                                    <input name="fileName" type="hidden" title="文件名字" value="${fileName[i]}">
                                </td>
                            </tr>
                            <!--# i = i+ 1; } -->
                            <!--#}-->
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--#if(resourcesTraining.resourcesTrainingId != null && resourcesTraining.resourcesTrainingId != ''){ -->
    <div class="layui-row" style="${sign!='1'?'':'display: none;'}">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">添加步骤：</label>
                <div class="layui-input-block">
                    <button type="button" class="layui-btn bg_button addRCS"><i class="layui-icon">&#xe624;</i></button>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row">
        <div class="layui-form-item">
            <div class="layui-input-block">
                <table class="layui-table" style="width: 80%;min-width: 800px;">
                    <colgroup>
                        <col width="100">
                        <col>
                        <col width="120">
                        <col width="100">
                        <col width="100">
                        <col width="100">
                        <col width="160">
                    </colgroup>
                    <thead>
                    <tr>
                        <th class="t_c">步骤顺序</th>
                        <th>步骤标题</th>
                        <th class="t_c">分值</th>
                        <th class="t_c">步骤内容</th>
                        <th class="t_c">考核内容</th>
                        <th class="t_c">步骤答案</th>
                        <th class="t_c">操作</th>
                    </tr>
                    </thead>
                    <tbody id="view">

                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--#} -->
</form>
<script id="demo" type="text/html">
    {{#  layui.each(d.list, function(index, item){ }}
    <tr>
        <td class="t_c">{{item.resourcesTrainingStepSort}}</td>
        <td>{{item.resourcesTrainingStepTitle}}</td>
        <td class="t_c">{{item.resourcesTrainingStepScore}}</td>
        <td class="t_c"><button resourcesTrainingStepId="{{item.resourcesTrainingStepId}}" type="button" class="layui-btn layui-btn-sm bg_button see_content">查看</button></td>
        <td class="t_c"><button resourcesTrainingStepId="{{item.resourcesTrainingStepId}}" type="button" class="layui-btn layui-btn-sm bg_button see_question">查看</button></td>
        <td class="t_c"><button resourcesTrainingStepId="{{item.resourcesTrainingStepId}}" type="button" class="layui-btn layui-btn-sm bg_button see_answer">查看</button></td>
        <td class="t_c">
            <button type="button" resourcesTrainingStepId="{{item.resourcesTrainingStepId}}" class="layui-btn layui-btn-sm bg_button edit_step">编辑</button>
            <button type="button" resourcesTrainingStepId="{{item.resourcesTrainingStepId}}" class="layui-btn layui-btn-danger layui-btn-sm del_step">删除</button>
        </td>
    </tr>
    {{#  }); }}
    {{#  if(d.list.length === 0){ }}
    <tr>
        <td colspan="7" class="t_c">暂无步骤信息...</td>
    </tr>
    {{#  } }}
</script>
<!--#} -->
<script>
layui.use(['add'], function(){
    var resourcesTrainingAdd = layui.add
    resourcesTrainingAdd.init();

    $(".uploader-file-cancel").click(function (){
        var this_ = $(this);
        layer.confirm('是否确定删除该文件？', function (index) {
            this_.parents("tr").remove();
            layer.close(index);
        });
    });
});
</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>