新闻对接

assets/css/style.css

@@ -738,7 +738,8 @@
                 /* border: 1px solid red; */
                 /* background-color: #fff; */
                 position: relative;
-                padding: 0 50px;
+                padding: 0px 50px;
+                margin-top:30px
             }
             
             @media only screen and (min-width: 1200px) and (max-width: 1599px) {
@@ -753,17 +754,7 @@
                 }
             }
             
-            @media (max-width: 991px) {
-                header .mainmenu-area {
-                    padding: 23px;
-                }
-            }
-            
-            @media (max-width: 575px) {
-                header .mainmenu-area {
-                    background: #000
-                }
-            }
+           
             
             header .mainmenu-area .main-menu {
                 display: -ms-flexbox!important;
@@ -773,9 +764,12 @@
                 -ms-flex-align: center!important;
                 align-items: center!important;
             }
-            
-            header .mainmenu-area .main-menu .logo img {
-                max-width: 87px;
+            .mainmenu-area  .logo{
+                position:absolute;
+                left:-20px;
+            }
+             .mainmenu-area  .logo img {
+                max-width: 125px;
             }
             
             @media (max-width: 399px) {
@@ -785,7 +779,7 @@
             }
             
             header .mainmenu-area .main-menu .menu-items {
-                margin-left: 60px;
+                /* margin-left: 60px; */
                 
             }
             @media (min-width: 1200px) {
@@ -799,10 +793,26 @@
             
             header .mainmenu-area .main-menu .menu-items ul li {
                 display: inline-block;
-                margin-right: 30px;
+                margin: 0px 50px;
                 position: static;
                 cursor: pointer;
             }
+            @media (max-width: 991px) {
+                header .mainmenu-area {
+                    padding: 23px;
+                }
+            }
+            
+            @media (max-width: 575px) {
+                header .mainmenu-area {
+                    background: #000;
+                    margin-top:0;
+                    padding:45px;
+                }
+                .mainmenu-area .logo{
+                    left:12px
+                }
+            }
             
             @media only screen and (min-width: 1200px) and (max-width: 1599px) {
                 header .mainmenu-area .main-menu .menu-items ul li {
@@ -822,12 +832,13 @@
             
             header .mainmenu-area .main-menu .menu-items ul li a {
                 /* line-height: 74px; */
-                padding: 24px 30px;
+                padding: 25px 10px 8px;
+               
                 color: #fff;
                 /* font-family: "Oswald", sans-serif; */
                 /* font-weight: 500; */
                 text-transform: uppercase;
-                font-size: 16px;
+                font-size: 18px;
             }
             
             @media only screen and (min-width: 992px) and (max-width: 1199px) {
@@ -902,6 +913,7 @@
                 transition: all 0.3s ease-out 0s;
                 border-radius: 0;
                 line-height: 40px;
+                font-size:16px
                
             }
             
@@ -1286,6 +1298,9 @@
             header.sticky.header-three .mainmenu-area {
                 padding: 0;
             }
+            header.sticky .mainmenu-area .logo img{
+                width:100px
+            }
             
             @media only screen and (min-width: 768px) and (max-width: 991px) {
                 header.sticky.header-three .mainmenu-area {
@@ -3306,7 +3321,7 @@
             
             .classic-case-section .case-left h1,
             strong {
-                color: #2a2e78;
+                /* color: #2a2e78; */
             }
             
             .classic-case-section .case-left a {
@@ -6274,6 +6289,7 @@
                 position:fixed;
                 right:30px;
                 bottom:30%;
+                z-index:2;
                 
                 >div{
                     width:40px;

assets/js/commonVue.js

@@ -1,22 +1,82 @@
+// 定义一个名为 button-counter 的新组件
+Vue.component('button-counter', {
+  props: ['title'],
+  data () {
+    return {
+      count: 0
+    }
+  },
+  methods: {
+    addCount() {
+     this.count++
+    }
+  },
+  template: '<button @click="addCount">{{ title }} : You clicked me {{ count }} times.</button>'
+})
+
+
+
+
+
 
 
 var app = new Vue({
   el: '#app',
   data: {
+    //公共
     id: null,
     columnList:[],
     bbb:'',
 
+    //首页
+    homeList: [],
+    status: false,
 
-    
+    //解决方案
     array: [], //解决方案旧
     solutionArray: [], //解决方案详情数据
     solutionTypes: [], //解决方案类型
+
+
+    // 新聞
+    news: [],
+    goPage: 1,
+    one_page_size: 3,
+    currentPageNum: 1,
+    totalPageNum: 1,
+    totalPageSzie: 4,
+    loading: true,
+
+    //新闻详情
+    articleInfo: {},
+    previousInfo: {},
+    nextInfo: {},
+    relativeArr: [],
+    ariticle_id: 0
+    
+
+
+
   },
   computed: {
+    // 新闻详情旧
+
+    isNews: function() {
+      return (this.articleInfo.type == 1);
+    },
+    hasPrevious: function() {
+        return Object.keys(this.previousInfo).length > 0;
+    },
+    hasNext: function() {
+        return Object.keys(this.nextInfo).length > 0;
+    }
+
 
   },
   created: function () {
+    this.ariticle_id = this.getQueryVariable('id')
+    this.title = this.getQueryVariable('title')?this.getQueryVariable('title'):''
+    alert(this.title)
 
   },
   mounted: function () {
@@ -24,42 +84,18 @@ var app = new Vue({
 
     this.getColumnData()
 
-    //解决方案旧
-    $.ajax({
-      type: 'POST',
-      dataType: 'json',
-      url: window.FQDN + 'Solution/index',
-      data: {
-        id: '1'
-      }
-    }).done(function (arr) {
-      _this.array = arr;
-      console.log(_this.array)
-    }).fail(function (err) {});
+     
 
-  },
-  methods: {
+      
 
-    //获取内容
-    getArticalData(param) {
-      $.ajax({
-        type: 'GET',
-        dataType: 'json',
-        url: window.FQDN2 + 'siteArticle/siteArticleList',
-        data: {
-          categoryid: param
-        }
-      }).done(function (res) {
-        console.log(res);
-        var aa = res.data.records
-        aa.sort(_this.compare("lmtitle"))
-        _this.solutionArray = aa
+      
 
-      }).fail(function (err) {});
 
-    },
+    
 
 
+  },
+  methods: {
 
     //获取栏目
     getColumnData() {
@@ -73,10 +109,76 @@ var app = new Vue({
         _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)
+          // console.log(res.data[i].sname)
+          // console.log(window.location.pathname)
+
+          if (res.data[i].categoryName == '首页'&& window.location.pathname=='/index.html') {
+               //首页旧
+                jQuery.ajax({
+                  type: 'POST',
+                    dataType: 'json',
+                    url: window.FQDN + 'Index/index',
+                }).done(function (res) {
+                    _this.homeList = res
+                    _this.status = true
+
+
+                }).fail(function (err) {});
+          }
+
+          if (res.data[i].categoryName == '新闻动态'&& window.location.pathname=='/news/read.html') {
+
+            console.log(res.data[i].categoryName)
+            //新闻详情旧
+              jQuery.ajax({
+                type: 'POST',
+                dataType: 'json',
+                url: window.FQDN + 'agw/journalism_details',
+                data: {
+                    id: 154
+                }
+              }).done(function(res) {
+                  if (!res.msg) {
+                      return;
+                  }
+                  _this.loading = false;
+                  _this.articleInfo = res;
+                  _this.relativeArr = res.related;
+                  console.log(_this.relativeArr)
+
+                  if (res.previous != null) {
+                      _this.previousInfo = res.previous;
+                  }
+                  if (res.next != null) {
+                      _this.nextInfo = res.next;
+                  }
+
+              }).fail(function(err) {});
+          }
+
+
           if (res.data[i].children.length > 0) {
-            if (res.data[i].categoryName == '解决方案') {
+            if (res.data[i].categoryName == '解决方案'&& window.location.pathname.indexOf('solution')>-1) {
+              _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)
+
+              //解决方案旧
+              $.ajax({
+                type: 'POST',
+                dataType: 'json',
+                url: window.FQDN + 'Solution/index',
+                data: {
+                  id: '1'
+                }
+              }).done(function (arr) {
+                _this.array = arr;
+                console.log(_this.array)
+              }).fail(function (err) {});
+
+
+            }
+            if (res.data[i].categoryName == '新闻动态'&& window.location.pathname.indexOf('news')>-1) {
               _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)
@@ -86,6 +188,60 @@ var app = new Vue({
       })
     },
 
+    //获取内容
+    getArticalData(param) {
+      $.ajax({
+        type: 'GET',
+        dataType: 'json',
+        url: window.FQDN2 + 'siteArticle/siteArticleList',
+        data: {
+          categoryid: param,
+          pageNum:_this.currentPageNum,
+          pageSize:_this.one_page_size,
+          title:_this.title
+        }
+      }).done(function (res) {
+        var aa = res.data.records
+        aa.sort(_this.compare("lmtitle"))
+        _this.loading = false;
+        _this.solutionArray = aa;
+        _this.totalPageSzie = res.data.total
+        _this.totalPageNum = Math.ceil(res.data.total / res.data.size);
+        console.log(aa)
+
+      }).fail(function (err) {});
+
+    },
+
+    //类型点击
+    facilityClick(e, item) {
+      this.id = item.id
+      this.getArticalData(item.id)
+      this.currentPageNum=1
+      // console.log(item.id)
+    },
+
+
+  //  分页
+    oneInnerBox: function(param) {
+      alert(param.title)
+        window.location = "./read.html?id=" + param.id+'&title='+param.title;
+        // window.location = "./read.html?id=154"
+
+    },
+    enterPage: function(res) {
+        if (this.goPage >= 1 && this.goPage <= this.totalPageNum) {
+            this.currentPageNum = this.goPage
+            this.getArticalData(this.id ? this.id : this.solutionTypes[0].id)
+        } else {
+            this.goPage = 1
+            alert('输入页数有误！')
+        }
+    },
+    currentChange: function(res) {
+        this.currentPageNum = res
+        this.getArticalData(this.id ? this.id : this.solutionTypes[0].id)
+    },
 
 
     // 排序
@@ -97,13 +253,6 @@ var app = new Vue({
       }
     },
 
-    //解决方案类型点击
-    facilityClick(e, item) {
-      this.id = item.id
-      this.getArticalData(item.id)
-      console.log(item.id)
-    },
-
     //获取路由参数
     getQueryVariable: function (variable) {
       var query = window.location.search.substring(1);

index.html

@@ -33,14 +33,110 @@
 		<p class="browserupgrade">请使用chrome，IE11等现代浏览器，浏览本网站.</p>
   <![endif]-->
 
+
+  <div id="app2">
+
+    <div class="feedBackBox">
+        <div class="contactOne">
+            <img src="assets/img/home/f_phone.png" alt="">
+            <ul class="contactInner">
+                <li>
+                    <span>服务热线：</span>
+                    <span>400-633-8668</span>
+                </li>
+                <li>
+                    <span> 电话：</span>
+                    <span>021-65376655 <br> 021-62985186</span>
+                <li>
+                    <span> 传真：</span>
+                    <span>021-65376655-8588</span>
+
+
+                </li>
+            </ul>
+        </div>
+        <div @click="centerDialogVisible=true">
+            <img src="assets/img/home/f_feed.png" alt="">
+        </div>
+        <div @click="scrollToTop">
+            <img src="assets/img/home/f_top.png" alt="">
+        </div>
+    </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">
+                    <el-radio-button label="智慧安防"></el-radio-button>
+                    <el-radio-button label="智慧消防"></el-radio-button>
+                    <el-radio-button label="智慧楼宇"></el-radio-button>
+                    <el-radio-button label="智慧商区"></el-radio-button>
+                    <el-radio-button label="智慧园区"></el-radio-button>
+                    <el-radio-button label="其他"></el-radio-button>
+                </el-radio-group>
+            </el-form-item>
+            <el-row :gutter="20">
+                <el-col :span="12">
+                    <el-form-item label="姓名" prop="consultName">
+                        <el-input v-model="ruleForm.consultName"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="联系电话" prop="consultPhone">
+                        <el-input v-model="ruleForm.consultPhone"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="邮箱" prop="mail">
+                        <el-input v-model="ruleForm.mail"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="公司" prop="company">
+                        <el-input v-model="ruleForm.company"></el-input>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-form-item label="需求描述" prop="consultContent">
+                <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
+            </el-form-item>
+        </el-form>
+
+        <!-- <span>需要注意的是内容是默认不居中的</span> -->
+        <span slot="footer" class="dialog-footer">
+            <el-button @click="resetForm('ruleForm')">取 消</el-button>
+            <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
+        </span>
+    </el-dialog>
+  </div>
+
     <div id="app">
         
+        
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
             <div class="custom-container-one">
-                <div class="header-top-area">
+                <div class="mainmenu-area container d-flex align-items-center justify-content-center">
+                    <div class="logo">
+                        <a href="/index.html"><img src="../assets/img/logo-white.png" alt="uskylogo"></a>
+                    </div>
+                    <div class="d-flex align-items-center ">
+                        <nav class="main-menu">
+                           
+                            <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>
@@ -51,7 +147,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/11.mp4" type="video/mp4">
+                <source src="assets/video/111.mp4" type="video/mp4">
             </video>
             <div class="video-des">
                 <div class="des1">
@@ -75,6 +171,8 @@
             <span class="go_down"></span>
         </div>
 
+        <!-- <button-counter></button-counter> -->
+
 
         <section v-for="(list,ind) in homeList">
 
@@ -213,86 +311,53 @@
         </section>
 
         <!--====== 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 class="feedBackBox">
-            <div class="contactOne">
-                <img src="assets/img/home/f_phone.png" alt="">
-                <ul class="contactInner">
-                    <li>
-                        <span>服务热线：</span>
-                        <span>400-633-8668</span>
-                    </li>
-                    <li>
-                        <span> 电话：</span>
-                        <span>021-65376655 <br> 021-62985186</span>
-                    <li>
-                        <span> 传真：</span>
-                        <span>021-65376655-8588</span>
-
-
-                    </li>
-                </ul>
-            </div>
-            <div @click="centerDialogVisible=true">
-                <img src="assets/img/home/f_feed.png" alt="">
-            </div>
-            <div @click="scrollToTop">
-                <img src="assets/img/home/f_top.png" alt="">
-            </div>
-        </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">
-                        <el-radio-button label="智慧安防"></el-radio-button>
-                        <el-radio-button label="智慧消防"></el-radio-button>
-                        <el-radio-button label="智慧楼宇"></el-radio-button>
-                        <el-radio-button label="智慧商区"></el-radio-button>
-                        <el-radio-button label="智慧园区"></el-radio-button>
-                        <el-radio-button label="其他"></el-radio-button>
-                    </el-radio-group>
-                </el-form-item>
-                <el-row :gutter="20">
-                    <el-col :span="12">
-                        <el-form-item label="姓名" prop="consultName">
-                            <el-input v-model="ruleForm.consultName"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="联系电话" prop="consultPhone">
-                            <el-input v-model="ruleForm.consultPhone"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="邮箱" prop="mail">
-                            <el-input v-model="ruleForm.mail"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="公司" prop="company">
-                            <el-input v-model="ruleForm.company"></el-input>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-                <el-form-item label="需求描述" prop="consultContent">
-                    <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
-                </el-form-item>
-            </el-form>
-
-            <!-- <span>需要注意的是内容是默认不居中的</span> -->
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="resetForm('ruleForm')">取 消</el-button>
-                <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
-            </span>
-        </el-dialog>
+        
 
     </div>
+  
 
 
     <!--====== jquery js ======-->
@@ -318,34 +383,30 @@
     <script src="assets/summernote/plugin/jquery-blinds-player/js/shutter.js"></script>
     <script src="../assets/js/element/index.js"></script>
 
+    <script src="assets/js/commonVue.js "></script>
+
     <script>
         $(function () {
-            $('#headerNav').load("./headerNav.html");
             var $wh = $(window).height();
             $('.go_down').click(function (e) {
                 $('html,body').animate({
                     scrollTop: $wh
                 }, 700);
             });
-            $('#footer').load("./footer.html");
+           
         })
 
-        var app = new Vue({
-            el: '#app',
+        var app2 = new Vue({
+            el: '#app2',
             data: {
-                screenWidth: 0,
-                homeList: [],
-                status: false,
                 centerDialogVisible: false,
-
-
                 ruleForm: {
                     platName: '智慧安防',
                     consultName: '',
                     consultPhone:'',
                     mail:'',
                     company:'',
-                    consultContent: "", //?
+                    consultContent: "", 
 
                    
                 },
@@ -361,13 +422,7 @@
                             required: true,
                             message: '请输入姓名',
                             trigger: 'blur'
-                        },
-                        // {
-                        //     min: 2,
-                        //     max: 10,
-                        //     message: '长度在 2 到 10 个字符',
-                        //     trigger: 'blur'
-                        // }
+                        },                 
                     ],
                     consultPhone: [{
                         required: true,
@@ -389,6 +444,11 @@
                         // { required: true, message: '请填写需求描述', trigger: 'blur' }
                     ]
                 }
+                
+
+
+               
+                
 
             },
             computed: {
@@ -396,171 +456,14 @@
             },
             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() {
+                scrollToTop() {
                     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) => {
@@ -607,17 +510,13 @@
                     this.$refs[formName].resetFields();
                     this.centerDialogVisible = false
                 },
-                 scrollToTop() {
-                    window.scrollTo({
-                        top: 0,
-                        behavior: "smooth"
-                    });
-                }
-
             },
       
         });
-        
+
+   
+
+            
     </script>
 </body>
 

news/index.html

@@ -30,29 +30,32 @@
         <!--[if lte IE 9]>
             <p class="browserupgrade">请使用chrome，IE11等现代浏览器，浏览本网站.</p>
         <![endif]-->
-        <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 class="mainmenu-area container d-flex align-items-center justify-content-center">
+                    <div class="logo">
+                        <a href="/index.html"><img src="../assets/img/logo-white.png" alt="uskylogo"></a>
+                    </div>
+                    <div class="d-flex align-items-center ">
+                        <nav class="main-menu">
+                           
+                            <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>
@@ -66,122 +69,110 @@
         </section>
         <!--====== NEWS BREADCRUMB END ======-->
 
-        <!-- <section class="crumbs">
-            <div class="container">
-                <ul>
-                    <li>首页 ></li>
-                    <li class="active">新闻动态</li>
-                </ul>
-            </div>
-        </section> -->
-        
+        <!-- NEWS TYPE START -->
         <section style=" background:#F7F7F7">
             <div class="container" >
                 <div class="row newTypeBox">
-                    <div class="col-lg-6 col-md-6 titleOne"v-for="(item,i) in newsTypes" :class="i == colin ? 'active' : ''" @click="facilityClick(i, item)" >{{item.title}}</div>
+                    <div class="col-lg-6 col-md-6 titleOne" v-for="(item,i) in solutionTypes" :class="item.id == id ? 'active' : ''"
+                    @click="facilityClick(i, item)" >{{item.categoryName}}</div>
                 </div>
             </div>
         </section>
-
+        <!-- NEWS TYPE END -->
 
         <!--====== NEWS CONTENT START ======-->
         <section class="news-content-section pt-70">
             <div class="container">
-
-               
-
-                <!-- <div class="row newBox">
-                    <div class="col-lg-12 col-md-12 menu-1">
-                    <ul>
-                        <li class="active">
-                            <a>公司新闻</a>
-                        </li>
-                        <li><a onClick="toTrade();">行业动态</a></li>
-                    </ul>
-                </div> -->
-
-
-
-
-                    <div class="col-lg-12 col-md-12 content" id="app">
-                        <div v-if="!hasNews" class="pt-60 pb-60">
-                            <div class="loadEffect">
-                                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
-                            </div>
-                        </div>
-
-
-
-
-                        <ul v-if="!loading">
-                            <!-- 新闻列表主题start -->
-                            <div class="row">
-                                <div class="col-md-4 newItemOne" v-for="item in news" :key="item.id">
-                                    <div class="oneInnerBox" @click="oneInnerBox(item.id)">
-                                        <div class="img" v-bind:style="{backgroundImage:'url('+item.img_title+')'}">
-                                        </div>
-                                        <a class="line-two">{{item.title}}</a>
-                                        <span>{{item.time}}</span>
+                <div class="col-lg-12 col-md-12 content" >
+                    
+                    <ul v-if="!loading">
+                        <!-- 新闻列表主题start -->
+
+                        <div class="row">
+                            <div class="col-md-4 newItemOne" v-for="item in solutionArray" :key="item.id">
+                                <div class="oneInnerBox" @click="oneInnerBox(item)">
+                                    <div class="img" v-bind:style="{backgroundImage:'url('+item.image+')'}">
                                     </div>
+                                    <a class="line-two">{{item.title}}</a>
+                                    <span>{{timeFormatSeconds(item.modifydate?item.modifydate:'')}}</span>
                                 </div>
                             </div>
-                            <!-- 新闻列表主题end -->
-                            <!-- <li class="row" v-for="item in news" :key="item.id">
-                            <div class="col-lg-4 img" v-bind:style="{backgroundImage:'url('+item.img_title+')'}">
-                            </div>
-                            <div class="col-lg-8 d-flex flex-column">
-                                <div class=" hr1 ">
-                                    <a class="" :href="'./read.html?id='+item.id">{{item.title}}</a>
-                                    <span>{{item.time}}</span>
-                                </div>
-                                <div class="hr2 flex-grow-1 line-two">
-                                    <p>{{item.synopsis}}</p>
-                                </div>
-                                <div class="hr3 d-flex">
-                                    <a :href="'./read.html?id='+item.id">
-                                        <div class="more">查看详情</div>
-                                    </a>
-                                </div>
-                            </div>
-                        </li> -->
-                        </ul>
+                        </div>
+                    </ul>
 
 
 
-                        <div v-if="!loading" class="page mt-30 mb-30">
-                            <div class="d-flex justify-content-center align-items-end cannot_selected" style="position:relative">
-                                <div class="page-des align-items-start cannot_selected">共<span> {{
-                                        totalPageNum}}</span>页，共<span> {{totalPageSzie}}</span>条信息</div>
+                    <div v-if="!loading" class="page mt-30 mb-30">
+                        <div class="d-flex justify-content-center align-items-end cannot_selected" style="position:relative">
+                            <div class="page-des align-items-start cannot_selected">共<span> {{
+                                    totalPageNum}}</span>页，共<span> {{totalPageSzie}}</span>条信息</div>
 
 
-                                <el-pagination prev-text="上一页" next-text='下一页' :page-size="one_page_num" :current-page="currentPageNum" background layout="prev, pager, next" :total="totalPageSzie" @current-change="currentChange">
-                                </el-pagination>
+                            <el-pagination prev-text="上一页" next-text='下一页' :page-size="one_page_size" :current-page="currentPageNum" background layout="prev, pager, next" :total="totalPageSzie" @current-change="currentChange">
+                            </el-pagination>
 
-                                <!-- <a :class="[hasPageTop ? '' : 'disable']" class="previous" @click="toPrevious">上一页</a>
-                                <a v-if="needOmit" :class="[currentPageNum == 1 ? 'active' : '']"
-                                    @click="switchPage(1)">1</a>
-                                <span v-if="hasLeftOmit">...</span>
-                                <a v-for="item in middlePageNums" :key="item"
-                                    :class="[item == currentPageNum ? 'active': '']"
-                                    @click="switchPage(item)">{{item}}</a>
-                                <span v-if="hasRightOmit">...</span>
-                                <a v-if="needOmit" :class="[currentPageNum == totalPageNum? 'active' : '']"
-                                    @click="switchPage(totalPageNum)">{{totalPageNum}}</a>
-                                <a :class="[hasPageNext ? '' : 'disable']" @click="toNext" class="next">下一页</a> -->
+                            <!-- <a :class="[hasPageTop ? '' : 'disable']" class="previous" @click="toPrevious">上一页</a>
+                            <a v-if="needOmit" :class="[currentPageNum == 1 ? 'active' : '']"
+                                @click="switchPage(1)">1</a>
+                            <span v-if="hasLeftOmit">...</span>
+                            <a v-for="item in middlePageNums" :key="item"
+                                :class="[item == currentPageNum ? 'active': '']"
+                                @click="switchPage(item)">{{item}}</a>
+                            <span v-if="hasRightOmit">...</span>
+                            <a v-if="needOmit" :class="[currentPageNum == totalPageNum? 'active' : '']"
+                                @click="switchPage(totalPageNum)">{{totalPageNum}}</a>
+                            <a :class="[hasPageNext ? '' : 'disable']" @click="toNext" class="next">下一页</a> -->
 
-                                <div class="page-des2 align-items-end cannot_selected pc">前往第
-                                    <input v-model="goPage" class="previous" @keyup.enter="enterPage" /> 页
-                                </div>
+                            <div class="page-des2 align-items-end cannot_selected pc">前往第
+                                <input v-model="goPage" class="previous" @keyup.enter="enterPage" /> 页
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
+            
         </section>
         <!--====== NEWS CONTENT 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>
     <script src="../assets/js/vendor/modernizr-3.6.0.min.js"></script>
@@ -199,110 +190,31 @@
     <!--====== Vue js======-->
     <script src="../assets/js/vue.min.js"></script>
     <script src="../assets/js/element/index.js"></script>
-    <script>
-        $(function() {
-            
-            $('#footer').load("../footer.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()
-                }
-            }, function() {
-                $(".erMenu").fadeOut()
-            });
-
-            $('#headerNav').load("../headerNav.html");
-
-        })
-        var news_list = [];
-        var app = new Vue({
-            el: '#app',
-            data: {
-                message: 'hello',
-                news: [],
-                goPage: 1,
-                one_page_num: 12,
-                currentPageNum: 1,
-                totalPageNum: 1,
-                totalPageSzie: 4,
-                loading: true,
-                tabPosition: '1',
-                colin:'0',
-                newsTypes:[
-                    {id:1,title:'公司新闻'},
-                    {id:2,title:'行业动态'},
-                   
-                ],
-            },
-            computed: {
-                hasNews: function() {
-                    return this.news.length > 0;
-                },
-            },
-            mounted: function() {
-                this.journalism_display_Ajax();
-
-            },
-            methods: {
-                facilityClick(e,item){
-                    this.colin = e
-                    },
-                journalism_display_Ajax() {
-                    var _this = this;
-                    jQuery.ajax({
-                        type: 'POST',
-                        dataType: 'json',
-                        url: window.FQDN + 'agw/journalism_display',
-                        data: {
-                            type: '1',
-                            size: _this.one_page_num,
-                            page: _this.currentPageNum
-                        }
-                    }).done(function(res) {
-                        if (!res.msg) {
-                            return;
-                        }
-                        _this.news = res.data
-                        _this.totalPageSzie = res.count
-                        _this.totalPageNum = Math.ceil(res.count / res.size);
+    <!--====== Vue js======-->
+    <script src="../assets/js/commonVue.js "></script>
 
-                        _this.loading = false;
-                    }).fail(function(err) {});
-                },
-                oneInnerBox: function(id) {
-                    window.location = "./read.html?id=" + id
-                },
-                enterPage: function(res) {
-                    if (this.goPage >= 1 && this.goPage <= this.totalPageNum) {
-                        this.currentPageNum = this.goPage
-                        this.journalism_display_Ajax();
-                    } else {
-                        this.goPage = 1
-                        alert('输入页数有误！')
-                    }
-                },
-                currentChange: function(res) {
-                    this.currentPageNum = res
-                    this.journalism_display_Ajax();
-                }
-            },
-        });
+    <script>
+        //获得年月日时分秒
+        //传入日期//例：2020-10-27T14:36:23
+        var timeFormatSeconds = function(time) {
+		var d = time ? new Date(time) : new Date();
+		var year = d.getFullYear();
+		var month = d.getMonth() + 1;
+		var day = d.getDate();
+		var hours = d.getHours();
+		var min = d.getMinutes();
+		var seconds = d.getSeconds();
+
+		if (month < 10) month = '0' + month;
+		if (day < 10) day = '0' + day;
+		if (hours < 0) hours = '0' + hours;
+		if (min < 10) min = '0' + min;
+		if (seconds < 10) seconds = '0' + seconds;
+
+		return (year + '-' + month + '-' + day + ' ' + hours + ':' + min + ':' + seconds);
+}
     </script>
+  
 </body>
 
 </html>

news/indexCopy.html

@@ -1,384 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="utf-8" />
-    <meta http-equiv="x-ua-compatible" content="ie=edge" />
-    <meta name="description" content="" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
-    <link rel="icon" href="../assets/img/favicon.ico">
-    <title>公司新闻</title>
-
-    <link rel="stylesheet" href="../assets/css/bootstrap.min.css" />
-    <!--====== Mean Menu ======-->
-    <link rel="stylesheet" href="../assets/css/meanmenu.min.css" />
-    <!--====== Default css ======-->
-    <link rel="stylesheet" href="../assets/css/default.css" />
-    <!--====== Style css ======-->
-    <link rel="stylesheet" href="../assets/css/style.css" />
-    <!--====== Animation css =======-->
-    <link rel="stylesheet" href="../assets/css/animation.css" />
-    <!--====== home css ====== -->
-    <link rel="stylesheet" href="../assets/css/home.css" />
-</head>
-
-<body>
-    <!--[if lte IE 9]>
-	<p class="browserupgrade">请使用chrome，IE11等现代浏览器，浏览本网站.</p>
-  <![endif]-->
-
-    <!--====== 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 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.png" alt="uskylogo"></a>
-                        </div>
-                        <div class="menu-items">
-                            <ul>
-                                <li>
-                                    <a href="../">首页</a>
-                                </li>
-                                <li>
-                                    <a href="../solution/index.html">解决方案</a>
-                                </li>
-                                <li>
-                                    <a href="../product/index.html">产品服务</a>
-                                </li>
-                                <li class="active">
-                                    <a>新闻动态</a>
-                                    <ul class="submenu">
-                                        <li><a href="../news">公司新闻</a></li>
-                                        <li><a href="../news/trade/index.html">行业动态</a></li>
-                                    </ul>
-                                </li>
-                                <li>
-                                    <a href="../about">关于我们</a>
-                                </li>
-                                <li>
-                                    <a href="../join">加入我们</a>
-                                </li>
-                            </ul>
-                        </div>
-                    </nav>
-                </div>
-            </div>
-            <div class="row">
-                <div class="col-12">
-                    <div class="mobile-menu"></div>
-                </div>
-            </div>
-        </div>
-    </header>
-    <!--====== HEADER END ======-->
-
-    <!--====== NEWS BREADCRUMB START ======-->
-    <section class="common-bradcrumb-section">
-        <img src="../assets/img/news/news-banner.png" alt="">
-    </section>
-    <!--====== NEWS BREADCRUMB END ======-->
-
-    <section class="crumbs">
-        <div class="container">
-            <ul>
-                <li>首页 ></li>
-                <li class="active">新闻动态</li>
-            </ul>
-        </div>
-    </section>
-
-    <!--====== NEWS CONTENT START ======-->
-    <section class="news-content-section pt-60">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12 col-md-12 menu-1">
-                    <ul>
-                        <li class="active">
-                            <a>公司新闻</a>
-                        </li>
-                        <li><a onClick="toTrade();">行业动态</a></li>
-                    </ul>
-                </div>
-                <div class="col-lg-12 col-md-12 content" id="app">
-                    <div v-if="!hasNews" class="pt-60 pb-60">
-                        <div class="loadEffect">
-                            <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
-                        </div>
-                    </div>
-                    <ul v-if="!loading">
-                        <li class="row" v-for="item in news" :key="item.id">
-                            <div class="col-lg-4 img" v-bind:style="{backgroundImage:'url('+item.img_title+')'}">
-                            </div>
-                            <div class="col-lg-8 d-flex flex-column">
-                                <div class=" hr1 ">
-                                    <a class="" :href="'./read.html?id='+item.id">{{item.title}}</a>
-                                    <span>{{item.time}}</span>
-                                </div>
-                                <div class="hr2 flex-grow-1 line-two">
-                                    <p>{{item.synopsis}}</p>
-                                </div>
-                                <div class="hr3 d-flex">
-                                    <a :href="'./read.html?id='+item.id">
-                                        <div class="more">查看详情</div>
-                                    </a>
-                                </div>
-                            </div>
-                        </li>
-                    </ul>
-                    <div v-if="!loading" class="page mt-30 mb-30">
-                        <div class="d-flex justify-content-center align-items-end cannot_selected"
-                            style="position:relative">
-                            <div class="page-des align-items-start cannot_selected">共<span> {{
-                                    currentPageNum}}</span>页，共<span> {{ totalPageSzie}}</span>条信息</div>
-
-                            <a :class="[hasPageTop ? '' : 'disable']" class="previous" @click="toPrevious">上一页</a>
-                            <a v-if="needOmit" :class="[currentPageNum == 1 ? 'active' : '']"
-                                @click="switchPage(1)">1</a>
-                            <span v-if="hasLeftOmit">...</span>
-                            <a v-for="item in middlePageNums" :key="item"
-                                :class="[item == currentPageNum ? 'active': '']" @click="switchPage(item)">{{item}}</a>
-                            <span v-if="hasRightOmit">...</span>
-                            <a v-if="needOmit" :class="[currentPageNum == totalPageNum? 'active' : '']"
-                                @click="switchPage(totalPageNum)">{{totalPageNum}}</a>
-                            <a :class="[hasPageNext ? '' : 'disable']" @click="toNext" class="next">下一页</a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-    <!--====== NEWS CONTENT END ======-->
-
-    <!--====== FOOTER PART START ======-->
-    <footer>
-        <!-- widgets -->
-        <div class="footer-widget-area">
-            <div class="container">
-                <div class="row">
-                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
-                        <div class="copyrigt-or-code  d-flex flex-column align-items-center">
-                            <img width="130" height="130" src="../assets/img/qr_code.png">
-                            <span style="text-align: left;color:#fff;margin-top:10px">微信公众号</span>
-                        </div>
-                    </div>
-                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
-                        <div class="widget nav-widget d-flex justify-content-center">
-                            <div>
-                                <h5 class="widget-title">核心服务</h5>
-                                <ul>
-                                    <li><a>智能楼宇</a></li>
-                                    <li><a>物联技术</a></li>
-                                    <li><a>通信配套</a></li>
-                                    <li><a>数字政务</a></li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
-                        <div class="widget nav-widget d-flex justify-content-center">
-                            <div>
-                                <h5 class="widget-title">企业服务</h5>
-                                <ul>
-                                    <li><a>运维服务</a></li>
-                                    <li><a>设计管理</a></li>
-                                    <li><a>项目实施</a></li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
-                        <div class="widget nav-widget d-flex justify-content-center">
-                            <div>
-                                <h5 class="widget-title">合作客户</h5>
-                                <ul>
-                                    <li><a>偶天集团</a></li>
-                                    <li><a>海康威视</a></li>
-                                    <li><a>大华集团</a></li>
-                                    <li><a>派米雷集团</a></li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
-                        <div class="widget nav-widget d-flex justify-content-center">
-                            <div>
-                                <h5 class="widget-title">新闻动态</h5>
-                                <ul>
-                                    <li><a href="../news/index.html">公司新闻</a></li>
-                                    <li><a href="../news/trade/index.html">行业动态</a></li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
-                        <div class="widget nav-widget d-flex justify-content-center">
-                            <div>
-                                <h5 class="widget-title">加入我们</h5>
-                                <ul>
-                                    <li><a>岗位信息</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- 2014 Usky. All Rights Reserved. 永天股份 版权所有</p>
-                        <p>增值电信业务经营许可证（IDC、ISP）编号B2-20080010</p>
-                    </div>
-
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--====== FOOTER PART END ======-->
-    <script src="../assets/js/vendor/modernizr-3.6.0.min.js"></script>
-    <script src="../assets/js/vendor/jquery-1.12.4.min.js"></script>
-    <!--====== Bootstrap js ======-->
-    <script src="../assets/js/bootstrap.min.js"></script>
-    <script src="../assets/js/popper.min.js"></script>
-    <!--====== Mean Menu ======-->
-    <script src="../assets/js/jquery.meanmenu.min.js"></script>
-    <script src="../assets/css/font_mun4q5ltrbp/iconfont.js"></script>
-    <!--====== Main js ======-->
-    <script src="../assets/js/main.js"></script>
-    <!--====== Setting Info js ======-->
-    <script src="../assets/js/settinginfo.js"></script>
-    <!--====== Vue js======-->
-    <script src="../assets/js/vue.min.js"></script>
-    <script>
-        var news_list = [];
-        var one_page_num = 4;
-        var app = new Vue({
-            el: '#app',
-            data: {
-                message: 'hello',
-                news: [],
-                currentPageNum: 1,
-                totalPageNum: 1,
-                totalPageSzie: 4,
-                middlePageNums: [2, 3, 4, 5, 6],
-                needOmit: true,
-                loading: true,
-            },
-            computed: {
-                hasNews: function () {
-                    return this.news.length > 0;
-                },
-                hasLeftOmit: function () {
-                    return (this.currentPageNum >= 4 && this.needOmit);
-                },
-                hasRightOmit: function () {
-                    return ((this.middlePageNums[4] + 1) < this.totalPageNum && this.needOmit);
-                },
-                hasPageTop: function () {
-                    return this.currentPageNum > 1;
-                },
-                hasPageNext: function () {
-                    return this.currentPageNum < this.totalPageNum;
-                }
-            },
-            mounted: function () {
-                var self = this;
-                jQuery.ajax({
-                    type: 'POST',
-                    dataType: 'json',
-                    url: window.FQDN + 'agw/journalism_display',
-                    data: {
-                        type: '1'
-                    }
-                }).done(function (res) {
-                    if (!res.msg) {
-                        return;
-                    }
-
-                    res.data.forEach(function (item) {
-                        news_list.push(item);
-                        if (self.news.length < one_page_num) {
-                            self.news.push(item);
-                        }
-                    });
-
-                    self.totalPageNum = Math.ceil(news_list.length / one_page_num);
-                    self.totalPageSzie = news_list.length;
-                    if (self.totalPageNum < 8) {
-                        self.needOmit = false;
-                        self.middlePageNums = [];
-                        for (var i = 1; i <= self.totalPageNum; i++) {
-                            self.middlePageNums.push(i);
-                        }
-                    }
-                    self.loading = false;
-                }).fail(function (err) { });
-            },
-            methods: {
-                switchPage: function (page_num) {
-                    if (page_num == this.currentPageNum) {
-                        return;
-                    }
-
-                    var start_index = (page_num - 1) * one_page_num;
-                    var limit = start_index + (one_page_num - 1);
-                    var tmp_new = [];
-                    for (var i = start_index; i <= limit; i++) {
-                        if (i < news_list.length) {
-                            tmp_new.push(news_list[i]);
-                        }
-                    }
-                    this.news = tmp_new;
-
-                    if (!this.needOmit) {
-                        this.currentPageNum = page_num;
-                        return;
-                    }
-
-                    if (page_num >= 5 && (page_num + 2) < this.totalPageNum) {
-                        this.middlePageNums = [page_num - 2, page_num - 1, page_num, page_num + 1, page_num + 2];
-                    } else if (page_num < 5) {
-                        this.middlePageNums = [2, 3, 4, 5, 6];
-                    } else if ((page_num + 2) >= this.totalPageNum) {
-                        this.middlePageNums = [this.totalPageNum - 5, this.totalPageNum - 4, this.totalPageNum - 3, this.totalPageNum - 2, this.totalPageNum - 1];
-                    }
-
-                    this.currentPageNum = page_num;
-                },
-                toPrevious: function () {
-                    if (this.currentPageNum == 1) {
-                        return;
-                    }
-                    this.switchPage(this.currentPageNum - 1);
-                },
-
-                toNext: function () {
-                    if (this.currentPageNum == this.totalPageNum) {
-                        return;
-                    }
-                    this.switchPage(this.currentPageNum + 1);
-                }
-            }
-        });
-    </script>
-</body>
-
-</html>

news/read.html

@@ -36,21 +36,28 @@
         <!--====== 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 class="mainmenu-area container d-flex align-items-center justify-content-center">
+                    <div class="logo">
+                        <a href="/index.html"><img src="../assets/img/logo-white.png" alt="uskylogo"></a>
+                    </div>
+                    <div class="d-flex align-items-center ">
+                        <nav class="main-menu">
+                           
+                            <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>
@@ -162,7 +169,44 @@
         <!--====== NEWS CONTENT 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>
@@ -186,104 +230,8 @@
     <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
     <!--====== Vue  js ======-->
     <script src="../assets/js/vue.min.js"></script>
-    <script>
-        $(function() {
-            $('#headerNav').load("../headerNav.html");
-            $('#footer').load("../footer.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()
-                }
-            }, function() {
-                $(".erMenu").fadeOut()
-            });
-        })
-        var app = new Vue({
-            el: '#app',
-            data: {
-                loading: true,
-                articleInfo: {},
-                previousInfo: {},
-                nextInfo: {},
-                relativeArr: [],
-                ariticle_id: 0
-            },
-            created: function() {
-                this.ariticle_id = this.getQueryVariable('id')
-            },
-            computed: {
-                isNews: function() {
-                    return (this.articleInfo.type == 1);
-                },
-                hasPrevious: function() {
-                    return Object.keys(this.previousInfo).length > 0;
-                },
-                hasNext: function() {
-                    return Object.keys(this.nextInfo).length > 0;
-                }
-            },
-            mounted: function() {
-                var self = this;
-                jQuery.ajax({
-                    type: 'POST',
-                    dataType: 'json',
-                    url: window.FQDN + 'agw/journalism_details',
-                    data: {
-                        id: this.ariticle_id
-                    }
-                }).done(function(res) {
-                    if (!res.msg) {
-                        return;
-                    }
-                    // console.log('res.content')
-
-                    // console.log(res.content)
-                    self.loading = false;
-                    self.articleInfo = res;
-                    self.relativeArr = res.related;
-                    console.log(self.relativeArr)
-
-                    if (res.previous != null) {
-                        self.previousInfo = res.previous;
-                    }
-                    if (res.next != null) {
-                        self.nextInfo = res.next;
-                    }
-
-                }).fail(function(err) {});
-            },
-            methods: {
-
-                getQueryVariable: function(variable) {
-                    var query = window.location.search.substring(1);
-                    var vars = query.split("&");
-                    for (var i = 0; i < vars.length; i++) {
-                        var pair = vars[i].split("=");
-                        if (pair[0] == variable) {
-                            return pair[1];
-                        }
-                    }
-                    return (false);
-                }
-            }
-
-        })
-    </script>
+    <script src="../assets/js/commonVue.js "></script>
+   
 </body>
 
 </html>

solution/index.html

@@ -40,12 +40,13 @@
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
             <div class="custom-container-one">
-                <div class="mainmenu-area container">
-                    <div class="d-flex align-items-center justify-content-between">
+                <div class="mainmenu-area container d-flex align-items-center justify-content-center">
+                    <div class="logo">
+                        <a href="/index.html"><img src="../assets/img/logo-white.png" alt="uskylogo"></a>
+                    </div>
+                    <div class="d-flex align-items-center ">
                         <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="
@@ -53,8 +54,6 @@
                                         <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>