根据需求调整逻辑+完善

about/index.html

@@ -16,6 +16,8 @@
     <link rel="stylesheet" href="../assets/css/slick.css" />
     <!--====== Mean Menu ======-->
     <link rel="stylesheet" href="../assets/css/meanmenu.min.css" />
+     <!--====== element css ====== -->
+     <link rel="stylesheet" href="../assets/css/element.css">
     <!--====== Default css ======-->
     <link rel="stylesheet" href="../assets/css/default.css" />
     <!--====== Style css ======-->
@@ -32,6 +34,49 @@
   <![endif]-->
     <div id="app">
 
+        <!-- DIALOG START-->
+        <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"  :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" style="">
+                    <el-radio-group v-model="ruleForm.platName"> 
+                        <el-radio-button :label="item.categoryName"  v-for="item in dialogDataArray" :key="item.id"></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>
+        <!-- DIALOG END -->
+        
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
             <div class="custom-container-one">
@@ -46,16 +91,16 @@
                                 <ul v-if="columnList" >
                                     <li  v-for="item in columnList" :key="item.id"  :class="
                                     currentPath==item.sname? 'active':''" >
-                                        <a :href="`${item.sname}?id=${item.id}`">{{item.categoryName}}</a>
+                                        <a :href="`${item.sname}?id=${item.id}&isTwo=0`">{{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>
+                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a :href="`${item.sname}?id=${aa.id}&isTwo=1`"> <span style="font-weight:bold;margin-right:10px">·</span>   {{aa.sname}}</a></li>
                                         </ul>
                                     </li>
                                   
                                 </ul>
                             </div>
                         </nav>
-                        <div class="apply-expre" v-if="columnList.length>0" >申请体验</div>
+                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true" >申请体验</div>
                     </div>
                 </div>
                 <div>
@@ -73,17 +118,13 @@
 
 
         <!--====== ABOUT INTRODUCE START======-->
-        <section class="about-introduce-section pt-40 pb-60 about-sec">
+        <section class="about-introduce-section pt-40 pb-60 about-sec" id="1">
             
             <div class="container">
-                <!-- <ul  class="aboutTyes" >
-                    <li class="active">公司介绍</li>
-                    <li>企业文化</li>
-                    <li>公司介绍</li>
-                    <li>企业文化</li>
-                    <li>公司介绍</li>
-                    <li>企业文化</li>
-                </ul> -->
+                <ul  class="aboutTyes" >
+                    <li v-for="item in articalArray" :key="item.id"><a :href="`#${item.lmtitle}`">{{item.title}}</a></li>
+
+                </ul>
                 <div class="section-title text-center both-border pb-20">
                     <span class="title-tag">企业简介</span>
                 </div>
@@ -96,12 +137,17 @@
         <!--====== ABOUT INTRODUCE END======-->
 
         <!--====== HISTORY START======-->
-        <section class="history-section pt-60 pb-60 about-sec">
-            <div class="section-title text-center both-border pb-20">
+        <section class="history-section pt-60 pb-60 about-sec" id="2">
+            <!-- <div class="section-title text-center both-border pb-20">
                 <span class="title-tag">企业优势</span>
-            </div>
-            <div class="container" style="background-color: #ffff;">
-                <div class="row historyContent">
+            </div> -->
+            <div class="container" >
+
+                <div class="section-title text-center both-border pb-20" >
+                    <span class="title-tag">企业优势</span>
+                </div>
+
+                <div class="row historyContent" style="background-color: #ffff;">
                     <div class="pb-50 col-md-6 historyConet" v-for="strength in array.strength">
                         <div class="row">
                             <div class="col-md-3 hisImg">
@@ -119,7 +165,7 @@
         <!--====== HISTORY END======-->
 
         <!--====== COURSE START======-->
-        <section class="course-section pt-60 pb-80 about-sec">
+        <section class="course-section pt-60 pb-80 about-sec" id="3">
             <div class="container">
                 <div class="section-title text-center both-border pb-30">
                     <span class="title-tag">发展历程</span>
@@ -134,7 +180,7 @@
         <!--====== COURSE END======-->
 
         <!--====== credential START======-->
-        <section class="history-section pt-60 pb-60 about-sec">
+        <section class="history-section pt-60 pb-60 about-sec" id="4">
 
             <div class="container">
                 <div class="section-title text-center both-border pb-20">
@@ -195,7 +241,7 @@
         <!--====== credential END======-->
 
         <!--====== SUB COMPANY START======-->
-        <section class="about-sub-company-section pt-60 pb-60 about-sec">
+        <section class="about-sub-company-section pt-60 pb-60 about-sec" id="5">
             <div class="container">
                 <div class="section-title text-center both-border pb-40">
                     <span class="title-tag">联系我们</span>
@@ -218,7 +264,7 @@
         <!--====== SUB COMPANY END======-->
 
          <!--====== FOOTER PART START ======-->
-         <footer>
+        <footer>
             <!-- widgets -->
             <div class="footer-widget-area">
                 <div class="container">
@@ -232,10 +278,10 @@
                         <div class="footerNone" style="width:15% !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>
+                                    <h5 class="widget-title"><a :href="`${item.sname}?id=${item.id}&isTwo=0`">{{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>
+                                            <a :href="`${item.sname}?id=${r.id}&isTwo=1`"> {{r.sname}}</a>
                                         </li>
                                     </ul>
                                 </div>
@@ -273,40 +319,15 @@
     <!--====== Setting Info js ======-->
     <script src="../assets/js/settinginfo.js"></script>
     <!--====== Vue js======-->
+    
     <script src="../assets/js/vue.min.js"></script>
+    <script src="../assets/js/element/index.js"></script>
     <script src="../assets/js/commonVue.js"></script>
     <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=iXlsFGT8ySqgKzSZtjzSvLMpF0OxuCXS&servic
 es=true"></script>
 
     <script language="javascript">
-        $(function() {
-            $(".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()
-            })
-        })
-
+        
         setTimeout(() => {
             // 走马灯
             var speed = 10; //数字越大速度越慢

assets/css/style.css

@@ -4984,7 +4984,7 @@
             /*===========================
                 About Page 
             ===========================*/
-            /* .about-sec .container{
+            .about-sec .container{
                 position: relative;
                 left: 150px;
                 max-width: 1270px;
@@ -4997,17 +4997,18 @@
                 left:-180px;
                 box-shadow: 0px 2px 17px 4px rgba(126, 126, 126, 0.3);
             }
-            .about-sec .container .aboutTyes li{
+            .about-sec .container .aboutTyes li a{
                 padding:17px 50px;
                 border-bottom:1px solid rgba(0,0,0,.05);
                 cursor:pointer;
+                color:#000
                 
             }
-            .about-sec .container .aboutTyes li.active,.about-sec .container .aboutTyes li:hover{
+            .about-sec .container .aboutTyes li.active a,.about-sec .container .aboutTyes li:hover a,.about-sec .container .aboutTyes li:first-child a{
                 background:#409EFF;
                 color:#fff
 
-            } */
+            }
 
 
 

assets/js/commonVue.js

@@ -1,43 +1,74 @@
 // 定义一个名为 button-counter 的新组件
 Vue.component('button-counter', {
   props: ['title'],
-  data () {
+  data() {
     return {
       count: 0
     }
   },
   methods: {
     addCount() {
-     this.count++
+      this.count++
     }
   },
   template: '<button @click="addCount">{{ title }} : You clicked me {{ count }} times.</button>'
 })
 
 
-
-
-
-
-
 var app = new Vue({
   el: '#app',
   data: {
+
     //公共
     id: null,
-    columnList:[],
-    currentPath:'',
+    columnList: [],
+    currentPath: '',
     articalArray: [], //详情数组
     columnTypes: [], //栏目类型
 
-    //首页
-    homeList: [],
-    status: false,
+    // 公共弹框
+    centerDialogVisible: false,
+    dialogDataArray:[],
+    ruleForm: {
+      platName: '智慧安防',
+      consultName: '',
+      consultPhone: '',
+      mail: '',
+      company: '',
+      consultContent: "",
+    },
+    rules: {
+      platName: [{
+          required: true,
+          message: '请选择类型',
+          trigger: 'change'
+        },
+      ],
+      consultName: [{
+        required: true,
+        message: '请输入姓名',
+        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'
+      }],
+    },
 
-    //解决方案旧
-    array: [], 
 
 
+
+    //首页
+    homeList: [],
+    status: false,
     // 新闻
     news: [],
     goPage: 1,
@@ -47,136 +78,127 @@ var app = new Vue({
     totalPageSzie: 4,
     loading: true,
 
+
+    //解决方案旧
+    array: [],
     //新闻详情旧
     articleInfo: {},
     previousInfo: {},
     nextInfo: {},
     relativeArr: [],
     ariticle_id: 0,
-
-
-
   },
+
   computed: {
+
     // 新闻详情旧
-    isNews: function() {
+    isNews: function () {
       return (this.articleInfo.type == 1);
     },
-    hasPrevious: function() {
-        return Object.keys(this.previousInfo).length > 0;
+    hasPrevious: function () {
+      return Object.keys(this.previousInfo).length > 0;
     },
-    hasNext: function() {
-        return Object.keys(this.nextInfo).length > 0;
+    hasNext: function () {
+      return Object.keys(this.nextInfo).length > 0;
     }
 
 
   },
   created: function () {
     this.ariticle_id = this.getQuery('id')
-    // this.title = this.getQuery('title')?this.getQuery('title'):''
-    this.title = this.getQuery('title')?this.getQuery('title'):''
+    this.title = this.getQuery('title') ? this.getQuery('title') : ''
 
   },
   mounted: function () {
     _this = this
-
     this.getColumnData()
 
-
-
   },
   methods: {
 
     //获取栏目
     getColumnData() {
-      this.columnTypes= []
+      this.columnTypes = []
       $.ajax({
         type: 'get',
         dataType: 'json',
         url: window.FQDN2 + 'siteCategory/siteCategoryList',
       }).done(function (res) {
-
-        _this.columnList=res.data;
-        _this.currentPath=window.location.pathname
-
+        _this.columnList = res.data;
+        _this.currentPath = 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].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 == '/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=='/product/read.html') {
-
-            _this.currentPath='/product/index.html'  //新闻详情时栏目高亮
+          if (res.data[i].categoryName == '产品服务' && window.location.pathname == '/product/read.html') {
+            _this.currentPath = '/product/index.html' //产品详情时栏目高亮
+          }
+          if (res.data[i].categoryName == '解决方案') {
+            _this.dialogDataArray=(res.data[i].children)
+            _this.ruleForm.platName= _this.dialogDataArray[0].categoryName
           }
 
-          if (res.data[i].categoryName == '新闻动态'&& window.location.pathname=='/news/read.html') {
-
-            _this.currentPath='/news/index.html'  //新闻详情时栏目高亮
-
-            console.log(res.data[i].categoryName)
-
+          if (res.data[i].categoryName == '新闻动态' && window.location.pathname == '/news/read.html') {
+            _this.currentPath = '/news/index.html' //新闻详情时栏目高亮
             //新闻详情旧
-              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) {});
+            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].categoryName == '关于永天'&& window.location.pathname.indexOf('about')>-1) {
-
+          if (res.data[i].categoryName == '关于永天' && window.location.pathname.indexOf('about') > -1) {
             _this.columnTypes = res.data[i].children
-            // _this.id =  _this.columnTypes[0].id;
-            _this.getArticalData( _this.getQuery('id'))
-
+            _this.getArticalData(_this.getQuery('id'))
 
             //关于永天旧
-              $.ajax({
-                type: 'POST',
-                dataType: 'json',
-                url: window.FQDN + 'Aboutus/index',
-            }).done(function(arr) {
-                // console.log(arr)
-                _this.array = arr;
-            }).fail(function(err) {});
+            $.ajax({
+              type: 'POST',
+              dataType: 'json',
+              url: window.FQDN + 'Aboutus/index',
+            }).done(function (arr) {
+              // console.log(arr)
+              _this.array = arr;
+            }).fail(function (err) {});
 
           }
 
 
           if (res.data[i].children.length > 0) {
-            if (res.data[i].categoryName == '解决方案'&& window.location.pathname.indexOf('solution')>-1) {
+            if (res.data[i].categoryName == '解决方案' && window.location.pathname.indexOf('solution') > -1) {
               _this.columnTypes = res.data[i].children
-              _this.id =  _this.columnTypes[0].id;
+              _this.id = (_this.getQuery('isTwo') == 1) ? _this.getQuery('id') : _this.columnTypes[0].id;
               _this.getArticalData(_this.id)
 
               //解决方案旧
@@ -192,14 +214,14 @@ var app = new Vue({
                 console.log(_this.array)
               }).fail(function (err) {});
             }
-            if (res.data[i].categoryName == '新闻动态'&& window.location.pathname.indexOf('news')>-1) {
+            if (res.data[i].categoryName == '新闻动态' && window.location.pathname.indexOf('news') > -1) {
               _this.columnTypes = res.data[i].children
-              _this.id = _this.columnTypes[0].id;
+              _this.id = (_this.getQuery('isTwo') == 1) ? _this.getQuery('id') : _this.columnTypes[0].id;
               _this.getArticalData(_this.id)
             }
-            if (res.data[i].categoryName == '产品服务'&& window.location.pathname.indexOf('product')>-1) {
+            if (res.data[i].categoryName == '产品服务' && window.location.pathname.indexOf('product') > -1) {
               _this.columnTypes = res.data[i].children
-              _this.id = _this.columnTypes[0].id;
+              _this.id = (_this.getQuery('isTwo') == 1) ? _this.getQuery('id') : _this.columnTypes[0].id;
               _this.getArticalData(_this.id)
             }
           }
@@ -215,13 +237,13 @@ var app = new Vue({
         url: window.FQDN2 + 'siteArticle/siteArticleList',
         data: {
           categoryid: param,
-          pageNum:_this.currentPageNum,
-          pageSize:_this.one_page_size,
-          title:_this.title
+          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.articalArray = aa;
@@ -237,29 +259,74 @@ var app = new Vue({
     facilityClick(e, item) {
       this.id = item.id
       this.getArticalData(item.id)
-      this.currentPageNum=1
+      this.currentPageNum = 1
       // console.log(item.id)
     },
 
 
-  //  分页
-    oneInnerBox: function(param) {
-        window.location = "./read.html?id=" + param.categoryid+'&title='+param.title;
-        // window.location = "./read.html?id=154"
+    //  分页
+    oneInnerBox: function (param) {
+      window.location = "./read.html?id=" + param.categoryid + '&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 )
+    enterPage: function (res) {
+      if (this.goPage >= 1 && this.goPage <= this.totalPageNum) {
+        this.currentPageNum = this.goPage
+        this.getArticalData(this.id)
+      } else {
+        this.goPage = 1
+        alert('输入页数有误！')
+      }
+    },
+    currentChange: function (res) {
+      this.currentPageNum = res
+      this.getArticalData(this.id)
+    },
+
+
+    //首页
+    scrollToTop() {
+      window.scrollTo({
+        top: 0,
+        behavior: "smooth"
+      });
+    },
+
+     //公共弹框
+    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 {
-            this.goPage = 1
-            alert('输入页数有误！')
+          console.log('error submit!!');
+          return false;
         }
+      });
     },
-    currentChange: function(res) {
-        this.currentPageNum = res
-        this.getArticalData(this.id)
+    resetForm(formName) {
+      this.$refs[formName].resetFields();
+      this.centerDialogVisible = false
     },
 
 
@@ -272,35 +339,31 @@ var app = new Vue({
       }
     },
 
-    
     // 获取路由参数
-     getQuery(name) {
-        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
-        var r = window.location.search.substr(1).match(reg);
-        if (r != null) return decodeURI(r[2]); return null;
-     },
-
-     //获得年月日时分秒
-        //传入日期//例：2020-10-27T14:36:23
-      timeFormatSeconds(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);
-      }
-
-
+    getQuery(name) {
+      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
+      var r = window.location.search.substr(1).match(reg);
+      if (r != null) return decodeURI(r[2]);
+      return null;
+    },
 
+    //获得年月日时分秒  //传入日期//例：2020-10-27T14:36:23
+    timeFormatSeconds(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);
+    }
   }
 });

index.html

@@ -36,81 +36,79 @@
 
   <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="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"  :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">
-        
+
+        <!-- DIALOG START-->
+        <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>
+                <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="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"  :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" style="">
+                    <el-radio-group v-model="ruleForm.platName"> 
+                        <el-radio-button :label="item.categoryName"  v-for="item in dialogDataArray" :key="item.id"></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>
+        <!-- DIALOG END -->
         
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
@@ -126,16 +124,16 @@
                                 <ul v-if="columnList" >
                                     <li  v-for="item in columnList" :key="item.id"  :class="
                                     currentPath==item.sname? 'active':''" >
-                                        <a :href="`${item.sname}?id=${item.id}`">{{item.categoryName}}</a>
+                                        <a :href="`${item.sname}?id=${item.id}&isTwo=0`">{{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>
+                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a :href="`${item.sname}?id=${aa.id}&isTwo=1`"> <span style="font-weight:bold;margin-right:10px">·</span>   {{aa.sname}}</a></li>
                                         </ul>
                                     </li>
                                   
                                 </ul>
                             </div>
                         </nav>
-                        <div class="apply-expre" v-if="columnList.length>0" >申请体验</div>
+                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true" >申请体验</div>
                     </div>
                 </div>
                 <div>
@@ -326,10 +324,10 @@
                         <div class="footerNone" style="width:15% !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>
+                                    <h5 class="widget-title"><a :href="`${item.sname}?id=${item.id}&isTwo=0`">{{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>
+                                            <a :href="`${item.sname}?id=${r.id}&isTwo=1`"> {{r.sname}}</a>
                                         </li>
                                     </ul>
                                 </div>
@@ -387,135 +385,7 @@
     <script src="assets/js/commonVue.js "></script>
 
     <script>
-        $(function () {
-            var $wh = $(window).height();
-            $('.go_down').click(function (e) {
-                $('html,body').animate({
-                    scrollTop: $wh
-                }, 700);
-            });
-           
-        })
-
-        var app2 = new Vue({
-            el: '#app2',
-            data: {
-                centerDialogVisible: false,
-                ruleForm: {
-                    platName: '智慧安防',
-                    consultName: '',
-                    consultPhone:'',
-                    mail:'',
-                    company:'',
-                    consultContent: "", 
-
-                   
-                },
-                rules: {
-                    platName: [{
-                            required: true,
-                            message: '请选择类型',
-                            trigger: 'change'
-                        },
-
-                    ],
-                    consultName: [{
-                            required: true,
-                            message: '请输入姓名',
-                            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 () {
-
-            },
-            methods: {
-                scrollToTop() {
-                    window.scrollTo({
-                        top: 0,
-                        behavior: "smooth"
-                    });
-                },
-                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
-                },
-            },
-      
-        });
-
-   
+     
 
             
     </script>

news/index.html

@@ -31,6 +31,49 @@
             <p class="browserupgrade">请使用chrome，IE11等现代浏览器，浏览本网站.</p>
         <![endif]-->
 
+        <!-- DIALOG START-->
+        <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"  :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" style="">
+                    <el-radio-group v-model="ruleForm.platName"> 
+                        <el-radio-button :label="item.categoryName"  v-for="item in dialogDataArray" :key="item.id"></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>
+        <!-- DIALOG END -->
+        
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
             <div class="custom-container-one">
@@ -45,16 +88,16 @@
                                 <ul v-if="columnList" >
                                     <li  v-for="item in columnList" :key="item.id"  :class="
                                     currentPath==item.sname? 'active':''" >
-                                        <a :href="`${item.sname}?id=${item.id}`">{{item.categoryName}}</a>
+                                        <a :href="`${item.sname}?id=${item.id}&isTwo=0`">{{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>
+                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a :href="`${item.sname}?id=${aa.id}&isTwo=1`"> <span style="font-weight:bold;margin-right:10px">·</span>   {{aa.sname}}</a></li>
                                         </ul>
                                     </li>
                                   
                                 </ul>
                             </div>
                         </nav>
-                        <div class="apply-expre" v-if="columnList.length>0" >申请体验</div>
+                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true" >申请体验</div>
                     </div>
                 </div>
                 <div>
@@ -139,12 +182,11 @@
                         </div>
                         <div class="footerNone" style="width:15% !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>
+                                <div >
+                                    <h5 class="widget-title"><a :href="`${item.sname}?id=${item.id}&isTwo=0`">{{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  v-if="item.children"  v-for="r in item.children" :key="r.id">
+                                            <a :href="`${item.sname}?id=${r.id}&isTwo=1`"> {{r.sname}}</a>
                                         </li>
                                     </ul>
                                 </div>

news/read.html

@@ -19,6 +19,8 @@
     <link rel="stylesheet" href="../assets/css/style.css" />
     <!--====== Animation css =======-->
     <link rel="stylesheet" href="../assets/css/animation.css" />
+    <!--====== element css ====== -->
+    <link rel="stylesheet" href="../assets/css/element.css">
     <!--====== home css ====== -->
     <link rel="stylesheet" href="../assets/css/home.css" />
 </head>
@@ -28,11 +30,49 @@
 	<p class="browserupgrade">请使用chrome，IE11等现代浏览器，浏览本网站.</p>
   <![endif]-->
     <div id="app">
-        <div class="erMenu">
-            <div>
-
-            </div>
-        </div>
+        <!-- DIALOG START-->
+        <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"  :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" style="">
+                    <el-radio-group v-model="ruleForm.platName"> 
+                        <el-radio-button :label="item.categoryName"  v-for="item in dialogDataArray" :key="item.id"></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>
+        <!-- DIALOG END -->
+        
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
             <div class="custom-container-one">
@@ -47,16 +87,16 @@
                                 <ul v-if="columnList" >
                                     <li  v-for="item in columnList" :key="item.id"  :class="
                                     currentPath==item.sname? 'active':''" >
-                                        <a :href="`${item.sname}?id=${item.id}`">{{item.categoryName}}</a>
+                                        <a :href="`${item.sname}?id=${item.id}&isTwo=0`">{{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>
+                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a :href="`${item.sname}?id=${aa.id}&isTwo=1`"> <span style="font-weight:bold;margin-right:10px">·</span>   {{aa.sname}}</a></li>
                                         </ul>
                                     </li>
                                   
                                 </ul>
                             </div>
                         </nav>
-                        <div class="apply-expre" v-if="columnList.length>0" >申请体验</div>
+                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true" >申请体验</div>
                     </div>
                 </div>
                 <div>
@@ -178,10 +218,10 @@
                         <div class="footerNone" style="width:15% !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>
+                                    <h5 class="widget-title"><a :href="`${item.sname}?id=${item.id}&isTwo=0`">{{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>
+                                            <a :href="`${item.sname}?id=${r.id}&isTwo=1`"> {{r.sname}}</a>
                                         </li>
                                     </ul>
                                 </div>
@@ -222,6 +262,7 @@
     <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
     <!--====== Vue  js ======-->
     <script src="../assets/js/vue.min.js"></script>
+    <script src="../assets/js/element/index.js"></script>
     <script src="../assets/js/commonVue.js "></script>
 
    

product/index.html

@@ -61,8 +61,51 @@
   <![endif]-->
     <div id="app">
         
-         <!--====== HEADER START ======-->
-         <header class="header-absolute sticky-header">
+        <!-- DIALOG START-->
+        <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"  :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" style="">
+                    <el-radio-group v-model="ruleForm.platName"> 
+                        <el-radio-button :label="item.categoryName"  v-for="item in dialogDataArray" :key="item.id"></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>
+        <!-- DIALOG END -->
+        
+        <!--====== HEADER START ======-->
+        <header class="header-absolute sticky-header">
             <div class="custom-container-one">
                 <div class="mainmenu-area container d-flex align-items-center justify-content-center">
                     <div class="logo">
@@ -75,16 +118,16 @@
                                 <ul v-if="columnList" >
                                     <li  v-for="item in columnList" :key="item.id"  :class="
                                     currentPath==item.sname? 'active':''" >
-                                        <a :href="`${item.sname}?id=${item.id}`">{{item.categoryName}}</a>
+                                        <a :href="`${item.sname}?id=${item.id}&isTwo=0`">{{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>
+                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a :href="`${item.sname}?id=${aa.id}&isTwo=1`"> <span style="font-weight:bold;margin-right:10px">·</span>   {{aa.sname}}</a></li>
                                         </ul>
                                     </li>
                                   
                                 </ul>
                             </div>
                         </nav>
-                        <div class="apply-expre" v-if="columnList.length>0" >申请体验</div>
+                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true" >申请体验</div>
                     </div>
                 </div>
                 <div>
@@ -212,10 +255,10 @@
                         <div class="footerNone" style="width:15% !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>
+                                    <h5 class="widget-title"><a :href="`${item.sname}?id=${item.id}&isTwo=0`">{{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>
+                                            <a :href="`${item.sname}?id=${r.id}&isTwo=1`"> {{r.sname}}</a>
                                         </li>
                                     </ul>
                                 </div>
@@ -252,41 +295,10 @@
         <!--====== Main js ======-->
         <script src="../assets/js/main.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()
-                }
-            }, function() {
-                $(".erMenu").fadeOut()
-            });
-
-
+           
 
-                $(".case ul li").click(function() {
-                    $(this).addClass("menuactive2").siblings().removeClass("menuactive2");
-                })
 
-                
-            })
+              
         </script>
         <!--====== Setting Info js=======-->
         <script src="../assets/js/settinginfo.js"></script>

product/read.html

@@ -19,6 +19,8 @@
     <link rel="stylesheet" href="../assets/css/style.css" />
     <!--====== Animation css =======-->
     <link rel="stylesheet" href="../assets/css/animation.css" />
+    <!--====== element css ====== -->
+    <link rel="stylesheet" href="../assets/css/element.css">
     <!--====== home css ====== -->
     <link rel="stylesheet" href="../assets/css/home.css" />
 </head>
@@ -29,6 +31,49 @@
   <![endif]-->
     <div id="app">
      
+        <!-- DIALOG START-->
+        <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"  :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" style="">
+                    <el-radio-group v-model="ruleForm.platName"> 
+                        <el-radio-button :label="item.categoryName"  v-for="item in dialogDataArray" :key="item.id"></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>
+        <!-- DIALOG END -->
+        
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
             <div class="custom-container-one">
@@ -43,16 +88,16 @@
                                 <ul v-if="columnList" >
                                     <li  v-for="item in columnList" :key="item.id"  :class="
                                     currentPath==item.sname? 'active':''" >
-                                        <a :href="`${item.sname}?id=${item.id}`">{{item.categoryName}}</a>
+                                        <a :href="`${item.sname}?id=${item.id}&isTwo=0`">{{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>
+                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a :href="`${item.sname}?id=${aa.id}&isTwo=1`"> <span style="font-weight:bold;margin-right:10px">·</span>   {{aa.sname}}</a></li>
                                         </ul>
                                     </li>
                                   
                                 </ul>
                             </div>
                         </nav>
-                        <div class="apply-expre" v-if="columnList.length>0" >申请体验</div>
+                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true" >申请体验</div>
                     </div>
                 </div>
                 <div>
@@ -125,10 +170,10 @@
                         <div class="footerNone" style="width:15% !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>
+                                    <h5 class="widget-title"><a :href="`${item.sname}?id=${item.id}&isTwo=0`">{{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>
+                                            <a :href="`${item.sname}?id=${r.id}&isTwo=1`"> {{r.sname}}</a>
                                         </li>
                                     </ul>
                                 </div>
@@ -169,6 +214,7 @@
     <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
     <!--====== Vue  js ======-->
     <script src="../assets/js/vue.min.js"></script>
+    <script src="../assets/js/element/index.js"></script>
     <script src="../assets/js/commonVue.js "></script>
 
    

solution/index.html

@@ -16,6 +16,8 @@
     <link rel="stylesheet" href="../assets/css/slick.css" />
     <!--====== Mean Menu ======-->
     <link rel="stylesheet" href="../assets/css/meanmenu.min.css" />
+     <!--====== element css ====== -->
+     <link rel="stylesheet" href="../assets/css/element.css">
     <!--====== Default css ======-->
     <link rel="stylesheet" href="../assets/css/default.css" />
     <!--====== Style css ======-->
@@ -31,12 +33,49 @@
 
     <div id="app">
 
-        <div class="erMenu">
-            <div>
-
-            </div>
-        </div>
-
+        <!-- DIALOG START-->
+        <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"  :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" style="">
+                    <el-radio-group v-model="ruleForm.platName"> 
+                        <el-radio-button :label="item.categoryName"  v-for="item in dialogDataArray" :key="item.id"></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>
+        <!-- DIALOG END -->
+        
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
             <div class="custom-container-one">
@@ -51,16 +90,16 @@
                                 <ul v-if="columnList" >
                                     <li  v-for="item in columnList" :key="item.id"  :class="
                                     currentPath==item.sname? 'active':''" >
-                                        <a :href="`${item.sname}?id=${item.id}`">{{item.categoryName}}</a>
+                                        <a :href="`${item.sname}?id=${item.id}&isTwo=0`">{{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>
+                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a :href="`${item.sname}?id=${aa.id}&isTwo=1`"> <span style="font-weight:bold;margin-right:10px">·</span>   {{aa.sname}}</a></li>
                                         </ul>
                                     </li>
                                   
                                 </ul>
                             </div>
                         </nav>
-                        <div class="apply-expre" v-if="columnList.length>0" >申请体验</div>
+                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true" >申请体验</div>
                     </div>
                 </div>
                 <div>
@@ -272,10 +311,10 @@
                         <div class="footerNone" style="width:15% !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>
+                                    <h5 class="widget-title"><a :href="`${item.sname}?id=${item.id}&isTwo=0`">{{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>
+                                            <a :href="`${item.sname}?id=${r.id}&isTwo=1`"> {{r.sname}}</a>
                                         </li>
                                     </ul>
                                 </div>
@@ -315,7 +354,9 @@
     <!--====== Vue js======-->
     <script src="../assets/js/vue.min.js "></script>
     <!--====== Vue js======-->
+    <script src="../assets/js/element/index.js"></script>
     <script src="../assets/js/commonVue.js "></script>
+    
     <script>
         
     </script>