H5静态化

doum

2025-09-26 9057e04efad1b7d61c77a72e5c37a504d0aee935

 server/src/main/resources/templates/components/footer.html

@@ -1,5 +1,5 @@
    <style>
        .footer {
                .footer {
            width: 100%;
            display: flex;
            flex-direction: column;
@@ -80,6 +80,8 @@
        }
        .footer-c {
            width: 100%;
            padding-bottom: 10px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            background: #2E333A;
@@ -161,20 +163,65 @@
        }
        .footer-c-info {
            width: 100%;
            height: 79px;
            line-height: 79px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-weight: 400;
            font-size: 14px;
            font-size: 12px;
            color: #7B7F87;
        }
        .footer-c-info a {
            font-weight: 400;
            font-size: 14px;
            font-size: 12px;
            color: #7B7F87;
        }
        .footer-c-url {
            width: 100%;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 400;
            font-size: 12px;
            color: #7B7F87;
            margin-top: 15px;
        }
        .footer-c-url a {
            font-weight: 400;
            font-size: 12px;
            color: #7B7F87;
        }
         .zixunwin{
             display:none;
          z-index:9999;
             position:fixed;
             width:100%;
             height:100%;
             top:0px;
             background:#0000005e;
             .imgdiv{
                 padding-top:40px;
                     font-size:18px;
                     display:flex;
                     width:360px;
                     height:300px;
                     flex-direction: column;
                     position:fixed;
                     top:calc(50% - 120px);
                     left:calc(50% - 180px);
                background:white;
                     border:solid 5px #FF7900;
                text-align: center;
                }
             .zixunimg{
             margin-left:80px;
                width:200px;
                height:200px;
             }
        }
    </style>
    <div class="footer">
        <#if navIndex !=5 && navIndex !=6>
        <div class="footer-form">
            <div class="footer-form-list">
                <div class="footer-form-list-title">
@@ -201,10 +248,11 @@
                </div>
            </div>
        </div>
    </#if>
        <div class="footer-c">
            <div class="footer-c-logo">
                <div class="footer-c-logo-c">
                    <img src="./assets/images/bottom_logo@2x.png" alt="" />
                    <img src="${webDomain}/assets/images/bottom_logo@2x.png" alt="" />
                </div>
            </div>
            <div class="footer-c-n">
@@ -213,7 +261,11 @@
                        <div class="footer-c-n-item-label">智慧系统</div>
                        <#if bottom.wisdomSystem ??>
                            <#list bottom.wisdomSystem as item>
                                <div class="footer-c-n-item-row"><a href="${item.address!''}">${item.name!''}</a></div>
                                <div class="footer-c-n-item-row">
                                    <#if item.address ?? && item.address!=''>  <a href="${item.address!'javascript:void(0)'}" target="_blank"></#if>
                                    ${item.name!''}
                                    <#if item.address ?? && item.address!=''>   </a></#if>
                                </div>
                            </#list>
                        </#if>
                    </div>
@@ -221,7 +273,11 @@
                        <div class="footer-c-n-item-label">解决方案</div>
                        <#if bottom.solveScheme ??>
                            <#list bottom.solveScheme as item>
                            <div class="footer-c-n-item-row"><a href="${item.address!''}">${item.name!''}</a></div>
                                <div class="footer-c-n-item-row">
                                        <#if item.address ?? && item.address!=''>  <a href="${item.address!'javascript:void(0)'}" target="_blank"></#if>
                                        ${item.name!''}
                                        <#if item.address ?? && item.address!=''></a></#if>
                                </div>
                             </#list>
                        </#if>
                    </div>
@@ -229,42 +285,76 @@
                        <div class="footer-c-n-item-label">荣誉资质</div>
                        <#if bottom.honors ??>
                            <#list bottom.honors as item>
                            <div class="footer-c-n-item-row"><a href="${item.address!''}">${item.name!''}</a></div>
                            <div class="footer-c-n-item-row">
                                <#if item.address ?? && item.address!=''>  <a href="${item.address!'javascript:void(0)'}" target="_blank"></#if>
                                    ${item.name!''}
                                <#if item.address ?? && item.address!=''>   </a></#if>
                            </div>
                             </#list>
                        </#if>
                    </div>
                    <div class="footer-c-n-item">
                        <div class="footer-c-n-item-label">联系我们</div>
                        <div class="footer-c-n-item-row" style="color: #FF7900; font-size: 30px;" id="linkPhone">${bottom.linkPhone!''}</div>
                        <div class="footer-c-n-item-row" id="phone">联系手机：${bottom.linkMobile!''}</div>
                        <div class="footer-c-n-item-row" id="phone1">联系手机：${bottom.linkMobile!''}</div>
                        <div class="footer-c-n-item-row" id="serviceDate">服务时间：${bottom.serverTime!''}</div>
                        <div class="footer-c-n-item-row" id="companyAddr">公司地址：${bottom.address!''}</div>
                    </div>
                    <div class="footer-c-n-item">
                        <div class="footer-c-n-item-qrcode">
                            <img src="${bottom.footFullImgUrl!''}" id="qrcode" />
                            <span>微信扫码免费试用</span>
                            <span>微信公众号</span>
                        </div>
                    </div>
                    <div class="footer-c-n-item">
                        <div class="footer-c-n-item-qrcode">
                            <img src="${bottom.footFullImgUrl2!''}"   />
                            <span>联系客服</span>
                            <span>添加客服微信</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-c-url">
                <#if bottom.yqlinks ??>
                <#list bottom.yqlinks as item>
                <#if item.address ?? && item.address!=''>  <a href="${item.address!''}" target="_blank"></#if>
                ${item.name!''}
                <#if item.address ?? && item.address!=''></a></#if>
                <#if item_index+1 lt bottom.yqlinks?size>
                     &nbsp;|&nbsp;
                  </#if>
                </#list>
                </#if>
            </div>
            <div class="footer-c-info" id="footerInfo">${bottom.footWords!''}</div>
            <div class="footer-c-info">
                如有问题请联系邮箱：${bottom.qyemail!''}
            </div>
        </div>
    </div>
    <div class="zixunwin" id="zixunWindow" onclick="closeZixun()">
        <div class="imgdiv" >
            <span style="font-weight: bold;">扫码咨询 免费试用</span>
            <img class="zixunimg" src="${bottom.footFullImgUrl2!''}"  />
            <span style="color: #999999;font-size: 16px;">私有部署 源码二开</span>
        </div>
    </div>
    <script>
    function goZixun(){
        console.log('咨询详情')
        $("#zixunWindow").show();
    }
     function closeZixun(){
        console.log('咨询详情')
        $("#zixunWindow").hide();
    }
        $(document).ready(function() {
            let url = 'http://121.41.112.139:8099'
            var product = null

            $.ajax({
                async: false,
                url: 'http://www.dmtt.run:81/web/productList',
                url: 'https://www.dmtt.run:8099/web/productList',
                type: 'POST',
                success: function (res) {
                    console.log(res)
@@ -331,4 +421,10 @@
                });
            })
        });

      var _hmt = _hmt || [];
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?cf72f4c5b39afd48ee1313256beed449";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    </script>