7.10提交修改

index.html

@@ -22,10 +22,7 @@
   <meta http-equiv="Pragma" content="no-cache" />
   <title>AI秒著引擎_0元申报软件著作权,软件著作权登记申请,软件著作权申请流程,如何申请软件著作权,软件著作权的作用,软件著作权申请需要多久</title>
   <style>
-    /* #app {
+
-      display: flex;
-      justify-self: center;
-    } */
   </style>
 </head>
 

src/components/AboutUs.vue

@@ -15,6 +15,19 @@
         <div class="content">
           <div class="content-left">
             <img src="/assets/img/aboutus-jj.png" alt="">
+            <ul>
+              <li  v-for="(item, index) in contents2" :key="index">
+                <div class="row1">
+                <h4>{{item.titleFir}}</h4>
+                <em>{{item.titleSec}}</em>
+              </div>
+              <div class="row2">
+                <p>{{item.remake}}</p>
+              </div>
+              </li>
+        
+              
+            </ul>
           </div>
           <div class="content-right">
             <i></i>
@@ -23,7 +36,7 @@
             <p class="message"></p>
           </div>
         </div>
-        <div class="dataList">
+        <!-- <div class="dataList">
           <ul v-for="(item, index) in contents2" :key="index">
             <li>
               <div class="row1">
@@ -35,7 +48,7 @@
               </div>
             </li>
           </ul>
-        </div>
+        </div> -->
       </div>
     </div>
   </div>
@@ -64,8 +77,8 @@ export default {
         const summary = response.data[0].summary
         this.contents1 = response.data
         this.contents2 = response.data[0].subList
-        // console.log(response.data[0].subList);
+        console.log(response.data[0].subList);
-        // console.log(response.data);
+        console.log(response.data);
         message.innerHTML = content
         company.innerHTML = title
         jianjie.innerHTML = summary
@@ -82,6 +95,12 @@ export default {
 </script>
 
 <style scoped>
+ img {
+  width: 100%;
+  height: 100%;
+  vertical-align: middle;
+  border: 0px solid transparent !important ;
+}
 .about-us {
   position: relative;
 }
@@ -133,17 +152,17 @@ export default {
   display: flex;
   justify-content: center;
   width: 100%;
-  height: 520px;
+  /* min-height: 520px; */
   background-color: #f5f5f5;
 }
 .about-us .box-bottom .box {
-  position: absolute;
+  position: relative;
   display: flex;
   flex-direction: column;
   /* flex-direction: row; */
   /* top: -100px; */
   width: 1000px;
-  height: 520px;
+  /* height: 520px; */
   padding: 50px;
   background-color: #FFF;
   -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
@@ -153,7 +172,7 @@ export default {
 .content {
   display: flex;
   width: 900px;
-  height: 260px;
+  /* height: 260px; */
   /* background-color: pink; */
   /* border: 1px solid red; */
 }
@@ -167,7 +186,7 @@ export default {
   display: flex;
   flex-direction: column;
   width: 480px;
-  height: 260px;
+  /* height: 260px; */
   /* background-color: skyblue; */
 }
 .content-right i {
@@ -191,7 +210,7 @@ export default {
   font-weight: 300;
   letter-spacing: 1px;
 }
-.dataList {
+/* .dataList {
   display: flex;
   justify-content: space-around;
   margin-top: 40px;
@@ -208,8 +227,6 @@ export default {
   display: flex;
   flex-direction: column;
   justify-content: center;
-  /* align-content: center;
-  flex-wrap: wrap; */
 }
 .dataList ul li .row1 {
   display: flex;
@@ -231,5 +248,56 @@ export default {
   background-color: #fcbb53;
   font-size: 12px;
   color: #FFF;
+} */
+
+
+
+
+.content-left ul {
+  display: flex;
+  justify-content: start;
+  flex-wrap: wrap;
+  background-color: #f1f1f1;
+  margin-top: 20px;
+  /* height: 120px; */
+}
+.content-left ul li {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  width: 180px;
+  /* margin-right: 60px;
+  margin-bottom: 15px; */
+  margin: 20px 20px 20px 0;
+  /* background-color: pink; */
+  /* align-content: center;
+  flex-wrap: wrap; */
+}
+.content-left ul li:nth-child(2n) {
+  margin-right: 0;
+}
+.content-left ul li .row1 {
+  display: flex;
+  margin: 0 auto;
+  height: 46px;
+}
+.content-left ul li .row1 h4 {
+  height: 46px;
+  font-size: 30px;
+  font-weight: 700;
+}
+.content-left ul li .row1 em {
+  width: 18px;
+  height: 18px;
+  line-height: 18px;
+  text-align: center;
+  border-radius: 9px;
+  margin: 18px 0 0 -2px;
+  background-color: #fcbb53;
+  font-size: 12px;
+  color: #FFF;
+}
+.content-left ul li .row2 p {
+  text-align: center;
 }
 </style>

src/components/Footer.vue

@@ -18,7 +18,7 @@
               </li>
               <li><router-link to="/AboutUs">关于我们</router-link></li>
               <li><router-link to="/ProductsNews">产品动态</router-link></li>
-              <li>联系我们</li>
+              <!-- <li>联系我们</li> -->
             </ul>
           </div>  
           <div class="box2">
@@ -73,6 +73,12 @@ export default {
 </script>
 
 <style scoped>
+ img {
+  width: 100%;
+  height: 100%;
+  vertical-align: middle;
+  border: 0px solid transparent !important ;
+}
 .footer {
   /* position: relative;
   top: 80px; */

src/components/HeaderNav.vue

@@ -113,6 +113,12 @@ export default {
 </script>
 
 <style scoped>
+ img {
+  width: 100%;
+  height: 100%;
+  vertical-align: middle;
+  border: 0px solid transparent !important ;
+}
 .border-login {
   border: 0.75px solid #42210B;
 }

src/components/HelpCenter.vue

@@ -11,7 +11,7 @@
         <div class="boxTitle">
           <h3>帮助中心</h3>
           <span>
-            <input type="text" id="txtInput" placeholder="输入问题关键字" v-model="searchQuery">
+            <input type="text" id="txtInput" placeholder="输入问题关键字" v-model="searchQuery" class="inputValue">
             <button id="search" @click="search()">搜索</button>
             <!-- <input id="search" name value="搜索" onclick="sendSearchRequest()"> -->
           </span>
@@ -172,6 +172,7 @@ export default {
     return {
       number: 0,
       items: [],
+      contentId0: '',    
       content: [],
       contentOne: '',
       // 默认展开的菜单项索引数组
@@ -188,7 +189,7 @@ export default {
       res: false,
       res0: false,
       result0: false,
-      result1: false
+      result1: false,
     }
   },
   methods: {
@@ -233,8 +234,6 @@ export default {
             this.result0 = true
             this.result1 = false
           }
-          // console.log(this.searchQuery);
-    
         })
         .catch(function (error) {
           console.log(error)
@@ -243,10 +242,18 @@ export default {
     },
     search() {
       this.currentPage = 1
+      // 使用 replace 方法重定向到当前路由，不携带参数
+      // this.$router.replace({ query: { q: this.searchQuery } });
+      this.$router.push({});
       this.getData()
       // axios.get(`https://www.aimzhu.com/operator/app/help-detail/listrelease?keywords=${textInput}`)
     },
-
+  //   watch: {
+  //   // 监听路由参数的变化，更新搜索框中的搜索词
+  //   '$route.query.q'(newValue) {
+  //     this.searchQuery = newValue;
+  //   }
+  // },
     // pagedData1() {
     //   const start = (this.currentPage - 1) * this.pageSize;
     //   const end = this.currentPage * this.pageSize;
@@ -289,15 +296,10 @@ export default {
     handleClose(key, keyPath) {  
       // 关闭时清空默认展开的菜单项索引数组  
       this.defaultOpeneds = [] 
-
-      // const index = this.openedMenus.indexOf(key);  
-      // if (index !== -1) {  
-      //   // 只收起当前点击的菜单  
-      //   this.openedMenus.splice(index, 1)
-      // }  
     }, 
 
     detailContent(menId) {
+      // document.querySelector('#txtInput').value = ''
       this.xs1 = true
       this.xs2 = false
       var detailContentId = menId
@@ -307,6 +309,19 @@ export default {
         // console.log(response.data[0].richContent);
         contentBox.innerHTML = response.data[0].richContent
       })
+    },
+    defaultData() {
+      this.result0 = false
+      this.result1 = false
+      axios.get(`https://www.aimzhu.com/operator/app/help-detail/listrelease?helpTypeId=${this.contentId0}`).then(response => {
+        this.contentOne = response.data[0].richContent 
+        this.contentId0 = response.data[0].id  
+        var content0 = response.data[0].richContent
+        let contentBox0 = document.querySelector('.contentBox')
+        contentBox0.innerHTML = content0  
+      }).catch(error => {
+        console.error('Error fetching data:', error)
+      })
     }
     
   },
@@ -315,31 +330,37 @@ export default {
     this.xs1 = true
     this.xs2 = false
     axios.get('https://www.aimzhu.com/operator/app/help-type/helpAllListrelease').then(response => {
-      // console.log(response.data)
-      // this.items = response.data.name
       this.items = response.data    
+      this.contentId0 = response.data[0].id   
 
-      // var textInput = document.querySelector('#txtInput').value
+      axios.get(`https://www.aimzhu.com/operator/app/help-detail/listrelease?helpTypeId=${this.contentId0}`).then(response => {
-      // if(textInput === '') {
-        // 默认渲染的数据
-        let contendId0 = response.data[0].id
-        let url0 = 'https://www.aimzhu.com/operator/app/help-detail/listrelease?helpTypeId=' + contendId0
-        axios.get(url0).then(response => {
-          // console.log(response.data[0].richContent);
         this.contentOne = response.data[0].richContent 
+        this.contentId0 = response.data[0].id  
         var content0 = response.data[0].richContent
         let contentBox0 = document.querySelector('.contentBox')
         contentBox0.innerHTML = content0  
-        })
+      }).catch(error => {
-      // } else {
-
-      // }
-
-    })
-    .catch(error => {
         console.error('Error fetching data:', error)
-    });
+      })
 
+    }).catch(error => {
+      console.error('Error fetching data:', error)
+    })  
+
+    if (this.searchQuery = '') {
+      alert(11)
+      return
+    } else {
+      // 当组件挂载时，从路由参数中获取搜索词
+      this.searchQuery = this.$route.query.q || '';
+      // this.search()
+      // this.getData()
+      // if (this.searchQuery = '') {
+      //   return
+      // } else {
+      //   this.getData()
+      // }
+    }
   },
   
 }
@@ -460,6 +481,12 @@ export default {
 #contentArea {
   line-height: 2.1;
 }
+ /* img {
+  width: 100%;
+  height: 100%;
+  vertical-align: middle;
+  border: 2px solid #CCC !important;
+} */
 .searchXS .dataList {
   width: 100%;
   height: 100%;

src/components/HomePage.vue

@@ -163,6 +163,8 @@ import axios from 'axios'
 export default {
   data() {
     return {
+      oneData: '',
+      twoData: '',
       titles: ['生成真实系统 | 可下载安装包', '生成申报材料 | 提供一键导出', '价格明码标价 | 提供价格担保', '提供代理服务 | 也可自行申报'],
       intervalId: null,
       currentTitleIndex: 0,
@@ -304,6 +306,12 @@ export default {
     this.startScroll();
     // this.startData();
     // this.goToLink();
+    axios.get(``).then(Response => {
+      this.oneData = Response.data
+      this.twoData = Response.data
+    }).catch(error => {
+      console.error('Error fetching data:', error)
+    })
     
   },
 
@@ -319,6 +327,12 @@ export default {
 </script>
 
 <style scoped>
+ img {
+  width: 100%;
+  height: 100%;
+  vertical-align: middle;
+  border: 0px solid transparent !important ;
+}
 .active {
   border: 1px solid rgba(0,0,0,.2);
   background-color: #FFF !important;

src/components/KeFu.vue

@@ -120,7 +120,12 @@ export default {
   },
   methods: {
     search() {
-      this.$router.push({ name: 'HelpCenter', query: { q: this.searchQuery } });
+      if (this.searchQuery) {
+        this.$router.push({
+          name: 'HelpCenter',
+          query: { q: this.searchQuery }
+        });
+      }
     }
   }
 
@@ -128,6 +133,12 @@ export default {
 </script>
 
 <style scoped>
+ img {
+  width: 100%;
+  height: 100%;
+  vertical-align: middle;
+  border: 0px solid transparent !important ;
+}
 .ke-fu {
   position: relative;
 }

src/components/ProductsNews.vue

@@ -3,8 +3,8 @@
     <div class="box-top">
       <div class="title">
         <i></i>
-        <h3>产品动态</h3>
+        <h3>最新动态</h3>
-        <p>人民是历史的创造者，人民是真正的英雄。我们党来自人民、植根人民、服务人民，党的根基在人民、血脉在人民、力量在人民。</p>
+        <!-- <p>人民是历史的创造者，人民是真正的英雄。我们党来自人民、植根人民、服务人民，党的根基在人民、血脉在人民、力量在人民。</p> -->
       </div>
     </div>
     <div class="box-bottom" v-show="showMore1">
@@ -24,7 +24,7 @@
           <h3>COMPANY NEWS</h3>
         </div>
         <div class="row2">
-          <h3>公司动态</h3>
+          <h3>产品动态</h3>
           <a href="javascript:;" @click="getMoreData(companyNews)">查看更多></a>
         </div>
         <div class="row3">
@@ -90,7 +90,7 @@
       <div class="details">
         <div class="nav">
           <span>
-            <a href="javascript:;" @click="showDetails2 = false, showMore1 = true ">产品动态</a>
+            <a href="javascript:;" @click="showDetails2 = false, showMore1 = true" class="showType1">产品动态</a>
             >详情</span>
         </div>
         <div class="articel">
@@ -108,7 +108,7 @@
             <div class="tp">
               <img src="/assets/img/news-tp.png" alt="">
             </div>
-            <span><em>最新咨询</em></span>
+            <span><em class="showType2">产品动态</em></span>
             <ul>
               <li v-for="(item5, index) in firstFiveItems2" :key="index">
                 <a href="javascript:;" :newsId="item5.newsId" :newsType="item5.newsType" @click="getDetailsData(item5.newsId,item5.newsType)">
@@ -127,7 +127,7 @@
       <div class="more">
         <div class="nav">
           <span>
-            <a href="javascript:;" @click="showMore1 = true,showMore2 = false">产品动态</a>
+            <a href="javascript:;" @click="showMore1 = true,showMore2 = false"  class="showType3">产品动态</a>
             >更多</span>
         </div>
         <div class="list">
@@ -165,7 +165,7 @@
             <div class="tp">
               <img src="/assets/img/news-tp.png" alt="">
             </div>
-            <span><em>最新咨询</em></span>
+            <span><em class="showType4">最新咨询</em></span>
             <ul>
               <li v-for="(item42, index) in firstFiveItems" :key="index">
                 <a href="javascript:;" :newsId="item42.newsId" :newsType="item42.newsType" @click="getDetailsData2(item42.newsId,item42.newsType)">
@@ -297,7 +297,6 @@ export default {
     fetchData2(newsType) {
       // 产品动态  查看更多
       const urlbox4 = `https://www.aimzhu.com/operator/app/news/listpagerelease?newsType=${newsType}`
-
       // const urlbox41 = `https://www.aimzhu.com/operator/app/news/listpagerelease?newsType=${newsType}&page=${this.currentPage}&rows=${this.pageSize}`
 
       axios.get(urlbox4)
@@ -347,7 +346,7 @@ export default {
 
       axios.get(urlbox51)
       .then(Response51 => {
-        console.log(Response51.data)
+        // console.log(Response51.data)
         this.box5data11 = Response51.data.title
         this.box5data12 = Response51.data.secTitle
         this.box5data13 = Response51.data.publishTime
@@ -417,17 +416,39 @@ export default {
       this.showMore2 = true;
       this.showMore1 = false;
       this.listNewsType = newsType
+      // alert(newsType)
+      if (newsType === '8aa02ba6-3948-42a9-a0a9-0a74e94b2241') {
+        document.querySelector('.showType3').innerHTML = '产品动态'
+        document.querySelector('.showType4').innerHTML = '产品动态'
+      } else {
+        document.querySelector('.showType3').innerHTML = '行业资讯'
+        document.querySelector('.showType4').innerHTML = '行业资讯'
+      }
       this.fetchData2(newsType);
       this.fetchDataPageSize();
     },
     getDetailsData(newsId, newsType) {
       this.showDetails2 = true;
       this.showMore1 = false;
+      if (newsType === '8aa02ba6-3948-42a9-a0a9-0a74e94b2241') {
+        document.querySelector('.showType1').innerHTML = '产品动态'
+        document.querySelector('.showType2').innerHTML = '产品动态'
+      } else {
+        document.querySelector('.showType1').innerHTML = '行业资讯'
+        document.querySelector('.showType2').innerHTML = '行业资讯'
+      }
       this.fetchData3(newsId, newsType);
     },
     getDetailsData2(newsId, newsType) {
       this.showDetails2 = true;
       this.showMore2 = false;
+      if (newsType === '8aa02ba6-3948-42a9-a0a9-0a74e94b2241') {
+        document.querySelector('.showType1').innerHTML = '产品动态'
+        document.querySelector('.showType2').innerHTML = '产品动态'
+      } else {
+        document.querySelector('.showType1').innerHTML = '行业资讯'
+        document.querySelector('.showType2').innerHTML = '行业资讯'
+      }
       this.fetchData3(newsId, newsType);
     },
 
@@ -442,6 +463,12 @@ export default {
 </script>
 
 <style scoped>
+ img {
+  width: 100%;
+  height: 100%;
+  vertical-align: middle;
+  border: 0px solid transparent !important ;
+}
 .products-news {
   position: relative;
 }
@@ -500,26 +527,27 @@ export default {
   width: 1000px;
   height: 500px;
   margin: 0 auto;
-  margin-top: -120px;
+  margin-top: -150px;
   z-index: 99;
   /* background-color: skyblue; */
 }
 .box-bottom .box1 ul {
   display: flex;
   justify-content: space-between;
-  background-color: #fff;
 }
 .box1 ul li {
   width: 320px;
   height: 500px;
+  background-color: #fff;
   /* background-color: pink; */
-  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
+  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.2);
-  -moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
+  -moz-box-shadow: 0 0 15px rgba(0,0,0,.2);
-  box-shadow: 0 0 10px rgba(0,0,0,.1);
+  box-shadow: 0 0 15px rgba(0,0,0,.2);
 }
 .box1 ul li img {
-  width: 320px;
+  width: 316px;
-  height: 200px;
+  height: 196px;
+  margin: 2px;
 }
 .box1 ul li h4 {
   height: 100px;

src/components/ShouFei.vue

@@ -289,6 +289,12 @@ export default {
 </script>
 
 <style scoped>
+ img {
+  width: 100%;
+  height: 100%;
+  vertical-align: middle;
+  border: 0px solid transparent !important ;
+}
 .shou-fei {
   position: relative;
   background: url(/assets/img/shoufei-bj.png) no-repeat;

src/components/ZhengShu.vue

@@ -97,6 +97,12 @@ export default {
 </script>
 
 <style scoped>
+ img {
+  width: 100%;
+  height: 100%;
+  vertical-align: middle;
+  border: 0px solid transparent !important ;
+}
 .zheng-shu {
   position: relative;
 }

src/components/router.js

@@ -43,8 +43,6 @@ const router = createRouter({
     { path: '/AboutUs', name: 'AboutUs', component: AboutUs },
     { path: '/Report', name: 'Report', component: Report },
     { path: '/ProductsNews', name: 'ProductsNews', component: ProductsNews },
-
-
   ],
 
 })

src/style.css

@@ -38,6 +38,7 @@ img {
   width: 100%;
   height: 100%;
   vertical-align: middle;
+  border: 1px solid #666666 !important;
 }
 
 /* 去除input默认样式 */