1.3.2美博会优化新加模板30-33视频上传功能

src/main/webapp/WEB-INF/views/modules/newhome/beautyFloorContentForm.jsp

@@ -196,6 +196,9 @@
                             var stringify = JSON.stringify(adsImageList1);
                             $('#images').val(stringify);
                         }
+                    }else if ((type == 'videoImage' && videoImageList.length > 0)) {
+                        var stringify = JSON.stringify(videoImageList);
+                        $('#images').val(stringify);
                     } else if ((type == 'infoImage' && infoImageList.length > 0)) {
                         var stringify = JSON.stringify(infoImageList);
                         $('#images').val(stringify);
@@ -587,6 +590,25 @@
                                 </thead>
                                 <tbody id="adsImageTbody"></tbody>
                             </table>
+                            <table id="videoImageTable" class="table table-striped table-bordered table-condensed"
+                                   style="display: none">
+                                <thead>
+                                <tr>
+                                    <th style="width:20px;"><input class="check-all" type="checkbox"
+                                                                   onclick="clickAllSelect(this)"/> 全选
+                                    </th>
+                                    <th>视频封面</th>
+                                    <th hidden>视频链接</th>
+                                    <th>网站状态</th>
+                                    <th>小程序状态</th>
+                                    <th>排序</th>
+                                    <th>创建时间</th>
+                                    <th>操作</th>
+                                </tr>
+                                </thead>
+                                <tbody id="videoImageTbody"></tbody>
+                            </table>
+
                             <table id="infoImageTable" class="table table-striped table-bordered table-condensed"
                                    style="display: none">
                                 <thead>
@@ -1323,6 +1345,7 @@
     var adsImageList2 = [];
     var adsImageList3 = [];
     var infoImageList = [];
+    var videoImageList= [];
     var productImageList = [];
     var productIds = '';
     $(function () {
@@ -1377,7 +1400,7 @@
         var templateType = $("input[name='templateType']:checked").val();
         if (templateType != undefined) {
             //数据填充
-            if (templateType == 1 || templateType == 2 || (templateType >= 7 && templateType <= 10) || (templateType >= 26 && templateType <= 33)) {
+            if (templateType == 1 || templateType == 2 || (templateType >= 7 && templateType <= 10) || (templateType >= 26 && templateType <= 29)) {
                 <c:forEach items="${floorContent.floorImageList}" var="floorImage" varStatus="index">
                 adsImageList1.push({
                     id: "${floorImage.id}",
@@ -1391,7 +1414,21 @@
                     createDate: "${floorImage.createDate}"
                 });
                 </c:forEach>
-            } else if (templateType >= 3 && templateType <=6) {
+            }
+            else if (templateType >= 30 && templateType <=33) {
+                <c:forEach items="${floorContent.floorImageList}" var="floorImage" varStatus="index">
+                videoImageList.push({
+                    id: "${floorImage.id}",
+                    image: "${floorImage.image}",
+                    link: "${floorImage.link}",
+                    sort: "${floorImage.sort}",
+                    pcStatus: "${floorImage.pcStatus}",
+                    appletsStatus: "${floorImage.appletsStatus}",
+                    createDate: "${floorImage.createDate}"
+                });
+                </c:forEach>
+            }
+            else if (templateType >= 3 && templateType <=6) {
                 <c:forEach items="${floorContent.floorImageList}" var="floorImage" varStatus="index">
                 infoImageList.push({
                     id: "${floorImage.id}",
@@ -1502,6 +1539,7 @@
             $(".templateImageTable").show();
             $("#displayDateDiv").css('display', 'none');
             $("#adsImageTable").hide();
+            $("#videoImageTable").hide();
             $("#infoImageTable").hide();
             $("#productImageTable").hide();
             //广告图
@@ -1522,7 +1560,7 @@
                 $('.Image1').show();
             }
             //删除按钮和表格展示
-            if (templateType == 1 || templateType == 2 || (templateType >= 7 && templateType <= 10) || (templateType >= 26 && templateType <= 33)) {
+            if (templateType == 1 || templateType == 2 || (templateType >= 7 && templateType <= 10) || (templateType >= 26 && templateType <= 29)) {
                 if (adsImageList1.length == 0) {
                     $("#del").attr("disabled", "disabled");
                 } else {
@@ -1530,6 +1568,15 @@
                     $("#del").removeAttr("disabled");
                 }
                 type = 'adsImage';
+
+            }else if (templateType >= 30 && templateType <=33) {
+                if (videoImageList.length == 0) {
+                    $("#del").attr("disabled", "disabled");
+                } else {
+                    $("#videoImageTable").show();
+                    $("#del").removeAttr("disabled");
+                }
+                type = 'videoImage';
             } else if (templateType >= 3 && templateType <=6) {
                 if (infoImageList.length == 0) {
                     $("#del").attr("disabled", "disabled");
@@ -1553,11 +1600,15 @@
                 var imageList = displayDateNo == 1 ? adsImageList1 : (displayDateNo == 2 ? adsImageList2 : adsImageList3);
                 if (imageList.length == 0) {
                     $("#del").attr("disabled", "disabled");
-                } else {
+                } else if(templateType >= 26 && templateType <= 29){
                     $("#adsImageTable").show();
                     $("#del").removeAttr("disabled");
+                    type = 'adsImage';
+                }else{
+                    $("#videoImageTable").show();
+                    $("#del").removeAttr("disabled");
                 }
-                type = 'adsImage';
+                type = 'videoImage';
             }
             $("#type").val(type);
             //广告图建议尺寸
@@ -1647,11 +1698,16 @@
         var type = $("#type").val();
         var pageId= $("#pageId").val();
         var templateType = $("input[name='templateType']:checked").val();
+        console.log(type);
         if (type == 'adsImage') {
             url = url + "?pageId="+pageId+"&type=adsImage&templateType=" + templateType;
-        } else if (type == 'infoImage') {
+        } else if(type == 'videoImage'){
+            url = url + "?pageId="+pageId+"&type=adsImage&templateType=" + templateType;
+        }
+        else if (type == 'infoImage') {
             url = url + "?type=infoImage&templateType=" + templateType;
-        } else {
+        }
+        else {
             url = url + "?type=productImage&productCategory=1&productIds=" + productIds + "&templateType=" + templateType;
             title = '商品图片';
             width = $(top.document).width() - 400;
@@ -1699,7 +1755,26 @@
                         $('#adsImageTable').show();
                         $('#infoImageTable').hide();
                         $('#productImageTable').hide();
-
+                        $('#videoImageTable').hide();
+                    } else if (type == 'videoImage') {
+                        //信息宣传图活动
+                        if (items.image == '') {
+                            alertx("请上传视频封面图片");
+                            return false;
+                        }
+                        if (items.sort == '') {
+                            alertx("请输入排序值");
+                            return false;
+                        }
+                        if(items.link ==''){
+                            alertx("请上传视频");
+                            return false;
+                        }
+                        videoImageList.push(items);
+                        $('#adsImageTable').hide();
+                        $('#infoImageTable').hide();
+                        $('#productImageTable').hide();
+                        $('#videoImageTable').show();
                     } else if (type == 'infoImage') {
                         //信息宣传图活动
                         if (items.image == '') {
@@ -1726,6 +1801,8 @@
                         $('#adsImageTable').hide();
                         $('#infoImageTable').show();
                         $('#productImageTable').hide();
+                        $('#videoImageTable').hide();
+
                     } else {
                         //商品图片活动
                         for (var i = 0; i < items.length; i++) {
@@ -1757,6 +1834,7 @@
                         $('#adsImageTable').hide();
                         $('#infoImageTable').hide();
                         $('#productImageTable').show();
+                        $('#videoImageTable').hide();
                     }
                     $("#del").removeAttr("disabled");
                     batchSaveSort();
@@ -1827,7 +1905,59 @@
             )) +
             '</td>' +
             '<td>' +
-            (type == 'adsImage' || type == 'infoImage' ? (
+            (type == 'adsImage' || type == 'infoImage' || type == 'videoImage' ? (
+                '<a href="javascript:;" onclick="update(' + index + ')">编辑</a>'
+            ) : '') +
+            '   <a href="javascript:;" onclick="delect(' + index + ')">删除</a>' +
+            '</td>' +
+            '</tr>';
+        return html;
+    }
+    //相关图片列表数据
+    function appendVideoHead(data, index) {
+        var type = $("#type").val();
+        var html = '<tr id ="ads' + index + '">' +
+            '<td>' +
+            '<input class="check-item" type="checkbox" name="info" value="' + index + '"/>' + (index + 1) +
+            '</td>' +
+            '<td>' +
+            '<img src="' + data.image + '" width="60px" border="none" title="启用">' +
+            '</td>' +
+            ('<td hidden>' +  data.link  + '</td>') +
+            '<td>' +
+            (data.pcStatus == 1 ? (
+                '<font color="green">已启用</font>&nbsp;&nbsp;&nbsp;' +
+                '<a href="javascript:void(0);" onclick="updatePcStatus(0,' + index + ');" >' +
+                '停用</a>'
+            ) : (
+                '<font color="red">已停用</font>&nbsp;&nbsp;&nbsp;' +
+                '<a href="javascript:void(0)" onclick="updatePcStatus(1,' + index + ');">' +
+                '启用</a>'
+            )) +
+            '</td>' +
+            '<td>' +
+            (data.appletsStatus == 1 ? (
+                '<font color="green">已启用</font>&nbsp;&nbsp;&nbsp;' +
+                '<a href="javascript:void(0);" onclick="updateAppletsStatus(0,' + index + ');" >' +
+                '停用</a>'
+            ) : (
+                '<font color="red">已停用</font>&nbsp;&nbsp;&nbsp;' +
+                '<a href="javascript:void(0)" onclick="updateAppletsStatus(1,' + index + ');">' +
+                '启用</a>'
+            )) +
+            '</td>' +
+            '<td>' +
+            '<input name="sort" style="width:50px;" value="' + data.sort + '"  onkeyup="onlynum(this)"  onchange="changeSort(' + index + ',this)"></td>' +
+            '</td>' +
+            '<td>' +
+            (data.createDate == '' ? (
+                '<fmt:formatDate value="<%=new Date()%>" pattern="yyyy-MM-dd HH:mm:ss"/>'
+            ) : (
+                data.createDate
+            )) +
+            '</td>' +
+            '<td>' +
+            (type == 'adsImage' || type == 'infoImage' || type == 'videoImage' ? (
                 '<a href="javascript:;" onclick="update(' + index + ')">编辑</a>'
             ) : '') +
             '   <a href="javascript:;" onclick="delect(' + index + ')">删除</a>' +
@@ -1844,6 +1974,11 @@
                 html += appendShopOrderHead(item, index);
             })
             $("#adsImageTbody").html(html);
+        } else if (type == 'videoImage') {
+            list.forEach(function (item, index) {
+                html += appendVideoHead(item, index);
+            })
+            $("#videoImageTbody").html(html);
         } else if (type == 'infoImage') {
             list.forEach(function (item, index) {
                 html += appendShopOrderHead(item, index);
@@ -1876,6 +2011,9 @@
             } else if (displayDateNo == 3) {
                 adsImageList3 = imageList;
             }
+        } else if (type == 'videoImage') {
+            videoImageList.sort(sort);
+            insertHtml(videoImageList);
         } else if (type == 'infoImage') {
             infoImageList.sort(sort);
             insertHtml(infoImageList);
@@ -1951,6 +2089,13 @@
                 } else if (displayDateNo == 3) {
                     adsImageList3 = imageList;
                 }
+            }else if (type == 'videoImage') {
+                videoImageList.splice(index, 1);
+                insertHtml(videoImageList);
+                if (videoImageList.length == 0) {
+                    $("#del").attr("disabled", "disabled");
+                    $('#videoImageTable').hide();
+                }
             } else if (type == 'infoImage') {
                 infoImageList.splice(index, 1);
                 insertHtml(infoImageList);
@@ -1995,6 +2140,8 @@
                     var image = getImage(thisIndex);
                     if (type == 'adsImage') {
                         imageList.splice(thisIndex, 1);
+                    } else if (type == 'videoImage') {
+                        videoImageList.splice(thisIndex, 1);
                     } else if (type == 'infoImage') {
                         infoImageList.splice(thisIndex, 1);
                     } else {
@@ -2019,6 +2166,14 @@
                     } else if (displayDateNo == 3) {
                         adsImageList3 = imageList;
                     }
+                } else if (type == 'videoImage') {
+                    insertHtml(videoImageList);
+                    if (videoImageList.length == 0) {
+                        $("#del").attr("disabled", "disabled");
+                        $('#videoImageTable').hide();
+                    } else {
+                        $("#del").removeAttr("disabled");
+                    }
                 } else if (type == 'infoImage') {
                     insertHtml(infoImageList);
                     if (infoImageList.length == 0) {
@@ -2063,6 +2218,12 @@
             url = url + "?type=adsImage&templateType=" + templateType + "&image=" + image.image + "&appletsImage=" + image.appletsImage +
                 "&link=" + image.link + "&adsImage=" + image.adsImage + "&pcStatus=" + image.pcStatus +
                 "&appletsStatus=" + image.appletsStatus + "&sort=" + image.sort + "&createDate=" + image.createDate;
+        } else if (type == 'videoImage') {
+            image = videoImageList[index];
+            url = url + "?type=infoImage&templateType=" + templateType + "&image=" + image.image +
+                  "&link=" + image.link  + "&pcStatus=" + image.pcStatus +
+                "&appletsStatus=" + image.appletsStatus + "&sort=" + image.sort + "&createDate=" + image.createDate;
+
         } else if (type == 'infoImage') {
             image = infoImageList[index];
             url = url + "?type=infoImage&templateType=" + templateType + "&image=" + image.image + "&appletsImage=" + image.appletsImage +
@@ -2112,7 +2273,25 @@
                         $('#adsImageTable').show();
                         $('#infoImageTable').hide();
                         $('#productImageTable').hide();
+                        $('#videoImageTable').hide();
 
+                    } else if (type == 'videoImage') {
+                        //信息宣传图活动
+                        if (items.image == '') {
+                            alertx("请上传PC图片");
+                            return false;
+                        }
+                        if (items.sort == '') {
+                            alertx("请输入排序值");
+                            return false;
+                        }
+                        // 编辑成功，先删除原来的数据，再重新添加
+                        videoImageList.splice(index, 1);
+                        videoImageList.push(items);
+                        $('#adsImageTable').hide();
+                        $('#infoImageTable').hide();
+                        $('#productImageTable').hide();
+                        $('#videoImageTable').show();
                     } else if (type == 'infoImage') {
                         //信息宣传图活动
                         if (items.image == '') {
@@ -2141,7 +2320,8 @@
                         $('#adsImageTable').hide();
                         $('#infoImageTable').show();
                         $('#productImageTable').hide();
-                    }
+                        $('#videoImageTable').hide();
+                }
                     $("#del").removeAttr("disabled");
                     batchSaveSort();
                 }
@@ -2157,6 +2337,8 @@
             var displayDateNo = $("input[name='displayDateRadio']:checked").val();
             var imageList = displayDateNo == 1 ? adsImageList1 : (displayDateNo == 2 ? adsImageList2 : adsImageList3);
             image = imageList[index];
+        }  else if (type == 'videoImage') {
+            image = videoImageList[index];
         } else if (type == 'infoImage') {
             image = infoImageList[index];
         } else {