完善

about/index.html

@@ -32,11 +32,6 @@
   <![endif]-->
     <div id="app">
 
-        <div class="erMenu">
-            <div>
-
-            </div>
-        </div>
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
             <div class="custom-container-one">

assets/css/style.css

@@ -800,7 +800,7 @@
             header .mainmenu-area .main-menu .menu-items ul li {
                 display: inline-block;
                 margin-right: 30px;
-                position: relative;
+                position: static;
                 cursor: pointer;
             }
             
@@ -838,10 +838,14 @@
                     left: -34px;
                 }
             }
-            header .mainmenu-area .main-menu .menu-items ul li:hover{
+            header .mainmenu-area .main-menu .menu-items>ul>li:hover,header .mainmenu-area .main-menu .menu-items> ul>li.active{
                 border-bottom:4px solid #639BFF
             }
-            header .mainmenu-area .main-menu .menu-items ul li:hover a {
+            header .mainmenu-area .main-menu .menu-items ul li:hover .submenu{
+                opacity:1;
+                visibility:visible
+            }
+            /* header .mainmenu-area .main-menu .menu-items ul li:hover a {
                 color: #639BFF;
             }
             
@@ -849,57 +853,60 @@
                 color: #639BFF;
                 font-size: 18px;
                 font-weight: bold;
-            }
+            } */
             
-            header .mainmenu-area .main-menu .menu-items ul li.active>a:before {
+            /* header .mainmenu-area .main-menu .menu-items ul li.active>a:before {
                 content: '';
                 width: 30px;
                 height: 2px;
                 display: inline-block;
                 background-color: #639BFF;
-                /* margin-right: 5px; */
                 position: absolute;
                 bottom: 18px;
                 left: 50%;
                 margin-left: -15px;
-            }
+            } */
             
             header .mainmenu-area .main-menu .menu-items ul li .submenu {
                 position: absolute;
-                left: -48px;
+                left: 0;
+    text-align: center;
                 top: 120%;
-                width: 220px;
-                background-color: #fff;
+                width: 80%;
+                /* background-color: #fff; */
                 opacity: 0;
                 visibility: hidden;
                 -webkit-transition: all 0.3s ease-out 0s;
                 transition: all 0.3s ease-out 0s;
                 z-index: 99;
-                box-shadow: 0px 10px 20px 10px rgba(170, 170, 170, 0.1);
+                /* box-shadow: 0px 10px 20px 10px rgba(170, 170, 170, 0.1);
                 -webkit-box-shadow: 0px 10px 20px 10px rgba(170, 170, 170, 0.1);
-                -moz-box-shadow: 0px 10px 20px 10px rgba(170, 170, 170, 0.1);
+                -moz-box-shadow: 0px 10px 20px 10px rgba(170, 170, 170, 0.1); */
             }
             
             header .mainmenu-area .main-menu .menu-items ul li .submenu>li {
                 position: relative;
-                display: block;
+                display: inline-block;
                 margin: 0;
                 text-align: center;
+                width:20%;
             }
             
             header .mainmenu-area .main-menu .menu-items ul li .submenu>li a {
                 display: block;
                 padding: 0 15px;
+                margin:20px 0;
                 position: relative;
-                color: #041d38;
+                color: #fff;
                 -webkit-transition: all 0.3s ease-out 0s;
                 transition: all 0.3s ease-out 0s;
                 border-radius: 0;
                 line-height: 40px;
+               
             }
             
             header .mainmenu-area .main-menu .menu-items ul li .submenu>li:hover {
-                background-color: #639BFF;
+                /* background-color: #639BFF; */
                 color: #fff;
             }
             
@@ -912,7 +919,7 @@
                 left: 100%;
                 top: 30%;
                 width: 200px;
-                background-color: #fff;
+                /* background-color: #fff; */
                 visibility: hidden;
                 opacity: 0;
             }
@@ -1260,6 +1267,13 @@
             header.sticky .mainmenu-area {
                 margin-top: 0;
             }
+            header.sticky .mainmenu-area .main-menu .menu-items>ul>li:hover .submenu{
+                /* background:rgba(118, 97, 97, 0.5) */
+            }
+            header.sticky .mainmenu-area .main-menu .menu-items>ul>li:hover .submenu>li a {
+                color:#000;
+                /* background:#fff */
+            }
             
             header.sticky .mainmenu-area .main-menu .menu-items ul li a {
                 /* line-height: 90px; */

assets/js/commonVue.js

@@ -1,31 +1,30 @@
+
+
 var app = new Vue({
   el: '#app',
   data: {
-    backBanner: "",
-    solution: [],
-    solution_type: 1,
     id: null,
-    array: [],
-    solutionArray:[],
-    solutionTypes: [],
-    colin: ''
+    columnList:[],
+    bbb:'',
+
+
+    
+    array: [], //解决方案旧
+    solutionArray: [], //解决方案详情数据
+    solutionTypes: [], //解决方案类型
   },
   computed: {
 
   },
   created: function () {
-    
-    this.solution_type = this.getQueryVariable('solution_type')
-    this.id = this.getQueryVariable('id')
-    
-    this.backBanner = '../assets/img/solution/solution-banner1.jpg'
 
   },
   mounted: function () {
-    _this=this
+    _this = this
+
     this.getColumnData()
-    
 
+    //解决方案旧
     $.ajax({
       type: 'POST',
       dataType: 'json',
@@ -38,15 +37,11 @@ var app = new Vue({
       console.log(_this.array)
     }).fail(function (err) {});
 
-
-
-
-
   },
   methods: {
 
     //获取内容
-    getArticalData(param){
+    getArticalData(param) {
       $.ajax({
         type: 'GET',
         dataType: 'json',
@@ -56,15 +51,15 @@ var app = new Vue({
         }
       }).done(function (res) {
         console.log(res);
-        var aa=res.data.records
+        var aa = res.data.records
         aa.sort(_this.compare("lmtitle"))
-        _this.solutionArray=aa
+        _this.solutionArray = aa
 
       }).fail(function (err) {});
 
     },
 
-   
+
 
     //获取栏目
     getColumnData() {
@@ -73,14 +68,18 @@ var app = new Vue({
         dataType: 'json',
         url: window.FQDN2 + 'siteCategory/siteCategoryList',
       }).done(function (res) {
+
+        _this.columnList=res.data;
+        _this.bbb=window.location.pathname
+
         for (let i = 0; i < res.data.length; i++) {
           console.log(res.data[i].sname)
           console.log(window.location.pathname)
           if (res.data[i].children.length > 0) {
             if (res.data[i].categoryName == '解决方案') {
-              _this.solutionTypes=res.data[i].children
-              _this.colin=_this.getQueryVariable('id')?_this.getQueryVariable('id'): _this.solutionTypes[0].id;
-              _this.getArticalData( _this.id ? _this.id : _this.solutionTypes[0].id)
+              _this.solutionTypes = res.data[i].children
+              _this.id = _this.getQueryVariable('id') ? _this.getQueryVariable('id') : _this.solutionTypes[0].id;
+              _this.getArticalData(_this.id ? _this.id : _this.solutionTypes[0].id)
             }
           }
         }
@@ -89,8 +88,8 @@ var app = new Vue({
 
 
 
-     // 排序
-     compare(property) {
+    // 排序
+    compare(property) {
       return function (a, b) {
         var value1 = a[property];
         var value2 = b[property];
@@ -100,11 +99,12 @@ var app = new Vue({
 
     //解决方案类型点击
     facilityClick(e, item) {
-      this.colin = item.id
+      this.id = item.id
       this.getArticalData(item.id)
       console.log(item.id)
     },
 
+    //获取路由参数
     getQueryVariable: function (variable) {
       var query = window.location.search.substring(1);
       var vars = query.split("&");

footer.html

@@ -46,15 +46,9 @@
                     if (res.data[i].children.length > 0) {
                         var ul = $(`<ul></ul>`)
                         for (let a = 0; a < res.data[i].children.length; a++) {
-                            if(res.data[i].categoryName=='解决方案'){
-                                var li = $(`<li>
-                                    <a href=${res.data[i].sname}&id=${res.data[i].children[a].id}>${res.data[i].children[a].categoryName}</a>
-                                </li>`)
-                            }else{
-                                var li = $(`<li>
+                            var li = $(`<li>
                                     <a href=${res.data[i].sname}?id=${res.data[i].children[a].id}>${res.data[i].children[a].categoryName}</a>
                                 </li>`)
-                            }
                             
                             
                             ul.append(li)

headerNav.html

@@ -51,27 +51,16 @@
                 dataType: 'json',
                 url: window.FQDN2 + 'siteCategory/siteCategoryList',
             }).done(function(res) {
-                // console.log('res')
-                // console.log(res)
-                // console.log(window.location.pathname)
-                    // localStorage.removeItem('item')
                 for (let i = 0; i < res.data.length; i++) {
-                    // console.log('存值')
-                        console.log(res.data[i].sname)
-                        console.log(window.location.pathname)
+                        // console.log(res.data[i].sname)
+                        // console.log(window.location.pathname)
                         var li = $(`<li><a href = ${res.data[i].sname}>${res.data[i].categoryName}</a></li>`)
                         if (res.data[i].children.length > 0) {
                             var ul = $(`<ul class="submenu"></ul>`)
                             for (let a = 0; a < res.data[i].children.length; a++) {
-                                if(res.data[i].categoryName=='解决方案'){
-                                    var li2 = $(`<li>
-                                    <a href=${res.data[i].sname}&id=${res.data[i].children[a].id}>${res.data[i].children[a].categoryName}</a>
-                                </li>`)
-                                }else{
-                                    var li2 = $(`<li>
+                                var li2 = $(`<li>
                                     <a href=${res.data[i].sname}?id=${res.data[i].children[a].id}>${res.data[i].children[a].categoryName}</a>
                                 </li>`)
-                                }
                                
                                 ul.append(li2)
                             }
@@ -82,32 +71,29 @@
                 }
                 $(".menu-items ul li").hover(function() {
                   
-                    // $(this).addClass("menuactive").siblings().removeClass("menuactive");
-                    if ($(this).find(".submenu")) {
-                        // console.log(1)
-                        $(".erMenu>div>.erMenuList").remove()
-                        const data = $(this).children(".submenu").clone()
-                        // console.log(data)
-                        if(data){
-                            $(".erMenu>div").append(data)
-                            $(".erMenu>div>.submenu").addClass("erMenuList").removeClass("submenu")
-                            $(".erMenu").fadeIn()
-                        }
+                    // if ($(this).find(".submenu")) {
+                    //     $(".erMenu>div>.erMenuList").remove()
+                    //     const data = $(this).children(".submenu").clone()
+                    //     if(data){
+                    //         $(".erMenu>div").append(data)
+                    //         $(".erMenu>div>.submenu").addClass("erMenuList").removeClass("submenu")
+                    //         $(".erMenu").fadeIn()
+                    //     }
                         
-                    } else {
-                        $(".erMenu").fadeOut()
-                    }
+                    // } else {
+                    //     $(".erMenu").fadeOut()
+                    // }
                 });
                 $(".menu-items ul li").click(function() {
                         // $(this).addClass("menuactive")
                    
                    
                 })
-                $(".erMenu").hover(function() {
+                // $(".erMenu").hover(function() {
 
-                }, function() {
-                    $(".erMenu").fadeOut()
-                })
+                // }, function() {
+                //     $(".erMenu").fadeOut()
+                // })
             }).fail(function(err) {});
 
         });

index.html

@@ -34,27 +34,11 @@
   <![endif]-->
 
     <div id="app">
-        <div class="erMenu">
-            <div>
-
-            </div>
-        </div>
+        
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
             <div class="custom-container-one">
                 <div class="header-top-area">
-                    <!-- <div class="container align-items-center">
-                        <div class="col-md-6 col-sm-7">
-                            <ul class="contact-list">
-                                <li>
-                                    <a href="javascipt:void();">www.chinausky.com</a>
-                                </li>
-                                <li>
-                                    <a href="javascipt:void();">400 633 8668</a>
-                                </li>
-                            </ul>
-                        </div>
-                    </div> -->
                 </div>
                 <div id="headerNav"></div>
                 <div>
@@ -67,7 +51,7 @@
         <div class="video-section">
             <video autoplay loop muted style="width:100%;height:100%;object-fit:fill;"
                 poster="assets/img/banner/111.png">
-                <source src="assets/video/home-video4.mp4" type="video/mp4">
+                <source src="assets/video/11.mp4" type="video/mp4">
             </video>
             <div class="video-des">
                 <div class="des1">
@@ -94,29 +78,6 @@
 
         <section v-for="(list,ind) in homeList">
 
-
-
-            <!-- 首页轮播 -->
-            <!--====== BANNER SECTION START ======-->
-            <!-- <div class="banner-section">
-                <div id="shutter" class="shutter" v-if="list.title === '幻灯片'">
-                    <div class="shutter-img">
-                        <a href="#" v-for="con in homeList[0].content">
-                            <div class="animate-img pc" style="background-size: cover;background-position: left top;background-image:url(assets/img/banner/111.png)">
-                            </div>
-                            <div class="animate-img mobile">
-                                <img style="min-width: 100%;" :src="con.picture" alt="">
-                            </div>
-                        </a>
-                    </div>
-                    <ul class="shutter-btn">
-                        <li class="prev"></li>
-                        <li class="next"></li>
-                    </ul>
-                </div>
-            </div> -->
-            <!--====== BANNER SECTION END ======-->
-
             <!--====== WHYUS SECTION START ======-->
             <div class="whyUs-section pt-60 pb-60" v-if="list.title === '物联网行业垂直应用'">
                 <div class="container">
@@ -286,9 +247,6 @@
         </div>
 
         <el-dialog title="项目咨询" :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
-
-
-
             <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
                 <el-form-item label="" prop="platName">
                     <el-radio-group v-model="ruleForm.platName">
@@ -363,26 +321,12 @@
     <script>
         $(function () {
             $('#headerNav').load("./headerNav.html");
-
-
-
             var $wh = $(window).height();
             $('.go_down').click(function (e) {
                 $('html,body').animate({
                     scrollTop: $wh
                 }, 700);
             });
-
-            // setTimeout(() => {
-            //         $('#shutter').shutter({
-            //             // shutterW: 1000, // 容器宽度
-            //             // shutterH: 358, // 容器高度
-            //             isAutoPlay: true, // 是否自动播放
-            //             playInterval: 3000, // 自动播放时间
-            //             curDisplay: 3, // 当前显示页
-            //             fullPage: false // 是否全屏展示
-            //         })
-            //     }, 1000)
             $('#footer').load("./footer.html");
         })
 
@@ -519,36 +463,161 @@
                     this.centerDialogVisible = false
                 },
                  scrollToTop() {
-  window.scrollTo({
-    top: 0,
-    behavior: "smooth"
-  });
-}
+                    window.scrollTo({
+                        top: 0,
+                        behavior: "smooth"
+                    });
+                }
+
+            },
+      
+        });
+
+
+
+        var app = new Vue({
+            el: '.aaaa',
+            data: {
+                screenWidth: 0,
+                homeList: [],
+                status: false,
+                centerDialogVisible: false,
+
+
+                ruleForm: {
+                    platName: '智慧安防',
+                    consultName: '',
+                    consultPhone:'',
+                    mail:'',
+                    company:'',
+                    consultContent: "", //?
+
+                   
+                },
+                rules: {
+                    platName: [{
+                            required: true,
+                            message: '请选择类型',
+                            trigger: 'change'
+                        },
+
+                    ],
+                    consultName: [{
+                            required: true,
+                            message: '请输入姓名',
+                            trigger: 'blur'
+                        },
+                        // {
+                        //     min: 2,
+                        //     max: 10,
+                        //     message: '长度在 2 到 10 个字符',
+                        //     trigger: 'blur'
+                        // }
+                    ],
+                    consultPhone: [{
+                        required: true,
+                        message: '请输入正确的电话号码',
+                        pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+                        trigger: 'change'
+                    }],
+                    mail: [{
+                        required: false,
+                        type: "email",
+                        message: "请输入正确的邮箱地址",
+                        trigger: 'blur'
+                    }],
+                    company: [
+                        // { required: true, message: '请选择活动区域', trigger: 'change' }
+                    ],
+
+                    consultContent: [
+                        // { required: true, message: '请填写需求描述', trigger: 'blur' }
+                    ]
+                }
+
+            },
+            computed: {
+
+            },
+            mounted: function () {
+
+                this.screenWidth = document.body.clientWidth
+                window.onresize = () => {
+                    return (() => {
+                        this.screenWidth = document.body.clientWidth
+                    })()
+                }
+
+                var _this = this;
+                jQuery.ajax({
+                    type: 'POST',
+                    dataType: 'json',
+                    url: window.FQDN + 'Index/index',
+                }).done(function (res) {
+                    _this.homeList = res
+                    _this.status = true
+
+
+                }).fail(function (err) {});
+            },
+            methods: {
+                submitForm(formName) {
+                    _this=this
+                    this.$refs[formName].validate((valid) => {
+                        
+                        if (valid) {
+                            console.log(_this.ruleForm)
+
+                            let param = JSON.stringify(_this.ruleForm)
+
+
+                            jQuery.ajax({
+                                type: 'POST',
+                                // dataType: 'json',
+                                contentType: 'application/json;charset=UTF-8',
+
+                                url: window.FQDN2 + 'siteReview',
+                                data: param
+                            }).done(function(res) {
+                                if (res.status === "SUCCESS") {
+                                    _this.$message({
+                                    message: '提交成功',
+                                    type: 'success'
+                                    });
+                                    _this.centerDialogVisible=false
+
+                                    _this.$refs[formName].resetFields(); //重置from校验
+                                }
+                               
+
+                             
+                               
+
+                            }).fail(function(err) {});
+
+
+                         
+                        } else {
+                            console.log('error submit!!');
+                            return false;
+                        }
+                    });
+                },
+                resetForm(formName) {
+                    this.$refs[formName].resetFields();
+                    this.centerDialogVisible = false
+                },
+                 scrollToTop() {
+                    window.scrollTo({
+                        top: 0,
+                        behavior: "smooth"
+                    });
+                }
 
             },
-            // watch: {
-            //     screenWidth(val) {
-            //         var videoBtn = document.getElementById('videoBtn')
-            //         var widthNum = val / 8;
-            //         var heightNum = val / 32;
-            //         var fontSizeNum = val / 96;
-            //         var bottomNum = val / 47;
-
-            //         if (widthNum >= 150) {
-            //             videoBtn.style.left = (val / 2) - (widthNum / 2) + "px"
-            //             videoBtn.style.width = widthNum + "px"
-            //         } else {
-            //             videoBtn.style.left = (val / 2) - (150 / 2) + "px"
-            //             videoBtn.style.width = "150px"
-            //         }
-
-            //         heightNum >= 30 ? videoBtn.style.height = heightNum + "px" : videoBtn.style.height = "30px"; //按钮高度自适应
-            //         fontSizeNum >= 13 ? videoBtn.style.fontSize = fontSizeNum + "px" : videoBtn.style.fontSize = "13px"; //按钮中字体自适应
-
-            //         videoBtn.style.display = "inline"
-            //     }
-            // },
+      
         });
+        
     </script>
 </body>
 

solution/index.html

@@ -29,30 +29,40 @@
 <body>
 
 
-    <div id="app" >
+    <div id="app">
+
         <div class="erMenu">
             <div>
 
             </div>
         </div>
+
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
             <div class="custom-container-one">
-                <div class="header-top-area">
-                    <div class="container align-items-center">
-                        <!-- <div class="col-md-6 col-sm-7">
-                            <ul class="contact-content">
-                                <li>
-                                    <a href="javascipt:void();">www.chinausky.com</a>
-                                </li>
-                                <li>
-                                    <a href="javascipt:void();">400 633 8668</a>
-                                </li>
-                            </ul>
-                        </div> -->
+                <div class="mainmenu-area container">
+                    <div class="d-flex align-items-center justify-content-between">
+                        <nav class="main-menu">
+                            <div class="logo">
+                                <a href="/index.html"><img src="../assets/img/logo-white.png" alt="uskylogo"></a>
+                            </div>
+                            <div class="menu-items">
+                                <ul v-if="columnList" >
+                                    <li  v-for="item in columnList" :key="item.id"  :class="
+                                    bbb==item.sname? 'active':''" >
+                                        <a :href="item.sname">{{item.categoryName}}</a>
+                                        <ul class="submenu" >
+                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a :href="`${item.sname}?id=${aa.id}`"> <span style="font-weight:bold;margin-right:10px">·</span>   {{aa.sname}}</a></li>
+
+                                            
+                                        </ul>
+                                    </li>
+                                  
+                                </ul>
+                            </div>
+                        </nav>
                     </div>
                 </div>
-                <div id="headerNav"></div>
                 <div>
                     <div class="mobile-menu"></div>
                 </div>
@@ -72,8 +82,9 @@
         <!--====== SOLUTION TYPE START ======-->
         <section style="background:#F4F8FD" class="solutionType">
             <div class="container" style="text-align:center">
-                <div class=" solutionTypeOne" v-for="(item,i) in solutionTypes" :class="item.id == colin ? 'active' : ''" @click="facilityClick(i, item)">
-                    <div style="width:40px;height:40px;;overflow:hidden;margin:0 auto" >
+                <div class=" solutionTypeOne" v-for="(item,i) in solutionTypes" :class="item.id == id ? 'active' : ''"
+                    @click="facilityClick(i, item)">
+                    <div style="width:40px;height:40px;;overflow:hidden;margin:0 auto">
                         <img :src="item.imagePath" alt="">
                     </div>
                     <P>{{item.categoryName}}</P>
@@ -82,7 +93,7 @@
         </section>
         <!--====== SOLUTION TYPE END ======-->
 
-
+        <!--====== SOLUTION SECTION START ======-->
         <section class="solution-section pt-40">
             <div class="container pt-40 pt-40" v-for="arr in solutionArray">
                 <div class="section-title both-border mb-20">
@@ -91,28 +102,28 @@
 
                 <!-- type1 背景  开始 -->
                 <div class="row align-items-center justify-content-center" v-if="arr.lmtitle === '1'">
-                    <div class="col-md-12 mb-20"  v-html="arr.content">
+                    <div class="col-md-12 mb-20" v-html="arr.content">
                     </div>
                 </div>
                 <!-- 1 背景 结束 -->
 
                 <!-- 2 痛点与挑战  开始 -->
                 <div class="row align-items-center justify-content-center" v-if="arr.lmtitle === '2'">
-                    <div class="col-md-12 mb-20"  v-html="arr.content">
+                    <div class="col-md-12 mb-20" v-html="arr.content">
                     </div>
                 </div>
                 <!-- 2 痛点与挑战 结束 -->
 
                 <!-- 3 方案概述  开始 -->
                 <div class="row align-items-center justify-content-center" v-if="arr.lmtitle === '3'">
-                    <div class="col-md-12 mb-20"  v-html="arr.content">
+                    <div class="col-md-12 mb-20" v-html="arr.content">
                     </div>
                 </div>
                 <!-- 3 方案概述 结束 -->
 
                 <!-- 4 系统架构  开始 -->
                 <div class="row align-items-center justify-content-center" v-if="arr.lmtitle === '4'">
-                    <div class="pt-40 mb-40 col-md-12 solution-img" >
+                    <div class="pt-40 mb-40 col-md-12 solution-img">
                         <img :src="arr.image" alt="">
                     </div>
                 </div>
@@ -120,27 +131,28 @@
 
                 <!-- 5 功能模块  开始 -->
                 <div class="row align-items-center justify-content-center" v-if="arr.lmtitle === '5'">
-                    <div class="col-md-12 mb-20"  v-html="arr.content">
+                    <div class="col-md-12 mb-20" v-html="arr.content">
                     </div>
                 </div>
                 <!-- 5 功能模块 结束 -->
 
 
-                
+
             </div>
             <br>
             <br>
 
 
-            <div class="container pt-40" v-for="arr in array" style="display:none">
+            <div class="container pt-40" v-for="arr in array">
                 <div class="section-title both-border mb-20">
                     <span class="title-tag2">{{arr.title}}</span>
                 </div>
 
-                
+
 
                 <!-- ordinary普通样式  开始 -->
-                <div class="row align-items-center justify-content-center" v-if="arr.cssType === 'ordinary'" v-for="cont in arr.content">
+                <div class="row align-items-center justify-content-center" v-if="arr.cssType === 'ordinary'"
+                    v-for="cont in arr.content">
                     <div class="col-md-12 mb-20" v-if="cont.text_content != ''">
                         {{cont.text_content}}
                     </div>
@@ -170,7 +182,8 @@
                 <!-- list列表样式 开始 -->
 
                 <!-- titleList带标题列表样式 开始 -->
-                <div class="row align-items-center justify-content-center" v-if="arr.cssType === 'titleList'" v-for="cont in arr.content">
+                <div class="row align-items-center justify-content-center" v-if="arr.cssType === 'titleList'"
+                    v-for="cont in arr.content">
                     <div class="col-md-12" v-if="typeof cont.text_content == 'string' && cont.text_content != ''">
                         <ul>
                             <li>
@@ -192,22 +205,32 @@
                 <div class="row mb-60 align-items-center justify-content-center" v-if="arr.cssType === 'doubleTabs'">
                     <div class="col-md-12 BoxShadow">
                         <ul id="nav-tabs-ul" class="nav nav-tabs col-md-12" role="tabcontent">
-                            <li class="col-md-2 col-sm col" role="parrentation" v-for="(cont,i) in arr.content" :style="'max-width: calc(100% / '+arr.content.length+'); flex: 0 0 calc(100% /'+arr.content.length+');'">
-                                <a :class="i==0?'active':''" :href="'#'+cont.text_href" :aria-controls="cont.text_href" role="tab" data-toggle="tab">{{cont.text_title}}</a>
+                            <li class="col-md-2 col-sm col" role="parrentation" v-for="(cont,i) in arr.content"
+                                :style="'max-width: calc(100% / '+arr.content.length+'); flex: 0 0 calc(100% /'+arr.content.length+');'">
+                                <a :class="i==0?'active':''" :href="'#'+cont.text_href" :aria-controls="cont.text_href"
+                                    role="tab" data-toggle="tab">{{cont.text_title}}</a>
                             </li>
                         </ul>
 
                         <!-- Tab panes -->
                         <div class="tab-content tab-content-one">
-                            <div v-for="(cont,i) in arr.content" role="tabpanel" :class="i==0 ? 'active tab-pane tab-pane-one' : 'tab-pane tab-pane-one'" :id="cont.text_href">
+                            <div v-for="(cont,i) in arr.content" role="tabpanel"
+                                :class="i==0 ? 'active tab-pane tab-pane-one' : 'tab-pane tab-pane-one'"
+                                :id="cont.text_href">
                                 <ul class="nav nav-tabs col-md-12 nav-tabs-li" role="tabcontent">
-                                    <li class="col-md-4 col-sm-4 col-4" role="parrentation" v-for="(textcont,j) in cont.text_content" :style="'max-width: calc(100% / '+cont.text_content.length+'); flex: 0 0 calc(100% /'+cont.text_content.length+');'">
-                                        <a :class="j==0? 'active':''" :href="'#'+textcont.href" :aria-controls="textcont.href" role="tab" data-toggle="tab">{{textcont.title}}</a>
+                                    <li class="col-md-4 col-sm-4 col-4" role="parrentation"
+                                        v-for="(textcont,j) in cont.text_content"
+                                        :style="'max-width: calc(100% / '+cont.text_content.length+'); flex: 0 0 calc(100% /'+cont.text_content.length+');'">
+                                        <a :class="j==0? 'active':''" :href="'#'+textcont.href"
+                                            :aria-controls="textcont.href" role="tab"
+                                            data-toggle="tab">{{textcont.title}}</a>
                                     </li>
                                 </ul>
 
                                 <div class="tab-content tab-content-two">
-                                    <div v-for="(textcont,j) in cont.text_content" role="tabpanel" :class="j==0?'tab-pane tab-pane-tow active':'tab-pane tab-pane-tow'" :id="textcont.href">
+                                    <div v-for="(textcont,j) in cont.text_content" role="tabpanel"
+                                        :class="j==0?'tab-pane tab-pane-tow active':'tab-pane tab-pane-tow'"
+                                        :id="textcont.href">
                                         <div class="paneContent">
                                             <img :src="textcont.picture" alt="">
                                             <div>
@@ -230,20 +253,49 @@
                 </div>
                 <!-- doubleTabs双重tabs切换样式 结束 -->
             </div>
-
-
-
         </section>
-
-
-
-
-        
-   
         <!--====== SOLUTION SECTION END ======-->
 
+
         <!--====== FOOTER PART START ======-->
-        <div id="footer"></div>
+        <footer>
+            <!-- widgets -->
+            <div class="footer-widget-area">
+                <div class="container">
+                    <div class="row footerOne">
+                        <div class="col-lg-2 col-md-6 col-sm-6 footerWidth">
+                            <div class="copyrigt-or-code d-flex flex-column align-items-center ">
+                                <img width="130 " height="130 " src="https://aiot.usky.cn/uskyq/assets/img/qr_code.png">
+                                <span style="text-align: left;color:#fff;margin-top:10px ">微信公众号</span>
+                            </div>
+                        </div>
+                        <div class="footerNone" style="width:12% !important;" v-for="item in columnList" :key="item.id">
+                            <div class="widget nav-widget d-flex justify-content-center ">
+                                <div >
+                                    <h5 class="widget-title"><a href="/solution/index.html">{{item.categoryName}}</a></h5>
+                                    <ul>
+                                        <li  v-if="item.children"  v-for="r in item.children" :key="r.id">
+                                            <a :href="`${item.sname}?id=${r.id}`"> {{r.sname}}</a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- copyright -->
+            <div class="copy-right-area ">
+                <div class="container ">
+                    <div class="row copyrigt-text ">
+                        <div class="col-lg-12 ">
+                            <p>Copyright © 2001- 2022 Usky. All Rights Reserved. 永天股份 版权所有</p>
+                            <p>增值电信业务经营许可证（IDC、ISP）编号B2-20080010</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </footer>
         <!--====== FOOTER PART END ======-->
 
     </div>
@@ -265,37 +317,6 @@
     <!--====== Vue js======-->
     <script src="../assets/js/commonVue.js "></script>
     <script>
-        $(function() {
-            $('#footer').load("../footer.html");
-            $('#headerNav').load("../headerNav.html");
-            $(".menu-items ul li").hover(function() {
-                $(".erMenu>div").html("")
-                $(this).addClass("menuactive").siblings().removeClass("menuactive");
-                if ($(this).children("a").text() == "解决方案") {
-                    $(this).addClass("menuactive").siblings()
-                    var data = `
-                        <ul class="erMenuList">
-                            <li><a href="../solution/index.html?solution_type=1">智慧安防</a></li>
-                            <li><a href="../solution/index.html?solution_type=2">智慧消防</a></li>
-                            <li><a href="../solution/index.html?solution_type=3">智慧建筑能源管理</a></li>
-                            <li><a href="../solution/index.html?solution_type=4">智慧电力综合管理</a></li>
-                            <li><a href="../solution/index.html?solution_type=5">智慧园区无人机综合管理</a></li>
-                            <li><a href="../solution/index.html?solution_type=6">智慧楼宇综合运营</a></li>
-                        </ul>`
-                    $(".erMenu>div").append(data)
-                    $(".erMenu").fadeIn()
-                } else {
-                    $(".erMenu").fadeOut()
-                }
-                
-
-            });
-            $(".erMenu").hover(function() {}, function() {
-                $(".erMenu").fadeOut()
-            })
-           
-        })
-
         
     </script>
 </body>