菜单切换 图片切换样式变化

src/main/java/com/supplier/controller/IndexController.java

@@ -2,6 +2,7 @@ package com.supplier.controller;
 
 import org.springframework.stereotype.Controller;
 import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.PathVariable;
 import org.springframework.web.bind.annotation.RequestMapping;
 
 /**
@@ -47,7 +48,8 @@ public class IndexController {
      * @return
      */
     @RequestMapping("/demandForSingleIndex")
-    public String demandForSingleIndex(Model model){
+    public String demandForSingleIndex(Model model, String idVal){
+        model.addAttribute("idVal", idVal);
         return "demandForSingle/index";
     }
 

src/main/resources/config/mapping/SupplierReleaseMapper.xml

@@ -56,7 +56,7 @@
                 <if test="priceAll != null and priceAll != ''">
                     price_all = #{priceAll},
                 </if>
-                update_date = GETDATE(),
+                update_date = format(SYSDATETIME(),'yyyy-MM-dd hh:mm:ss'),
             </trim>
         </set>
         where uuid = #{uuid}

src/main/resources/static/css/indexHome/index.css

@@ -48,7 +48,8 @@ body,html{
     right: -9px;
     top: -11px;
     text-align: center;
-    line-height: 22px;
+    line-height: 24px;
+    color: #fff;
 }
 .head_portrait{
     width: 50px;
@@ -147,6 +148,9 @@ cite img{
     background: #2d8cf0!important;
     color: #fff!important;
 }
+.check_div span{
+    color: #fff!important;
+}
 .close_button{
     width: 13px;
     height: 13px;
@@ -155,8 +159,9 @@ cite img{
     float: right;
     margin: 9px 16px 10px 27px;
     border-radius: 50%;
-    line-height: 12px;
     cursor: pointer;
+    line-height: 14px;
+    color: #fff;
 }
 .layui-icon{
     font-size: 12px;
@@ -165,4 +170,10 @@ cite img{
     position: relative;
     height: 100%!important;
     top: 0;
+}
+.layui-nav-tree .layui-nav-item>a{
+    padding-bottom: 0;
+}
+.layui-nav-tree .layui-nav-child, .layui-nav-tree .layui-nav-child a:hover{
+    background: #0095F3 0 0;
 }

src/main/resources/static/js/demandForSingle/index/function.js

@@ -27,7 +27,7 @@ function getQuotation(page, limit, startTime, endTime){
             "limit": limit,
             "startTime": startTime,
             "endTime": endTime,
-            "orderType": 0
+            "orderType": idVal
         },
         headers: {"token": token},
         dataType: "json",
@@ -119,7 +119,7 @@ function getQuotation(page, limit, startTime, endTime){
 //忽略
 function ignoreClick(obj){
     var uuid = $(obj).parent().parent().parent().attr("uuid");
-    window.event.cancelBubble = true;//组织冒泡
+    window.event.cancelBubble = true;//阻止冒泡
     layer.confirm('确认忽略吗?', function (index) {
         layer.load(3);
         $.ajax({

src/main/resources/static/js/indexHome.js

@@ -0,0 +1,50 @@
+var $ = null;
+var form = null;
+var layer = null;
+layui.use(["layer", "form"], function(){
+    $ = layui.$;
+    form = layui.form;
+    layer = layui.layer;
+});
+//菜单点击监听事件
+function clickItem(obj){
+    if($(obj).hasClass("layui-nav-itemed")){
+        $.each($(".layui-nav-item"), (index, item) => {
+            $(item).find("a cite img").attr("src",  "/images/indeHome/" + $(item).attr("title") + ".png")
+        });
+        $(obj).find("a cite img").attr("src",  "/images/indeHome/" + $(obj).attr("title") + "_click.png")
+    }else{
+        $(obj).find("a cite img").attr("src",  "/images/indeHome/" + $(obj).attr("title") + ".png")
+    }
+}
+//iframe选择
+function iframeClick(obj){
+    //上一级名称
+    var parentName = $(obj).parent().parent().prev().find("cite").text();
+    //点击名称
+    var thisClickName = $(obj).find("cite").text();
+    //路径上参数
+    var idVal = $(obj).attr("idVal");
+    $(".select_button").removeClass("check_div");
+    $(".center_top").append("<div onClick='switchMenu(this)' src='demandForSingleIndex?idVal="+ idVal +"' class=\"select_button check_div\">\n" +
+        "                    <span>"+ thisClickName +"</span>\n" +
+        "                    <div class=\"close_button\" onclick='removeThis(this)'><i class=\"layui-icon layui-icon-close\"></i></div>\n" +
+        "                </div>");
+    if(parentName == "报价单"){
+        $("iframe").attr("src", "demandForSingleIndex?idVal=" + idVal);
+    }
+}
+//头部菜单切换
+function switchMenu(obj){
+    $(".select_button").removeClass("check_div");
+    $(obj).addClass("check_div")
+    var srcVal = $(obj).attr("src");
+    $("iframe").attr("src", srcVal);
+
+}
+//删除顶部选中菜单
+function removeThis(obj){
+    window.event.cancelBubble = true;//阻止冒泡
+    $(obj).parent().prev().click();
+    $(obj).parent().remove();
+}

src/main/resources/templates/demandForSingle/index.html

@@ -11,6 +11,9 @@
     <script src="/js/demandForSingle/index/even.js" type="text/javascript"></script>
     <script src="/js/demandForSingle/index/index.js" type="text/javascript"></script>
     <script src="/js/demandForSingle/index/function.js" type="text/javascript"></script>
+    <script type="text/javascript">
+        var idVal = "[[${idVal}]]";
+    </script>
 </head>
 <body>
     <!-- 头部搜索 -->

src/main/resources/templates/demandForSingle/offer.html

@@ -14,7 +14,6 @@
     <script src="/js/demandForSingle/offer/function.js" type="text/javascript"></script>
     <script type="text/javascript">
         var uuid = "[[${uuid}]]";
-        console.log(uuid)
     </script>
 </head>
 <body>

src/main/resources/templates/home/index.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
     <link rel="stylesheet" href="https://www.layuicdn.com/layui/css/layui.css">
-    <link rel="stylesheet" href="../../css/common.css">
+    <link rel="stylesheet" href="/css/common.css">
     <script src="https://www.layuicdn.com/layui/layui.js"></script>
     <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
     <style>

src/main/resources/templates/indexHome.html

@@ -7,6 +7,7 @@
     <script src="/layui/layui.js"></script>
     <script src="/js/jquery.js"></script>
     <script src="/js/common.js"></script>
+    <script src="/js/indexHome.js"></script>
     <!-- 公共样式 -->
     <link rel="stylesheet" href="/css/common.css">
     <!-- Y-Admin核心样式 -->
@@ -44,34 +45,34 @@
                 <div class="layui-side-scroll">
                     <ul class="layui-nav layui-nav-tree" lay-filter="lay-nav" lay-accordion="true">
                         <div class="perch_div"></div>
-                        <li class="layui-nav-item">
+                        <li class="layui-nav-item" title="img1" onclick="clickItem(this)">
                             <a lay-id="#" lay-url="#">
                                 <i class="ri-shield-keyhole-line"></i>&emsp;<cite><img src="/images/indeHome/img1.png"/>报价单</cite>
                             </a>
                             <dl class="layui-nav-child">
                                 <dd>
-                                    <a lay-id="honePageIndex" lay-url="honePageIndex">
+                                    <a lay-id="honePageIndex" lay-url="honePageIndex" idVal="0" onClick="iframeClick(this)">
                                         <cite>已回答</cite>
                                     </a>
                                 </dd>
                                 <dd>
-                                    <a lay-id="HotDestination" lay-url="HotDestination">
+                                    <a lay-id="HotDestination" lay-url="HotDestination" idVal="1" onClick="iframeClick(this)">
                                         <cite>待回答</cite>
                                     </a>
                                 </dd>
                                 <dd>
-                                    <a lay-id="HotDestination" lay-url="HotDestination">
+                                    <a lay-id="HotDestination" lay-url="HotDestination" idVal="2" onClick="iframeClick(this)">
                                         <cite>已成交</cite>
                                     </a>
                                 </dd>
                                 <dd>
-                                    <a lay-id="HotDestination" lay-url="HotDestination">
+                                    <a lay-id="HotDestination" lay-url="HotDestination" idVal="3" onClick="iframeClick(this)">
                                         <cite>取消行程</cite>
                                     </a>
                                 </dd>
                             </dl>
                         </li>
-                        <li class="layui-nav-item">
+                        <li class="layui-nav-item" title="img2" onclick="clickItem(this)">
                             <a lay-id="#" lay-url="#">
                                 <i class="ri-shield-keyhole-line"></i>&emsp;<cite><img src="/images/indeHome/img2.png"/>路线发布</cite>
                             </a>
@@ -81,7 +82,7 @@
                                 </dd>
                             </dl>
                         </li>
-                        <li class="layui-nav-item">
+                        <li class="layui-nav-item" title="img3" onclick="clickItem(this)">
                             <a lay-id="#" lay-url="#">
                                 <i class="ri-shield-keyhole-line"></i>&emsp;<cite><img src="/images/indeHome/img3.png"/>私人订制</cite>
                             </a>
@@ -91,7 +92,7 @@
                                 </dd>
                             </dl>
                         </li>
-                        <li class="layui-nav-item">
+                        <li class="layui-nav-item" title="img4" onclick="clickItem(this)">
                             <a lay-id="#" lay-url="#">
                                 <i class="ri-shield-keyhole-line"></i>&emsp;<cite><img src="/images/indeHome/img4.png"/>在线体验</cite>
                             </a>
@@ -101,7 +102,7 @@
                                 </dd>
                             </dl>
                         </li>
-                        <li class="layui-nav-item">
+                        <li class="layui-nav-item" title="img5" onclick="clickItem(this)">
                             <a lay-id="#" lay-url="#">
                                 <i class="ri-shield-keyhole-line"></i>&emsp;<cite><img src="/images/indeHome/img5.png"/>订购权限</cite>
                             </a>
@@ -111,7 +112,7 @@
                                 </dd>
                             </dl>
                         </li>
-                        <li class="layui-nav-item">
+                        <li class="layui-nav-item" title="img6" onclick="clickItem(this)">
                             <a lay-id="#" lay-url="#">
                                 <i class="ri-shield-keyhole-line"></i>&emsp;<cite><img src="/images/indeHome/img6.png"/>个人信息</cite>
                             </a>
@@ -129,19 +130,11 @@
         <div class="center_div">
             <!-- 菜单项 -->
             <div class="center_top">
-                <div class="select_button check_div">首页</div>
-                <div class="select_button">
-                    <span>需求单</span>
-                    <div class="close_button"><i class="layui-icon layui-icon-close"></i></div>
-                </div>
-                <div class="select_button">
-                    <span>待回答</span>
-                    <div class="close_button"><i class="layui-icon layui-icon-close"></i></div>
-                </div>
+                <div class="select_button check_div" onClick="switchMenu(this)" src="homeIndex">首页</div>
             </div>
             <!-- iframe -->
             <div class="iframe_div">
-                <iframe src="demandForSingleIndex" class="layui-iframe"></iframe>
+                <iframe src="homeIndex" class="layui-iframe"></iframe>
             </div>
         </div>
     </div>