From 1022a35efe40f4692dc0a41e5a1524e21ccd2fa5 Mon Sep 17 00:00:00 2001
From: lucky <srf428110@163.com>
Date: Thu, 14 Jan 2021 23:02:51 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=B5=E5=8C=96=E5=B9=B3=E5=8F=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/teacher01.png                  | Bin 0 -> 615 bytes
 src/assets/teacher02.png                  | Bin 0 -> 705 bytes
 src/common/portrait.styl                  |  40 ++++
 src/components/Banner/Banner.vue          |  14 +-
 src/components/Introduce/Pter.vue         |  11 +-
 src/router/index.js                       |   6 +
 src/views/About/Children/Partner.vue      |   4 -
 src/views/FirstPage/FirstPage.vue         |  84 ++++++---
 src/views/Hatch/Children/Partner.vue      |   9 +-
 src/views/Hatch/Children/Service.vue      | 133 +++++++++++++-
 src/views/Hatch/Children/Tutor.vue        | 135 +++++++++++++-
 src/views/Hatch/Hatch.vue                 |  32 +++-
 src/views/ItInformation/ItInformation.vue | 212 ++++++++++++++++++++++
 13 files changed, 632 insertions(+), 48 deletions(-)
 create mode 100644 src/assets/teacher01.png
 create mode 100644 src/assets/teacher02.png
 create mode 100644 src/views/ItInformation/ItInformation.vue

diff --git a/src/assets/teacher01.png b/src/assets/teacher01.png
new file mode 100644
index 0000000000000000000000000000000000000000..f2cd09cf42d903da6fe8661c309fda85dfca996c
GIT binary patch
literal 615
zcmV-t0+{`YP)<h;3K|Lk000e1NJLTq001Qb001Qj1^@s6#hxGo00004b3#c}2nYxW
zd<bNS0006WNkl<ZSV!%c&ubGw7>1v3R#4-QDvA&y-UY>r^dO3VfuKSVL7}Jw1k+5!
zb3we-Lnes?4TOjY9^%crf*^Xa^rAQM7A%U27}UVzlf@KlHO&yV(8JDkci(yTnPHiC
zg$+1l12U09g|13!Y9dpmQt2FUZQR2m@)LLi+;`3`uD-umEFLk&TmcROo5$rDW9BQB
z%9G{$RxF>jwymn?fsbniiO3FM3h1lqQ(&fAtu9$>cd6=Q5jhEL0=}y1_c2*}fP2ol
z@<=G)v~zCvxVM{~ojoKXbHFJP`Qp8wj-u!_un%Z@@8|3F`nz#C*4kLW!$hFs$@2Mp
zl*{GL03F~PuoJlKoNEI*4k*5!IMni_*4pR52~}O}cDqMAosJIyT5qV^zztQsQ>|8u
zp+M^mH3PH<gTd8Wt#&ts8fCy*o0<yR9;vAyO@BUs>7ELbm6{6Dl<uieO{uBWRKRgK
zZYiTg#YI3w-uC<bXN^YV!|<T?&lf!|5#IZ=Q4}2*mW)x67uGzZm&@gwsv4JpkkJQT
z0uKg*!8T(|O;xW0OTa}DISy<O2?FMvbGQE6W<mlAg~C)OlZhw1q^i>*vLE<0>~}wa
zt*ZLo81uq=|ESmNy=t{upF^@IhWaa9^7;IhY&Lt$7*hcb0}FAP_1-Vk>-89PqLJ9Y
zghHXPx7lodnuuc6Ly18p0h7e?CCRZOD>W6W_BZf!*)`fGPpSX_002ovPDHLkV1hZ$
B9H9UJ

literal 0
HcmV?d00001

diff --git a/src/assets/teacher02.png b/src/assets/teacher02.png
new file mode 100644
index 0000000000000000000000000000000000000000..f075d5038e8ee4e338b3f72e3d9237cf15742e0c
GIT binary patch
literal 705
zcmV;y0zUnTP)<h;3K|Lk000e1NJLTq001Wd001Wl1^@s6jH6LC00004b3#c}2nYxW
zd<bNS0007bNkl<ZSV!%cKZp}S6vp41xRKq{;|d|gq1TBh{wof-LMto5UPKfG!A1_3
z><nxyrbr-@U9dUftOPr;R1ho#jbd@lH7X}usX>i$5-zJGJ5K^RxaghPY;sA^-EP_U
zz4z^J_PrSvVT>;vV{ed{i@Q1rx&McpQYwdtXXCzc54!KoX7ifsx?i@^bbNDC%3YRa
z-2;GwTI>5g6p0ne82d>?4}=i4uIBRj{Qh)0{f3BUg%B&TDh^Q8LC*L6!&>Vnobwqe
z<&<ff3ji=Nz<R%@s)b>A({<giUC9-T#p8^zGUt3!DYX|7=e5?mcgh?h{s@BLj+AmO
zs<~yx*pX~D`*x>HMa|o>tZj170AQJjo<>a)Hx3c^A)@Cv&gV$v5OEOz9uH}h%n{K^
zA;i1L=7bP)acT6TQ%cnk@dW35H8Gcv>xDqKSSe-NvaHJha039Qh)B0Ih`0v;)`^H(
z_l&WNj^n)E$oI!6X?5$M8^ZIvOIqs%L_E(qFK_iSN~tm;-r}4;AF8=hskFoxyYjce
zJ`!_<LLp-q#;Z!Dax|04q*JNXVk(uoYTI_OnczswwG1ewR)QcnwcQ@tjv39edY*Ti
zh|bjO_0v+y`dEE)`FwubFpRqZFpY?-MAT>-Jb;KFh$uwFV*qe{bHfa!TU$n?l*}~E
z3C7rL7=~thbUf5r&jY|m0MONH^@Z>I>qG6<?dIUWv$y)be<%#YCBragY}@|UZSwc~
zyeD!}%1P5S-y`BnB6`$s@d*0Xt`Y6Xw2`b>EEX7J=OQHUH)O5RXk5tUa-X`M=lZQQ
nXnpb{Coa*1TtY4`fw;O~H-<bnMf_Gm00000NkvXXu0mjfPgqZp

literal 0
HcmV?d00001

diff --git a/src/common/portrait.styl b/src/common/portrait.styl
index 7ac8c02..de4d149 100644
--- a/src/common/portrait.styl
+++ b/src/common/portrait.styl
@@ -23,6 +23,10 @@
   padding: 20px;
 }
 
+.pa-10 {
+  padding: 40px;
+}
+
 .pb-3 {
   padding-bottom: 12px;
 }
@@ -113,6 +117,42 @@
   padding-bottom: 40px;
 }
 
+.pl-1{
+  padding-left: 4px;
+}
+
+.pl-2{
+  padding-left: 8px;
+}
+
+.pl-3{
+  padding-left: 12px;
+}
+
+.pr-1{
+  padding-right: 4px;
+}
+
+.pr-2{
+  padding-right: 8px;
+}
+
+.pr-3{
+  padding-right: 12px;
+}
+
+.pt-1{
+  padding-top: 4px;
+}
+
+.pt-2{
+  padding-top: 8px;
+}
+
+.pt-3{
+  padding-top: 12px;
+}
+
 // margin
 .ma-2 {
   margin: 8px;
diff --git a/src/components/Banner/Banner.vue b/src/components/Banner/Banner.vue
index 5e0a61f..fb7ba38 100644
--- a/src/components/Banner/Banner.vue
+++ b/src/components/Banner/Banner.vue
@@ -32,13 +32,13 @@ export default {
   computed: mapState('home', ['bannerLists']),
 
   mounted() {
-    window.addEventListener('scroll', this.handleScroll);
-    setTimeout(() => {
-      document.querySelector('#banner-box').scrollIntoView({
-        behavior: 'smooth', // 平滑过渡
-        block: 'start', // 上边框与视窗顶部平齐
-      });
-    }, 1000);
+    // window.addEventListener('scroll', this.handleScroll);
+    // setTimeout(() => {
+    //   document.querySelector('#banner-box').scrollIntoView({
+    //     behavior: 'smooth', // 平滑过渡
+    //     block: 'start', // 上边框与视窗顶部平齐
+    //   });
+    // }, 1000);
   },
 
   async created() {
diff --git a/src/components/Introduce/Pter.vue b/src/components/Introduce/Pter.vue
index fe71b94..1a09d73 100644
--- a/src/components/Introduce/Pter.vue
+++ b/src/components/Introduce/Pter.vue
@@ -12,9 +12,12 @@
       <p class="title-en">Partners</p>
     </div>
     <div class="partner-content-box d-flex flex-wrap">
-      <div v-for="(item, index) in lists" :key="index" class="item-box" :class="(index + 1) % 4 === 0 ? 'mr0' : ''">
-        {{ item }}
-      </div>
+      <div
+        :class="(index + 1) % 4 === 0 ? 'mr0' : ''"
+        :key="index"
+        class="item-box"
+        v-for="(item, index) in lists"
+      >{{ item }}</div>
     </div>
   </div>
 </template>
@@ -35,7 +38,7 @@ export default {
 .partner-title-box {
   height: 70px;
   line-height: 34px;
-  margin: 0 0 40px 20px;
+  margin: 30px 0 30px 20px;
   padding-left: 6px;
   border-left: 6px solid #007CC1;
 }
diff --git a/src/router/index.js b/src/router/index.js
index acc89d2..4d172c7 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -223,6 +223,12 @@ const routes = [
       },
     ],
   },
+  // 行业资讯
+  {
+    path: '/ItInformation',
+    name: 'ItInformation',
+    component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/ItInformation/ItInformation.vue'),
+  },
 ];
 
 const router = new VueRouter({
diff --git a/src/views/About/Children/Partner.vue b/src/views/About/Children/Partner.vue
index adf5633..2d1a12a 100644
--- a/src/views/About/Children/Partner.vue
+++ b/src/views/About/Children/Partner.vue
@@ -13,10 +13,6 @@ export default {
     return {
       title: '合作伙伴',
       typeOfPlatform: '关于我们',
-      arr: [
-        { name: '关于我们', url: '/About/Introduce' },
-        { name: '合作伙伴', url: '' },
-      ],
     };
   },
 };
diff --git a/src/views/FirstPage/FirstPage.vue b/src/views/FirstPage/FirstPage.vue
index 7163415..dc47d30 100644
--- a/src/views/FirstPage/FirstPage.vue
+++ b/src/views/FirstPage/FirstPage.vue
@@ -9,17 +9,14 @@
     <div class="white py-10">
       <div class="inner">
         <div class="d-flex flex-nowrap justify-space-around">
-          <div class="d-flex flex-column align-center">
-            <img src="~assets/index01.png" />
-            <span class="font-26 textColor mt-8">创新政策</span>
-          </div>
-          <div class="d-flex flex-column align-center">
-            <img src="~assets/index02.png" />
-            <span class="font-26 textColor mt-8">双创活动</span>
-          </div>
-          <div class="d-flex flex-column align-center">
-            <img src="~assets/index03.png" />
-            <span class="font-26 textColor mt-8">服务超市</span>
+          <div
+            :key="item.id"
+            @click="$router.push(item.path)"
+            class="d-flex flex-column align-center pointer"
+            v-for="item in arr1"
+          >
+            <img :src="item.url" />
+            <span class="font-26 textColor mt-8">{{ item.name }}</span>
           </div>
         </div>
       </div>
@@ -28,29 +25,31 @@
     <div class="inner">
       <!-- floor2 -->
       <div class="d-flex flex-nowrap justify-space-around">
-        <div class="d-flex flex-column align-center mr-2">
-          <img src="~assets/index04.png" />
-          <div class="font-26 textColor title grey">数智开发</div>
-        </div>
-        <div class="d-flex flex-column align-center ml-2">
-          <img src="~assets/index05.png" />
-          <div class="font-26 textColor title grey">创新挑战</div>
+        <div
+          :key="item.id"
+          @click="$router.push(item.path)"
+          class="d-flex flex-column align-center mr-2 pointer"
+          v-for="item in arr2"
+        >
+          <img :src="item.url" />
+          <div class="font-26 textColor title grey">{{ item.name }}</div>
         </div>
       </div>
       <!-- 行业资讯 -->
       <div class="d-flex flex-column" style="margin-top: 60px">
-        <div class="new-title base-bg font-bold-30 white--text">行业资讯</div>
+        <div class="new-title base-bg font-bold-30 white--text pointer">行业资讯</div>
         <div class="py-8 white">
           <div
             :key="index"
-            class="font-20 d-flex flex-nowrap justify-start px-10 py-4"
+            @click="$router.push('/ItInformation')"
+            class="font-20 d-flex flex-nowrap justify-start px-10 py-4 pointer"
             v-for="(list, index) in lists"
           >
             <div class="textColor new-txt">{{ list.title }}</div>
             <div
               class="secondary new-time"
               v-if="list.time"
-            >{{ $moment(+list.time).format('YYYY-MM-DD') }}</div>
+            >{{ $moment(+list.time * 1000).format('YYYY-MM-DD') }}</div>
           </div>
         </div>
       </div>
@@ -64,7 +63,7 @@
 </template>
 
 <script>
-import { mapState, mapActions } from 'vuex';
+import { mapState, mapActions, mapMutations } from 'vuex';
 import Rotation from 'components/Rotation/Rotation.vue';
 import {} from 'config/api';
 
@@ -73,6 +72,40 @@ export default {
   data() {
     return {
       str: '',
+      arr1: [
+        {
+          id: 1,
+          name: '创新政策',
+          url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/index01.png',
+          path: '/Policy',
+        },
+        {
+          id: 2,
+          name: '双创活动',
+          url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/index02.png',
+          path: '/Activity',
+        },
+        {
+          id: 3,
+          name: '服务超市',
+          url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/index03.png',
+          path: '/ServiceMarket/Institute',
+        },
+      ],
+      arr2: [
+        {
+          id: 4,
+          name: '数智开发',
+          url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/index04.png',
+          path: '/Develop',
+        },
+        {
+          id: 5,
+          name: '创新挑战',
+          url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/index05.png',
+          path: '/Challenge/Solicitation',
+        },
+      ],
       lists: [],
     };
   },
@@ -82,6 +115,7 @@ export default {
 
   methods: {
     ...mapActions('home', ['getIndustryInfoList']),
+    ...mapMutations('home', ['setActDetail']),
 
     // 获取行业资讯列表
     async getIndustryInfoLists() {
@@ -94,6 +128,12 @@ export default {
       const res = await this.getIndustryInfoList(params);
       this.lists = res.list;
     },
+
+    // 跳转到详情界面
+    // jumpDetails(item) {
+    //   this.setActDetail(item);
+    //   this.$router.push('/ActDetails');
+    // },
   },
 };
 </script>
diff --git a/src/views/Hatch/Children/Partner.vue b/src/views/Hatch/Children/Partner.vue
index f820f62..ed90d02 100644
--- a/src/views/Hatch/Children/Partner.vue
+++ b/src/views/Hatch/Children/Partner.vue
@@ -1,11 +1,16 @@
 <template>
-  <div>合作伙伴</div>
+  <div>
+    <pter />
+  </div>
 </template>
 <script>
+import Banner from 'components/Banner/Banner.vue';
+import Pter from 'components/Introduce/Pter.vue';
 export default {
   name: 'Partner',
+  components: { Banner, Pter },
   data() {
-    return {};
+    return { showPage: 11, title: '孵化平台', typeOfPlatform: '合作伙伴' };
   },
 };
 </script>
diff --git a/src/views/Hatch/Children/Service.vue b/src/views/Hatch/Children/Service.vue
index c1b4ea6..a4be78d 100644
--- a/src/views/Hatch/Children/Service.vue
+++ b/src/views/Hatch/Children/Service.vue
@@ -1,11 +1,140 @@
 <template>
-  <div>创业服务</div>
+  <div>
+    <div class="d-flex flex-wrap flex-row pa-3 white">
+      <div
+        :class="(index + 1) % 2 === 0 ? 'ml' : 'mr'"
+        :key="index"
+        class="item-box d-flex flex-nowrap"
+        v-for="(item, index) in list"
+      >
+        <img :src="item.picUrl" />
+        <div class="flex-1 flex-column pl-3">
+          <div class="font-bold-22 py-3 item-title">{{ item.name }}</div>
+          <div class="font-16 my-3 textColor item-content">{{ item.intro }}</div>
+          <div
+            @click="jump(item.id)"
+            class="font-16 pointer"
+            style="text-align: right;color:#E77816"
+          >查看更多>></div>
+        </div>
+      </div>
+    </div>
+    <div class="inner">
+      <a-pagination
+        :current="current"
+        :page-size="pageSize"
+        :total="total"
+        @change="onShowSizeChange"
+        class="pagination"
+        show-less-items
+        show-quick-jumper
+        v-show="total > 8"
+      />
+    </div>
+  </div>
 </template>
+
 <script>
+import { mapMutations } from 'vuex';
+import { selService } from 'config/api';
+
 export default {
   name: 'Service',
   data() {
-    return {};
+    return {
+      title: '创业服务',
+      arr: [
+        { name: '孵化平台', url: '' },
+        { name: '创业服务', url: '/Hatch/Services' },
+      ],
+      list: [],
+      current: 1,
+      pageSize: 8,
+      total: 0,
+    };
+  },
+
+  created() {
+    this.getService();
+  },
+
+  methods: {
+    ...mapMutations('home', ['setServiceArr']),
+    // 改变单当前页数
+    onShowSizeChange(current, size) {
+      this.current = current;
+    },
+
+    // 获取服务列表
+    async getService() {
+      try {
+        const params = { param: { serviceType: 2 } };
+        const res = await selService(params);
+        const { code, data, msg } = res.data;
+        if (code === 200) {
+          this.list = data;
+        }
+      } catch (error) {
+        console.log(data);
+      }
+    },
+
+    // 查看 服务 详情
+    jump(id) {
+      console.log(id);
+      this.setServiceArr([]);
+      this.setServiceArr(this.arr);
+      this.$router.push({
+        path: '/NewPlatform/ServiceDet',
+        name: 'ServiceDet',
+        params: { id },
+      });
+    },
   },
 };
 </script>
+
+<style lang="stylus" scoped>
+.pagination {
+  text-align: right;
+}
+
+.ml {
+  margin-left: 3%;
+}
+
+.mr {
+  margin-right: 3%;
+}
+
+.item-box {
+  width: 47%;
+  border-radius: 4px;
+  margin-bottom: 60px;
+}
+
+.item-box img {
+  width: 200px;
+  height: 192px;
+  border-radius: 15px;
+}
+
+.item-title {
+  border-bottom: 1px dashed #cfcfcf;
+}
+
+.item-content {
+  display: -webkit-box;
+  overflow: hidden;
+  white-space: normal !important;
+  text-overflow: ellipsis;
+  word-wrap: break-word;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  height: 75px;
+}
+
+.margin-0 {
+  margin-right: 0 !important;
+}
+</style>
diff --git a/src/views/Hatch/Children/Tutor.vue b/src/views/Hatch/Children/Tutor.vue
index e5b94ad..70632d1 100644
--- a/src/views/Hatch/Children/Tutor.vue
+++ b/src/views/Hatch/Children/Tutor.vue
@@ -1,11 +1,142 @@
+<!--
+  Copyright (c) 2020.
+  author: song
+  email: 15235360226@163.com
+  -->
+
 <template>
-  <div>创业导师</div>
+  <div class="pa-10 white" v-if="teachers && teachers.length > 0">
+    <div :key="teacher.categoryId" class="mb-4" v-for="teacher in teachers">
+      <p class="font-bold-20 title-color">{{ teacher.categoryName }}</p>
+      <div class="d-flex flex-wrap mb-10" v-if="teacher.services && teacher.services.length">
+        <div
+          :class="(index + 1) % 4 === 0 ? 'teacher-box1' : ''"
+          :key="index"
+          class="teacher-box font-24 mb-3"
+          v-for="(item, index) in teacher.services"
+        >
+          <div :class="index === 0 ? 'teacher-item-active' : ''" class="teacher-item font-24 mb-3">
+            <div class="font-26 teacher-title mb-5">{{ item.name }}</div>
+            <div class="font-14 teacher-txt">
+              会组成按理事会章程执行，经理
+              层设总经理 1 名、会组成按理事
+              会章程执行，经理层设总经理 1
+              名导师。
+            </div>
+            <div class="d-flex flex-row justify-center py-5">
+              <span></span>
+            </div>
+            <div class="d-flex flex-row justify-center">
+              <img src="~assets/teacher01.png" v-if="index === 0" />
+              <img src="~assets/teacher02.png" v-else />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
+
 <script>
+import { mapState, mapMutations, mapActions } from 'vuex';
+import { selTeacher } from 'config/api';
+
 export default {
   name: 'Tutor',
   data() {
-    return {};
+    return {
+      title: '孵化平台-创业导师',
+      showPage: 44,
+      arr: [
+        { name: '孵化平台', url: '/IncubationPlatform/MakerSpace' },
+        { name: '创业导师', url: '' },
+      ],
+      teachers: [],
+    };
+  },
+
+  created() {
+    this.handleTeacher();
+  },
+
+  methods: {
+    // 查询 导师
+    async handleTeacher() {
+      try {
+        const res = await selTeacher();
+        const { code, msg, data } = res.data;
+        if (code === 200) {
+          this.teachers = data;
+          for (let i = 0; i < this.teachers.length; i++) {
+            const element = this.teachers[i];
+            for (let j = 0; j < element.services.length; j++) {
+              for (let k = 0; k < element.services.length - j; k++) {
+                if (element.services[k].order > element.services[k + 1].order) {
+                  let a = {};
+                  a = element.services[k + 1].order;
+                  element.services[k + 1].order = element.services[k].order;
+                  element.services[k].order = a;
+                }
+              }
+            }
+          }
+        } else {
+          this.$message.error(msg);
+        }
+      } catch (error) {
+        this.$message.error(error);
+      }
+    },
   },
 };
 </script>
+
+<style lang="stylus" scoped>
+.teacher-box {
+  width: 22%;
+  margin-right: 4%;
+}
+
+.teacher-box1 {
+  margin-right: 0;
+}
+
+.teacher-item {
+  width: 100%;
+  padding: 24px 12px 30px;
+  background: #f8f8f8;
+  color: rgba(80, 80, 80, 0.7);
+  text-align: center;
+
+  .teacher-title {
+    text-align: center;
+    color: rgba(80, 80, 80, 0.4);
+  }
+
+  .teacher-txt {
+    text-align: justify;
+    height: 105px;
+    overflow: hidden;
+  }
+
+  span {
+    display: inline-block;
+    width: 28px;
+    height: 3px;
+    background: #E77816;
+  }
+}
+
+.teacher-item-active {
+  background: #E77816;
+  color: #fff;
+
+  .teacher-title {
+    color: #fff;
+  }
+
+  span {
+    background: #fff;
+  }
+}
+</style>
diff --git a/src/views/Hatch/Hatch.vue b/src/views/Hatch/Hatch.vue
index a6c4365..6139107 100644
--- a/src/views/Hatch/Hatch.vue
+++ b/src/views/Hatch/Hatch.vue
@@ -1,23 +1,45 @@
 <template>
-  <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>
+    <banner :show-page="showPage" />
+    <div class="inner" style="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: 'Hatch',
-  components: { LeftNav },
+  components: { Banner, LeftNav },
   data() {
     return {
       title: '孵化平台',
       arr: [{ name: '孵化平台', url: '' }],
+      showPage: 0,
     };
   },
+
+  created() {
+    if (this.$route.fullPath === '/Hatch/Incubator') {
+      this.showPage = 32;
+    } else if (this.$route.fullPath === '/Hatch/Fictitious') {
+      this.showPage = 33;
+    } else if (this.$route.fullPath === '/Hatch/Tutor') {
+      this.showPage = 34;
+    } else if (this.$route.fullPath === '/Hatch/Partner') {
+      this.showPage = 35;
+    } else if (this.$route.fullPath === '/Hatch/Service') {
+      this.showPage = 36;
+    } else {
+      this.showPage = 31;
+    }
+  },
 };
 </script>
 
diff --git a/src/views/ItInformation/ItInformation.vue b/src/views/ItInformation/ItInformation.vue
new file mode 100644
index 0000000..b502bae
--- /dev/null
+++ b/src/views/ItInformation/ItInformation.vue
@@ -0,0 +1,212 @@
+<!--
+  Copyright (c) 2020.
+  author: bin
+  email: binbin0314@126.com
+  -->
+
+<template>
+  <div class="inner">
+    <div class="policy-box">
+      <div :key="index" class="policy-list" v-for="(item, index) in lists">
+        <div @click="jumpDetails(item)" class="date-box pointer" v-if="item.time">
+          <p class="date-mon">{{ monthEnglish[item.time.split('-')[1] - 1] }}.</p>
+          <p class="date-day">{{ item.time.split(' ')[0].split('-')[2] }}</p>
+        </div>
+        <p @click="jumpDetails(item)" class="item-title pointer">{{ item.title }}</p>
+        <p @click="jumpDetails(item)" class="item-content pointer">{{ item.content }}</p>
+        <p class="source-time">
+          <span class="source" v-if="item.time">时间：{{ item.time }}</span>
+          <span class="source">地点：{{ item.site }}</span>
+        </p>
+      </div>
+    </div>
+    <a-pagination
+      :current="current"
+      :page-size="pageSize"
+      :total="total"
+      @change="onShowSizeChange"
+      class="pagination"
+      show-less-items
+      show-quick-jumper
+      v-show="total > 5"
+    />
+  </div>
+</template>
+
+<script>
+import { mapState, mapMutations } from 'vuex';
+import { industryInfo } from 'config/api';
+export default {
+  name: 'ItInformation',
+  data() {
+    return {
+      lists: [],
+      total: 0,
+      pageSize: 5,
+      current: 1,
+      monthEnglish: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Spt', 'Oct', 'Nov', 'Dec'],
+    };
+  },
+  created() {
+    this.getData();
+  },
+  methods: {
+    ...mapMutations('home', ['setActDetail']),
+    async getData() {
+      try {
+        const params = {
+          param: {
+            pageNum: this.current,
+            pageSize: this.pageSize,
+          },
+        };
+        const res = await industryInfo(params);
+        const { code, data, msg } = res.data;
+        if (code === 200) {
+          this.lists = data.list;
+          this.total = parseInt(data.total);
+          for (var i = 0; i < this.lists.length; i++) {
+            // this.lists[i].time = moment(this.lists[i].time).format('YYYY-MM-DD');
+            this.lists[i].time = this.$moment(parseInt(this.lists[i].time) * 1000).format('YYYY-MM-DD');
+          }
+        } else {
+          console.log(msg);
+        }
+      } catch (error) {
+        this.$message.error(error);
+      }
+    },
+
+    onShowSizeChange(current) {
+      this.current = current;
+      this.getData();
+    },
+
+    // 跳转到详情界面
+    jumpDetails(item) {
+      this.setActDetail(item);
+      this.$router.push('/ActDetails');
+    },
+  },
+};
+</script>
+
+<style scoped lang="stylus">
+.inner {
+  margin: 40px auto;
+}
+
+.policy-box {
+  .policy-list {
+    position: relative;
+    width: 100%;
+    height: 238px;
+    overflow: hidden;
+    background: #fff;
+    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+    margin-top: 24px;
+    padding: 25px;
+  }
+}
+
+.item-title {
+  margin-left: 200px;
+  overflow: hidden;
+  display: -webkit-box;
+  font-size: 24px;
+  color: rgba(0, 0, 0, 0.65);
+  font-family: Microsoft YaHei;
+  font-weight: bold;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+}
+
+.item-content {
+  margin-left: 200px;
+  text-indent: 2em;
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.35);
+  line-height: 36px;
+  font-family: Microsoft YaHei;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.source {
+  cursor: pointer;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  opacity: 1;
+  margin-right: 24px;
+}
+
+.time {
+  font-size: 14px;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  color: rgba(0, 0, 0, 0.25);
+  opacity: 1;
+}
+
+.original {
+  position: absolute;
+  right: 25px;
+  bottom: 25px;
+  font-size: 14px;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  line-height: 22px;
+  opacity: 1;
+  margin-bottom: 0;
+
+  span {
+    cursor: pointer;
+  }
+}
+
+.date-box {
+  height: 188px !important;
+  width: 188px !important;
+  position: absolute !important;
+  top: 0 !important;
+  // box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+  text-align: center;
+  box-shadow: none !important;
+  padding: 25px;
+  margin-top: 24px;
+
+  p {
+    margin-bottom: 0 !important;
+  }
+}
+
+.date-mon {
+  font-size: 40px;
+  height: 40px;
+  line-height: 40px;
+  font-weight: 500;
+  color: #13ACC4;
+}
+
+.date-day {
+  font-size: 70px;
+  height: 80px;
+  line-height: 80px;
+  font-weight: bold;
+  color: #13ACC4;
+}
+
+.source-time {
+  margin-left: 200px;
+  position: absolute;
+  bottom: 26px;
+  margin-bottom: 0;
+}
+
+.pagination {
+  margin-top: 68px;
+  text-align: right;
+}
+</style>