课程配置

web/src/main/resources/templates/jlw/courseInfo/courseConfigureNew.html

@@ -48,6 +48,28 @@
     <a class="layui-btn layui-bg-gray" id="foldFalse" style="margin-bottom: 10px;">全部折叠</a>
 </div>
 <table id="courseInfoTable" lay-filter="courseInfoTable"></table>
+<!--本地上传-->
+<div style="display: none;" id="resources_demo">
+    <div class="layui-col-xs6" style="padding: 20px;border-right:thin solid #f4f4f4;height:270px">
+        <div class="grid-demo">
+        <div class="layui-upload-drag" id="resourcesUpload">
+            <i class="layui-icon" style="color: #3a71a8"></i>
+            <p>点击上传，或将文件拖拽到此处</p>
+            <div class="layui-hide" id="uploadDemoView">
+                <hr>
+                <img src="" alt="上传成功后渲染" style="max-width: 196px">
+            </div>
+        </div>
+        </div>
+    </div>
+    <div class="layui-col-xs6" style="padding: 20px">
+        <div class="grid-demo">
+            <div class="layui-row">上传须知:</div>
+        </div>
+    </div>
+
+</div>
+<!--资源库上传-->
 <!--# } -->
 <script type="text/javascript" src="${ctxPath}/plugins/xm-select.js?v=${jsVer}"></script>
 <script>
@@ -71,6 +93,17 @@
             element = layui.element,
             treetable = layui.treetable;
         var courseInfoParentId = $("input[name='courseInfoId']").val();
+
+        //拖拽上传
+        upload.render({
+            elem: '#resourcesUpload'
+            ,url: Common.ctxPath +  '/jlw/file/update.do' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
+            ,done: function(res){
+                layer.msg('上传成功');
+                layui.$('#uploadDemoView').removeClass('layui-hide').find('img').attr('src', Common.ctxPath + res.data.src);
+            }
+        });
+
         var courseInfoTable = function () {
             var ret = Common.getAjax("/jlw/courseInfo/getCourseResources.json", {courseInfoId: courseInfoParentId});
             var data = ret.data;
@@ -105,11 +138,11 @@
                     };
                 }
                 , cols: [[ // 表头
-                    /*    {
-                            field: 'LAY_TABLE_INDEX',
-                            title: '序号',
-                            align: "center",
-                        },*/
+                    {
+                        field: 'LAY_TABLE_INDEX',
+                        title: '序号',
+                        align: "center",
+                    },
                     {
                         field: 'courseInfoName',
                         title: '目录名称',
@@ -149,7 +182,7 @@
                             if (d.courseInfoType === 2) {
                                 htm += '<a class="layui-table-link" lay-event="add">添加子章节</a>';
                             } else if (d.courseInfoType === 3) {
-                                htm += '<a class="layui-table-link" lay-event="updateResources">上传资源</a>';
+                                htm += '<a class="layui-table-link" lay-event="updataResources">上传资源</a>';
                                 htm += '<a class="layui-table-link" lay-event="addLine">添加链接</a>';
                                 htm += '<a class="layui-table-link" lay-event="addWP">添加图文</a>';
                             }
@@ -195,6 +228,7 @@
             treetable.foldAll('#courseInfoTable');
         });
 
+        /*表格操作栏*/
         table.on('tool(courseInfoTable)', function (obj) {
             var data = obj.data;
             var courseInfoId = data.courseInfoId;
@@ -205,16 +239,9 @@
                     courseInfoStatus: 1
                 };
                 addOpen("",'子章节名称',"",param);
-            }else if (obj.event === 'updateResources') {//上传资源
-                layer.open({
-                    title: '在线调试'
-                    ,content: '<input type="radio" name="sex" value="nan" title="男">\n' +
-                        '<input type="radio" name="sex" value="nv" title="女" checked>'
-                    , shadeClose:true
-                    , btn2: function (index, layero) {
-                        layer.close(index);
-                    }
-                });
+            }else if (obj.event === 'updataResources') {//上传资源
+                var that = this;
+                updataResourcesOpen();
             }else if (obj.event === 'addLine') {//添加链接
 
             }else if (obj.event === 'addWP') {//添加图文
@@ -270,10 +297,10 @@
 
             }
         });
-
+        /*添加、编辑弹窗*/
         function addOpen(id,title,data,param) {
             layer.open({
-                title: "编辑"
+                title: "添加/编辑"
                 , content: '<div class="layui-inline" id="editName">\n' +
                     '<label class="layui-form-label">'+title+'</label>\n' +
                     '<div class="layui-input-inline">\n' +
@@ -305,7 +332,55 @@
                 }
             });
         }
+        function updataResourcesOpen() {
+            layer.open({
+                title: '上传资源类型'
+                , shadeClose: true
+                , content: '  <div class="layui-form" style="margin-top: 5px">' +
+                    '      <input type="radio" name="type" value="1" title="本地上传" checked>' +
+                    '      <input type="radio" name="type" value="2" title="资源库上传" >' +
+                    '  </div>'
+                , btn: ['确定', '关闭']
+                , success: function (layero, index) {
+                    form.render();
+                },yes:function (index, layero){
+                    var type = $("input[name='type']:checked").val();
+                    if($.isEmpty(type)){
+                        Common.info("请选择上传资源类型！！");
+                        return;
+                    }
+                    if(type == '1'||type == 1){
+                        updataResourcesOpenLocal();
+                    }else {
+
+                    }
+                    layer.close(index);
+                }
+                , btn2: function (index, layero) {
+                    layer.close(index);
+                }
+            });
+        }
 
+        /*上传本地资源*/
+        function updataResourcesOpenLocal() {
+            layer.open({
+                title: '本地上传'
+                ,type:1
+                , shadeClose: true
+                , content: $("#resources_demo")
+                , area: ['650px','380px']
+                , btn: ['确定', '关闭']
+                ,yes:function (index, layero){
+                    layer.close(index);
+                }
+                , btn2: function (index, layero) {
+                    layer.close(index);
+                }
+            });
+        }
+
+        /*课程数据提交*/
         function postCourseInfo(id, param) {
             layer.load();
             setTimeout(function () {
@@ -329,6 +404,8 @@
                 });
             }, 50);
         }
+
+        /*资源数据提交*/
         function postResourcesInfo(id, param) {
             layer.load();
             setTimeout(function () {