111

header.html

@@ -34,13 +34,38 @@
             <div class="home--nav__phone">
                 <!-- <div class="home&#45;&#45;nav__phone&#45;&#45;text" onclick="toLogin()">登录</div> -->
 
-                <a href="login.html" class="home&#45;&#45;nav__phone&#45;&#45;text">登录</a>
+                <a href="login.html" class="home&#45;&#45;nav__phone&#45;&#45;text" id="login">登录</a>
 
             </div>
         </div>
 
     </body>
     <script>
+
+
+      if (localStorage.getItem('userName')==null){
+
+        var name = localStorage.getItem('userName')
+        // 获取元素引用
+        const link = document.getElementById('login');
+
+        // 方法1: 使用innerHTML
+        link.innerHTML = name;
+
+        // // 方法2: 使用innerText (更安全，防止XSS攻击)
+        // link.innerText = name;
+        //
+        // // 方法3: 使用textContent
+        // link.textContent = name;
+
+        link.href = "serve.html";
+      }
+
+    </script>
+    <script>
+
+
+
         $(document).ready(function() {
             $(".home--nav__tab--item >a").each(function() {
                 if ($($(this))[0].href == String(window.location))
@@ -49,4 +74,4 @@
             });
         });
     </script>
-</html>
+</html>

login.html

@@ -4,7 +4,8 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="stylesheet" href="./css/login.css">
-        <title>注册</title>
+        <title>登录</title>
+      <script src="https://cdn.jsdelivr.net/npm/blueimp-md5@2.19.0/js/md5.min.js"></script>
     </head>
     <!-- 嵌入头部 -->
     <script type="text/javascript" src="./js/jquery.js"></script>
@@ -42,7 +43,7 @@
                     </div>
                     <div class="popup-content__item popup-content__item3" style="margin-left: 20px;">
                         <input class="inputCode" type="text" placeholder="验证码" id="loginCode" />
-                        <div class="codeImage" style="background-color: #238BF0;margin-left: 30px;"><img id="codeImg1"
+                        <div class="codeImage" style="margin-left: 30px;"><img id="codeImg1"
                                 onclick="changeCodeImg1()" class="img" style="height: 56px;"></div>
                     </div>
 
@@ -52,11 +53,11 @@
                             onclick="login()">
                             登录
                         </div>
-                        <div style="display: flex;flex-direction: row; justify-content: space-between;  width: 30.8rem !important;
+                        <div style="display: flex;flex-direction: row; justify-content: right;  width: 30.8rem !important;
                             margin-top: 5px;">
-                            <div style="color: #238BF0;text-decoration: underline; font-size: 18px;"
-                                onclick="openPopup()">注册账号>></div>
-                            <div style="color: #238BF0;font-size: 18px;" onclick="forgetPsw()">忘记密码?</div>
+                            <div style="color: #238BF0; font-size: 18px;cursor: pointer"
+                                onclick="openPopup()">注册</div>
+<!--                            <div style="color: #238BF0;font-size: 18px;" onclick="forgetPsw()">忘记密码?</div>-->
 
                         </div>
 
@@ -127,19 +128,32 @@
     </body>
 
     <script>
-        var time1 = Date.now()
+
+      function hash(s) {
+        try {
+          // 1. 计算MD5哈希
+          const md5Hash = md5(s);
+          // 2. 返回结果（md5函数已经返回16进制字符串）
+          return md5Hash;
+        } catch (e) {
+          console.error("加密失败:", e);
+          return s;
+        }
+      }
+
+      var time1 = Date.now()
 
         var time2 = ''
 
-        $('#codeImg1').attr('src', 'http://aos.yyundong.com/ycsafe/captcha/captchaImagetype=math&timestamp=' + time1);
+        $('#codeImg1').attr('src', 'http://aos.yyundong.com/ycsafe/captcha/captchaImage?type=math&timestamp=' + time1);
 
         function openPopup() {
             document.getElementById("popup").style.display = "block";
             document.getElementById("mask").style.display = "block";
 
-            var time2 = Date.now()
+            time2 = Date.now()
 
-            $('#codeImg2').attr('src', 'http://aos.yyundong.com/ycsafe/captcha/captchaImagetype=math&timestamp=' +
+            $('#codeImg2').attr('src', 'http://aos.yyundong.com/ycsafe/captcha/captchaImage?type=math&timestamp=' +
                 time2);
         }
 
@@ -165,7 +179,7 @@
         function login() {
             let telephone = $('#loginPhone').val();
             let password = $('#loginPsw').val();
-            let captcha = $('#registerCode').val();
+            let captcha = $('#loginCode').val();
 
             $("#loginPhone").blur(function() {
                 if (!telephone) {
@@ -197,27 +211,35 @@
                 return;
             }
 
-            $.post('http://aos.yyundong.com/loulan/business/buy/9', {
+            $.post('http://aos.yyundong.com/ycsafe/website/login', {
                 'telephone': telephone,
-                'password': password,
-                'captcha': captcha
+                'password': hash(password),
+                'captcha': captcha,
+                'timestamp': time1
+
             }, function(resp) {
 
                 if (!!resp && !!resp.result) {
-                    alert('正在登录...');
+                    window.location.href = 'serve.html';
+                  //
+                  //   // 存储数据
+                  // localStorage.setItem('userName', resp.result.enterpriseName);
+                  //
+                  // // 读取数据
+                  // const value = localStorage.getItem('token');
+                  // const sessionValue = sessionStorage.getItem('token');
+                  // const userName = sessionStorage.getItem('userName');
 
-                    console.log("登录>>>", resp.result);
-
-                    // window.location.href = 'login.html';
+                var cook =   document.cookie;
+                    // 存储数据
+                  localStorage.setItem('token', cook.substring(6, document.cookie.length));
+                  localStorage.setItem('userName', resp.enterpriseName+"");
+                  localStorage.setItem('isLogin', resp.result);
                 } else {
                     alert(resp.message);
-
-                    console.log("登录>>>", resp.message);
                 }
             });
 
-
-
         }
 
         // 注册函数
@@ -276,7 +298,7 @@
                 return;
             }
 
-            $.post('http://aos.yyundong.com/ycsafe/ycsafe/website/register', {
+            $.post('http://aos.yyundong.com/ycsafe/website/register', {
                 'name': name,
                 'password': password,
                 'telephone': telephone,
@@ -286,8 +308,8 @@
             }, function(resp) {
 
                 if (!!resp && !!resp.result) {
-                    alert('注册成功,正在登录...');
-                    console.log("注册>>>", resp.result);
+                    alert('注册成功');
+                  closePopup()
                 } else {
                     alert(resp.message);
                 }
@@ -309,4 +331,4 @@
                 time2);
         }
     </script>
-</html>
+</html>

network.html

@@ -43,8 +43,8 @@
                     </div>
                 </div>
                 <div class="network--content__right--operate">
-                    <div class="network--content__right--operate__made">定制我的套餐</div>
-                    <div class="network--content__right--operate__connect" onclick="openPopup()">联系我们</div>
+                    <div class="network--content__right--operate__made" onclick="customized()">定制我的套餐</div>
+<!--                    <div class="network&#45;&#45;content__right&#45;&#45;operate__connect" onclick="openPopup()">联系我们</div>-->
                 </div>
             </div>
 
@@ -71,12 +71,157 @@
                 </div>
             </div>
 
-            <!-- 底部占位 -->
-            <div id="footer"></div>
+          <!-- 弹窗: 定制我的套餐 -->
+          <div id="tcpopup" class="tc-popup" style="display: none;width: 80%">
+            <div class="secure-popup__close" onclick="closePopuptc()">
+              <img src="./images/close.png">
+            </div>
+            <div style="display: flex;flex-direction: column;justify-content: space-between;align-content: center">
+              <div style="width: 100%">
+                <div
+                  style="background-color: #262A2F;border-radius: 5px 0px 5px 0px;height: 40px;display: flex;flex-direction: column;justify-content: center">
+                  <span style="color: #FFFFFF;text-align: center">标准套餐</span>
+                </div>
+                <table style="width: 100%">
+                  <tr style="height: 50px">
+                    <td rowspan="3" style="font-size: 16px; font-weight: 700">基础防护</td>
+                    <td class="biaozhun-taocan" data="300" fuwu="1"><img class="thumbnail_1"
+                                                                         referrerpolicy="no-referrer" src="./images/unchoice.png">
+                      操作系统防护
+                    </td>
+                    <td>巡检+加固</td>
+                    <td>300</td>
+                  </tr>
+                  <tr style="height: 50px">
+                    <td class="biaozhun-taocan" data="300" fuwu="2"><img class="thumbnail_1"
+                                                                         referrerpolicy="no-referrer" src="./images/unchoice.png">
+                      中间件防护
+                    </td>
+                    <td>巡检+加固</td>
+                    <td>300</td>
+                  </tr>
+                  <tr style="height: 50px">
+                    <td class="biaozhun-taocan" data="300" fuwu="3"><img class="thumbnail_1"
+                                                                         referrerpolicy="no-referrer" src="./images/unchoice.png">
+                      服务应用防护
+                    </td>
+                    <td>巡检+加固</td>
+                    <td>300</td>
+                  </tr>
+                  <tr style="height: 50px">
+                    <td rowspan="3" style="font-size: 16px; font-weight: 700">专业防护</td>
+                    <td class="biaozhun-taocan" data="700" fuwu="4"><img class="thumbnail_1"
+                                                                         referrerpolicy="no-referrer" src="./images/unchoice.png">
+                      漏洞防护
+                    </td>
+                    <td>巡检+加固</td>
+                    <td>700</td>
+                  </tr>
+                  <tr style="height: 50px">
+                    <td class="biaozhun-taocan" data="500" fuwu="5"><img class="thumbnail_1"
+                                                                         referrerpolicy="no-referrer" src="./images/unchoice.png">
+                      木马防护
+                    </td>
+                    <td>实时巡检+加固</td>
+                    <td>500</td>
+                  </tr>
+                  <tr style="height: 50px">
+                    <td class="biaozhun-taocan" data="600" fuwu="6"><img class="thumbnail_1"
+                                                                         referrerpolicy="no-referrer" src="./images/unchoice.png">
+                      业务逻辑防护
+                    </td>
+                    <td>实时巡检+加固+合规</td>
+                    <td>600</td>
+                  </tr>
+                  <tr style="height: 50px">
+                    <td rowspan="2" style="font-size: 16px; font-weight: 700">数据防护</td>
+                    <td class="biaozhun-taocan" data="400" fuwu="7"><img class="thumbnail_1"
+                                                                         referrerpolicy="no-referrer" src="./images/unchoice.png">
+                      数据库防护
+                    </td>
+                    <td>巡检+加固</td>
+                    <td>400</td>
+                  </tr>
+                  <tr style="height: 50px">
+                    <td class="biaozhun-taocan" data="800" fuwu="8"><img class="thumbnail_1"
+                                                                         referrerpolicy="no-referrer" src="./images/unchoice.png">
+                      数据安全防护
+                    </td>
+                    <td>数据安全审计/跨境数据合规检查/整改</td>
+                    <td>800</td>
+                  </tr>
+                  <tr style="height: 50px">
+                    <td rowspan="1" style="font-size: 16px; font-weight: 700">应急处理</td>
+                    <td class="biaozhun-taocan2" data="3000" fuwu="9"><img class="thumbnail_1"
+                                                                           referrerpolicy="no-referrer" src="./images/unchoice.png"> 应急处理
+                    </td>
+                    <td>次</td>
+                    <td>3000</td>
+                  </tr>
+                </table>
+              </div>
+
+              <div
+                style="display: flex;flex-direction: row;justify-content: center;align-content: center; margin-top: 20px;">
+                <button type="submit"
+                        style="background-color: rgba(21, 170, 125, 1);width: 50%;display: block;font-size: 18px;border-radius: 6px;padding: 10px 16px">
+                  <span style="color: white">提交您的信息</span>
+                </button>
+              </div>
+              <!-- <div
+                  style="display: flex;flex-direction: column;justify-content: center;align-content: center;margin-left: 10px;width: 39%">
+                  <div class="modal-body" style="text-align: center">
+                      <div
+                          style="display: flex;flex-direction: column;justify-content: center;align-content: flex-end;">
+                          <span class="control-label" style="width: 100%;">您选择了标准套餐，<span
+                                  class="gongji">0</span>元/月</span>
+                          <span class="control-label" style="width: 100%;">请留下您的联系方式，我们会尽快与您联系</span>
+                      </div>
+                      <form id="myModal2_form" class="form-horizontal" role="form"
+                          onsubmit="return submit_myModal2_btn();">
+                          <div style="margin-top: 10px;width: 100%">
+                              <input type="text" class="form-control" name="name" placeholder="姓名"
+                                  style="height: 45px;width: 80%" />
+                          </div>
+                          <div style="margin-top: 10px;width: 100%">
+                              <input type="text" class="form-control big" name="telephone" placeholder="电话"
+                                  style="height: 45px;width: 80%">
+                          </div>
+                          <div style="margin-top: 10px; margin-bottom: 10px;width: 100%">
+                              <input type="text" class="form-control big" name="companyName" placeholder="公司名称"
+                                  style="height: 45px;width: 80%">
+                          </div>
+                          <div
+                              style="display: flex;flex-direction: row;justify-content: center;align-content: center">
+                              <button type="submit"
+                                  style="background-color: rgba(21, 170, 125, 1);margin-left: 15px; width: 50%;display: block;font-size: 18px;border-radius: 6px;padding: 10px 16px">
+                                  <span style="color: white">提交您的信息</span>
+                              </button>
+                          </div>
+                      </form>
+                  </div>
+              </div> -->
+            </div>
+          </div>
+
+          <!-- 底部占位 -->
+          <div id="footer"></div>
         </div>
     </body>
 
     <script>
+      var isLogin = localStorage.getItem('isLogin')
+        function customized() {
+          // 判断是否登录
+          if(!isLogin){
+            window.location.href = 'login.html';
+          }else {
+            document.getElementById("popup").style.display = "block";
+            document.getElementById("mask").style.display = "block";
+            $('#codeImg').attr('src', './loulan/captcha/captchaImage?type=math&timestamp=' + Date.now());
+          }
+
+        }
         function openPopup() {
             document.getElementById("popup").style.display = "block";
             document.getElementById("mask").style.display = "block";

secure.html

@@ -48,12 +48,11 @@
                     </div>
                     <div class="secure-content--operate">
                         <div class="secure-content--operate__made" onclick="openPopuptc()">定制我的套餐</div>
-                        <!-- <div class="secure-content--operate__connect" onclick="openPopup()">联系我们</div> -->
+<!--                         <div v-if="!isLogin" class="secure-content&#45;&#45;operate__connect" onclick="openPopup()">联系我们</div>-->
                     </div>
                 </div>
             </div>
-            <!-- 底部占位 -->
-            <div id="footer"></div>
+
             <!-- 弹窗: 定制我的套餐 -->
             <div id="tcpopup" class="tc-popup" style="display: none;width: 80%">
                 <div class="secure-popup__close" onclick="closePopuptc()">
@@ -221,7 +220,8 @@
                 </div>
             </div>
         </div>
-        </div>
+        <!-- 底部占位 -->
+        <div id="footer"></div>
     </body>
     <style>
         table,
@@ -239,6 +239,7 @@
     </style>
     <script>
         var time = ''
+        var isLogin = localStorage.getItem('isLogin')
     </script>
     <script>
         var taocan = 0;
@@ -316,7 +317,13 @@
     </script>
     <script>
         function openPopuptc() {
-            document.getElementById("tcpopup").style.display = "block";
+              // 判断是否登录
+            if(!isLogin){
+              window.location.href = 'login.html';
+            }else {
+              document.getElementById("tcpopup").style.display = "block";
+            }
+
         }
 
         function closePopuptc() {

serve.html

@@ -134,14 +134,144 @@
           </div>
 
           <div class="serve-box--operate">
-            <div class="serve-box--operate__made">定制我的套餐</div>
-            <div class="serve-box--operate__connect"  onclick="openPopup()">联系我们</div>
+            <div class="serve-box--operate__made"  onclick="customized()" >定制我的套餐</div>
+<!--            <div class="serve-box&#45;&#45;operate__connect"  onclick="openPopup()">联系我们</div>-->
           </div>
 
         </div>
 
+        <!-- 弹窗: 定制我的套餐 -->
+        <div id="tcpopup" class="tc-popup" style="display: none;width: 80%">
+          <div class="secure-popup__close" onclick="closePopuptc()">
+            <img src="./images/close.png">
+          </div>
+          <div style="display: flex;flex-direction: column;justify-content: space-between;align-content: center">
+            <div style="width: 100%">
+              <div
+                style="background-color: #262A2F;border-radius: 5px 0px 5px 0px;height: 40px;display: flex;flex-direction: column;justify-content: center">
+                <span style="color: #FFFFFF;text-align: center">标准套餐</span>
+              </div>
+              <table style="width: 100%">
+                <tr style="height: 50px">
+                  <td rowspan="3" style="font-size: 16px; font-weight: 700">基础防护</td>
+                  <td class="biaozhun-taocan" data="300" fuwu="1"><img class="thumbnail_1"
+                                                                       referrerpolicy="no-referrer" src="./images/unchoice.png">
+                    操作系统防护
+                  </td>
+                  <td>巡检+加固</td>
+                  <td>300</td>
+                </tr>
+                <tr style="height: 50px">
+                  <td class="biaozhun-taocan" data="300" fuwu="2"><img class="thumbnail_1"
+                                                                       referrerpolicy="no-referrer" src="./images/unchoice.png">
+                    中间件防护
+                  </td>
+                  <td>巡检+加固</td>
+                  <td>300</td>
+                </tr>
+                <tr style="height: 50px">
+                  <td class="biaozhun-taocan" data="300" fuwu="3"><img class="thumbnail_1"
+                                                                       referrerpolicy="no-referrer" src="./images/unchoice.png">
+                    服务应用防护
+                  </td>
+                  <td>巡检+加固</td>
+                  <td>300</td>
+                </tr>
+                <tr style="height: 50px">
+                  <td rowspan="3" style="font-size: 16px; font-weight: 700">专业防护</td>
+                  <td class="biaozhun-taocan" data="700" fuwu="4"><img class="thumbnail_1"
+                                                                       referrerpolicy="no-referrer" src="./images/unchoice.png">
+                    漏洞防护
+                  </td>
+                  <td>巡检+加固</td>
+                  <td>700</td>
+                </tr>
+                <tr style="height: 50px">
+                  <td class="biaozhun-taocan" data="500" fuwu="5"><img class="thumbnail_1"
+                                                                       referrerpolicy="no-referrer" src="./images/unchoice.png">
+                    木马防护
+                  </td>
+                  <td>实时巡检+加固</td>
+                  <td>500</td>
+                </tr>
+                <tr style="height: 50px">
+                  <td class="biaozhun-taocan" data="600" fuwu="6"><img class="thumbnail_1"
+                                                                       referrerpolicy="no-referrer" src="./images/unchoice.png">
+                    业务逻辑防护
+                  </td>
+                  <td>实时巡检+加固+合规</td>
+                  <td>600</td>
+                </tr>
+                <tr style="height: 50px">
+                  <td rowspan="2" style="font-size: 16px; font-weight: 700">数据防护</td>
+                  <td class="biaozhun-taocan" data="400" fuwu="7"><img class="thumbnail_1"
+                                                                       referrerpolicy="no-referrer" src="./images/unchoice.png">
+                    数据库防护
+                  </td>
+                  <td>巡检+加固</td>
+                  <td>400</td>
+                </tr>
+                <tr style="height: 50px">
+                  <td class="biaozhun-taocan" data="800" fuwu="8"><img class="thumbnail_1"
+                                                                       referrerpolicy="no-referrer" src="./images/unchoice.png">
+                    数据安全防护
+                  </td>
+                  <td>数据安全审计/跨境数据合规检查/整改</td>
+                  <td>800</td>
+                </tr>
+                <tr style="height: 50px">
+                  <td rowspan="1" style="font-size: 16px; font-weight: 700">应急处理</td>
+                  <td class="biaozhun-taocan2" data="3000" fuwu="9"><img class="thumbnail_1"
+                                                                         referrerpolicy="no-referrer" src="./images/unchoice.png"> 应急处理
+                  </td>
+                  <td>次</td>
+                  <td>3000</td>
+                </tr>
+              </table>
+            </div>
 
-
+            <div
+              style="display: flex;flex-direction: row;justify-content: center;align-content: center; margin-top: 20px;">
+              <button type="submit"
+                      style="background-color: rgba(21, 170, 125, 1);width: 50%;display: block;font-size: 18px;border-radius: 6px;padding: 10px 16px">
+                <span style="color: white">提交您的信息</span>
+              </button>
+            </div>
+            <!-- <div
+                style="display: flex;flex-direction: column;justify-content: center;align-content: center;margin-left: 10px;width: 39%">
+                <div class="modal-body" style="text-align: center">
+                    <div
+                        style="display: flex;flex-direction: column;justify-content: center;align-content: flex-end;">
+                        <span class="control-label" style="width: 100%;">您选择了标准套餐，<span
+                                class="gongji">0</span>元/月</span>
+                        <span class="control-label" style="width: 100%;">请留下您的联系方式，我们会尽快与您联系</span>
+                    </div>
+                    <form id="myModal2_form" class="form-horizontal" role="form"
+                        onsubmit="return submit_myModal2_btn();">
+                        <div style="margin-top: 10px;width: 100%">
+                            <input type="text" class="form-control" name="name" placeholder="姓名"
+                                style="height: 45px;width: 80%" />
+                        </div>
+                        <div style="margin-top: 10px;width: 100%">
+                            <input type="text" class="form-control big" name="telephone" placeholder="电话"
+                                style="height: 45px;width: 80%">
+                        </div>
+                        <div style="margin-top: 10px; margin-bottom: 10px;width: 100%">
+                            <input type="text" class="form-control big" name="companyName" placeholder="公司名称"
+                                style="height: 45px;width: 80%">
+                        </div>
+                        <div
+                            style="display: flex;flex-direction: row;justify-content: center;align-content: center">
+                            <button type="submit"
+                                style="background-color: rgba(21, 170, 125, 1);margin-left: 15px; width: 50%;display: block;font-size: 18px;border-radius: 6px;padding: 10px 16px">
+                                <span style="color: white">提交您的信息</span>
+                            </button>
+                        </div>
+                    </form>
+                </div>
+            </div> -->
+          </div>
+        </div>
         <!-- 弹窗 -->
         <div id="mask" class="mask"></div>
         <div id="popup" class="secure-popup" style="display:none;">
@@ -176,6 +306,16 @@
     </div>
   </body>
   <script>
+    var isLogin = localStorage.getItem('isLogin')
+    function customized() {
+      // 判断是否登录
+      if(!isLogin){
+        window.location.href = 'login.html';
+      }else {
+        document.getElementById("tcpopup").style.display = "block";
+      }
+
+    }
     function openPopup() {
       document.getElementById("popup").style.display = "block";
       document.getElementById("mask").style.display = "block";