细节修改

src/components/Banner/Banner.vue

@@ -1,3 +1,10 @@
+<!--
+ * @Author: wally
+ * @email: 18603454788@163.com
+ * @Date: 2021-01-13 16:33:32
+ * @LastEditors: wally
+ * @LastEditTime: 2021-01-15 21:10:05
+-->
 <!--
   Copyright (c) 2020.
   author: song
@@ -31,6 +38,13 @@ export default {
 
   computed: mapState('home', ['bannerLists']),
 
+  watch: {
+    async showPage() {
+      this.setBannerLists([]);
+      await this.getQueryRotation(this.showPage);
+    },
+  },
+
   mounted() {
     // window.addEventListener('scroll', this.handleScroll);
     // setTimeout(() => {

src/views/About/About.vue

@@ -1,23 +1,59 @@
+<!--
+ * @Author: wally
+ * @email: 18603454788@163.com
+ * @Date: 2021-01-13 17:18:13
+ * @LastEditors: wally
+ * @LastEditTime: 2021-01-15 21:41:26
+-->
 <template>
+  <div>
+    <banner :show-page="showPage" />
     <div class="inner" style="margin-top: 50px; margin-bottom: 100px">
       <left-nav style="float: left" />
       <div style="width: 83%; float: right">
         <router-view></router-view>
       </div>
     </div>
+  </div>
 </template>
 
 <script>
+import Banner from 'components/Banner/Banner.vue';
 import LeftNav from './components/LeftNav.vue';
 export default {
   name: 'About',
-  components: { LeftNav },
+  components: { LeftNav, Banner },
   data() {
     return {
       title: '关于我们',
       arr: [{ name: '联系我们', url: '' }],
+      showPage: 92,
     };
   },
+  watch: {
+    $route(to, from) {
+      if (to.fullPath === '/About/Introduce') {
+        this.showPage = 91;
+      } else if (to.fullPath === '/About/Organ') {
+        this.showPage = 92;
+      } else if (to.fullPath === '/About/SpinOffs') {
+        this.showPage = 93;
+      } else {
+        this.showPage = 35;
+      }
+    },
+  },
+  created() {
+    if (this.$route.fullPath === '/About/Introduce') {
+      this.showPage = 91;
+    } else if (this.$route.fullPath === '/About/Organ') {
+      this.showPage = 92;
+    } else if (this.$route.fullPath === '/About/SpinOffs') {
+      this.showPage = 93;
+    } else {
+      this.showPage = 35;
+    }
+  },
 };
 </script>
 

src/views/Business/Business.vue

@@ -1,6 +1,13 @@
+<!--
+ * @Author: wally
+ * @email: 18603454788@163.com
+ * @Date: 2021-01-14 11:30:53
+ * @LastEditors: wally
+ * @LastEditTime: 2021-01-15 21:38:47
+-->
 <template>
   <div>
-    <rotation />
+    <banner :show-page="71" />
     <div class="inner content-box" style="margin-top: 50px; margin-bottom: 50px">
       <div :key="index" v-for="(item, index) in list">
         <div class="d-flex justify-space-between" v-if="index % 2 === 0">
@@ -40,17 +47,13 @@
 </template>
 
 <script>
-import Rotation from 'components/Rotation/Rotation.vue';
+import Banner from 'components/Banner/Banner.vue';
 export default {
   name: 'Introduce',
-  components: { Rotation },
+  components: { Banner },
   data() {
     return {
-      title: '关于我们-公司介绍',
+      title: '创业学院',
-      arr: [
-        { name: '关于我们', url: '/About/Introduce' },
-        { name: '公司介绍', url: '' },
-      ],
       list: [
         {
           title: '山西维基智汇科技有限公司',

src/views/Challenge/Challenge.vue

@@ -3,28 +3,47 @@
  * @email: 18603454788@163.com
  * @Date: 2021-01-14 12:20:06
  * @LastEditors: wally
- * @LastEditTime: 2021-01-14 12:29:14
+ * @LastEditTime: 2021-01-15 21:35:09
 -->
 <template>
+  <div>
+    <banner :show-page="61" v-show="showBanner === 1" />
     <div class="inner" style="margin-top: 50px; margin-bottom: 100px">
       <left-nav style="float: left" />
       <div style="width: 83%; float: right">
         <router-view></router-view>
       </div>
     </div>
+  </div>
 </template>
 
 <script>
+import Banner from 'components/Banner/Banner.vue';
 import LeftNav from './components/LeftNav.vue';
 export default {
   name: 'Challenge',
-  components: { LeftNav },
+  components: { LeftNav, Banner },
   data() {
     return {
       title: '创新挑战',
       arr: [{ name: '创新挑战', url: '' }],
+      showBanner: 0,
     };
   },
+  watch: {
+    $route(to, from) {
+      if (to.fullPath === '/Challenge/Solicitation') {
+        this.showBanner = 1;
+      } else {
+        this.showBanner = 0;
+      }
+    },
+  },
+  created() {
+    if (this.$route.fullPath === '/Challenge/Solicitation') {
+      this.showBanner = 1;
+    }
+  },
 };
 </script>
 

src/views/Challenge/Children/Solicitation.vue

@@ -1,3 +1,10 @@
+<!--
+ * @Author: wally
+ * @email: 18603454788@163.com
+ * @Date: 2021-01-14 12:20:06
+ * @LastEditors: wally
+ * @LastEditTime: 2021-01-15 21:47:40
+-->
 <template>
   <div class="white">
     <div class="words-content">
@@ -10,9 +17,12 @@
         科技信息咨询服务中心、科创战略协同研究中心、山西奥依工业设计咨询服务中心
       </p>
       <p class="words-title">征集流程</p>
-      <p
+      <p class="con-con">
-        class="con-con"
+        研究院的介绍包含研究院，公司架构，和各中心的介绍。各中心介绍包含科创体系与科创能力咨询服务中心、
-      >研究院的介绍包含研究院，公司架构，和各中心的介绍。各中心介绍包含科创体系与科创能力咨询服务中心、知识产权与技术转移咨询服务中心、数字化转型咨询服务中心、科技信息咨询服务中心、科创战略协同研究中心、山西奥依工业设计咨询服务中心；研究院的介绍包含研究院，公司架构，和各中心的介绍。各中心介绍包含科创体系与科创能力咨询服务中心、知识产权与技术转移咨询服务中心、数字化转型咨询服务中心、科技信息咨询服务中心、科创战略协同研究中心、山西奥依工业设计咨询服务中心</p>
+        知识产权与技术转移咨询服务中心、数字化转型咨询服务中心、科技信息咨询服务中心、科创战略协同研究中心、
+        山西奥依工业设计咨询服务中心；研究院的介绍包含研究院，公司架构，和各中心的介绍。各中心介绍包含科创体系与科创能力咨询服务中心、
+        知识产权与技术转移咨询服务中心、数字化转型咨询服务中心、科技信息咨询服务中心、科创战略协同研究中心、山西奥依工业设计咨询服务中心
+      </p>
     </div>
     <a-button class="btn" type="primary">我要发榜</a-button>
   </div>

src/views/Develop/Develop.vue

@@ -1,14 +1,31 @@
+<!--
+ * @Author: wally
+ * @email: 18603454788@163.com
+ * @Date: 2021-01-14 13:10:21
+ * @LastEditors: wally
+ * @LastEditTime: 2021-01-15 21:46:32
+-->
 
 
 <template>
   <div>
-    <rotation />
+    <banner :show-page="41" />
     <div class="inner" style="padding: 0 25px; padding-bottom: 50px">
       <!-- <p class="dev-title">维基数智</p> -->
-      <div class="dev-content line-height-30 mt-8">
+      <div class="dev-content line-height-30">
-        <div>传控科技成立于2015年8月，由资深电子产品工程师携自动化和计算机专业相关同仁创立，围绕时物链条构建软硬件开放平台，致力于成为智能传感器控制系统解决方案和关键设备供应商。</div>
+        <div>
-        <div>传控科技以传感器控制技术为核心进行开源模块及电子产品的研发生产、电子信息技术及网络应用的开发、咨询、服务、培训等，业务覆盖数字工厂、数字医疗、数字管理三大方向，自主研发产品先后应用于国家电力、北京科学技术委员会、山大一院、北京深孵咨询服务有限公司等企事业单位，清华大学、北京大学、山西大学、中北大学等高校。</div>
+          传控科技成立于2015年8月，由资深电子产品工程师携自动化和计算机专业相关同仁创立，
-        <div>传控科技拥有发明专利和知识产权二十余项，并且拥有国内及美国注册商标任意环、ANYRING、CCSENS、老吾老、幼吾幼、传控可及、时物链条等，已通过ISO9001认证。</div>
+          围绕时物链条构建软硬件开放平台，致力于成为智能传感器控制系统解决方案和关键设备供应商。
+        </div>
+        <div>
+          传控科技以传感器控制技术为核心进行开源模块及电子产品的研发生产、电子信息技术及网络应用的开发、
+          咨询、服务、培训等，业务覆盖数字工厂、数字医疗、数字管理三大方向，自主研发产品先后应用于国家电力、
+          北京科学技术委员会、山大一院、北京深孵咨询服务有限公司等企事业单位，清华大学、北京大学、山西大学、中北大学等高校。
+        </div>
+        <div>
+          传控科技拥有发明专利和知识产权二十余项，并且拥有国内及美国注册商标任意环、ANYRING、CCSENS、
+          老吾老、幼吾幼、传控可及、时物链条等，已通过ISO9001认证。
+        </div>
       </div>
       <div class="d-flex flex-row-reverse mt-8">
         <a-button class="dev-btn" type="primary">项目合作</a-button>
@@ -56,10 +73,10 @@
 </template>
 
 <script>
-import Rotation from 'components/Rotation/Rotation.vue';
+import Banner from 'components/Banner/Banner.vue';
 export default {
   name: 'Activity',
-  components: { Rotation },
+  components: { Banner },
   data() {
     return {
       lists: [

src/views/Hatch/Hatch.vue

@@ -3,7 +3,7 @@
  * @email: 18603454788@163.com
  * @Date: 2021-01-14 17:28:38
  * @LastEditors: wally
- * @LastEditTime: 2021-01-15 09:40:02
+ * @LastEditTime: 2021-01-15 21:28:46
 -->
 <template>
   <div>
@@ -31,7 +31,23 @@ export default {
       showPage: 0,
     };
   },
-
+  watch: {
+    $route(to, from) {
+      if (to.fullPath === '/Hatch/Incubator') {
+        this.showPage = 32;
+      } else if (to.fullPath === '/Hatch/Fictitious') {
+        this.showPage = 33;
+      } else if (to.fullPath === '/Hatch/Tutor') {
+        this.showPage = 34;
+      } else if (to.fullPath === '/Hatch/Partner') {
+        this.showPage = 35;
+      } else if (to.fullPath === '/Hatch/Service') {
+        this.showPage = 36;
+      } else {
+        this.showPage = 31;
+      }
+    },
+  },
   created() {
     if (this.$route.fullPath === '/Hatch/Incubator') {
       this.showPage = 32;

src/views/Hatch/components/LeftNav.vue

@@ -3,7 +3,7 @@
  * @email: 18603454788@163.com
  * @Date: 2021-01-13 17:25:56
  * @LastEditors: wally
- * @LastEditTime: 2021-01-14 18:08:51
+ * @LastEditTime: 2021-01-15 17:38:59
 -->
 <template>
   <div class="nav-box">
@@ -13,7 +13,9 @@
       @click="jump(item.url, index)"
       class="d-flex flex-column justify-center"
       v-for="(item, index) in list"
-    >{{ item.title }}</div>
+    >
+      {{ item.title }}
+    </div>
   </div>
 </template>
 

src/views/ServiceMarket/Children/Institute.vue

@@ -9,9 +9,12 @@
             <img src="~assets/fwcs01.png" />
           </div>
           <div>
-            <div
+            <div class="font-16 textColor line-height-36">
-              class="font-16 textColor line-height-36"
+              山西智汇协同创新研究院有限公司是维基智汇科技有限公司旗下，集创新创业咨询服务和协同创新为一体的新型研发机构。
-            >山西智汇协同创新研究院有限公司是维基智汇科技有限公司旗下，集创新创业咨询服务和协同创新为一体的新型研发机构。研究院秉承“创新、开放、协作、共赢”的发展理念，坚持专业化、高端化、市场化、国际化发展路线，立足新科技革命和产业发展前沿，聚焦创新创业发展需求，以为不同创新主体提供定制化科创整体解决方案为核心，以数智网络平台、战略合作平台和知识培训平台为支撑，以资源整合和协同创新研究为引擎，致力打造共融共生、共创共享的全链条一体化开放式创新创业咨询服务体系，构筑创新创业生态系统。</div>
+              研究院秉承“创新、开放、协作、共赢”的发展理念，坚持专业化、高端化、市场化、国际化发展路线，立足新科技革命和产业发展前沿，
+              聚焦创新创业发展需求，以为不同创新主体提供定制化科创整体解决方案为核心，以数智网络平台、战略合作平台和知识培训平台为支撑，
+              以资源整合和协同创新研究为引擎，致力打造共融共生、共创共享的全链条一体化开放式创新创业咨询服务体系，构筑创新创业生态系统。
+            </div>
           </div>
         </div>
       </div>
@@ -19,7 +22,7 @@
     <!-- 公司架构 -->
     <div class="white">
       <div class="d-flex flex-nowrap inner">
-        <div style="width:17%"></div>
+        <div style="width: 17%"></div>
         <div class="flex-1">
           <div class="px-3 py-10">
             <div class="d-flex flex-row fill-width justify-center py-10">
@@ -40,7 +43,7 @@
     </div>
     <!-- 中心介绍 -->
     <div class="d-flex flex-nowrap inner">
-      <div style="width:17%"></div>
+      <div style="width: 17%"></div>
       <div class="flex-1 flex-row fill-width justify-center pt-10">
         <div class="px-3 py-10">
           <img src="~assets/fwcs03.png" />

src/views/ServiceMarket/Children/ServiceDet.vue

@@ -1,15 +1,21 @@
+<!--
+ * @Author: wally
+ * @email: 18603454788@163.com
+ * @Date: 2021-01-14 16:25:40
+ * @LastEditors: wally
+ * @LastEditTime: 2021-01-15 21:42:54
+-->
 <template>
   <div>
-    <banner :show-page="showPage" />
     <div class="posi-name">
       <p class="service-name">{{ obj.name }}</p>
       <p class="service-eng">SERVICE</p>
     </div>
     <div class="inner service-box">
       <!-- <div style="margin-bottom: 40px" v-dompurify-html="obj.content"></div> -->
-      <div
+      <div style="margin-bottom: 40px">
-        style="margin-bottom: 40px"
+        研究院的介绍包含研究院，公司架构，和各中心的介绍。各中心介绍包含科创体系与科创能力咨询服务中心、知识产权与技术转移咨询服务中心、数字化转型咨询服务中心、科技信息咨询服务中心、科创战略协同研究中心、山西奥依工业设计咨询服务中心
-      >研究院的介绍包含研究院，公司架构，和各中心的介绍。各中心介绍包含科创体系与科创能力咨询服务中心、知识产权与技术转移咨询服务中心、数字化转型咨询服务中心、科技信息咨询服务中心、科创战略协同研究中心、山西奥依工业设计咨询服务中心</div>
+      </div>
       <div>
         <!-- <a-button>直接申请</a-button> -->
         <intention-model :type-data="typeData" style="float: left; margin-right: 20px" />
@@ -18,7 +24,9 @@
       </div>
       <div class="mt-10" style="margin-top: 40px">
         <p class="font-30">服务案例</p>
-        <div>研究院的介绍包含研究院，公司架构，和各中心的介绍。各中心介绍包含科创体系与科创能力咨询服务中心、知识产权与技术转移咨询服务中心、数字化转型咨询服务中心、科技信息咨询服务中心、科创战略协同研究中心、山西奥依工业设计咨询服务中心</div>
+        <div>
+          研究院的介绍包含研究院，公司架构，和各中心的介绍。各中心介绍包含科创体系与科创能力咨询服务中心、知识产权与技术转移咨询服务中心、数字化转型咨询服务中心、科技信息咨询服务中心、科创战略协同研究中心、山西奥依工业设计咨询服务中心
+        </div>
       </div>
     </div>
   </div>
@@ -28,14 +36,12 @@
 import { mapState } from 'vuex';
 import { selContent } from 'config/api';
 import IntentionModel from 'components/Introduce/IntentionModel.vue';
-import Banner from 'components/Banner/Banner.vue';
 import AddShopping from 'components/Introduce/AddShopping.vue';
 export default {
   name: 'ServiceDet',
-  components: { IntentionModel, Banner, AddShopping },
+  components: { IntentionModel, AddShopping },
   data() {
     return {
-      showPage: 100,
       obj: {
         name: '',
         id: '',

src/views/ServiceMarket/ServiceMarket.vue

@@ -3,12 +3,13 @@
  * @email: 18603454788@163.com
  * @Date: 2021-01-13 17:18:13
  * @LastEditors: wally
- * @LastEditTime: 2021-01-13 18:03:42
+ * @LastEditTime: 2021-01-15 21:43:33
 -->
 
 <template>
   <div>
     <!-- <left-nav style="float: left" /> -->
+    <banner :show-page="showPage" />
     <div>
       <router-view></router-view>
     </div>
@@ -16,12 +17,39 @@
 </template>
 
 <script>
-// import LeftNav from './components/LeftNav.vue';
+import Banner from 'components/Banner/Banner.vue';
 export default {
   name: 'ServiceMarket',
-  // components: { LeftNav },
+  components: { Banner },
   data() {
-    return {};
+    return {
+      str: '',
+      showPage: 11,
+    };
+  },
+  watch: {
+    $route(to, from) {
+      if (to.fullPath === '/ServiceMarket/Institute') {
+        this.showPage = 21;
+      } else if (to.fullPath === '/ServiceMarket/InnovativeService') {
+        this.showPage = 22;
+      } else if (to.fullPath === '/ServiceMarket/ServiceDet') {
+        this.showPage = 37;
+      } else {
+        this.showPage = 35;
+      }
+    },
+  },
+  created() {
+    if (this.$route.fullPath === '/ServiceMarket/Institute') {
+      this.showPage = 21;
+    } else if (this.$route.fullPath === '/ServiceMarket/InnovativeService') {
+      this.showPage = 22;
+    } else if (this.$route.fullPath === '/ServiceMarket/ServiceDet') {
+      this.showPage = 37;
+    } else {
+      this.showPage = 35;
+    }
   },
 };
 </script>