美博会part1

src/main/java/com/caimei/modules/cmpage/dao/CmPageCentreDao.java

@@ -33,4 +33,6 @@ public interface CmPageCentreDao extends CrudDao<CmPageCentre> {
     List<NewPageFloorImage> findFloorImage(Integer centreId);
 
     void deletePageImage(String centreId);
+
+    String findPageTitle(String pageId);
 }

src/main/java/com/caimei/modules/cmpage/service/CmPageCentreService.java

@@ -127,4 +127,9 @@ public class CmPageCentreService extends CrudService<CmPageCentreDao, CmPageCent
         floorContent.setFloorImageList(floorImageList);
         return floorContent;
     }
+
+    public String findPageTitle(String pageId) {
+        return cmPageCentreDao.findPageTitle(pageId);
+    }
+
 }

src/main/java/com/caimei/modules/cmpage/web/CmPageCentreController.java

@@ -69,10 +69,18 @@ public class CmPageCentreController extends BaseController {
     public String list(CmPageCentre cmPageCentre, HttpServletRequest request, HttpServletResponse response, Model model) {
         Page<CmPageCentre> page = cmPageCentreService.findPage(new Page<CmPageCentre>(request, response), cmPageCentre);
         model.addAttribute("page", page);
+        if (StringUtils.isNotBlank(cmPageCentre.getPageId())) {
+            String pageTitle = cmPageCentreService.findPageTitle(cmPageCentre.getPageId());
+            model.addAttribute("pageTitle", pageTitle);
+        }
         //分页详情商品楼层
         if ("5".equals(cmPageCentre.getType())) {
             return "modules/cmpage/cmPageDetailsCentreList";
         }
+        //活动专题商品楼层
+        if ("6".equals(cmPageCentre.getType())) {
+            return "modules/cmpage/cmPageActivityCentreList";
+        }
         return "modules/cmpage/cmPageCentreList";
     }
 
@@ -84,6 +92,10 @@ public class CmPageCentreController extends BaseController {
         if ("5".equals(cmPageCentre.getType())) {
             return "modules/cmpage/cmPageDetailsCentreForm";
         }
+        //活动专题商品楼层
+        if ("6".equals(cmPageCentre.getType())) {
+            return "modules/cmpage/cmPageActivityCentreForm";
+        }
         return "modules/cmpage/cmPageCentreForm";
     }
 
@@ -200,7 +212,11 @@ public class CmPageCentreController extends BaseController {
     public String goContentPage(NewPageFloorContent newPageFloorContent, Model model) {
         NewPageFloorContent floorContent = cmPageCentreService.findFloorContent(newPageFloorContent.getCentreId());
         floorContent.setPageId(newPageFloorContent.getPageId());
+        floorContent.setType(newPageFloorContent.getType());
         model.addAttribute("floorContent", floorContent);
+        if ("6".equals(newPageFloorContent.getType())) {
+            return "modules/newhome/activityFloorContentForm";
+        }
         return "modules/newhome/newPageFloorContentForm";
     }
 }

src/main/java/com/caimei/modules/cmpage/web/CmPageController.java

@@ -67,8 +67,8 @@ public class CmPageController extends BaseController {
     @RequiresPermissions("cmpage:cmPage:view")
     @RequestMapping(value = {"list", ""})
     public String list(CmPage cmPage, HttpServletRequest request, HttpServletResponse response, Model model) {
-        if (StringUtils.equals("2", cmPage.getFlag())) {// 2网页列表（1项目详情/2二级列表/4自由页面）
-            cmPage.getSqlMap().put("pageType", " AND (a.type=1 OR a.type=2 OR a.type=4 OR a.type=5)");
+        if (StringUtils.equals("2", cmPage.getFlag())) {// 2网页列表（1项目详情/2二级列表/4自由页面/5分类详情/6活动专题）
+            cmPage.getSqlMap().put("pageType", " AND (a.type=1 OR a.type=2 OR a.type=4 OR a.type=5 OR a.type=6)");
         }
         Page<CmPage> page = cmPageService.findPage(new Page<CmPage>(request, response), cmPage);
         model.addAttribute("page", page);
@@ -99,6 +99,10 @@ public class CmPageController extends BaseController {
             }
             return "modules/cmpage/cmPageDetailsForm";
         }
+        // 网页列表中的活动专题
+        if (StringUtils.equals("26", cmPage.getFlag()) || StringUtils.equals("6", cmPage.getType())) {
+            return "modules/cmpage/cmPageActivityForm";
+        }
         return "modules/cmpage/cmLecturerPageForm";
     }
 

src/main/java/com/caimei/modules/newhome/entity/NewPageFloorContent.java

@@ -42,6 +42,16 @@ public class NewPageFloorContent implements Serializable {
      */
     private String pcAdsImage3;
 
+    /**
+     * 网站广告图4
+     */
+    private String pcAdsImage4;
+
+    /**
+     * 网站广告图5
+     */
+    private String pcAdsImage5;
+
     /**
      * 移动端广告图1
      */
@@ -57,6 +67,16 @@ public class NewPageFloorContent implements Serializable {
      */
     private String appletsAdsImage3;
 
+    /**
+     * 移动端广告图4
+     */
+    private String appletsAdsImage4;
+
+    /**
+     * 移动端广告图5
+     */
+    private String appletsAdsImage5;
+
     /**
      * 广告跳转链接1
      */
@@ -72,6 +92,16 @@ public class NewPageFloorContent implements Serializable {
      */
     private String adsLink3;
 
+    /**
+     * 广告跳转链接4
+     */
+    private String adsLink4;
+
+    /**
+     * 广告跳转链接5
+     */
+    private String adsLink5;
+
     /**
      * 楼层标题
      */
@@ -92,6 +122,11 @@ public class NewPageFloorContent implements Serializable {
      */
     private List<NewPageFloorImage> floorImageList;
 
+    /**
+     * 5分类详情，6活动专题
+     */
+    private String type;
+
     public Integer getId() {
         return id;
     }
@@ -227,4 +262,60 @@ public class NewPageFloorContent implements Serializable {
     public void setPageId(String pageId) {
         this.pageId = pageId;
     }
+
+    public String getType() {
+        return type;
+    }
+
+    public void setType(String type) {
+        this.type = type;
+    }
+
+    public String getPcAdsImage4() {
+        return pcAdsImage4;
+    }
+
+    public void setPcAdsImage4(String pcAdsImage4) {
+        this.pcAdsImage4 = pcAdsImage4;
+    }
+
+    public String getPcAdsImage5() {
+        return pcAdsImage5;
+    }
+
+    public void setPcAdsImage5(String pcAdsImage5) {
+        this.pcAdsImage5 = pcAdsImage5;
+    }
+
+    public String getAppletsAdsImage4() {
+        return appletsAdsImage4;
+    }
+
+    public void setAppletsAdsImage4(String appletsAdsImage4) {
+        this.appletsAdsImage4 = appletsAdsImage4;
+    }
+
+    public String getAppletsAdsImage5() {
+        return appletsAdsImage5;
+    }
+
+    public void setAppletsAdsImage5(String appletsAdsImage5) {
+        this.appletsAdsImage5 = appletsAdsImage5;
+    }
+
+    public String getAdsLink4() {
+        return adsLink4;
+    }
+
+    public void setAdsLink4(String adsLink4) {
+        this.adsLink4 = adsLink4;
+    }
+
+    public String getAdsLink5() {
+        return adsLink5;
+    }
+
+    public void setAdsLink5(String adsLink5) {
+        this.adsLink5 = adsLink5;
+    }
 }

src/main/java/com/caimei/modules/newhome/entity/NewPageFloorImage.java

@@ -31,6 +31,11 @@ public class NewPageFloorImage implements Serializable {
      */
     private String name;
 
+    /**
+     * 宣传内容
+     */
+    private String content;
+
     /**
      * 跳转链接
      */
@@ -41,6 +46,11 @@ public class NewPageFloorImage implements Serializable {
      */
     private String image;
 
+    /**
+     * 小程序内容宣传图
+     */
+    private String adsImage;
+
     /**
      * 标签
      */
@@ -161,4 +171,20 @@ public class NewPageFloorImage implements Serializable {
     public void setCreateDate(String createDate) {
         this.createDate = createDate;
     }
+
+    public String getContent() {
+        return content;
+    }
+
+    public void setContent(String content) {
+        this.content = content;
+    }
+
+    public String getAdsImage() {
+        return adsImage;
+    }
+
+    public void setAdsImage(String adsImage) {
+        this.adsImage = adsImage;
+    }
 }

src/main/java/com/caimei/modules/newhome/service/NewPageFloorService.java

@@ -75,9 +75,16 @@ public class NewPageFloorService extends CrudService<NewPageFloorDao, NewPageFlo
         floorContent.setPcAdsImage1(UploadPicUtils.saveImageToServer(floorContent.getPcAdsImage1(), null));
         floorContent.setPcAdsImage2(UploadPicUtils.saveImageToServer(floorContent.getPcAdsImage2(), null));
         floorContent.setPcAdsImage3(UploadPicUtils.saveImageToServer(floorContent.getPcAdsImage3(), null));
+        floorContent.setPcAdsImage4(UploadPicUtils.saveImageToServer(floorContent.getPcAdsImage4(), null));
+        floorContent.setPcAdsImage5(UploadPicUtils.saveImageToServer(floorContent.getPcAdsImage5(), null));
         floorContent.setAppletsAdsImage1(UploadPicUtils.saveImageToServer(floorContent.getAppletsAdsImage1(), null));
         floorContent.setAppletsAdsImage2(UploadPicUtils.saveImageToServer(floorContent.getAppletsAdsImage2(), null));
         floorContent.setAppletsAdsImage3(UploadPicUtils.saveImageToServer(floorContent.getAppletsAdsImage3(), null));
+        floorContent.setAppletsAdsImage4(UploadPicUtils.saveImageToServer(floorContent.getAppletsAdsImage4(), null));
+        floorContent.setAppletsAdsImage5(UploadPicUtils.saveImageToServer(floorContent.getAppletsAdsImage5(), null));
+        if (StringUtils.isNotBlank(floorContent.getTemplateType()) && Integer.parseInt(floorContent.getTemplateType()) > 50) {
+            floorContent.setTemplateType((Integer.parseInt(floorContent.getTemplateType())-50)+"");
+        }
         if (floorContent.getId() == null) {
             newPageFloorDao.insertFloorContent(floorContent);
         } else {

src/main/java/com/caimei/modules/newhome/web/NewPageFloorController.java

@@ -211,6 +211,26 @@ public class NewPageFloorController extends BaseController {
         return "modules/newhome/addProductImage";
     }
 
+    /**
+     * 活动专题添加图片
+     */
+    @RequestMapping("/addActivityImage")
+    public String addActivityImage(Product product, String type, Model model, HttpServletRequest request, HttpServletResponse response) {
+        if ("productImage".equals(type)) {
+            product.setValidFlag("2");
+            Page<Product> page = productService.findProductImage(new Page<Product>(request, response), product);
+            model.addAttribute("page", page);
+            model.addAttribute("productCategory", product.getProductCategory());
+            model.addAttribute("productIds", product.getProductIds());
+            return "modules/newhome/addProductImage";
+        }else {
+            model.addAttribute("type", type);
+            model.addAttribute("floorImage", new NewPageFloorImage());
+            return "modules/newhome/addActivityAdsImage";
+        }
+
+    }
+
     /**
      * 添加其他图片
      */
@@ -230,6 +250,8 @@ public class NewPageFloorController extends BaseController {
         addMessage(redirectAttributes, "保存成功");
         if (floorContent.getFloorId() != null) {
             return "redirect:" + Global.getAdminPath() + "/newhome/newPageFloor/?repage";
+        } else if (StringUtils.isNotBlank(floorContent.getType())){
+            return "redirect:" + Global.getAdminPath() + "/cmpage/cmPageCentre/?pageId=" + floorContent.getPageId() + "&type=6";
         } else {
             //清除产品仪器缓存
             redisService.removePattern("instrumentData*");

src/main/java/com/caimei/modules/product/service/ProductService.java

@@ -451,7 +451,7 @@ public class ProductService extends CrudService<ProductDao, Product> {
         List<Product> productList = productDao.findProductImage(product);
         if (productList != null && productList.size() > 0) {
             productList.forEach(item -> {
-                item.setMainImage(AppUtils.getImageURL("product", item.getMainImage(), 0, Global.getConfig("wwwServer")));
+                item.setMainImage(AppUtils.getImageURL("product", item.getMainImage(), 0, "https://www.caimei365.com/"));
                 item.setProductIds(product.getProductIds());
             });
         }

src/main/resources/mappings/modules/cmpage/CmPageCentreMapper.xml

@@ -193,6 +193,9 @@
 		WHERE
 		  centreId = #{centreId}
 	</select>
+	<select id="findPageTitle" resultType="java.lang.String">
+		select title from cm_page where id = #{pageId}
+	</select>
 
 	<delete id="deletePageImage">
 		DELETE cpi,cpci FROM

src/main/resources/mappings/modules/newhome/NewPageFloorMapper.xml

@@ -169,16 +169,16 @@
 	<insert id="insertFloorContent">
 		INSERT INTO `new_page_floor_content` (
 		  `floorId`, `templateType`, `pcAdsImage1`,
-		  `pcAdsImage2`, `pcAdsImage3`, `appletsAdsImage1`,
-		  `appletsAdsImage2`, `appletsAdsImage3`,adsLink1,
-		  adsLink2, adsLink3, centreId
+		  `pcAdsImage2`, `pcAdsImage3`, `pcAdsImage4`, `pcAdsImage5`, `appletsAdsImage1`,
+		  `appletsAdsImage2`, `appletsAdsImage3`,`appletsAdsImage4`, `appletsAdsImage5`,adsLink1,
+		  adsLink2, adsLink3,adsLink4, adsLink5, centreId
 		)
 		VALUES
 		  (
 			#{floorId}, #{templateType}, #{pcAdsImage1},
-			#{pcAdsImage2}, #{pcAdsImage3}, #{appletsAdsImage1},
-			#{appletsAdsImage2}, #{appletsAdsImage3}, #{adsLink1},
-			#{adsLink2}, #{adsLink3}, #{centreId}
+			#{pcAdsImage2}, #{pcAdsImage3},#{pcAdsImage4}, #{pcAdsImage5}, #{appletsAdsImage1},
+			#{appletsAdsImage2}, #{appletsAdsImage3}, #{appletsAdsImage4}, #{appletsAdsImage5}, #{adsLink1},
+			#{adsLink2}, #{adsLink3}, #{adsLink4}, #{adsLink5}, #{centreId}
 		  )
 	</insert>
 
@@ -192,12 +192,18 @@
 		  `pcAdsImage1` = #{pcAdsImage1},
 		  `pcAdsImage2` = #{pcAdsImage2},
 		  `pcAdsImage3` = #{pcAdsImage3},
+		  `pcAdsImage4` = #{pcAdsImage4},
+		  `pcAdsImage5` = #{pcAdsImage5},
 		  `appletsAdsImage1` = #{appletsAdsImage1},
 		  `appletsAdsImage2` = #{appletsAdsImage2},
 		  `appletsAdsImage3` = #{appletsAdsImage3},
+		  `appletsAdsImage4` = #{appletsAdsImage4},
+		  `appletsAdsImage5` = #{appletsAdsImage5},
 		  `adsLink1` = #{adsLink1},
 		  `adsLink2` = #{adsLink2},
-		  `adsLink3` = #{adsLink3}
+		  `adsLink3` = #{adsLink3},
+		  `adsLink4` = #{adsLink4},
+		  `adsLink5` = #{adsLink5}
 		WHERE `id` = #{id}
 	</update>
 
@@ -216,13 +222,13 @@
 	<insert id="insertFloorImage">
 		INSERT INTO `new_page_floor_image` (
 		  `floorId`, `productId`, `name`, `link`,
-		  `image`, `label`, `pcStatus`, `appletsStatus`,
+		  `image`,`adsImage`, `label`, `content`, `pcStatus`, `appletsStatus`,
 		  `sort`, `createDate`, centreId
 		)
 		VALUES
 		  (
 			#{floorId}, #{productId}, #{name}, #{link},
-			#{image}, #{label}, #{pcStatus}, #{appletsStatus},
+			#{image},#{adsImage}, #{label}, #{content}, #{pcStatus}, #{appletsStatus},
 			#{sort}, #{createDate}, #{centreId}
 		  )
 	</insert>

src/main/webapp/WEB-INF/views/modules/cmpage/cmPageActivityCentreForm.jsp

@@ -0,0 +1,86 @@
+<%@ page contentType="text/html;charset=UTF-8" %>
+<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
+<html>
+<head>
+    <title>分类详情商品楼层添加</title>
+    <meta name="decorator" content="default"/>
+    <script type="text/javascript">
+        $(document).ready(function() {
+            //$("#name").focus();
+            $("#inputForm").validate({
+                submitHandler: function(form){
+                    loading('正在提交，请稍等...');
+                    form.submit();
+                },
+                errorContainer: "#messageBox",
+                errorPlacement: function(error, element) {
+                    $("#messageBox").text("输入有误，请先更正。");
+                    if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
+                        error.appendTo(element.parent().parent());
+                    } else {
+                        error.insertAfter(element);
+                    }
+                }
+            });
+        });
+
+        /**
+         * @param obj
+         * jquery控制input只能输入数字
+         */
+        function onlynum(obj) {
+            obj.value = obj.value.replace(/[^\d]/g, ""); //清除"数字"以外的字符
+        }
+    </script>
+</head>
+<body>
+<ul class="nav nav-tabs">
+    <li><a href="${ctx}/cmpage/cmPageCentre/?pageId=${cmPageCentre.pageId}&type=${cmPageCentre.type}">活动专题商品楼层</a></li>
+    <li class="active"><a href="${ctx}/cmpage/cmPageCentre/form?pageId=${cmPageCentre.pageId}&type=${cmPageCentre.type}">${not empty cmPageCentre.id?'编辑':'添加'}</a></li>
+</ul><br/>
+<form:form id="inputForm" modelAttribute="cmPageCentre" action="${ctx}/cmpage/cmPageCentre/save" method="post" class="form-horizontal">
+    <form:hidden path="id"/>
+    <form:hidden path="pageId"/>
+    <form:hidden path="type"/>
+    <sys:message content="${message}"/>
+    <div class="control-group">
+        <label class="control-label"><span class="help-inline"><font color="red">*</font> </span>楼层标题：</label>
+        <div class="controls">
+            <form:input path="title" htmlEscape="false" maxlength="20" class="input-xlarge required"/>
+        </div>
+    </div>
+    <div class="control-group">
+        <label class="control-label"><span class="help-inline"><font color="red">*</font> </span>描述：</label>
+        <div class="controls">
+            <form:input path="description" htmlEscape="false" maxlength="255" class="input-xlarge required"/>
+        </div>
+    </div>
+    <div class="control-group">
+        <label class="control-label"><span class="help-inline"><font color="red">*</font> </span>排序：</label>
+        <div class="controls">
+            <form:input path="sort" onkeyup="onlynum(this)" htmlEscape="false" maxlength="11" class="input-xlarge required"/>
+        </div>
+    </div>
+    <div class="control-group crmstatus" style="" >
+        <label class="control-label"><span class="help-inline"><font color="red">*</font> </span>PC端状态：</label>
+        <div class="controls">
+            <form:select path="enabledStatus" class="input-xlarge required">
+                <form:options items="${fns:getDictList('enabled_status')}" itemLabel="label" itemValue="value" htmlEscape="false" label="${fns:getDictList('enabled_status')[0]}"/>
+            </form:select>
+        </div>
+    </div>
+    <div class="control-group crmstatus" style="" >
+        <label class="control-label"><span class="help-inline"><font color="red">*</font> </span>小程序状态：</label>
+        <div class="controls">
+            <form:select path="crmEnabledStatus" class="input-xlarge required">
+                <form:options items="${fns:getDictList('enabled_status')}" itemLabel="label" itemValue="value" htmlEscape="false" label="${fns:getDictList('enabled_status')[0]}"/>
+            </form:select>
+        </div>
+    </div>
+    <div class="form-actions">
+        <shiro:hasPermission name="newhome:newPageFloor:edit"><input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;</shiro:hasPermission>
+        <input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
+    </div>
+</form:form>
+</body>
+</html>

src/main/webapp/WEB-INF/views/modules/cmpage/cmPageActivityCentreList.jsp

@@ -0,0 +1,195 @@
+<%@ page contentType="text/html;charset=UTF-8" %>
+<%@ include file="/WEB-INF/views/include/taglib.jsp" %>
+<html>
+<head>
+    <title>分类详情商品楼层</title>
+    <meta name="decorator" content="default"/>
+    <style type="text/css">
+        .table th {
+            text-align: center;
+        }
+
+        .table td {
+            text-align: center;
+        }
+    </style>
+    <script type="text/javascript">
+        $(document).ready(function () {
+
+        });
+
+        function page(n, s) {
+            $("#pageNo").val(n);
+            $("#pageSize").val(s);
+            $("#searchForm").submit();
+            return false;
+        }
+
+        //PC端状态修改
+        function updateEnabledStatus(status, ids) {
+            var msg = '确定启用该楼层吗？';
+            if ('0' == status) {
+                msg = '确定停用该楼层吗？';
+            }
+            top.$.jBox.confirm(msg, '系统提示', function (v, h, f) {
+                if (v == 'ok') {
+                    $.post("${ctx}/cmpage/cmPageCentre/updateEnabledStatus", {
+                        'enabledStatus': status,
+                        'ids': ids
+                    }, function (data) {
+                        if (true == data.success) {
+                            $.jBox.tip(data.msg, 'info');
+                        } else {
+                            $.jBox.tip(data.msg, 'error');
+                        }
+                        window.location = "${ctx}/cmpage/cmPageCentre/?pageId=${cmPageCentre.pageId}&type=${cmPageCentre.type}";
+                    }, "JSON");//这里返回的类型有：json,html,xml,text
+                }
+                return;
+            }, {buttonsFocus: 1, persistent: true});
+        }
+
+
+        //CRM端状态修改
+        function updateCrmEnabledStatusByIds(status, ids) {
+            var msg = '确定启用该楼层吗？';
+            if ('0' == status) {
+                msg = '确定停用该楼层吗？';
+            }
+            top.$.jBox.confirm(msg, '系统提示', function (v, h, f) {
+                if (v == 'ok') {
+                    $.post("${ctx}/cmpage/cmPageCentre/updateCrmEnabledStatusByIds", {
+                        'crmEnabledStatus': status,
+                        'ids': ids
+                    }, function (data) {
+                        if (true == data.success) {
+                            $.jBox.tip(data.msg, 'info');
+                        } else {
+                            $.jBox.tip(data.msg, 'error');
+                        }
+                        window.location = "${ctx}/cmpage/cmPageCentre/?pageId=${cmPageCentre.pageId}&type=${cmPageCentre.type}";
+                    }, "JSON");//这里返回的类型有：json,html,xml,text
+                }
+                return;
+            }, {buttonsFocus: 1, persistent: true});
+        }
+
+        /**
+         * @param obj
+         * jquery控制input只能输入数字
+         */
+        function onlynum(obj) {
+            obj.value = obj.value.replace(/[^\d]/g, ""); //清除"数字"以外的字符
+        }
+
+        //批量保存排序
+        function batchSaveSort() {
+            var items = new Array();
+            var $items = $('.check-item');
+            $items.each(function () {
+                items.push($(this).val());
+            });
+            //保存批量排序
+            $.post("${ctx}/cmpage/cmPageCentre/batchSaveSort?sortList=" + items, function (data) {
+                if (true == data.success) {
+                    $.jBox.tip(data.msg, 'info');
+                    window.location.href = "${ctx}/cmpage/cmPageCentre/?pageId=${cmPageCentre.pageId}&type=${cmPageCentre.type}";
+                } else {
+                    $.jBox.tip(data.msg, 'error');
+                }
+            }, "JSON");//这里返回的类型有：json,html,xml,text
+        }
+
+        //修改排序值
+        function changeSort(id, sortThis) {
+            var value = sortThis.value;
+            $("#preferredProductSort" + id).val(id + "-" + value);
+        }
+    </script>
+</head>
+<body>
+<ul class="nav nav-tabs">
+    <li><a href="${ctx}/cmpage/cmPage/?flag=2">网页列表</a></li>
+    <li class="active"><a href="${ctx}/cmpage/cmPageCentre/?pageId=${cmPageCentre.pageId}&type=${cmPageCentre.type}">活动专题商品楼层</a>
+    </li>
+</ul>
+<div>
+    <label style="font-weight: bold;margin:10px 15px">网页标题:${pageTitle}</label>
+</div>
+<form:form action="" class="breadcrumb form-search">
+    <input class="btn btn-primary" style="width: 70px" onclick="batchSaveSort()" value="一键排序"/>&nbsp;&nbsp;&nbsp;&nbsp;
+    <input class="btn btn-primary" style="width: 70px"
+           onclick="window.location='${ctx}/cmpage/cmPageCentre/form?pageId=${cmPageCentre.pageId}&type=${cmPageCentre.type}'"
+           value="添加楼层"/>
+    <div style="margin-top: 10px">
+        <label><font color="#a9a9a9">注：排序值越小越靠前</font></label>
+    </div>
+</form:form>
+<sys:message content="${message}"/>
+<table id="contentTable" class="table table-striped table-bordered table-condensed">
+    <thead>
+    <tr>
+        <th>ID</th>
+        <th>楼层名称</th>
+        <th>描述</th>
+        <th>网站状态</th>
+        <th>小程序状态</th>
+        <th>排序</th>
+        <th>创建时间</th>
+        <shiro:hasPermission name="newhome:newPageFloor:edit">
+            <th>操作</th>
+        </shiro:hasPermission>
+    </tr>
+    </thead>
+    <tbody>
+    <c:forEach items="${page.list}" var="newPageFloor">
+        <tr>
+            <input class="check-item" type="hidden" id="preferredProductSort${newPageFloor.id}"
+                   value='${newPageFloor.id}-${newPageFloor.sort}'/>
+            <td>${newPageFloor.id}</td>
+            <td>${newPageFloor.title}</td>
+            <td>${newPageFloor.description}</td>
+            <td>
+                <c:if test="${newPageFloor.enabledStatus eq 1 }">
+                    <font color="green">已启用</font>
+                    <a href="javascript:void(0);" onclick="updateEnabledStatus('0','${newPageFloor.id}');">
+                        停用
+                    </a>
+                </c:if>
+                <c:if test="${newPageFloor.enabledStatus ne 1 }">
+                    <font color="red">已停用</font>
+                    <a href="javascript:void(0)" onclick="updateEnabledStatus('1','${newPageFloor.id}');">
+                        启用
+                    </a>
+                </c:if>
+            </td>
+            <td>
+                <c:if test="${newPageFloor.crmEnabledStatus eq 1 }">
+                    <font color="green">已启用</font>
+                    <a href="javascript:void(0);" onclick="updateCrmEnabledStatusByIds('0','${newPageFloor.id}');">
+                        停用
+                    </a>
+                </c:if>
+                <c:if test="${newPageFloor.crmEnabledStatus ne 1 }">
+                    <font color="red">已停用</font>
+                    <a href="javascript:void(0)" onclick="updateCrmEnabledStatusByIds('1','${newPageFloor.id}');">
+                        启用
+                    </a>
+                </c:if>
+            </td>
+            <td><input id="sort" name="sort" style="width:50px;" value="${newPageFloor.sort}" onkeyup="onlynum(this)"
+                       onchange="changeSort(${newPageFloor.id},this)"></td>
+            <td><fmt:formatDate value="${newPageFloor.createDate}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
+            <td>
+                <a href="${ctx}/cmpage/cmPageCentre/form?pageId=${cmPageCentre.pageId}&type=${cmPageCentre.type}&id=${newPageFloor.id}">编辑</a>
+                <a href="${ctx}/cmpage/cmPageCentre/goContentPage?centreId=${newPageFloor.id}&pageId=${cmPageCentre.pageId}&type=${cmPageCentre.type}">内容</a>
+                <a href="${ctx}/cmpage/cmPageCentre/delete?id=${newPageFloor.id}"
+                   onclick="return confirmx('确定删除该楼层吗？', this.href)">删除</a>
+            </td>
+        </tr>
+    </c:forEach>
+    </tbody>
+</table>
+<div class="pagination">${page}</div>
+</body>
+</html>

src/main/webapp/WEB-INF/views/modules/cmpage/cmPageActivityForm.jsp

@@ -0,0 +1,144 @@
+<%@ page contentType="text/html;charset=UTF-8" %>
+<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
+<html>
+<head>
+    <title>新增活动专题页面</title>
+    <meta name="decorator" content="default"/>
+    <script type="text/javascript">
+        $(document).ready(function() {
+            //$("#name").focus();
+            $("#inputForm").validate({
+                ignore:"",
+                submitHandler: function(form){
+                    loading('正在提交，请稍等...');
+                    form.submit();
+                },
+                errorContainer: "#messageBox",
+                errorPlacement: function(error, element) {
+                    $("#messageBox").text("输入有误，请先更正。");
+                    if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
+                        error.appendTo(element.parent().parent());
+                    } else {
+                        error.insertAfter(element);
+                    }
+                }
+            });
+            //获取选中项的value
+            var showBackgroundColor =  $('#showBackgroundColor');
+            var showBackgroundImg =  $('#showBackgroundImg');
+            var selectBgType = $('#selectBgType  option:selected').val();
+            //回旋赋值显示背景填充
+            showSelectText(selectBgType,showBackgroundColor,showBackgroundImg);
+            //选择背景填充类型
+            $("#selectBgType").on('change',function(){
+                showSelectText($(this).val(),showBackgroundColor,showBackgroundImg);
+            })
+            //颜色选择器
+            var color = $("#onchangeColor");
+            var colorInfo = $("#getColorValue");
+            $(color).on('change',function(){
+                colorInfo.val(color.val());
+            })
+        });
+        //判断显示背景颜色或背景图设置窗口fn
+        function showSelectText(val,colorDiv,imgDiv){
+            switch (val) {
+                case '' :
+                    colorDiv.hide(100);
+                    imgDiv.hide(100);
+                    break;
+                case '1' :
+                    colorDiv.show(100);
+                    imgDiv.hide(100);
+                    break;
+                case '2' :
+                    colorDiv.hide(100);
+                    imgDiv.show(100);
+                    break;
+            }
+        }
+    </script>
+</head>
+<body>
+<ul class="nav nav-tabs">
+    <li class="active"><a href="${ctx}/cmpage/cmPage/form?flag=26&id=${cmPage.id}">活动专题页面<shiro:lacksPermission name="cmpage:cmPage:edit">查看</shiro:lacksPermission></a></li>
+</ul><br/>
+<form:form id="inputForm" modelAttribute="cmPage" action="${ctx}/cmpage/cmPage/save?flag=2&type=6" method="post" class="form-horizontal">
+    <form:hidden path="id"/>
+    <sys:message content="${message}"/>
+    <div class="control-group">
+        <label class="control-label"><span class="help-inline"><font color="red">*</font> </span>网页标题：</label>
+        <div class="controls">
+            <form:input path="title" htmlEscape="false" maxlength="40" class="input-xlarge required"/>
+        </div>
+    </div>
+    <div class="control-group">
+        <label class="control-label"><span class="help-inline"><font color="red">*</font> </span>PC端banner：</label>
+        <div class="controls">
+            <form:hidden id="headImage" path="headImage" htmlEscape="false" maxlength="255" class="input-xlarge required"/>
+            <sys:ckfinder input="headImage" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
+        </div>
+        <div class="controls" style="padding-top: 20px;">
+        <label style="color:#D0D0D0 ;">尺寸：1190 * 420 / PX(移动端:比例缩放)</label>
+        </div>
+    </div>
+    <div class="control-group">
+        <label class="control-label"><span class="help-inline"></span>移动端banner：</label>
+        <div class="controls">
+            <form:hidden id="crmHeadImage" path="crmHeadImage" htmlEscape="false" maxlength="255" class="input-xlarge"/>
+            <sys:ckfinder input="crmHeadImage" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
+        </div>
+        <div class="controls" style="padding-top: 20px;">
+            <label style="color:#D0D0D0 ;">尺寸：750 / PX</label>
+        </div>
+    </div>
+    <div class="control-group">
+        <label class="control-label"></span>banner跳转链接：</label>
+        <div class="controls">
+            <form:input path="headLink" htmlEscape="false" maxlength="255" class="input-xlarge url"/>
+        </div>
+    </div>
+    <div class="control-group">
+        <label class="control-label">填充背景：</label>
+        <div class="controls">
+            <form:select path="backgroundType" class="input-xlarge " id="selectBgType">
+                <form:option value="" label="请选择"/>
+                <form:options items="${fns:getDictList('backgroundType')}" itemLabel="label" itemValue="value" htmlEscape="false" label="${fns:getDictList('backgroundType')[0]}"/>
+            </form:select>
+        </div>
+    </div>
+    <div class="control-group" id="showBackgroundColor" style="display: none;">
+        <label class="control-label"><span class="help-inline"></span>背景色设置：</label>
+        <div class="controls">
+            <form:input path="backgroundColour" htmlEscape="false"  maxlength="7" id="getColorValue" class="input-xlarge" placeholder="请选择或输入颜色/示例:#333333" cssStyle="width: 205px;"/>
+            <input type="color" name="color" value="#e15616" id="onchangeColor" style="width: 35px;">
+        </div>
+    </div>
+    <div class="control-group" id="showBackgroundImg" style="display: none;">
+        <label class="control-label">背景图片：</label>
+        <div class="controls" style="margin-bottom: 20px;">
+            <form:hidden id="backgroundImage" path="backgroundImage" htmlEscape="false" maxlength="255" class="input-xlarge"/>
+            <sys:ckfinder input="backgroundImage" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
+        </div>
+        <label class="control-label">背景图显示：</label>
+        <div class="controls">
+            <form:select path="backgroundImageWay" class="input-xlarge ">
+                <form:options items="${fns:getDictList('backgroundImageWay')}" itemLabel="label" itemValue="value" htmlEscape="false" label="${fns:getDictList('backgroundImageWay')[0]}"/>
+            </form:select>
+        </div>
+    </div>
+    <div class="control-group">
+        <label class="control-label">状态：</label>
+        <div class="controls">
+            <form:select path="enabledStatus" class="input-xlarge ">
+                <form:options items="${fns:getDictList('enabled_status')}" itemLabel="label" itemValue="value" htmlEscape="false" label="${fns:getDictList('enabled_status')[0]}"/>
+            </form:select>
+        </div>
+    </div>
+    <div class="form-actions">
+        <shiro:hasPermission name="cmpage:cmPage:edit"><input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;</shiro:hasPermission>
+        <input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
+    </div>
+</form:form>
+</body>
+</html>

src/main/webapp/WEB-INF/views/modules/cmpage/cmPageList.jsp

@@ -52,11 +52,14 @@
                     location.href="${ctx}/cmpage/cmPage/form?&flag=24";
                 }else if('5' == v){
                     location.href="${ctx}/cmpage/cmPage/form?&flag=25";
+                }else if('6' == v){
+                    //活动专题
+                    location.href="${ctx}/cmpage/cmPage/form?&flag=26";
                 }
                 return true;// close
             };
             // 自定义按钮
-            $.jBox.confirm("请选择需要新增的页面！！！", "新增网页", submit, { buttons: { '项目详情页面': 1, '二级列表页面': 2,'自由页面':4,'分类详情':5} });
+            $.jBox.confirm("请选择需要新增的页面！！！", "新增网页", submit, { buttons: { '项目详情页面': 1, '二级列表页面': 2,'自由页面':4,'分类详情':5,'活动详情':6} });
         }
         //更新单个索引
         function updateIndex(id){
@@ -135,6 +138,7 @@
             <form:option value="2" label="项目详情"/>
             <form:option value="4" label="自由页面"/>
             <form:option value="5" label="分类详情"/>
+            <form:option value="6" label="活动专题"/>
         </form:select>
         <label>标题：</label>
         <form:input path="title" htmlEscape="false" maxlength="50" class="input-medium"/>

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

@@ -0,0 +1,1642 @@
+<%@ page import="java.util.Date" %>
+<%@ page contentType="text/html;charset=UTF-8" %>
+<%@ include file="/WEB-INF/views/include/taglib.jsp" %>
+<html>
+<head>
+    <title>楼层管理内容</title>
+    <meta name="decorator" content="default"/>
+    <style>
+        .iconBox {
+            font-size: 0;
+        }
+
+        .controls .conList {
+            display: inline-block;
+            margin-right: 15px;
+        }
+
+        .conList .btn:nth-of-type(1) {
+            margin-left: 25px;
+        }
+
+        .upload-content {
+            margin-top: -70px;
+        }
+
+        .upload-content .conList .btn:nth-of-type(1) {
+            width: 90px;
+            height: 100px;
+            border: 2px solid #eee;
+            background: #fff;
+            position: relative;
+        }
+
+        .upload-content .conList .btn:nth-of-type(1) > div {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            color: #666;
+        }
+
+        .upload-content .conList .btn:nth-of-type(1) span {
+            font-size: 35px;
+        }
+
+        .upload-content .conList .btn:nth-of-type(1) h5 {
+            color: #666;
+        }
+
+        .cancel-upload {
+            background: transparent;
+            border: none;
+            box-shadow: none;
+            position: relative;
+            top: -38px;
+            left: -25px;
+            cursor: pointer;
+            z-index: 100;
+        }
+
+        .upload-content .conList ol li {
+            width: 114px;
+            min-height: 80px;
+            text-align: center;
+            background: #fff;
+            position: relative;
+            top: 120px;
+            margin-left: 2px;
+        }
+
+        .hide-pic {
+            display: none !important;
+        }
+
+        td {
+            border: solid black;
+            border-width: 0px 1px 1px 0px;
+        }
+
+        table {
+            border: solid black;
+            border-width: 1px 0px 0px 1px;
+        }
+
+        select {
+            width: 85px;
+            line-height: 25px;
+            height: 25px
+        }
+
+        .tbMargin {
+            margin: 15px 17px;
+        }
+
+        em {
+            background: #d7d7d7;
+            color: black;
+            padding: 3px 8px;
+            font-style: normal;
+            font-size: 14px;
+            display: inline-block;
+            border-radius: 2px
+        }
+
+        .middleEm {
+            position: absolute;
+            left: 40%;
+            margin-top: 7px;
+        }
+
+        .rightEm {
+            float: right;
+            margin-top: 7px;
+            margin-right: 10px;
+        }
+
+        .templateFont {
+            font-weight: bolder;
+            font-size: 18px;
+        }
+
+        .templateButton {
+            margin: 15px 0 15px 15px !important;
+        }
+
+        .toTop {
+            position: absolute;
+            top: 0;
+        }
+
+        .displayTemplate, .mallTemplate {
+            position: relative;
+        }
+
+        .templateImageTable {
+            margin-left: 20px;
+        }
+    </style>
+    <script type="text/javascript">
+        $(document).ready(function () {
+            $("#inputForm").validate({
+                submitHandler: function (form) {
+                    var templateType = $("input[type='radio']:checked").val();
+                    if (templateType == '' || templateType == undefined) {
+                        alertx("请配置模板图片区域");
+                        return;
+                    }
+                    var type = $("#type").val();
+                    if ((type == 'adsImage' && adsImageList.length > 0)) {
+                        var stringify = JSON.stringify(adsImageList);
+                        $('#images').val(stringify);
+                    } else if ((type == 'infoImage' && infoImageList.length > 0)) {
+                        var stringify = JSON.stringify(infoImageList);
+                        $('#images').val(stringify);
+                    } else if ((type == 'productImage' && productImageList.length > 0)) {
+                        var stringify = JSON.stringify(productImageList);
+                        $('#images').val(stringify);
+                    } else {
+                        alertx("请添加商品");
+                        return;
+                    }
+                    var wwwIcon1 = $("#wwwIcon1").val();
+                    var crmIcon1 = $("#crmIcon1").val();
+                    var wwwIcon2 = $("#wwwIcon2").val();
+                    var crmIcon2 = $("#crmIcon2").val();
+                    var wwwIcon3 = $("#wwwIcon3").val();
+                    var crmIcon3 = $("#crmIcon3").val();
+                    var wwwIcon4 = $("#wwwIcon4").val();
+                    var crmIcon4 = $("#crmIcon4").val();
+                    var wwwIcon5 = $("#wwwIcon5").val();
+                    var crmIcon5 = $("#crmIcon5").val();
+                    if (templateType >= 11 && templateType <= 20 && templateType != 14) {
+                        if (wwwIcon1 === '') {
+                            alertx("请上传网站端广告图1");
+                            return;
+                        }
+                        if (crmIcon1 === '') {
+                            alertx("请上传移动端广告图1");
+                            return;
+                        }
+                        if (templateType >= 11 && templateType <= 17) {
+                            if (wwwIcon2 === '') {
+                                alertx("请上传网站端广告图2");
+                                return;
+                            }
+                            if (crmIcon2 === '') {
+                                alertx("请上传移动端广告图2");
+                                return;
+                            }
+                            if (templateType >= 11 && templateType <= 15) {
+                                if (wwwIcon3 === '') {
+                                    alertx("请上传网站端广告图3");
+                                    return;
+                                }
+                                if (crmIcon3 === '') {
+                                    alertx("请上传移动端广告图3");
+                                    return;
+                                }
+                                if (templateType == 13) {
+                                    if (wwwIcon4 === '') {
+                                        alertx("请上传网站端广告图4");
+                                        return;
+                                    }
+                                    if (crmIcon4 === '') {
+                                        alertx("请上传移动端广告图4");
+                                        return;
+                                    }
+                                    if (wwwIcon5 === '') {
+                                        alertx("请上传网站端广告图5");
+                                        return;
+                                    }
+                                    if (crmIcon5 === '') {
+                                        alertx("请上传移动端广告图5");
+                                        return;
+                                    }
+                                }
+                            }
+                        }
+                    }
+                    loading('正在提交，请稍等...');
+                    form.submit();
+                },
+                errorContainer: "#messageBox",
+                errorPlacement: function (error, element) {
+                    $("#messageBox").text("输入有误，请先更正。");
+                    if (element.is(":checkbox") || element.is(":radio") || element.parent().is(".input-append")) {
+                        error.appendTo(element.parent().parent());
+                    } else {
+                        error.insertAfter(element);
+                    }
+                }
+            });
+        });
+
+
+    </script>
+</head>
+<body>
+<ul class="nav nav-tabs">
+    <c:if test="${not empty floorContent.floorId}">
+        <li><a href="${ctx}/newhome/newPageFloor/">楼层管理列表</a></li>
+        <li class="active"><a href="${ctx}/newhome/newPageFloor/goContentPage?floorId=${floorContent.floorId}">内容</a>
+        </li>
+    </c:if>
+    <c:if test="${empty floorContent.floorId}">
+        <li><a href="${ctx}/cmpage/cmPage/?flag=2">网页列表</a></li>
+        <li><a href="${ctx}/cmpage/cmPageCentre/?pageId=${floorContent.pageId}&type=6">活动专题商品楼层</a></li>
+        <li class="active"><a
+                href="${ctx}/cmpage/cmPageCentre/goContentPage?pageId=${floorContent.pageId}&centreId=${floorContent.centreId}&type=${floorContent.type}">内容</a>
+        </li>
+    </c:if>
+</ul>
+<br/>
+<form:form id="inputForm" modelAttribute="floorContent" action="${ctx}/newhome/newPageFloor/saveFloorContent"
+           method="post" class="form-horizontal">
+    <form:hidden path="id"/>
+    <form:hidden path="floorId"/>
+    <form:hidden path="centreId"/>
+    <form:hidden path="pageId"/>
+    <form:hidden path="images" id="images"/>
+    <form:hidden path="type"/>
+    <sys:message content="${message}"/>
+    <div class="control-group">
+        楼层名称：<a style="text-decoration:none;">${floorContent.floorTitle}</a>
+    </div>
+    <div class="control-group">
+        <table style="overflow:scroll;height: 400px !important;">
+            <tr>
+                <td style="width: 380px !important;height: 50px">
+                    <label style="font-weight: bold;font-size: 16px" class="tbMargin">模板库</label>
+                    <form:select path="" id="templateSelect" onchange="changeTemplateSelect()" class="tbMargin"
+                                 cssStyle="width: 130px">
+                        <form:option value="1" label="模板标签"/>
+                        <form:option value="2" label="偏展会标签"/>
+                        <form:option value="3" label="偏商城活动"/>
+                    </form:select>
+                    <form:select path="" id="sourceSelect" onchange="changeSourceSelect()" class="tbMargin"
+                                 cssStyle="width: 90px">
+                        <form:option value="1" label="PC端"/>
+                        <form:option value="2" label="移动端"/>
+                    </form:select>
+                </td>
+                <td rowspan="2" style=" width: 2800px;">
+                    <div style="height: 100%;overflow-y:scroll;">
+                        <label id="infoLabel"
+                               style="position: relative;left: 200px;top: 200px; font-weight: bolder;font-size: 30px">请先选择左边模板后，再编辑模板相关内容</label>
+                        <div class="control-group clear Image1">
+                            <div style="float: left">
+                                <span class="help-inline"><font color="red">*</font> </span>网站端广告图1：
+                                <div class="controls upload-content iconBox" id="pcAdsImage1">
+                                    <div class="conList">
+                                        <form:hidden id="wwwIcon1" path="pcAdsImage1" htmlEscape="false" maxlength="255"
+                                                     class="input-xlarge required"/>
+                                        <sys:ckfinder input="wwwIcon1" type="images" uploadPath="/photo"
+                                                      selectMultiple="false"
+                                                      maxWidth="100" maxHeight="100"/> <br>
+                                        <label class="resolution1">建议图片分辨率524px*268px</label>
+                                            <%--                                        <label class="resolution2">建议图片分辨率884px*120px</label>--%>
+                                    </div>
+                                </div>
+                            </div>
+                            <div style="float: left">
+                                <span class="help-inline"><font color="red">*</font> </span>移动端广告图1：
+                                <div class="controls upload-content iconBox" id="appletsAdsImage1">
+                                    <div class="conList">
+                                        <form:hidden id="crmIcon1" path="appletsAdsImage1" htmlEscape="false"
+                                                     maxlength="255"
+                                                     class="input-xlarge required"/>
+                                        <sys:ckfinder input="crmIcon1" type="images" uploadPath="/photo"
+                                                      selectMultiple="false"
+                                                      maxWidth="100" maxHeight="100"/><br>
+                                        <label class="resolution1">建议图片分辨率339px*516px</label>
+                                            <%--                                        <label class="resolution2">建议图片分辨率702px*240px</label>--%>
+                                    </div>
+                                </div>
+                            </div>
+                            <div style="float: left">
+                                <span class="help-inline"></span>广告图1跳转链接：
+                                <div class="controls">
+                                    <form:input path="adsLink1" htmlEscape="false" maxlength="255"
+                                                class="input-xlarge"/>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="control-group clear Image2">
+                            <div style="float: left">
+                                <span class="help-inline"><font color="red">*</font> </span>网站端广告图2：
+                                <div class="controls upload-content iconBox" id="pcAdsImage2">
+                                    <div class="conList">
+                                        <form:hidden id="wwwIcon2" path="pcAdsImage2" htmlEscape="false" maxlength="255"
+                                                     class="input-xlarge required"/>
+                                        <sys:ckfinder input="wwwIcon2" type="images" uploadPath="/photo"
+                                                      selectMultiple="false"
+                                                      maxWidth="100" maxHeight="100"/><br>
+                                        <label class="resolution1">建议图片分辨率344px*268px</label>
+                                            <%--                                        <label class="resolution2">建议图片分辨率524px*268px</label>--%>
+                                    </div>
+                                </div>
+                            </div>
+                            <div style="float: left">
+                                <span class="help-inline"><font color="red">*</font> </span>移动端广告图2：
+                                <div class="controls upload-content iconBox" id="appletsAdsImage2">
+                                    <div class="conList">
+                                        <form:hidden id="crmIcon2" path="appletsAdsImage2" htmlEscape="false"
+                                                     maxlength="255"
+                                                     class="input-xlarge required"/>
+                                        <sys:ckfinder input="crmIcon2" type="images" uploadPath="/photo"
+                                                      selectMultiple="false"
+                                                      maxWidth="100" maxHeight="100"/><br>
+                                        <label>建议图片分辨率339px*516px</label>
+                                    </div>
+                                </div>
+                            </div>
+                            <div style="float: left">
+                                <span class="help-inline"></span>广告图2跳转链接：
+                                <div class="controls">
+                                    <form:input path="adsLink2" htmlEscape="false" maxlength="255"
+                                                class="input-xlarge"/>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="control-group clear Image3">
+                            <div style="float: left">
+                                <span class="help-inline"><font color="red">*</font> </span>网站端广告图3：
+                                <div class="controls upload-content iconBox" id="pcAdsImage3">
+                                    <div class="conList">
+                                        <form:hidden id="wwwIcon3" path="pcAdsImage3" htmlEscape="false" maxlength="255"
+                                                     class="input-xlarge required"/>
+                                        <sys:ckfinder input="wwwIcon3" type="images" uploadPath="/photo"
+                                                      selectMultiple="false"
+                                                      maxWidth="100" maxHeight="100"/><br>
+                                        <label>建议图片分辨率344px*268px</label>
+                                    </div>
+                                </div>
+                            </div>
+                            <div style="float: left">
+                                <span class="help-inline"><font color="red">*</font> </span>移动端广告图3：
+                                <div class="controls upload-content iconBox" id="appletsAdsImage3">
+                                    <div class="conList">
+                                        <form:hidden id="crmIcon3" path="appletsAdsImage3" htmlEscape="false"
+                                                     maxlength="255"
+                                                     class="input-xlarge required"/>
+                                        <sys:ckfinder input="crmIcon3" type="images" uploadPath="/photo"
+                                                      selectMultiple="false"
+                                                      maxWidth="100" maxHeight="100"/><br>
+                                        <label>建议图片分辨率339px*516px</label>
+                                    </div>
+                                </div>
+                            </div>
+                            <div style="float: left">
+                                <span class="help-inline"></span>广告图3跳转链接：
+                                <div class="controls">
+                                    <form:input path="adsLink3" htmlEscape="false" maxlength="255"
+                                                class="input-xlarge"/>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="control-group clear Image4">
+                            <div style="float: left">
+                                <span class="help-inline"><font color="red">*</font> </span>网站端广告图4：
+                                <div class="controls upload-content iconBox" id="pcAdsImage4">
+                                    <div class="conList">
+                                        <form:hidden id="wwwIcon4" path="pcAdsImage4" htmlEscape="false" maxlength="255"
+                                                     class="input-xlarge required"/>
+                                        <sys:ckfinder input="wwwIcon4" type="images" uploadPath="/photo"
+                                                      selectMultiple="false"
+                                                      maxWidth="100" maxHeight="100"/><br>
+                                        <label>建议图片分辨率344px*268px</label>
+                                    </div>
+                                </div>
+                            </div>
+                            <div style="float: left">
+                                <span class="help-inline"><font color="red">*</font> </span>移动端广告图4：
+                                <div class="controls upload-content iconBox" id="appletsAdsImage4">
+                                    <div class="conList">
+                                        <form:hidden id="crmIcon4" path="appletsAdsImage4" htmlEscape="false"
+                                                     maxlength="255"
+                                                     class="input-xlarge required"/>
+                                        <sys:ckfinder input="crmIcon4" type="images" uploadPath="/photo"
+                                                      selectMultiple="false"
+                                                      maxWidth="100" maxHeight="100"/><br>
+                                        <label>建议图片分辨率339px*516px</label>
+                                    </div>
+                                </div>
+                            </div>
+                            <div style="float: left">
+                                <span class="help-inline"></span>广告图4跳转链接：
+                                <div class="controls">
+                                    <form:input path="adsLink4" htmlEscape="false" maxlength="255"
+                                                class="input-xlarge"/>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="control-group clear Image5">
+                            <div style="float: left">
+                                <span class="help-inline"><font color="red">*</font> </span>网站端广告图5：
+                                <div class="controls upload-content iconBox" id="pcAdsImage5">
+                                    <div class="conList">
+                                        <form:hidden id="wwwIcon5" path="pcAdsImage5" htmlEscape="false" maxlength="255"
+                                                     class="input-xlarge required"/>
+                                        <sys:ckfinder input="wwwIcon5" type="images" uploadPath="/photo"
+                                                      selectMultiple="false"
+                                                      maxWidth="100" maxHeight="100"/><br>
+                                        <label>建议图片分辨率344px*268px</label>
+                                    </div>
+                                </div>
+                            </div>
+                            <div style="float: left">
+                                <span class="help-inline"><font color="red">*</font> </span>移动端广告图5：
+                                <div class="controls upload-content iconBox" id="appletsAdsImage5">
+                                    <div class="conList">
+                                        <form:hidden id="crmIcon5" path="appletsAdsImage5" htmlEscape="false"
+                                                     maxlength="255"
+                                                     class="input-xlarge required"/>
+                                        <sys:ckfinder input="crmIcon5" type="images" uploadPath="/photo"
+                                                      selectMultiple="false"
+                                                      maxWidth="100" maxHeight="100"/><br>
+                                        <label>建议图片分辨率339px*516px</label>
+                                    </div>
+                                </div>
+                            </div>
+                            <div style="float: left">
+                                <span class="help-inline"></span>广告图5跳转链接：
+                                <div class="controls">
+                                    <form:input path="adsLink5" htmlEscape="false" maxlength="255"
+                                                class="input-xlarge"/>
+                                </div>
+                            </div>
+                        </div>
+                        <br>
+                        <div class="control-group templateImageTable">
+                            <input class="btn" id="del" style="width: 50px" onclick="batchDeletion()" value="删除"/>&nbsp;&nbsp;&nbsp;&nbsp;
+                            <input class="btn btn-primary" id="sortBtn" style="width: 70px" onclick="batchSaveSort()"
+                                   value="一键排序"/>&nbsp;&nbsp;&nbsp;&nbsp;
+                            <input class="btn btn-primary" id="showSelectBtn" style="width: 50px"
+                                   onclick="showSelect('${ctx}/newhome/newPageFloor/addActivityImage')" value="添加"/>
+                            <br><br>
+                            <table id="adsImageTable" 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>跳转链接</th>
+                                    <th>小程序内容宣传图</th>
+                                    <th>网站状态</th>
+                                    <th>小程序状态</th>
+                                    <th>排序</th>
+                                    <th>创建时间</th>
+                                    <th>操作</th>
+                                </tr>
+                                </thead>
+                                <tbody id="adsImageTbody"></tbody>
+                            </table>
+                            <table id="infoImageTable" 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>标题</th>
+                                    <th>内容</th>
+                                    <th>跳转链接</th>
+                                    <th>小程序内容宣传图</th>
+                                    <th>网站状态</th>
+                                    <th>小程序状态</th>
+                                    <th>排序</th>
+                                    <th>创建时间</th>
+                                    <th>操作</th>
+                                </tr>
+                                </thead>
+                                <tbody id="infoImageTbody"></tbody>
+                            </table>
+                            <table id="productImageTable" 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>名称</th>
+                                    <th>跳转链接</th>
+                                    <th>标签</th>
+                                    <th>网站状态</th>
+                                    <th>小程序状态</th>
+                                    <th>排序</th>
+                                    <th>创建时间</th>
+                                    <th>操作</th>
+                                </tr>
+                                </thead>
+                                <tbody id="productImageTbody"></tbody>
+                            </table>
+                        </div>
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td id="templateTd" style="display: block;height: 580px;overflow-y:scroll;width: 380px !important;">
+                    <div>
+                        <div id="pcTemplate" style="position: relative">
+                            <div id="pcTemplate1" class="displayTemplate" style="position: relative;">
+                                <form:radiobutton path="templateType" value="1" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板1</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate2" class="displayTemplate">
+                                <form:radiobutton path="templateType" value="2" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板2</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate3" class="displayTemplate">
+                                <form:radiobutton path="templateType" value="3" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板3</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate4" class="displayTemplate">
+                                <form:radiobutton path="templateType" value="4" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板4</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate5" class="displayTemplate">
+                                <form:radiobutton path="templateType" value="5" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板5</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate6" class="displayTemplate">
+                                <form:radiobutton path="templateType" value="6" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板6</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate7" class="displayTemplate">
+                                <form:radiobutton path="templateType" value="7" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板7</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate8" class="displayTemplate">
+                                <form:radiobutton path="templateType" value="8" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板8</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate9" class="displayTemplate">
+                                <form:radiobutton path="templateType" value="9" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板9</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate10" class="displayTemplate">
+                                <form:radiobutton path="templateType" value="10" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板10</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate11" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="11" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板11</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate12" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="12" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板12</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate13" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="13" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板13</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate14" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="14" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板14</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate15" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="15" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板15</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate16" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="16" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板16</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate17" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="17" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板17</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate18" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="18" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板18</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate19" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="19" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板19</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate20" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="20" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板20</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                            <div id="pcTemplate21" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="21" cssClass="templateButton"
+                                                  onclick="showContent('pc')"/>
+                                <label class="templateFont">模板21</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">PC端</em>
+                            </div>
+                        </div>
+                        <div id="appletsTemplate" class="hide">
+                            <div id="appletsTemplate1" class="displayTemplate">
+                                <form:radiobutton path="templateType" value="51" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板1</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate2" class="displayTemplate">
+                                <form:radiobutton path="templateType" value="52" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板2</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate3" class="displayTemplate">
+                                <form:radiobutton path="templateType" value="53" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板3</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate4" class="displayTemplate">
+                                <form:radiobutton path="templateType" value="54" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板4</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate5" class="displayTemplate">
+                                <form:radiobutton path="templateType" value="55" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板5</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate6" class="displayTemplate">
+                                <form:radiobutton path="templateType" value="56" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板6</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate7" class="displayTemplate">
+                                <form:radiobutton path="templateType" value="57" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板7</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate8" class="displayTemplate">
+                                <form:radiobutton path="templateType" value="58" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板8</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate9" class="displayTemplate">
+                                <form:radiobutton path="templateType" value="59" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板9</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate10" class="displayTemplate">
+                                <form:radiobutton path="templateType" value="60" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板10</label>
+                                <em class="middleEm">偏展会活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate11" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="61" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板11</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate12" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="62" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板12</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate13" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="63" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板13</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate14" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="64" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板14</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate15" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="65" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板15</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate16" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="66" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板16</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate17" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="67" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板17</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate18" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="68" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板18</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate19" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="69" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板19</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate20" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="70" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板20</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                            <div id="appletsTemplate21" class="mallTemplate">
+                                <form:radiobutton path="templateType" value="71" cssClass="templateButton"
+                                                  onclick="showContent('applets')"/>
+                                <label class="templateFont">模板21</label>
+                                <em class="middleEm">偏商城活动</em>
+                                <em class="rightEm">移动端</em>
+                            </div>
+                        </div>
+                    </div>
+                </td>
+            </tr>
+        </table>
+    </div>
+    <div class="form-actions">
+        <shiro:hasPermission name="newhome:newPageFloor:edit"><input id="btnSubmit" class="btn btn-primary"
+                                                                     type="submit"
+                                                                     value="保 存"/>&nbsp;</shiro:hasPermission>
+        <input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
+    </div>
+</form:form>
+
+<script>
+    var adsImageList = [];
+    var infoImageList = [];
+    var productImageList = [];
+    var productIds = '';
+
+    $(function () {
+        $('.upload-content .conList .btn:nth-of-type(1)').html('<div><span>+</span><h5>选择图片</h5></div>');
+        $('.upload-content .conList .btn:nth-of-type(2)').after('<img class="cancel-upload" src="/static/images/close-btn1.png">').remove();
+        $('.upload-content .conList').find('.cancel-upload').hide();
+        var observeEle = document.getElementsByClassName('upload-content')[0];
+        var observeEle1 = document.getElementsByClassName('upload-content')[1];
+        var observeEle2 = document.getElementsByClassName('upload-content')[2];
+        var observeEle3 = document.getElementsByClassName('upload-content')[3];
+        var observeEle4 = document.getElementsByClassName('upload-content')[4];
+        var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
+        var MutationObserverConfig = {
+            childList: true,
+            subtree: true,
+            characterData: true
+        };
+        var observer = new MutationObserver(function (mutations) {
+            $.each(mutations, function (index, item) {
+                if (item.type === 'childList') {
+                    // 在创建新的 element 时调用
+                    var target = $(item.target),
+                        thisWrapper = target.closest('.conList'),
+                        nextEle = thisWrapper.next();
+                    thisWrapper.find('li').css('z-index', 99);
+                    thisWrapper.find('.cancel-upload').show();
+                    if (nextEle.hasClass('hide-pic')) {
+                        nextEle.removeClass('hide-pic');
+                    }
+                }
+            })
+        });
+        observer.observe(observeEle, MutationObserverConfig);
+        observer.observe(observeEle1, MutationObserverConfig);
+        observer.observe(observeEle2, MutationObserverConfig);
+        observer.observe(observeEle3, MutationObserverConfig);
+        observer.observe(observeEle4, MutationObserverConfig);
+
+        $('body').on('click', '.cancel-upload', function () {
+            var wrapper = $(this).closest('.conList');
+            wrapper.find('li').css('z-index', '-1');
+            wrapper.find('input').val('');
+            $(this).hide();
+            wrapper.removeClass("hide-pic");
+            wrapper.parent().append(wrapper.clone());
+            wrapper.remove();
+            $(".conList").each(function (i, ele) {
+                if ($(ele).find("input.input-xlarge").val()) {
+                    $(ele).next().removeClass("hide-pic")
+                }
+            })
+        });
+        $(window).on("load", function () {
+            setTimeout(function () {
+                $("#pcAdsImage1").find("input.input-xlarge").each(function (i, ele) {
+                    if ($(ele).val()) {
+                        $(ele).next().find("li").css("z-index", "99");
+                        $(ele).parents(".conList").find(".cancel-upload").show();
+                        $(ele).parents(".conList").next().removeClass("hide-pic")
+                    }
+                })
+                $("#appletsAdsImage1").find("input.input-xlarge").each(function (i, ele) {
+                    if ($(ele).val()) {
+                        $(ele).next().find("li").css("z-index", "99");
+                        $(ele).parents(".conList").find(".cancel-upload").show();
+                        $(ele).parents(".conList").next().removeClass("hide-pic")
+                    }
+                })
+                $("#pcAdsImage2").find("input.input-xlarge").each(function (i, ele) {
+                    if ($(ele).val()) {
+                        $(ele).next().find("li").css("z-index", "99");
+                        $(ele).parents(".conList").find(".cancel-upload").show();
+                        $(ele).parents(".conList").next().removeClass("hide-pic")
+                    }
+                })
+                $("#appletsAdsImage2").find("input.input-xlarge").each(function (i, ele) {
+                    if ($(ele).val()) {
+                        $(ele).next().find("li").css("z-index", "99");
+                        $(ele).parents(".conList").find(".cancel-upload").show();
+                        $(ele).parents(".conList").next().removeClass("hide-pic")
+                    }
+                })
+                $("#pcAdsImage3").find("input.input-xlarge").each(function (i, ele) {
+                    if ($(ele).val()) {
+                        $(ele).next().find("li").css("z-index", "99");
+                        $(ele).parents(".conList").find(".cancel-upload").show();
+                        $(ele).parents(".conList").next().removeClass("hide-pic")
+                    }
+                })
+                $("#appletsAdsImage3").find("input.input-xlarge").each(function (i, ele) {
+                    if ($(ele).val()) {
+                        $(ele).next().find("li").css("z-index", "99");
+                        $(ele).parents(".conList").find(".cancel-upload").show();
+                        $(ele).parents(".conList").next().removeClass("hide-pic")
+                    }
+                })
+            }, 500);
+        });
+
+        var templateType = $("input[type='radio']:checked").val();
+        if (templateType != undefined) {
+            //数据填充
+            if (templateType == 1 || templateType == 2 || templateType == 7 || templateType == 8 || templateType == 9 || templateType == 10) {
+                <c:forEach items="${floorContent.floorImageList}" var="floorImage" varStatus="index">
+                adsImageList.push({
+                    id: "${floorImage.id}",
+                    image: "${floorImage.image}",
+                    adsImage: "${floorImage.adsImage}",
+                    link: "${floorImage.link}",
+                    sort: "${floorImage.sort}",
+                    pcStatus: "${floorImage.pcStatus}",
+                    appletsStatus: "${floorImage.appletsStatus}",
+                    createDate: "${floorImage.createDate}"
+                });
+                </c:forEach>
+            } else if (templateType == 3 || templateType == 4 || templateType == 5 || templateType == 6) {
+                <c:forEach items="${floorContent.floorImageList}" var="floorImage" varStatus="index">
+                adsImageList.push({
+                    id: "${floorImage.id}",
+                    name: "${floorImage.name}",
+                    image: "${floorImage.image}",
+                    adsImage: "${floorImage.adsImage}",
+                    content: "${floorImage.content}",
+                    link: "${floorImage.link}",
+                    sort: "${floorImage.sort}",
+                    pcStatus: "${floorImage.pcStatus}",
+                    appletsStatus: "${floorImage.appletsStatus}",
+                    createDate: "${floorImage.createDate}"
+                });
+                </c:forEach>
+            } else {
+                <c:forEach items="${floorContent.floorImageList}" var="floorImage" varStatus="index">
+                productImageList.push({
+                    id: "${floorImage.id}",
+                    productId: "${empty floorImage.productId ? "":floorImage.productId}",
+                    image: "${floorImage.image}",
+                    name: "${floorImage.name}",
+                    link: "${floorImage.link}",
+                    sort: "${floorImage.sort}",
+                    pcStatus: "${floorImage.pcStatus}",
+                    appletsStatus: "${floorImage.appletsStatus}",
+                    label: "${floorImage.label}",
+                    createDate: "${floorImage.createDate}"
+                });
+                </c:forEach>
+            }
+        }
+        showContent('pc');
+    });
+
+
+    //展示选中模板对应的表单
+    function showContent(templateClassify) {
+        var list = [];
+        var type;
+        for (var i = 1; i < 22; i++) {
+            if ('pc' == templateClassify) {
+                list.push('#pcTemplate' + i);
+            } else {
+                list.push('#appletsTemplate' + i);
+            }
+        }
+        var templateType = parseInt($("input[type='radio']:checked").val());
+        if (templateType > 50) {
+            templateType = templateType - 50;
+        }
+        $('.Image1').hide();
+        $('.Image2').hide();
+        $('.Image3').hide();
+        $('.Image4').hide();
+        $('.Image5').hide();
+        if (templateType != undefined) {
+            if ('pc' == templateClassify) {
+                toTop(list, '#pcTemplate', $("#pcTemplate" + templateType))
+            } else {
+                toTop(list, '#appletsTemplate', $("#appletsTemplate" + templateType))
+            }
+            //滚动条滚动到最上方
+            document.getElementById("templateTd").scrollTop = 0;
+            //展示模板内容表单
+            $("#infoLabel").hide();
+            $(".templateImageTable").show();
+            $("#adsImageTable").hide();
+            $("#infoImageTable").hide();
+            $("#productImageTable").hide();
+            //广告图
+            if (templateType == 11 || templateType == 12 || templateType == 15) {
+                $('.Image1').show();
+                $('.Image2').show();
+                $('.Image3').show();
+            } else if (templateType == 13) {
+                $('.Image1').show();
+                $('.Image2').show();
+                $('.Image3').show();
+                $('.Image4').show();
+                $('.Image5').show();
+            } else if (templateType == 16 || templateType == 17) {
+                $('.Image1').show();
+                $('.Image2').show();
+            } else if (templateType == 18 || templateType == 19 || templateType == 20) {
+                $('.Image1').show();
+            }
+            //删除按钮和表格展示
+            if (templateType == 1 || templateType == 2 || templateType == 7 || templateType == 8 || templateType == 9 || templateType == 10) {
+                if (adsImageList.length == 0) {
+                    $("#del").attr("disabled", "disabled");
+                } else {
+                    $("#adsImageTable").show();
+                    $("#del").removeAttr("disabled");
+                }
+                type = 'adsImage';
+            } else if (templateType == 3 || templateType == 4 || templateType == 5 || templateType == 6) {
+                if (infoImageList.length == 0) {
+                    $("#del").attr("disabled", "disabled");
+                } else {
+                    $("#infoImageTable").show();
+                    $("#del").removeAttr("disabled");
+                }
+                type = 'infoImage';
+            } else {
+                //图片表格
+                if (productImageList.length == 0) {
+                    $("#del").attr("disabled", "disabled");
+                } else {
+                    $("#productImageTable").show();
+                    $("#del").removeAttr("disabled");
+                }
+                type = 'productImage';
+            }
+            $("#type").val(type);
+            batchSaveSort();
+        } else {
+            $("#infoLabel").show();
+            $(".templateImageTable").hide();
+        }
+    }
+
+    //被选中的模板置顶
+    function toTop(list = [], parent, children) {
+        list.forEach(function (item, index) {
+            $(parent).append($(item))
+        })
+        $(parent).prepend($(children))
+    }
+
+    //点击添加
+    function showSelect(url) {
+        var title = '添加';
+        var width = $(top.document).width() - 800;
+        var height = $(top.document).height() - 160;
+        var type = $("#type").val();
+        if (type == 'adsImage') {
+            url = url + "?type=adsImage";
+        } else if (type == 'infoImage') {
+            url = url + "?type=infoImage";
+        } else {
+            url = url + "?type=productImage&productCategory=1&productIds=" + productIds;
+            title = '商品图片';
+            width = $(top.document).width() - 400;
+            height = $(top.document).height() - 160;
+        }
+        top.$.jBox("iframe:" + url, {
+            iframeScrolling: 'yes',
+            width: width,
+            height: height,
+            persistent: true,
+            title: title,
+            buttons: {"确定": '1', "取消": '-1'},
+            submit: function (v, h, f) {
+                //确定
+                var $jboxFrame = top.$('#jbox-iframe');
+                var $mainFrame = top.$('#mainFrame');
+                if ('1' == v && 1 == $jboxFrame.size() && 1 == $mainFrame.size()) {
+                    var items = $jboxFrame[0].contentWindow.getCheckedItems();
+                    console.log(items);
+                    if (type == 'adsImage') {
+                        //宣传图
+                        if (items.image == '') {
+                            alertx("请上传图片");
+                            return false;
+                        }
+                        if (items.sort == '') {
+                            alertx("请输入排序值");
+                            return false;
+                        }
+                        adsImageList.push(items);
+                        $('#adsImageTable').show();
+                        $('#infoImageTable').hide();
+                        $('#productImageTable').hide();
+
+                    } else if (type == 'infoImage') {
+                        //信息宣传图
+                        if (items.image == '') {
+                            alertx("请上传图片");
+                            return false;
+                        }
+                        if (items.name == '') {
+                            alertx("请输入名称");
+                            return false;
+                        }
+                        if (items.content == '') {
+                            alertx("请输入名称");
+                            return false;
+                        }
+                        if (items.sort == '') {
+                            alertx("请输入排序值");
+                            return false;
+                        }
+                        infoImageList.push(items);
+                        $('#adsImageTable').hide();
+                        $('#infoImageTable').show();
+                        $('#productImageTable').hide();
+                    } else {
+                        //商品图片
+                        if (items.productId == "") {
+                            if (items.image == '') {
+                                alertx("请上传图片");
+                                return false;
+                            }
+                            if (items.name == '') {
+                                alertx("请输入名称");
+                                return false;
+                            }
+                            if (items.link == '') {
+                                alertx("请输入跳转链接");
+                                return false;
+                            }
+                            if (items.sort == '') {
+                                alertx("请输入排序值");
+                                return false;
+                            }
+                            if (items.label == '') {
+                                alertx("请输入标签");
+                                return false;
+                            }
+                        }
+                        productImageList.push(items);
+                        $('#adsImageTable').hide();
+                        $('#infoImageTable').hide();
+                        $('#productImageTable').show();
+                    }
+                    $("#del").removeAttr("disabled");
+                    batchSaveSort();
+                }
+                return true;
+            }
+        });
+    }
+
+    //相关图片列表数据
+    function appendShopOrderHead(data, index) {
+        var html;
+        var type = $("#type").val();
+        if (type == 'adsImage') {
+            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>' +
+                '<input value="' + data.link + '"  onchange="changeLink(' + index + ',this)">' +
+                '</td>' +
+                '<td>' +
+                '<img src="' + data.adsImage + '" width="60px" border="none" title="启用">' +
+                '</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>' +
+                '<a href="javascript:;" onclick="delect(' + index + ')">删除</a>' +
+                '</td>' +
+                '</tr>';
+        } else if (type == 'infoImage') {
+            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>' +
+                '<input value="' + data.name + '"  onchange="changeName(' + index + ',this)">' +
+                '</td>' +
+                '<td>' +
+                '<input value="' + data.content + '"  onchange="changeContent(' + index + ',this)">' +
+                '</td>' +
+                '<td>' +
+                '<input value="' + data.link + '"  onchange="changeLink(' + index + ',this)">' +
+                '</td>' +
+                '<td>' +
+                '<img src="' + data.adsImage + '" width="60px" border="none" title="启用">' +
+                '</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>' +
+                '<a href="javascript:;" onclick="delect(' + index + ')">删除</a>' +
+                '</td>' +
+                '</tr>';
+        } else {
+            html = '<tr id ="product' + 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>' +
+                (data.productId == '' ? (
+                    '<input name="name" value="' + data.name + '"  onchange="changeName(' + index + ',this)">'
+                ) : (data.name)) +
+                '</td>' +
+                '<td>' +
+                (data.productId == '' ? (
+                    '<input value="' + data.link + '"  onchange="changeLink(' + index + ',this)">'
+                ) : ('------')) +
+                '</td>' +
+                '<td>' +
+                (data.productId == '' ? (
+                    '<input value="' + data.label + '"  onchange="changeLabel(' + index + ',this)" maxlength = "10">'
+                ) : ('------')) +
+                '</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>' +
+                '<a href="javascript:;" onclick="delect(' + index + ')">删除</a>' +
+                '</td>' +
+                '</tr>';
+        }
+
+        return html;
+    }
+
+    function insertHtml(list) {
+        var html = '';
+        var type = $("#type").val();
+        if (type == 'adsImage') {
+            list.forEach(function (item, index) {
+                html += appendShopOrderHead(item, index);
+            })
+            $("#adsImageTbody").html(html);
+        } else if (type == 'infoImage') {
+            list.forEach(function (item, index) {
+                html += appendShopOrderHead(item, index);
+            })
+            $("#infoImageTbody").html(html);
+        } else {
+            productIds = '';
+            list.forEach(function (item, index) {
+                html += appendShopOrderHead(item, index);
+                productIds += "," + item.productId;
+            });
+            $("#productImageTbody").html(html);
+        }
+    }
+
+    /**
+     * 一键排序
+     */
+    function batchSaveSort() {
+        var type = $("#type").val();
+        if (type == 'adsImage') {
+            adsImageList.sort(sort);
+            insertHtml(adsImageList);
+        } else if (type == 'infoImage') {
+            infoImageList.sort(sort);
+            insertHtml(infoImageList);
+        } else {
+            productImageList.sort(sort);
+            insertHtml(productImageList);
+        }
+    }
+
+    //根据sort值 从小到大排序
+    function sort(a, b) {
+        return a.sort - b.sort;
+    }
+
+    /**
+     * @param obj
+     * jquery控制input只能输入数字
+     */
+    function onlynum(obj) {
+        obj.value = obj.value.replace(/[^\d]/g, ""); //清除"数字"以外的字符
+    }
+
+    function changeSort(index, sortThis) {
+        var sort = sortThis.value;
+        var image = getImage(index);
+        image.sort = sort;
+    }
+
+    function changeName(index, nameThis) {
+        var name = nameThis.value;
+        var image = getImage(index);
+        image.name = name;
+    }
+
+    function changeContent(index, nameThis) {
+        var name = nameThis.value;
+        var image = infoImageList[index];
+        image.name = name;
+    }
+
+    function changeLink(index, linkThis) {
+        var link = linkThis.value;
+        var image = getImage(index);
+        image.link = link;
+    }
+
+    function changeLabel(index, labelThis) {
+        var label = labelThis.value;
+        var image = productImageList[index];
+        image.label = label;
+    }
+
+    /**
+     * 删除操作
+     */
+    function delect(index) {
+        var type = $("#type").val();
+        return confirmx("确定删除该数据吗？", function () {
+            var image = getImage(index);
+            if (type == 'adsImage') {
+                adsImageList.splice(index, 1);
+                insertHtml(adsImageList, 'adsImage');
+                if (adsImageList.length == 0) {
+                    $("#del").attr("disabled", "disabled");
+                    $('#adsImageTable').hide();
+                }
+            } else if (type == 'infoImage') {
+                infoImageList.splice(index, 1);
+                insertHtml(infoImageList, 'infoImage');
+                if (infoImageList.length == 0) {
+                    $("#del").attr("disabled", "disabled");
+                    $('#infoImageTable').hide();
+                }
+            } else {
+                if (image.productId != '') {
+                    productIds = productIds.replace(image.productId, "");
+                }
+                productImageList.splice(index, 1);
+                insertHtml(productImageList, 'productImage');
+                if (productImageList.length == 0) {
+                    $("#del").attr("disabled", "disabled");
+                    $('#productImageTable').hide();
+                }
+            }
+        });
+    }
+
+    /**
+     * 批量删除
+     */
+    function batchDeletion() {
+        var index = -1;
+        var i = 1;
+        var type = $("#type").val();
+        return confirmx("确定删除吗？", function () {
+            $('input[name="info"]:checked').each(function () {
+                var thisIndex = $(this).val();
+                if (index >= 0 && index < thisIndex) {
+                    thisIndex = thisIndex - i;
+                    i++;
+                } else {
+                    index = thisIndex;
+                }
+                var image = getImage(thisIndex);
+                if (type == 'adsImage') {
+                    adsImageList.splice(thisIndex, 1);
+                } else if (type == 'infoImage') {
+                    infoImageList.splice(thisIndex, 1);
+                } else {
+                    if (image.productId != '') {
+                        productIds = productIds.replace(image.productId, "");
+                    }
+                    productImageList.splice(thisIndex, 1);
+                }
+            });
+            if (type == 'adsImage') {
+                insertHtml(adsImageList);
+                if (adsImageList.length == 0) {
+                    $("#del").attr("disabled", "disabled");
+                    $('#adsImageTable').hide();
+                } else {
+                    $("#del").removeAttr("disabled");
+                }
+            } else if (type == 'infoImage') {
+                insertHtml(infoImageList);
+                if (infoImageList.length == 0) {
+                    $("#del").attr("disabled", "disabled");
+                    $('#infoImageTable').hide();
+                } else {
+                    $("#del").removeAttr("disabled");
+                }
+            } else {
+                insertHtml(productImageList);
+                if (productImageList.length == 0) {
+                    $('#productImageTable').hide();
+                    $("#del").attr("disabled", "disabled");
+                } else {
+                    $("#del").removeAttr("disabled");
+                }
+            }
+        });
+    }
+
+    function getImage(index) {
+        var image;
+        var type = $("#type").val();
+        if (type == 'adsImage') {
+            image = adsImageList[index];
+        } else if (type == 'infoImage') {
+            image = infoImageList[index];
+        } else {
+            image = productImageList[index];
+        }
+        return image;
+    }
+
+    function updatePcStatus(status, index) {
+        var image = getImage(index);
+        confirmx(status == 0 ? '确定停用吗？' : '确定启用吗？', function () {
+            image.pcStatus = status;
+            batchSaveSort();
+        })
+    }
+
+    function updateAppletsStatus(status, index) {
+        var image = getImage(index);
+        confirmx(status == 0 ? '确定停用吗？' : '确定启用吗？', function () {
+            image.appletsStatus = status;
+            batchSaveSort();
+        })
+    }
+
+    function showTemplate() {
+        var title = '';
+        var url = "${ctx}/newhome/newPageFloor/showTemplate";
+        title = "模板";
+        top.$.jBox("iframe:" + url, {
+            iframeScrolling: 'yes',
+            width: $(top.document).width() - 600,
+            height: $(top.document).height() - 160,
+            persistent: true,
+            title: title,
+            buttons: {"关闭": '-1'}
+        })
+    }
+
+    function clickAllSelect(ckb) {
+        var isChecked = ckb.checked;
+        $(".check-item").attr('checked', isChecked);
+    }
+
+    //修改偏展会/商城筛选项
+    function changeTemplateSelect() {
+        let templateSelect = $("#templateSelect").val();
+        if (1 == templateSelect) {
+            $(".displayTemplate").removeClass("hide");
+            $(".mallTemplate").removeClass("hide");
+        } else if (2 == templateSelect) {
+            $(".displayTemplate").removeClass("hide");
+            $(".mallTemplate").addClass("hide");
+        } else if (3 == templateSelect) {
+            $(".mallTemplate").removeClass("hide");
+            $(".displayTemplate").addClass("hide");
+        }
+    }
+
+    //修改偏pc/移动端筛选项
+    function changeSourceSelect() {
+        debugger
+        let source = $("#sourceSelect").val();
+        var templateType = parseInt($("input[type='radio']:checked").val());
+        if (1 == source) {
+            $("#pcTemplate").removeClass("hide");
+            $("#appletsTemplate").addClass("hide");
+            $('input:radio[value='+templateType+']').attr('checked', false);
+            templateType = templateType - 50;
+            $('input:radio[value='+templateType+']').attr('checked', true);
+        } else if (2 == source) {
+            $("#appletsTemplate").removeClass("hide");
+            $("#pcTemplate").addClass("hide");
+            $('input:radio[value='+templateType+']').attr('checked', false);
+            templateType = templateType + 50;
+            $('input:radio[value='+templateType+']').attr('checked', true);
+        }
+        showContent(1 == source ? 'pc' : 'applets');
+    }
+</script>
+</body>
+</html>

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

@@ -0,0 +1,285 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: Administrator
+  Date: 2020/4/9
+  Time: 19:54
+  To change this template use File | Settings | File Templates.
+--%>
+<%@ page contentType="text/html;charset=UTF-8" %>
+<%@ include file="/WEB-INF/views/include/taglib.jsp" %>
+<html>
+<head>
+    <title>选择其他图片</title>
+    <meta name="decorator" content="default"/>
+    <style type="text/css">
+        .table td i {
+            margin: 0 2px;
+        }
+
+        .iconBox {
+            font-size: 0;
+        }
+
+        .controls .conList {
+            display: inline-block;
+            margin-right: 15px;
+        }
+
+        .conList .btn:nth-of-type(1) {
+            margin-left: 25px;
+        }
+
+        .upload-content {
+            margin-top: -70px;
+        }
+
+        .upload-content .conList .btn:nth-of-type(1) {
+            width: 90px;
+            height: 100px;
+            border: 2px solid #eee;
+            background: #fff;
+            position: relative;
+        }
+
+        .upload-content .conList .btn:nth-of-type(1) > div {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            color: #666;
+        }
+
+        .upload-content .conList .btn:nth-of-type(1) span {
+            font-size: 35px;
+        }
+
+        .upload-content .conList .btn:nth-of-type(1) h5 {
+            color: #666;
+        }
+
+        .cancel-upload {
+            background: transparent;
+            border: none;
+            box-shadow: none;
+            position: relative;
+            top: -38px;
+            left: -25px;
+            cursor: pointer;
+            z-index: 100;
+        }
+
+        .upload-content .conList ol li {
+            width: 114px;
+            min-height: 80px;
+            text-align: center;
+            background: #fff;
+            position: relative;
+            top: 120px;
+            margin-left: 2px;
+        }
+
+        .hide-pic {
+            display: none !important;
+        }
+    </style>
+
+    <script type="text/javascript">
+        $(document).ready(function () {
+            $("#inputForm").validate({
+                submitHandler: function (form) {
+                    var beginTime = $("#beginTime").val();
+                    var endTime = $("#endTime").val();
+                    if (beginTime > endTime) {
+                        alertx("开始时间不能晚于结束时间！");
+                        return;
+                    } else {
+                        loading('正在提交，请稍等...');
+                        form.submit();
+                    }
+                },
+                errorContainer: "#messageBox",
+                errorPlacement: function (error, element) {
+                    $("#messageBox").text("输入有误，请先更正。");
+                    if (element.is(":checkbox") || element.is(":radio") || element.parent().is(".input-append")) {
+                        error.appendTo(element.parent().parent());
+                    } else {
+                        error.insertAfter(element);
+                    }
+                }
+            });
+        });
+    </script>
+</head>
+<body>
+<br/>
+<form:form id="inputForm" modelAttribute="floorImage" action="" method="post" class="form-horizontal">
+    <form:hidden path="id" id="id"/>
+    <sys:message content="${message}"/>
+    <div class="control-group">
+        <label class="control-label"><span class="help-inline"><font color="red">*</font> </span>图片：</label>
+        <div class="controls upload-content iconBox">
+            <div class="conList">
+                <form:hidden id="image" path="image" htmlEscape="false" maxlength="255" class="input-xlarge required"/>
+                <sys:ckfinder input="image" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100"
+                              maxHeight="100"/>
+            </div>
+        </div>
+    </div>
+    <div class="control-group" style="display: ${type eq 'adsImage'?'none':''}">
+        <label class="control-label"><font color="red">*</font>标题：</label>
+        <div class="controls">
+            <form:input path="name" id="name" htmlEscape="false" class="input-xlarge required"/>
+        </div>
+    </div>
+    <div class="control-group" style="display: ${type eq 'adsImage'?'none':''}">
+        <label class="control-label"><font color="red">*</font>内容：</label>
+        <div class="controls">
+            <form:textarea path="content" id="content" htmlEscape="false" class="input-xlarge required"/>
+        </div>
+    </div>
+    <div class="control-group">
+        <label class="control-label">跳转链接：</label>
+        <div class="controls">
+            <form:input path="link" id="link" htmlEscape="false" cssStyle="position: relative" class="input-xlarge required"/>
+        </div>
+    </div>
+    <div class="control-group">
+        <label class="control-label">小程序内容宣传图：</label>
+        <div class="controls upload-content iconBox">
+            <div class="conList">
+                <form:hidden id="adsImage" path="adsImage" htmlEscape="false" maxlength="255" class="input-xlarge required"/>
+                <sys:ckfinder input="adsImage" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100"
+                              maxHeight="100"/>
+            </div>
+        </div>
+    </div>
+    <div class="control-group">
+        <label class="control-label"><span class="help-inline"><font color="red">*</font> 排序：</label>
+        <div class="controls">
+            <form:input path="sort" id="sort" htmlEscape="false" maxlength="11" class="input-xlarge required"/>
+        </div>
+    </div>
+    <div class="control-group">
+        <label class="control-label">网站状态：</label>
+        <div class="controls">
+            <form:select path="pcStatus" id="pcStatus" class="input-medium required">
+                <form:option value="1" label="启动"/>
+                <form:option value="0" label="停用"/>
+            </form:select>
+        </div>
+    </div>
+    <div class="control-group">
+        <label class="control-label">小程序状态：</label>
+        <div class="controls">
+            <form:select path="appletsStatus" id="appletsStatus" class="input-medium required">
+                <form:option value="1" label="启动"/>
+                <form:option value="0" label="停用"/>
+            </form:select>
+        </div>
+    </div>
+</form:form>
+
+<script type="text/javascript">
+    $(document).ready(function () {
+        //弹出框去滚动条
+        top.$('#jbox-content').css("overflow-y", "hidden");
+        show_title(30);
+    });
+
+    $(function () {
+        $('.upload-content .conList .btn:nth-of-type(1)').html('<div><span>+</span><h5>选择图片</h5></div>');
+        $('.upload-content .conList .btn:nth-of-type(2)').after('<img class="cancel-upload" src="/static/images/close-btn1.png">').remove();
+        $('.upload-content .conList').find('.cancel-upload').hide();
+        var observeEle = document.getElementsByClassName('upload-content')[0];
+        var observeEle1 = document.getElementsByClassName('upload-content')[1];
+        var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
+        var MutationObserverConfig = {
+            childList: true,
+            subtree: true,
+            characterData: true
+        };
+        var observer = new MutationObserver(function (mutations) {
+            $.each(mutations, function (index, item) {
+                if (item.type === 'childList') {
+                    // 在创建新的 element 时调用
+                    var target = $(item.target),
+                        thisWrapper = target.closest('.conList'),
+                        nextEle = thisWrapper.next();
+                    thisWrapper.find('li').css('z-index', 99);
+                    thisWrapper.find('.cancel-upload').show();
+                    if (nextEle.hasClass('hide-pic')) {
+                        nextEle.removeClass('hide-pic');
+                    }
+                }
+            })
+        });
+        observer.observe(observeEle, MutationObserverConfig);
+        observer.observe(observeEle1, MutationObserverConfig);
+
+        $('body').on('click', '.upload-content li', function () {
+            var index = $(this).closest('.conList').index() + 1,
+                str = 'remarkImage' + index + 'FinderOpen';
+            eval(str + '()');
+        });
+        $('body').on('click', '.cancel-upload', function () {
+            var wrapper = $(this).closest('.conList');
+            wrapper.find('li').css('z-index', '-1');
+            wrapper.find('input').val('');
+            $(this).hide();
+            wrapper.removeClass("hide-pic");
+            wrapper.parent().append(wrapper.clone());
+            wrapper.remove();
+            $(".conList").each(function (i, ele) {
+                if ($(ele).find("input.input-xlarge").val()) {
+                    $(ele).next().removeClass("hide-pic")
+                }
+            })
+        });
+        $(window).on("load", function () {
+            setTimeout(function () {
+                $("#image").find("input.input-xlarge").each(function (i, ele) {
+                    if ($(ele).val()) {
+                        $(ele).next().find("li").css("z-index", "99");
+                        $(ele).parents(".conList").find(".cancel-upload").show();
+                        $(ele).parents(".conList").next().removeClass("hide-pic")
+                    }
+                })
+                $("#adsImage").find("input.input-xlarge").each(function (i, ele) {
+                    if ($(ele).val()) {
+                        $(ele).next().find("li").css("z-index", "99");
+                        $(ele).parents(".conList").find(".cancel-upload").show();
+                        $(ele).parents(".conList").next().removeClass("hide-pic")
+                    }
+                })
+            }, 500);
+        });
+    });
+
+    function getCheckedItems() {
+        var items = {
+            "id": $('#id').val(),
+            "productId": "",
+            "image": $('#image').val(),
+            "adsImage": $('#adsImage').val(),
+            "name": $('#name').val(),
+            "content": $('#content').val(),
+            "link": $('#link').val(),
+            "sort": $('#sort').val(),
+            "pcStatus": $('#pcStatus').val(),
+            "appletsStatus": $('#appletsStatus').val(),
+            "label": $('#label').val(),
+            "createDate": ""
+        };
+        return items;
+    }
+
+    /**
+     * @param obj
+     * jquery控制input只能输入数字
+     */
+    function onlynum(obj) {
+        obj.value = obj.value.replace(/[^\d]/g, ""); //清除"数字"以外的字符
+    }
+</script>
+</body>
+</html>

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

@@ -149,7 +149,7 @@
     </c:if>
     <c:if test="${empty floorContent.floorId}">
         <li><a href="${ctx}/cmpage/cmPageCentre/?pageId=${floorContent.pageId}&type=5">分类详情商品楼层</a></li>
-        <li class="active"><a href="${ctx}/cmpage/cmPageCentre/goContentPage?centreId=${floorContent.centreId}">内容</a>
+        <li class="active"><a href="${ctx}/cmpage/cmPageCentre/goContentPage?pageId=${floorContent.pageId}&centreId=${floorContent.centreId}">内容</a>
         </li>
     </c:if>
 </ul>