辅助终端

cms/src/main/java/com/jd/cms/configer/RequestFilter.java

@@ -38,7 +38,6 @@ public class RequestFilter implements Filter {
         } else {
             filterChain.doFilter(servletRequest, servletResponse);
         }
-        System.out.println("跨域配置启动！");
     }
 
     @Override

cms/src/main/resources/static/ftl/fzzd/dhl/hdgn/wjll.ftl

@@ -43,19 +43,19 @@
             position: absolute;
             top: 5%;
             right: 5%;
-            width: 20%;
+            width: 15%;
             z-index: 9999;
             display: flex;
             align-items: center;
             justify-content: flex-end;
         }
 
-        .back_list>div {
+        .back_list > div {
             font-size: 18px;
             width: 50%;
             text-align: center;
             border-radius: 5px;
-            padding: 1% 0;
+            padding: 5% 0;
         }
 
         .back_list .back {
@@ -93,7 +93,7 @@
             margin-top: 1%;
         }
 
-        .file_item>img {
+        .file_item > img {
             width: 50%;
         }
 
@@ -121,7 +121,7 @@
             width: 0;
         }
 
-        .show>img {
+        .show > img {
             position: relative;
             top: 50%;
             transform: translateY(-50%);
@@ -130,7 +130,7 @@
             margin-right: 2%;
         }
 
-        .show>video {
+        .show > video {
             position: relative;
             top: 50%;
             transform: translateY(-50%);
@@ -204,7 +204,7 @@
             background-color: rgba(4, 108, 183, 0.25);
         }
 
-        .ass_shrink>img {
+        .ass_shrink > img {
             width: 60%;
         }
     </style>
@@ -225,7 +225,7 @@
 </ul>
 <!-- 收缩文件分类 -->
 <div class="ass_shrink" style="display: none;">
-    <img src="/${data.websiteInfo.rootPath }/public/img/bottom.png" style="transform: rotate(90deg);" />
+    <img src="/${data.websiteInfo.rootPath }/public/img/bottom.png" style="transform: rotate(90deg);"/>
 </div>
 <!-- 返回和文件列表 -->
 <div class="back_list">
@@ -240,7 +240,7 @@
 </div>
 <!-- 显示 -->
 <div class="show">
-    <img src="/${data.websiteInfo.rootPath }/public/img/a1.png" style="display: none;" />
+    <img src="/${data.websiteInfo.rootPath }/public/img/a1.png" style="display: none;"/>
     <video controls="controls" style="display: none;">
         <source src="" type="video/mp4"></source>
     </video>
@@ -248,15 +248,17 @@
         <div id="pdfDiv"></div>
     </div>
 </div>
-<script src="/${data.websiteInfo.rootPath }/public/js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
+<script src="/${data.websiteInfo.rootPath }/public/js/jquery-3.5.1.min.js" type="text/javascript"
+        charset="utf-8"></script>
 <script src="/${data.websiteInfo.rootPath }/public/pdfjs/build/pdf.js" type="text/javascript" charset="utf-8"></script>
+<script src="/${data.websiteInfo.rootPath }/public/js/constant.js" type="text/javascript" charset="utf-8"></script>
 <script type="text/javascript">
 
-    $(".back_list").on("click", ".back", function() {
+    $(".back_list").on("click", ".back", function () {
         location.href = "/${data.websiteInfo.rootPath }/dhl/hdgn/list.html"
     })
 
-    $(".file_list").on("click", ".file_item", function() {
+    $(".file_list").on("click", ".file_item", function () {
         $(".box").css("display", "none")
         $(".show").css("display", "flex")
         $(".wj_list").css("display", "block")
@@ -271,30 +273,35 @@
         }
         // 获取点击的自定义属性
         var fileIden = $(this).attr("data-iden")
-        console.log(fileIden)
+        // console.log(fileIden)
         if (fileIden == "img" || fileIden == "video") {
             var src = $(this).attr("data-src")
+            src = src.replace("http://localhost", SERVER_IP)
             $(".show").find(fileIden).siblings().css("display", "none")
             $(".show").find(fileIden).css("display", "block").attr("src", src)
         } else {
             $(".show").find(".show_pdf").siblings().css("display", "none")
             $(".show").find(".show_pdf").css("display", "block")
             var filePath = $(".file_list").find(".file_active").attr("data-src");
-            console.log(filePath)
+            filePath = filePath.replace("http://localhost", SERVER_IP)
+            // 渲染pdf之前先清空前面的内容
+            $("#pdfDiv").html("")
             initPdf(filePath);
         }
     })
 
-    $(".back_list").on("click", ".wj_list", function() {
-        // $(this).css("display", "none")
+
+    $(".back_list").on("click", ".wj_list", function () {
+        $(this).css("display", "none")
         // $(".show").css("display", "none")
         // $(".box").css("display", "block")
-        location.href = "/${data.websiteInfo.rootPath }/dhl/hdgn/wjll/list.html"
+        <#--location.href = "/${data.websiteInfo.rootPath }/dhl/hdgn/wjll/list.html"-->
+        hideFile();
     })
 
     // 文件分类
     var idenNum = 1
-    $("body").on("click", ".ass_shrink", function() {
+    $("body").on("click", ".ass_shrink", function () {
         if (idenNum == 0) {
             // 收起
             $(".file_ass").css("left", "-15%")
@@ -311,8 +318,9 @@
     })
 
     // 点击文件分类并加载相应文件库
-    $(".file_ass").on("click", ".ass_item", function() {
-        // 点击后先返回页面
+    $(".file_ass").on("click", ".ass_item", function () {
+        // 点击分类先隐藏打开中的文件内容
+        hideFile();
         $(this).addClass("ass_active").siblings("li").removeClass("ass_active")
         var iden = $(this).attr("data-iden")
         if (iden === "xswj") {
@@ -324,8 +332,24 @@
         }
     })
 
-    // 默认展示第一个文件分类
-    $("#firstShow").click();
+    defaultShowFileList();
+
+    // 默认展示文件分类
+    function defaultShowFileList() {
+        // 通过sessionStorage判断当前页面是否为临时文件上传成功后跳转
+        if (sessionStorage.getItem("LOOK_FILE") === "YES") {
+            console.log("将点击临时文件列表！")
+            $(".file_ass").find(".ass_item").each(function () {
+                if ("lswj" === $(this).attr("data-iden")) {
+                    $(this).click();
+                }
+            })
+
+        } else {
+            $("#firstShow").click();
+        }
+        sessionStorage.setItem("LOOK_FILE", "NO")
+    }
 
     // 展示pdf
     function initPdf(url) {
@@ -333,11 +357,11 @@
             '/fzzd/public/pdfjs/build/pdf.worker.js';
         var loadingTask = pdfjsLib.getDocument(url);
         var pdfDiv = document.getElementById('pdfDiv');
-        loadingTask.promise.then(function(pdf) {
-            for (var i = 1; i<= pdf.numPages; i++) {
-                pdf.getPage(i).then(function(page) {
+        loadingTask.promise.then(function (pdf) {
+            for (var i = 1; i <= pdf.numPages; i++) {
+                pdf.getPage(i).then(function (page) {
                     var scale = 1.5;
-                    var viewport = page.getViewport({ scale: scale, });
+                    var viewport = page.getViewport({scale: scale,});
                     // Support HiDPI-screens.
                     var outputScale = window.devicePixelRatio || 1;
 
@@ -347,7 +371,7 @@
                     canvas.width = Math.floor(viewport.width * outputScale);
                     canvas.height = Math.floor(viewport.height * outputScale);
                     canvas.style.width = Math.floor(viewport.width) + "px";
-                    canvas.style.height =  Math.floor(viewport.height) + "px";
+                    canvas.style.height = Math.floor(viewport.height) + "px";
 
                     var transform = outputScale !== 1
                         ? [outputScale, 0, 0, outputScale, 0, 0]
@@ -363,6 +387,22 @@
             }
         });
     }
+
+    // 隐藏文件
+    function hideFile() {
+        // 隐藏文件列表标签
+        $(".wj_list").css("display", "none")
+        // 隐藏打开中的文件
+        var fileIden = $(".file_list").find(".file_active ").attr("data-iden")
+        console.log(fileIden)
+        if (fileIden == "img" || fileIden == "video") {
+            $(".show").find(fileIden).css("display", "none")
+        } else {
+            $(".show").find(".show_pdf").css("display", "none")
+        }
+        // 显示文件列表
+        $(".file_list").css("display", "")
+    }
 </script>
 </body>
 

cms/src/main/resources/static/ftl/fzzd/dhl/hdgn/wjll/lswj.ftl

@@ -3,14 +3,14 @@
         <#if "${article.filePath}"?contains(".pdf") >
             <#if article_index == 0>
                 <li class="file_item file_active" data-iden="pdf" data-src="${article.filePath}">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/pdf.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/pdf.png"/>
                     <div class="file_name">
                         ${article.oldFileName}
                     </div>
                 </li>
             <#else>
                 <li class="file_item " data-iden="pdf" data-src="${article.filePath}">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/pdf.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/pdf.png"/>
                     <div class="file_name">
                         ${article.oldFileName}
                     </div>
@@ -19,14 +19,14 @@
         <#elseif "${article.filePath}"?contains(".mp4")>
             <#if article_index == 0>
                 <li class="file_item" file_active data-iden="video" data-src="${article.filePath}">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/sp.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/sp.png"/>
                     <div class="file_name">
                         ${article.oldFileName}
                     </div>
                 </li>
             <#else>
-                <li class="file_item" data-iden="video" data-src="${article.filePath}" >
-                    <img src="/${data.websiteInfo.rootPath }/public/img/sp.png" />
+                <li class="file_item" data-iden="video" data-src="${article.filePath}">
+                    <img src="/${data.websiteInfo.rootPath }/public/img/sp.png"/>
                     <div class="file_name">
                         ${article.oldFileName}
                     </div>
@@ -35,14 +35,14 @@
         <#else>
             <#if article_index == 0>
                 <li class="file_item" file_active data-iden="img" data-src="${article.filePath}">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/tp.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/tp.png"/>
                     <div class="file_name">
                         ${article.oldFileName}
                     </div>
                 </li>
             <#else>
                 <li class="file_item" data-iden="img" data-src="${article.filePath}">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/tp.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/tp.png"/>
                     <div class="file_name">
                         ${article.oldFileName}
                     </div>

cms/src/main/resources/static/ftl/fzzd/dhl/hdgn/wjll/xswj.ftl

@@ -3,14 +3,14 @@
         <#if "${article.filePath}"?contains(".pdf")>
             <#if article_index == 0>
                 <li class="file_item file_active" data-iden="pdf" data-src="${article.filePath}">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/pdf.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/pdf.png"/>
                     <div class="file_name">
                         ${article.oldFileName}
                     </div>
                 </li>
             <#else>
                 <li class="file_item " data-iden="pdf" data-src="${article.filePath}">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/pdf.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/pdf.png"/>
                     <div class="file_name">
                         ${article.oldFileName}
                     </div>
@@ -19,14 +19,14 @@
         <#elseif "${article.filePath}"?contains(".mp4")>
             <#if article_index == 0>
                 <li class="file_item" file_active data-iden="video" data-src="${article.filePath}">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/sp.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/sp.png"/>
                     <div class="file_name">
                         ${article.oldFileName}
                     </div>
                 </li>
             <#else>
                 <li class="file_item" data-iden="video" data-src="${article.filePath}">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/sp.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/sp.png"/>
                     <div class="file_name">
                         ${article.oldFileName}
                     </div>
@@ -35,14 +35,14 @@
         <#else>
             <#if article_index == 0>
                 <li class="file_item" file_active data-iden="img" data-src="${article.filePath}">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/tp.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/tp.png"/>
                     <div class="file_name">
                         ${article.oldFileName}
                     </div>
                 </li>
             <#else>
                 <li class="file_item" data-iden="img" data-src="${article.filePath}">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/tp.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/tp.png"/>
                     <div class="file_name">
                         ${article.oldFileName}
                     </div>

cms/src/main/resources/static/ftl/fzzd/dhl/hdgn/wjts.ftl

@@ -54,7 +54,7 @@
             z-index: 100;
         }
 
-        .look_xz>div {
+        .look_xz > div {
             display: flex;
             align-items: center;
             justify-content: center;
@@ -95,7 +95,7 @@
             cursor: pointer;
         }
 
-        .st-put>input {
+        .st-put > input {
             width: 370px;
             height: 50px;
             font-size: 18px;
@@ -117,11 +117,11 @@
             background-color: #fff;
         }
 
-        .fail>span {
+        .fail > span {
             margin-left: 5%;
         }
 
-        .back_wjts{
+        .back_wjts {
             position: absolute;
             top: 5%;
             right: 1%;
@@ -155,7 +155,7 @@
     </div>
 </div>
 <div class="fail">
-    <img src="/${data.websiteInfo.rootPath }/public/img/fail.png" />
+    <img src="/${data.websiteInfo.rootPath }/public/img/fail.png"/>
     <span>文件上传失败</span>
 </div>
 <div class="back_wjts">
@@ -165,43 +165,37 @@
 <script src="/${data.websiteInfo.rootPath }/public/js/constant.js"></script>
 <script>
     // 点击立即查看跳转文件浏览
-    $(".look_xz").on("click", ".lj_look", function() {
+    $(".look_xz").on("click", ".lj_look", function () {
+        sessionStorage.setItem("LOOK_FILE", "YES")
         location.href = "/${data.websiteInfo.rootPath }/dhl/hdgn/wjll/list.html"
     })
     // 点击稍后隐藏按钮
-    $(".look_xz").on("click", ".sh_look", function() {
+    $(".look_xz").on("click", ".sh_look", function () {
         $(".tip").css("display", "none")
     })
 
     // 监控文件上传的上传
-    $(".file_input").on("change", "#put_file", function(e) {
+    $(".file_input").on("change", "#put_file", function (e) {
         // 获取要上传的文件名
         var vals = (e.target.value).split("\\")
         $(".st-put>input").val(vals[(vals.length - 1)])
-        $(".tip").css("display", "flex")
+
         var imgfile = e.target.files;
         // 上传文件
         fileUpload(imgfile[0]);
-
-
-        // 文件上传失败定时器
-        $(".fail").css("display", "flex")
-        setTimeout(function() {
-            $(".fail").css("display", "none")
-        }, 800)
     })
 
-    $(".tip").on("click", ".overlay", function() {
+    $(".tip").on("click", ".overlay", function () {
         $(".tip").css("display", "none")
     })
 
     // 点击上传文件
-    $(".st-put").on("click", ".put_wj", function() {
+    $(".st-put").on("click", ".put_wj", function () {
         $("#put_file").click()
     })
 
     // 点击返回
-    $("body").on("click",".back_wjts",function(){
+    $("body").on("click", ".back_wjts", function () {
         location.href = "/${data.websiteInfo.rootPath }/dhl/hdgn/list.html"
     })
 
@@ -216,53 +210,69 @@
         console.log("准备请求ajax!")
         $.ajax({
             url: HOME_PATH + "cms/file/fileUpload",
-            type:"post",
+            type: "post",
             dataType: 'json',
             data: formData,
-            cache:false,
-            contentType:false, //- 必须false才会自动加上正确的Content-Type
+            cache: false,
+            contentType: false, //- 必须false才会自动加上正确的Content-Type
             processData: false, //- 必须false才会避开jQuery对 formdata 的默认处理,XMLHttpRequest会对 formdata 进行正确的处理
-            success:function(res){
-                console.log("文件上传成功")
-                // 新增文章
-                saveArticle(res.obj, fileName);
+            success: function (res) {
+                if (res.obj) {
+                    console.log("文件上传成功")
+                    // 新增文章
+                    saveArticle(res.obj, fileName);
+                } else {
+                    uploadFail()
+                }
             },
-            error:function(){
-                alert("失败");
+            error: function () {
+                uploadFail()
             }
         });
     }
 
+    // 上传出错提示
+    function uploadFail() {
+        // 文件上传失败定时器
+        $(".fail").css("display", "flex")
+        setTimeout(function () {
+            $(".fail").css("display", "none")
+        }, 2000)
+    }
+
     function saveArticle(filePath, fileName) {
         var data = {
             websiteId: "${data.websiteInfo.id }",
             title: "临时文件",
             filePath: filePath,
             <#--columnId: "${data.columnInfo.id }"-->
+            <#--columnId: 绑定临时文件栏目id-->
             columnId: "fdd6b4bcbf7f11ec899bd8bbc1a0725c",
             oldFileName: fileName
         }
         $.ajax({
             url: HOME_PATH + "cms/article/saveFile",
-            type:"post",
+            type: "post",
             dataType: 'json',
             data: data,
-            success:function(res){
+            success: function (res) {
                 console.log("新增文章成功")
                 if (res.success) {
                     console.log("即将发布")
                     // 文章发布
-                    articlePulish(res.obj);
+                    articlePublish(res.obj);
+                } else {
+                    uploadFail()
                 }
             },
-            error:function(){
-                alert("失败");
+            error: function () {
+                uploadFail()
             }
         });
     }
 
     // 临时文件文章发布
-    function articlePulish(id) {
+    function articlePublish(id) {
         $.ajax({
             url: HOME_PATH + "cms/article/articlePublish",
             type: "post",
@@ -275,12 +285,14 @@
                 if (res.success) {
                     // 文章发布
                     console.log("文章发布成功")
+                    $(".tip").css("display", "flex")
                 } else {
                     console.log("文章发布失败")
+                    uploadFail()
                 }
             },
             error: function () {
-                alert("失败");
+                uploadFail()
             }
         })
     }
@@ -293,9 +305,10 @@
         var hours = formatDate(date.getHours())
         var minutes = formatDate(date.getMinutes())
         var seconds = formatDate(date.getSeconds())
-        var curTime = date.getFullYear() +'/'+ month +'/'+ day + ' ' + hours + ':' + minutes + ':' + seconds
+        var curTime = date.getFullYear() + '/' + month + '/' + day + ' ' + hours + ':' + minutes + ':' + seconds
         return curTime;
     }
+
     function formatDate(time) {
         return time < 10 ? '0' + time : time
     }

cms/src/main/resources/static/ftl/fzzd/dhl/hdgn/xxtx.ftl

@@ -5,27 +5,28 @@
     <meta charset="utf-8">
     <title>重庆城市管理局-来宾PAD终端</title>
     <style type="text/css">
-        *{
+        * {
             margin: 0;
             padding: 0;
             box-sizing: border-box;
         }
+
         /* 信息弹窗 */
-        .chat-box{
+        .chat-box {
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
             z-index: 500;
-            background-color: rgba(0,0,0,0.4);
+            background-color: rgba(0, 0, 0, 0.4);
         }
 
-        .chat-box .chat-plane{
+        .chat-box .chat-plane {
             position: relative;
             top: 50%;
             left: 50%;
-            transform: translate(-50%,-50%);
+            transform: translate(-50%, -50%);
             display: flex;
             align-items: center;
             width: 60%;
@@ -35,13 +36,13 @@
             background-color: #fff;
         }
 
-        .boxg-list{
+        .boxg-list {
             width: 20%;
             height: 100%;
             background-color: #444753;
         }
 
-        .guest-title{
+        .guest-title {
             display: flex;
             align-items: center;
             justify-content: center;
@@ -51,13 +52,14 @@
             font-weight: 550;
             color: #1296DB;
         }
-        .guest-list{
+
+        .guest-list {
             height: 90%;
             overflow: auto;
         }
 
         /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
-        .guest-list::-webkit-scrollbar{
+        .guest-list::-webkit-scrollbar {
             width: 7px;
             height: 7px;
             background-color: #F5F5F5;
@@ -72,25 +74,26 @@
         }
 
         /*定义滑块 内阴影+圆角*/
-        .guest-list::-webkit-scrollbar-thumb{
+        .guest-list::-webkit-scrollbar-thumb {
             border-radius: 10px;
             box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
             -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
             background-color: #c8c8c8;
         }
 
-        .guest-item{
+        .guest-item {
             display: flex;
             align-items: center;
             width: 100%;
             height: 10%;
         }
 
-        .guest-item>img{
+        .guest-item > img {
             width: 20%;
             margin-left: 5%;
         }
-        .guest-item .chat-name{
+
+        .guest-item .chat-name {
             display: inline-block;
             font: 14px/20px "Lato", Arial, sans-serif;
             color: #fff;
@@ -101,12 +104,12 @@
             white-space: nowrap;
         }
 
-        .win-chat{
+        .win-chat {
             width: 80%;
             height: 100%;
         }
 
-        .win-chat .win-info{
+        .win-chat .win-info {
             display: flex;
             align-items: center;
             justify-content: flex-start;
@@ -117,12 +120,12 @@
             background-color: #F2F5F8;
         }
 
-        .win-info>img{
+        .win-info > img {
             width: 6%;
             margin-right: 1%;
         }
 
-        .win-info>button{
+        .win-info > button {
             position: absolute;
             right: 10px;
             top: 50%;
@@ -135,7 +138,7 @@
             border-radius: 5px;
         }
 
-        .win-chat .msgs-list{
+        .win-chat .msgs-list {
             box-sizing: border-box;
             width: 100%;
             height: 80%;
@@ -146,7 +149,7 @@
         }
 
         /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
-        .msgs-list::-webkit-scrollbar{
+        .msgs-list::-webkit-scrollbar {
             width: 7px;
             height: 7px;
             background-color: #F5F5F5;
@@ -160,46 +163,46 @@
             background-color: #F5F5F5;
         }
 
-        .testMsg{
-            border:5px solid red;
+        .testMsg {
+            border: 5px solid red;
         }
 
         /*定义滑块 内阴影+圆角*/
-        .msgs-list::-webkit-scrollbar-thumb{
+        .msgs-list::-webkit-scrollbar-thumb {
             border-radius: 10px;
             box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
             -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
             background-color: #c8c8c8;
         }
 
-        .msgs-list .chat-namel{
+        .msgs-list .chat-namel {
             width: 100%;
             padding: 0.5%;
             margin-top: 5px;
             border-radius: 5px;
         }
 
-        .chat-namel .msg-text{
+        .chat-namel .msg-text {
             width: 100%;
             height: 5%;
             font-size: 14px;
             color: #434651;
         }
 
-        .chat-namel .msg-text span:nth-child(2){
+        .chat-namel .msg-text span:nth-child(2) {
             color: #616a8a;
             margin-left: 10px;
         }
 
-        .chat-namel .msg-t{
+        .chat-namel .msg-t {
             color: #fff;
         }
 
-        .chat-namel .msg-t>img{
+        .chat-namel .msg-t > img {
             width: 50%;
         }
 
-        .input-msg{
+        .input-msg {
             display: flex;
             align-items: center;
             justify-content: space-around;
@@ -208,23 +211,23 @@
             background-color: #F2F5F8;
         }
 
-        .input-msg>.img-put{
+        .input-msg > .img-put {
             position: relative;
             width: 5%;
         }
 
-        .img-put>input{
+        .img-put > input {
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
         }
 
-        .img-put>img{
+        .img-put > img {
             width: 100%;
         }
 
-        .input-msg>.inputt{
+        .input-msg > .inputt {
             width: 70%;
             height: 60%;
             outline: none;
@@ -232,7 +235,7 @@
             border: 1px solid #ccc;
         }
 
-        .input-msg>button{
+        .input-msg > button {
             width: 10%;
             height: 65%;
             color: #fff;
@@ -240,8 +243,9 @@
             border-radius: 5px;
             border: none;
         }
+
         /* 返回按钮 */
-        .back-page{
+        .back-page {
             position: absolute;
             top: 15%;
             right: 15%;
@@ -251,17 +255,18 @@
             border-radius: 5px;
             background-color: transparent;
         }
-        .tip{
+
+        .tip {
             display: none;
             position: absolute;
             top: 50%;
             left: 50%;
-            transform: translate(-50%,-50%);
+            transform: translate(-50%, -50%);
             padding: 0.5%;
             border-radius: 5px;
             color: #fff;
             z-index: 1000;
-            background-color: rgba(0,0,0,0.4);
+            background-color: rgba(0, 0, 0, 0.4);
         }
     </style>
 </head>
@@ -271,26 +276,36 @@
 <div class="chat-box">
     <!-- 返回主页面 -->
     <button type="button" class="back-page">
-        <img src="/${data.websiteInfo.rootPath }/public/img/back_gb.png" />
+        <img src="/${data.websiteInfo.rootPath }/public/img/back_gb.png"/>
     </button>
     <div class="chat-plane">
         <!-- 在线列表 -->
         <div class="boxg-list">
             <div class="guest-title">在线列表</div>
             <ul class="guest-list" id="onlineList">
-                <li class="guest-item"><img src="/${data.websiteInfo.rootPath }/public/img/avatr.png" /><span class="chat-name">来宾1</span></li>
-                <li class="guest-item"><img src="/${data.websiteInfo.rootPath }/public/img/avatr.png" /><span class="chat-name">来宾1</span></li>
-                <li class="guest-item"><img src="/${data.websiteInfo.rootPath }/public/img/avatr.png" /><span class="chat-name">来宾2</span></li>
-                <li class="guest-item"><img src="/${data.websiteInfo.rootPath }/public/img/avatr.png" /><span class="chat-name">来宾3</span></li>
+                <li class="guest-item"><img src="/${data.websiteInfo.rootPath }/public/img/avatr.png"/><span
+                            class="chat-name">来宾1</span></li>
+                <li class="guest-item"><img src="/${data.websiteInfo.rootPath }/public/img/avatr.png"/><span
+                            class="chat-name">来宾1</span></li>
+                <li class="guest-item"><img src="/${data.websiteInfo.rootPath }/public/img/avatr.png"/><span
+                            class="chat-name">来宾2</span></li>
+                <li class="guest-item"><img src="/${data.websiteInfo.rootPath }/public/img/avatr.png"/><span
+                            class="chat-name">来宾3</span></li>
             </ul>
         </div>
         <!-- 聊天窗口 -->
         <div class="win-chat">
             <!-- 信息 -->
-            <div class="win-info" style="display: none;"><img src="/${data.websiteInfo.rootPath }/public/img/avatr.png" /><span class="chat-name" id="guestNow">来宾1</span><button type="button" class="handle-qu" data-iden="on">切至群聊</button></div>
-            <div class="win-info"><span class="chat-name">群聊</span><button type="button" class="handle-qu" data-iden="off" style="background-color: #A84335;">关闭群聊</button></div>
+            <div class="win-info" style="display: none;"><img
+                        src="/${data.websiteInfo.rootPath }/public/img/avatr.png"/><span class="chat-name"
+                                                                                         id="guestNow">来宾1</span>
+                <button type="button" class="handle-qu" data-iden="on">切至群聊</button>
+            </div>
+            <div class="win-info"><span class="chat-name">群聊</span>
+                <button type="button" class="handle-qu" data-iden="off" style="background-color: #A84335;">关闭群聊</button>
+            </div>
             <!-- 互聊 -->
-            <ul class="msgs-list"  style="display: none;" id="chatOther">
+            <ul class="msgs-list" style="display: none;" id="chatOther">
                 <li class="chat-namel" style="background-color: #86BB71;">
                     <div class="msg-text">
                         <span>来宾1</span>
@@ -311,7 +326,7 @@
                         <span>2022/04/02 15:12</span>
                     </div>
                     <p class="msg-t">
-                        <img src="/${data.websiteInfo.rootPath }/public/img/gyyzt.jpg" />
+                        <img src="/${data.websiteInfo.rootPath }/public/img/gyyzt.jpg"/>
                     </p>
                 </li>
             </ul>
@@ -334,9 +349,9 @@
             </ul>
             <div class="input-msg">
                 <div class="img-put">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/img-fs.png" />
-                    <input type="file" id="filesel" style="filter:alpha(opacity=0);opacity:0;" />
-                    <input id ="imgPath" style="display:none;" readonly>
+                    <img src="/${data.websiteInfo.rootPath }/public/img/img-fs.png"/>
+                    <input type="file" id="filesel" style="filter:alpha(opacity=0);opacity:0;"/>
+                    <input id="imgPath" style="display:none;" readonly>
                 </div>
                 <input type="text" class="inputt" placeholder="请输入需要发送的信息"/>
                 <button type="button" class="send">发送</button>

cms/src/main/resources/static/ftl/fzzd/dhl/xczs/ljfl.ftl

@@ -1,31 +1,32 @@
+<#assign serverIp = "http://192.168.0.95">
 <#if data.articleList?size gt 0>
     <#list data.articleList as article>
         <#if article_index == 0>
             <section class="page flipped">
                 <div class="back">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
             </section>
         <#elseif article_index == 1>
             <section class="page active">
                 <div class="front">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
                 <div class="back">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
             </section>
         <#else>
             <section class="page">
                 <div class="front">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
                 <div class="back">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
             </section>

cms/src/main/resources/static/ftl/fzzd/dhl/xczs/spzs.ftl

@@ -1,31 +1,32 @@
+<#assign serverIp = "http://192.168.0.95">
 <#if data.articleList?size gt 0>
     <#list data.articleList as article>
         <#if article_index == 0>
             <section class="page flipped">
                 <div class="back">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
             </section>
         <#elseif article_index == 1>
             <section class="page active">
                 <div class="front">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
                 <div class="back">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
             </section>
         <#else>
             <section class="page">
                 <div class="front">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
                 <div class="back">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
             </section>

cms/src/main/resources/static/ftl/fzzd/dhl/xczs/srhw.ftl

@@ -1,31 +1,32 @@
+<#assign serverIp = "http://192.168.0.95">
 <#if data.articleList?size gt 0>
     <#list data.articleList as article>
         <#if article_index == 0>
             <section class="page flipped">
                 <div class="back">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
             </section>
         <#elseif article_index == 1>
             <section class="page active">
                 <div class="front">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
                 <div class="back">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
             </section>
         <#else>
             <section class="page">
                 <div class="front">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
                 <div class="back">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
             </section>

cms/src/main/resources/static/ftl/fzzd/dhl/xczs/szss.ftl

@@ -1,31 +1,32 @@
+<#assign serverIp = "http://192.168.0.95">
 <#if data.articleList?size gt 0>
     <#list data.articleList as article>
         <#if article_index == 0>
             <section class="page flipped">
                 <div class="back">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
             </section>
         <#elseif article_index == 1>
             <section class="page active">
                 <div class="front">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
                 <div class="back">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
             </section>
         <#else>
             <section class="page">
                 <div class="front">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
                 <div class="back">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
             </section>

cms/src/main/resources/static/ftl/fzzd/dhl/xczs/yllh.ftl

@@ -1,31 +1,32 @@
+<#assign serverIp = "http://192.168.0.95">
 <#if data.articleList?size gt 0>
     <#list data.articleList as article>
         <#if article_index == 0>
             <section class="page flipped">
                 <div class="back">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
+                    <span>${article.title}</span>
+                </div>
+            </section>
+        <#elseif article_index == 1>
+            <section class="page active">
+                <div class="front">
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
+                    <span>${article.title}</span>
+                </div>
+                <div class="back">
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
             </section>
-            <#elseif article_index == 1>
-                <section class="page active">
-                    <div class="front">
-                        <img src="${article.titlepic}"/>
-                        <span>${article.title}</span>
-                    </div>
-                    <div class="back">
-                        <img src="${article.titlepic}"/>
-                        <span>${article.title}</span>
-                    </div>
-                </section>
         <#else>
             <section class="page">
                 <div class="front">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
                 <div class="back">
-                    <img src="${article.titlepic}"/>
+                    <img src="${article.titlepic?replace("http://localhost", "${serverIp}")}"/>
                     <span>${article.title}</span>
                 </div>
             </section>

cms/src/main/resources/static/ftl/fzzd/index/dtgk.ftl

@@ -83,96 +83,96 @@
         <div class="gzly-box" style="display: none;">
             <ul class="cont-imgs">
                 <li class="const-item">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/a1.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/a1.png"/>
                     <p>信息中心参加“3.19”城市管理主题服务周活动</p>
                 </li>
                 <li class="const-item">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/a2.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/a2.png"/>
                     <p>市领导出席2019年"3.19”城市管理服务主题周</p>
                 </li>
                 <li class="const-item">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/a3.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/a3.png"/>
                     <p>2019年信息中心党支部员局选举</p>
                 </li>
                 <li class="const-item">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/a4.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/a4.png"/>
                     <p>城市管理服务热线接受市民现场咨询</p>
                 </li>
                 <li class="const-item">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/a5.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/a5.png"/>
                     <p>城市管理服务热线接受市民现场咨询</p>
                 </li>
                 <li class="const-item">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/a6.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/a6.png"/>
                     <p>城市管理服务热线接受市民现场咨询</p>
                 </li>
                 <li class="const-item">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/a7.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/a7.png"/>
                     <p>12319城市管理专用车辆发车仪式</p>
                 </li>
                 <li class="const-item">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/a8.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/a8.png"/>
                     <p>12319在九龙坡区杨家坪商圈开展“现场接办”</p>
                 </li>
             </ul>
             <div class="play">
-                <img src="/${data.websiteInfo.rootPath }/public/img/play.png" />
+                <img src="/${data.websiteInfo.rootPath }/public/img/play.png"/>
             </div>
         </div>
         <!-- 荣誉奖牌 -->
         <div class="ryjp-box" style="display: none;">
             <ul class="jp-one">
                 <li class="one-item">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/qnwmh.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/qnwmh.png"/>
                     <span>青年文明号</span>
                 </li>
                 <li class="one-item">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/grxfh.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/grxfh.png"/>
                     <span>工人先锋号</span>
                 </li>
                 <li class="one-item">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/xjdw.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/xjdw.png"/>
                     <span>先进单位</span>
                 </li>
             </ul>
             <ul class="jp-two">
                 <li class="two-item">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/wmdwbb.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/wmdwbb.png"/>
                     <span>文明单位标兵</span>
                 </li>
                 <li class="two-item">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/wmdw.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/wmdw.png"/>
                     <span>文明单位</span>
                 </li>
                 <li class="two-item">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/xjjcdzz.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/xjjcdzz.png"/>
                     <span>重庆市先进基层党组织</span>
                 </li>
                 <li class="two-item">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/xjjcdzz1.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/xjjcdzz1.png"/>
                     <span>先进基层党组织</span>
                 </li>
             </ul>
             <ul class="jp-three">
                 <li class="three-item">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/qzmyck.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/qzmyck.png"/>
                     <span>群众满意窗口</span>
                 </li>
                 <li class="three-item">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/jgwmg.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/jgwmg.png"/>
                     <span>巾帼文明岗</span>
                 </li>
                 <li class="three-item">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/wyjgbb.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/wyjgbb.png"/>
                     <span>五一巾帼标兵岗</span>
                 </li>
                 <li class="three-item">
-                    <img src="/${data.websiteInfo.rootPath }/public/img/xjnzgzz.png" />
+                    <img src="/${data.websiteInfo.rootPath }/public/img/xjnzgzz.png"/>
                     <span>先进女职工组织</span>
                 </li>
                 <li class="three-item">
                     <div class="img-box">
-                        <img src="/${data.websiteInfo.rootPath }/public/img/jq.png" />
+                        <img src="/${data.websiteInfo.rootPath }/public/img/jq.png"/>
                     </div>
                     <span>市民锦旗</span>
                 </li>

cms/src/main/resources/static/ftl/fzzd/index/index.ftl

@@ -1,51 +1,61 @@
 <!DOCTYPE html>
 <html>
-	<head>
-		<meta charset="UTF-8">
-		<meta name="viewport" content="width=device-width,initial-scale=1.0">
-		<title>${data.websiteInfo.shortName }</title>
-		<!-- 动态加载head -->
-		<script type="text/javascript" src="/${data.websiteInfo.rootPath }/head/list.html"></script>
-		<!-- 引用基础css、js文件 -->
-		<script type="text/javascript" src="/${data.websiteInfo.rootPath }/public/js/constant.js"></script>
-		<script type="text/javascript" src="/${data.websiteInfo.rootPath }/public/layui/layui.js"></script>
-		<link rel="stylesheet" type="text/css" href="/${data.websiteInfo.rootPath }/public/font/iconfont.css"/>
-		<link rel="stylesheet" type="text/css" href="/${data.websiteInfo.rootPath }/public/css/index_lbfz.css"/>
-		<link rel="shortcut icon" href="#"/>
-	</head>
-	<body>
-		<div class="header">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>${data.websiteInfo.shortName }</title>
+    <!-- 动态加载head -->
+    <script type="text/javascript" src="/${data.websiteInfo.rootPath }/head/list.html"></script>
+    <!-- 引用基础css、js文件 -->
+    <script type="text/javascript" src="/${data.websiteInfo.rootPath }/public/js/constant.js"></script>
+    <script type="text/javascript" src="/${data.websiteInfo.rootPath }/public/layui/layui.js"></script>
+    <link rel="stylesheet" type="text/css" href="/${data.websiteInfo.rootPath }/public/font/iconfont.css"/>
+    <link rel="stylesheet" type="text/css" href="/${data.websiteInfo.rootPath }/public/css/index_lbfz.css"/>
+    <link rel="shortcut icon" href="#"/>
+</head>
+<body>
+<div class="header">
 
-		</div>
-		<main>
-			<div class="main-tab">
+</div>
+<main>
+    <div class="main-tab">
 
-			</div>
-			<section id="indexbId">
-				<iframe src="/${data.websiteInfo.rootPath }/dhl/dtgk/list.html" id="sec-ifr" style="width: 100%;height: 100%;border: none;"></iframe>
-			</section>
-		</main>
+    </div>
+    <section id="indexbId">
+        <iframe src="/${data.websiteInfo.rootPath }/dhl/dtgk/list.html" id="sec-ifr"
+                style="width: 100%;height: 100%;border: none;"></iframe>
+    </section>
+</main>
 
-		<script>
-			layui.config({
-				base: '/' + WEBSITE_ROOT_PATH + '/public/js/encryption/'
-			}).use(['form', 'laydate', 'ajax', 'jquery'], function() {
-				$ = layui.jquery,
-						form = layui.form,
-						layer = layui.layer;
-				ly = layui.ajax;
-				// 头部
-				$(".header").load("/${data.websiteInfo.rootPath }/html/list.html");
-				// 导航栏
-				$(".main-tab").load("/${data.websiteInfo.rootPath }/dhl/index.html");
-
-				<#--$.get("/${data.websiteInfo.rootPath }/dhl/hdgn/wjll/xswj/list.html", function(data, status) {-->
-				<#--	console.log(data)-->
-				<#--	// var str = data.-->
-				<#--}, "html");-->
-			})
-		</script>
-		<script src="/${data.websiteInfo.rootPath }/public/js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
-		<script src="/${data.websiteInfo.rootPath }/public/js/basic/index.js" type="text/javascript" charset="utf-8"></script>
-	</body>
+<script>
+    layui.config({
+        base: '/' + WEBSITE_ROOT_PATH + '/public/js/encryption/'
+    }).use(['form', 'laydate', 'ajax', 'jquery'], function () {
+        $ = layui.jquery,
+            form = layui.form,
+            layer = layui.layer;
+        ly = layui.ajax;
+        // 头部
+        $(".header").load("/${data.websiteInfo.rootPath }/html/list.html");
+        // 导航栏
+        var dhlTab = $(".main-tab").load("/${data.websiteInfo.rootPath }/dhl/index.html");
+        $(dhlTab[0]).on("click", ".tab-item", function () {
+            // 判断点击的当前元素是否选中
+            if (!$(this).hasClass("tab-item-act")) {
+                // 删除其他兄弟元素的选中
+                $(this).siblings(".tab-item").removeClass("tab-item-act")
+                // 获取标识属性
+                var iden = $(this).attr("data-iden")
+                // 切换内容页面
+                $("#sec-ifr").attr("src", "/fzzd/dhl/" + iden + "/list.html")
+                // 添加选中类
+                $(this).addClass("tab-item-act")
+            }
+        })
+    })
+</script>
+<script src="/${data.websiteInfo.rootPath }/public/js/jquery-3.5.1.min.js" type="text/javascript"
+        charset="utf-8"></script>
+<script src="/${data.websiteInfo.rootPath }/public/js/basic/index.js" type="text/javascript" charset="utf-8"></script>
+</body>
 </html>

cms/src/main/resources/static/ftl/fzzd/index/xczs.ftl

@@ -52,10 +52,10 @@
     <!--宣传展示左侧栏目菜单-->
     <ul class="scene-tab">
         <#if data.subColumnInfo?size gt 0>
-<#--            <#assign active = "">-->
+        <#--            <#assign active = "">-->
             <#list data.subColumnInfo as column>
                 <#if column_index == 0>
-<#--                    <#assign active = " active-scene">-->
+                <#--                    <#assign active = " active-scene">-->
                     <li class="tab-text active-scene" data-code="${column.rootPath}">
                         <#list 1..column.name?length as i>
                             <span>${column.name?substring(i-1,i)}</span>
@@ -73,48 +73,48 @@
     </ul>
 
     <article class="book">
-<#--        <section class="page flipped">-->
-<#--            <div class="back">-->
-<#--                <img src="/${data.websiteInfo.rootPath }/public/img/a1.png"/>-->
-<#--                <span>319活动319活动319活动319活动319活动319活动319活动319活动</span>-->
-<#--            </div>-->
-<#--        </section>-->
-<#--        <section class="page active">-->
-<#--            <div class="front">-->
-<#--                <img src="/${data.websiteInfo.rootPath }/public/img/a1.png"/>-->
-<#--                <span>319活动</span>-->
-<#--            </div>-->
-<#--            <div class="back">-->
-<#--                <img src="/${data.websiteInfo.rootPath }/public/img/a1.png"/>-->
-<#--                <span>319活动</span>-->
-<#--            </div>-->
-<#--        </section>-->
-<#--        <section class="page">-->
-<#--            <div class="front">-->
-<#--                <img src="/${data.websiteInfo.rootPath }/public/img/a1.png"/>-->
-<#--                <span>319活动</span>-->
-<#--            </div>-->
-<#--            <div class="back">-->
-<#--                <img src="/${data.websiteInfo.rootPath }/public/img/a1.png"/>-->
-<#--                <span>319活动</span>-->
-<#--            </div>-->
-<#--        </section>-->
-<#--        <section class="page">-->
-<#--            <div class="front">-->
-<#--                <img src="/${data.websiteInfo.rootPath }/public/img/a1.png"/>-->
-<#--                <span>319活动</span>-->
-<#--            </div>-->
-<#--            <div class="back">-->
-<#--                <img src="/${data.websiteInfo.rootPath }/public/img/a1.png"/>-->
-<#--                <span>319活动</span>-->
-<#--            </div>-->
-<#--        </section>-->
-<#--        <section class="page">-->
-<#--            <div class="front">-->
-<#--                <img src="/${data.websiteInfo.rootPath }/public/img/a1.png"/>-->
-<#--                <span>319活动</span>-->
-<#--            </div>-->
-<#--        </section>-->
+        <#--        <section class="page flipped">-->
+        <#--            <div class="back">-->
+        <#--                <img src="/${data.websiteInfo.rootPath }/public/img/a1.png"/>-->
+        <#--                <span>319活动319活动319活动319活动319活动319活动319活动319活动</span>-->
+        <#--            </div>-->
+        <#--        </section>-->
+        <#--        <section class="page active">-->
+        <#--            <div class="front">-->
+        <#--                <img src="/${data.websiteInfo.rootPath }/public/img/a1.png"/>-->
+        <#--                <span>319活动</span>-->
+        <#--            </div>-->
+        <#--            <div class="back">-->
+        <#--                <img src="/${data.websiteInfo.rootPath }/public/img/a1.png"/>-->
+        <#--                <span>319活动</span>-->
+        <#--            </div>-->
+        <#--        </section>-->
+        <#--        <section class="page">-->
+        <#--            <div class="front">-->
+        <#--                <img src="/${data.websiteInfo.rootPath }/public/img/a1.png"/>-->
+        <#--                <span>319活动</span>-->
+        <#--            </div>-->
+        <#--            <div class="back">-->
+        <#--                <img src="/${data.websiteInfo.rootPath }/public/img/a1.png"/>-->
+        <#--                <span>319活动</span>-->
+        <#--            </div>-->
+        <#--        </section>-->
+        <#--        <section class="page">-->
+        <#--            <div class="front">-->
+        <#--                <img src="/${data.websiteInfo.rootPath }/public/img/a1.png"/>-->
+        <#--                <span>319活动</span>-->
+        <#--            </div>-->
+        <#--            <div class="back">-->
+        <#--                <img src="/${data.websiteInfo.rootPath }/public/img/a1.png"/>-->
+        <#--                <span>319活动</span>-->
+        <#--            </div>-->
+        <#--        </section>-->
+        <#--        <section class="page">-->
+        <#--            <div class="front">-->
+        <#--                <img src="/${data.websiteInfo.rootPath }/public/img/a1.png"/>-->
+        <#--                <span>319活动</span>-->
+        <#--            </div>-->
+        <#--        </section>-->
     </article>
 </div>
 
@@ -141,6 +141,8 @@
                 .siblings('.page')
                 .removeClass('active');
             currentPage -= 1
+        } else {
+            layer.msg("这是第一页")
         }
     }
 
@@ -153,8 +155,9 @@
                 .next('.page')
                 .addClass('active')
                 .siblings();
-
             currentPage += 1
+        } else {
+            layer.msg("已经没有啦")
         }
     }
 </script>
@@ -162,7 +165,7 @@
 <script>
     layui.config({
         base: '/' + WEBSITE_ROOT_PATH + '/public/js/encryption/'
-    }).use(['form', 'laydate', 'ajax', 'jquery'], function() {
+    }).use(['form', 'laydate', 'ajax', 'jquery'], function () {
         $ = layui.jquery,
             form = layui.form,
             layer = layui.layer;
@@ -170,9 +173,10 @@
         // 头部
         $(".book").load("/${data.websiteInfo.rootPath }/dhl/xczs/yllh/list.html");
 
-        $(".scene-tab").on("click",".tab-text",function(){
+        $(".scene-tab").on("click", ".tab-text", function () {
+            currentPage = 0;
             const bool = $(this).hasClass("active-scene")
-            if(!bool){
+            if (!bool) {
                 $(this).siblings(".tab-text").removeClass("active-scene")
                 $(this).addClass("active-scene")
             }
@@ -180,6 +184,13 @@
             var code = $(this).attr("data-code")
             // 切换内容
             $(".book").load("/${data.websiteInfo.rootPath }/dhl/xczs/" + code + "/list.html")
+            <#--$.get("/${data.websiteInfo.rootPath }/dhl/xczs/" + code + "/list.html", function(data, status) {-->
+            <#--    // var html = data.replace("http://localhost", "http://192.168.0.95")-->
+            <#--    var oldUrl = "http://localhost";-->
+            <#--    var html = data.replace(new RegExp(oldUrl,'g'), "http://192.168.0.95");-->
+            <#--    console.log(html)-->
+            <#--    $('.book').append(html);-->
+            <#--}, "html");-->
         })
 
     })

cms/src/main/resources/static/ftl/fzzd/public/js/basic/index.js

@@ -11,28 +11,28 @@ var roleType = sessionStorage.getItem("ROLE_TYPE");
 window.onload = function () {
     saveUserInfo();
     backUrl();
-    $(".tab-list").on("click", ".index-item", function () {
-        // 判断点击的当前元素是否选中
-        if (!$(this).hasClass("tab-item-act")) {
-            // 删除其他兄弟元素的选中
-            $(this).siblings(".tab-item").removeClass("tab-item-act")
-            // 获取标识属性
-            var iden = $(this).attr("data-iden")
-            // 切换内容页面
-            $("#sec-ifr").attr("src", "/fzzd/dhl/" + iden + "/list.html")
-            // 添加选中类
-            $(this).addClass("tab-item-act")
-        }
-    })
+    // $(".tab-list").on("click", ".tab-item", function () {
+    //     // 判断点击的当前元素是否选中
+    //     if (!$(this).hasClass("tab-item-act")) {
+    //         // 删除其他兄弟元素的选中
+    //         $(this).siblings(".tab-item").removeClass("tab-item-act")
+    //         // 获取标识属性
+    //         var iden = $(this).attr("data-iden")
+    //         // 切换内容页面
+    //         $("#sec-ifr").attr("src", "/fzzd/dhl/" + iden + "/list.html")
+    //         // 添加选中类
+    //         $(this).addClass("tab-item-act")
+    //     }
+    // })
     $('#mainBack').on('click', function () {
         console.log(111)
         layer.confirm('确认退出？', {
-                icon: 3,
-                title: '提示'
-            }, function (index) {
-                sessionStorage.clear();
-                window.location.href = HOME_PATH + 'cms/ftl/fzzd/login.html';
-            })
+            icon: 3,
+            title: '提示'
+        }, function (index) {
+            sessionStorage.clear();
+            window.location.href = HOME_PATH + 'cms/ftl/fzzd/login.html';
+        })
     })
 }
 
@@ -51,7 +51,7 @@ function saveUserInfo() {
     sessionStorage.LOGIN_USERID = userInfo.loginUserId || loginUserId;
     sessionStorage.ACCESS_TOKEN = userInfo.accessToken || accessToken;
     sessionStorage.REFRESH_TOKEN = userInfo.refreshToken || refreshToken;
-    sessionStorage.TOKEN_TYPE = userInfo.tokenType|| tokenType;
+    sessionStorage.TOKEN_TYPE = userInfo.tokenType || tokenType;
     sessionStorage.ROLE_ID = userInfo.roleId || roleId;
     sessionStorage.ACCOUNT = userInfo.account || account;
     sessionStorage.LOGIN_USERNAME = userInfo.loginUsername || loginUsername;
@@ -60,10 +60,10 @@ function saveUserInfo() {
 
 // 去除url参数
 function backUrl() {
-    var url=window.location.href;                    //获取当前页面的url
-    if(url.indexOf("?")!=-1){                        //判断是否存在参数
+    var url = window.location.href;                    //获取当前页面的url
+    if (url.indexOf("?") != -1) {                        //判断是否存在参数
         url = url.replace(/(\?|#)[^'"]*/, '');           //去除参数
         console.log(url)
-        window.history.pushState({},0,url);
+        window.history.pushState({}, 0, url);
     }
 }

cms/src/main/resources/static/ftl/fzzd/public/js/basic/login.js

@@ -1,11 +1,11 @@
-util.init(['jquery', 'ajax', 'layer'], function(layui) {
+util.init(['jquery', 'ajax', 'layer'], function (layui) {
     $ = layui.jquery;
     layer = layui.layer;
     ly = layui.ajax;
-    $('#subLogin').on('click', function() {
+    $('#subLogin').on('click', function () {
         verify();
     });
-    $(document).on('keydown', function(e) {
+    $(document).on('keydown', function (e) {
         if (e.keyCode == 13) {
             verify();
         }
@@ -41,10 +41,10 @@ function login(account, password) {
             'account': account,
             'password': window.btoa(password)
         },
-        success: function(res) {
+        success: function (res) {
             console.log(res)
             if (res.result && res.msg == '100') {
-                var url = PAGE_PATH +'fzzd/index.html?loginUserId=' + res.data.userId + '&accessToken='
+                var url = PAGE_PATH + 'fzzd/index.html?loginUserId=' + res.data.userId + '&accessToken='
                     + res.data.access_token + '&refreshToken=' + res.data.refresh_token + '&tokenType=' + res.data.token_type + '&roleId='
                     + res.data.roleId + '&account=' + res.data.account + '&loginUsername=' + res.data.userName + '&roleType=' + res.data.roleType;
                 if (res.data.roleType == 6) {

cms/src/main/resources/static/ftl/fzzd/public/js/constant.js

@@ -1,4 +1,5 @@
+var SERVER_IP = 'http://192.168.0.95'
 var FLAT_PATH = 'http://192.168.0.100:8084/';
 var FLAT_PATH_BASIC = FLAT_PATH + 'basic/';
-var PAGE_PATH = 'http://localhost:80/'
-var HOME_PATH = 'http://localhost:8089/'
+var PAGE_PATH = 'http://192.168.0.95:80/'
+var HOME_PATH = 'http://192.168.0.95:8089/'