孵化平台

src/common/platform.styl

@@ -132,7 +132,6 @@
 .content-box {
   position: relative;
   padding: 0 9%;
-
 }
 .introduce-box {
   width: 60%;

src/components/HeadNav/HeadNav.vue

@@ -91,26 +91,35 @@ export default {
         },
         {
           name: '孵化平台',
+          url: '/IncubationPlatform/MakerSpace',
           children: [
             {
               title: '众创空间',
-              url: '',
+              url: '/IncubationPlatform/MakerSpace',
             },
             {
               title: '公共实验室',
-              url: '',
+              url: '/IncubationPlatform/PublicLaboratory',
+            },
+            {
+              title: '中试基地',
+              url: '/IncubationPlatform/PilotBase',
+            },
+            {
+              title: '创业导师',
+              url: '/IncubationPlatform/Tutor',
             },
             {
               title: '合作伙伴',
-              url: '',
+              url: '/IncubationPlatform/Partner',
             },
             {
               title: '创业服务',
-              url: '',
+              url: '/IncubationPlatform/Services',
             },
             {
               title: '产品展示',
-              url: '',
+              url: '/IncubationPlatform/Products',
             },
           ],
         },

src/router/index.js

@@ -111,7 +111,7 @@ const routes = [
     name: 'ContactUs',
     component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/ContactUs/ContactUs.vue'),
   },
-
+  // 创新平台
   {
     path: '/NewPlatform/NewCore',
     name: 'NewPlatform',
@@ -175,6 +175,56 @@ const routes = [
       },
     ],
   },
+  // 孵化平台
+  {
+    path: '/IncubationPlatform/MakerSpace',
+    name: 'IncubationPlatform',
+    component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/IncubationPlatform/IncubationPlatform.vue'),
+    children: [
+      // 众创空间
+      {
+        path: '/IncubationPlatform/MakerSpace',
+        name: 'MakerSpace',
+        component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/IncubationPlatform/Children/MakerSpace.vue'),
+      },
+      // 公共实验室
+      {
+        path: '/IncubationPlatform/PublicLaboratory',
+        name: 'PublicLaboratory',
+        component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/IncubationPlatform/Children/PublicLaboratory.vue'),
+      },
+      // 中试基地
+      {
+        path: '/IncubationPlatform/PilotBase',
+        name: 'PilotBase',
+        component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/IncubationPlatform/Children/PilotBase.vue'),
+      },
+      // 创业导师
+      {
+        path: '/IncubationPlatform/Tutor',
+        name: 'Tutor',
+        component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/IncubationPlatform/Children/Tutor.vue'),
+      },
+      // 合作伙伴
+      {
+        path: '/IncubationPlatform/Partner',
+        name: 'Partner',
+        component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/IncubationPlatform/Children/Partner.vue'),
+      },
+      // 创业服务
+      {
+        path: '/IncubationPlatform/Services',
+        name: 'Services',
+        component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/IncubationPlatform/Children/Services.vue'),
+      },
+      // 产品展示
+      {
+        path: '/IncubationPlatform/Products',
+        name: 'Products',
+        component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/IncubationPlatform/Children/Products.vue'),
+      },
+    ],
+  },
   // 购物车
   {
     path: '/Cart',

src/views/About/Children/Introduce.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <banner :showPage="showPage" />
+    <banner :show-page="showPage" />
     <h-nav />
     <div class="inner">
       <bread-crumb :arr="arr" />

src/views/About/Children/Organ.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <banner :showPage="showPage" />
+    <banner :show-page="showPage" />
     <h-nav />
     <div class="inner">
       <bread-crumb :arr="arr" />

src/views/About/Children/Partner.vue

@@ -4,7 +4,7 @@
     <div class="inner">
       <bread-crumb :arr="arr" />
       <div class="py-5 my-5">
-        <partner-ship :title="title" :typeOfPlatform="typeOfPlatform" />
+        <partner-ship :title="title" :type-of-platform="typeOfPlatform" />
       </div>
     </div>
   </div>

src/views/IncubationPlatform/Children/MakerSpace.vue

@@ -0,0 +1,89 @@
+<template>
+  <div>
+    <banner :show-page="showPage" />
+    <h-nav />
+    <div class="inner">
+      <bread-crumb :arr="arr" />
+      <div>
+        <div
+          :key="index"
+          @click="jump(item.url)"
+          style="margin-top: 50px; cursor: pointer"
+          v-for="(item, index) in list"
+        >
+          <div class="d-flex justify-space-between" v-if="index % 2 === 0">
+            <div class="introduce-box">
+              <p class="introduce-title">{{ item.title }}</p>
+              <p class="introduce-content">{{ item.content }}</p>
+            </div>
+            <img :src="item.imgUrl" style="width: 452px" />
+          </div>
+          <div class="d-flex justify-space-between" v-else>
+            <img :src="item.imgUrl" style="width: 452px" />
+            <div class="introduce-box">
+              <p class="introduce-title">{{ item.title }}</p>
+              <p class="introduce-content">{{ item.content }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Banner from 'components/Banner/Banner.vue';
+import HNav from './../components/HNav.vue';
+import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
+
+export default {
+  name: 'MakerSpace',
+  components: { BreadCrumb, HNav, Banner },
+  data() {
+    return {
+      showPage: 41,
+      arr: [
+        { name: '孵化平台', url: '/IncubationPlatform/MakerSpace' },
+        { name: '众创空间', url: '' },
+      ],
+      list: [
+        {
+          title: '实体空间',
+          content:
+            '山西绿谷生物科技股份有限公司立足功能食品、生物医药和大健康产业，聚焦“创新”、聚力“孵化”、聚合“产业”，' +
+            '致力建设集创新链、孵化链和产业链为一体，产学研协同、多学科交叉、大中小企业...',
+          imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210106/9059bddfe0254a269bf8f575c917b199.png',
+          url: '/NewPlatform/Share',
+        },
+        {
+          title: '虚拟空间',
+          content:
+            '山西绿谷生物科技股份有限公司立足功能食品、生物医药和大健康产业，聚焦“创新”、聚力“孵化”、聚合“产业”，' +
+            '致力建设集创新链、孵化链和产业链为一体，产学研协同、多学科交叉、大中小企业...',
+          imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210106/73cba2c598e24bc99d4b988185138f44.png',
+          url: '/NewPlatform/Transfer',
+        },
+        {
+          title: '加入我们',
+          content:
+            '山西绿谷生物科技股份有限公司立足功能食品、生物医药和大健康产业，聚焦“创新”、聚力“孵化”、聚合“产业”，' +
+            '致力建设集创新链、孵化链和产业链为一体，产学研协同、多学科交叉、大中小企业...',
+          imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210106/88a52985a48c4780a76507b06798b00f.png',
+          url: '/NewPlatform/Develop',
+        },
+      ],
+    };
+  },
+  methods: {
+    jump(url) {
+      this.$router.push(url);
+    },
+  },
+};
+</script>
+
+<style lang="stylus" scoped>
+.inner {
+  margin: 40px auto;
+}
+</style>

src/views/IncubationPlatform/Children/Partner.vue

@@ -0,0 +1,39 @@
+<template>
+  <div>
+    <h-nav />
+    <div class="inner">
+      <bread-crumb :arr="arr" />
+      <div class="py-5 my-5">
+        <partner-ship :title="title" :type-of-platform="typeOfPlatform" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapState, mapMutations, mapActions } from 'vuex';
+import HNav from './../components/HNav.vue';
+import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
+import PartnerShip from 'components/Introduce/PartnerShip.vue';
+
+export default {
+  name: 'Partner',
+  components: { HNav, BreadCrumb, PartnerShip },
+  data() {
+    return {
+      title: '合作伙伴',
+      typeOfPlatform: '孵化平台',
+      arr: [
+        { name: '孵化平台', url: '/IncubationPlatform/MakerSpace' },
+        { name: '合作伙伴', url: '' },
+      ],
+    };
+  },
+};
+</script>
+
+<style lang="stylus" scoped>
+.inner {
+  margin: 40px auto;
+}
+</style>

src/views/IncubationPlatform/Children/PilotBase.vue

@@ -0,0 +1,42 @@
+<template>
+  <div>
+    <banner :show-page="showPage" />
+    <h-nav />
+    <div class="inner">
+      <bread-crumb :arr="arr" />
+      <div class="white pa-5 my-5">
+        <rich-text :title="title" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Banner from 'components/Banner/Banner.vue';
+import HNav from './../components/HNav.vue';
+import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
+import RichText from 'components/Introduce/RichText.vue';
+
+export default {
+  name: 'PilotBase',
+  components: { Banner, HNav, BreadCrumb, RichText },
+  data() {
+    return {
+      title: '中试基地',
+      showPage: 43,
+      arr: [
+        { name: '孵化平台', url: '/IncubationPlatform/MakerSpace' },
+        { name: '中试基地', url: '' },
+      ],
+    };
+  },
+
+  methods: {},
+};
+</script>
+
+<style lang="stylus" scoped>
+.inner {
+  margin: 40px auto;
+}
+</style>

src/views/IncubationPlatform/Children/Products.vue

@@ -0,0 +1,209 @@
+<template>
+  <div class="inner">
+    <bread-crumb :arr="arr" />
+    <sen-nav />
+    <div>
+      <div class="search-background">
+        <div class="d-flex">
+          <div class="flex-3 flex-wrap">
+            <span class="ins-title">研究开发实验室：</span>
+            <span
+              :class="item.isActive ? 'act-color' : ''"
+              :key="index"
+              @click="choose(index, 0)"
+              class="ins-name"
+              v-for="(item, index) in laboratory"
+            >{{ item.name }}</span>
+          </div>
+          <div class="flex-1 align-center">
+            <a-input-search
+              @search="searchLab"
+              class="item-search"
+              enter-button="搜索"
+              placeholder="搜索实验室"
+              v-model="LabIpt"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <platform-list />
+  </div>
+</template>
+
+<script>
+import { mapMutations } from 'vuex';
+import { selModel } from 'config/api';
+import PlatformList from 'components/PlatformList/PlatformList.vue';
+import SenNav from './components/SenNav.vue';
+import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
+
+export default {
+  name: 'Products',
+  components: { BreadCrumb, SenNav, PlatformList },
+  data() {
+    return {
+      arr: [
+        { name: '孵化平台', url: '/IncubationPlatform/MakerSpace' },
+        { name: '产品展示', url: '' },
+      ],
+      LabIpt: '', // 实验室搜索框内容
+      laboratory: [], // 实验室
+      labList: [], // 实验室类型选择列表
+      InsIpt: '', // 仪器搜索框内容
+      instrument: [], // 仪器
+      insList: [], // 仪器类型选择列表
+    };
+  },
+  watch: {
+    LabIpt(val) {
+      const obj = {
+        content: this.LabIpt,
+        isBtn: 0,
+      };
+      this.setLabIpt(obj);
+    },
+    InsIpt(val) {
+      const obj = {
+        content: this.InsIpt,
+        isBtn: 0,
+      };
+      this.setInsIpt(obj);
+    },
+  },
+  created() {
+    const obj = {
+      content: '',
+      isBtn: 0,
+    };
+    this.setLabList([]);
+    this.setInsList([]);
+    this.setLabIpt(obj);
+    this.setInsIpt(obj);
+    this.getType(1);
+    this.getType(2);
+  },
+  methods: {
+    ...mapMutations('home', ['setLabList', 'setInsList', 'setLabIpt', 'setInsIpt', 'setListState']),
+    async getType(num) {
+      try {
+        const params = { param: { model: num } };
+        const res = await selModel(params);
+        const { code, mst, data } = res.data;
+        if (code === 200) {
+          if (num === 1) {
+            this.instrument = data;
+            for (let i = 0; i < this.instrument.length; i++) {
+              this.instrument[i].isActive = false;
+            }
+          } else if (num === 2) {
+            this.laboratory = data;
+            for (let i = 0; i < this.laboratory.length; i++) {
+              this.laboratory[i].isActive = false;
+            }
+          }
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    // 选中类型时触发
+    choose(index, num) {
+      const that = this;
+      if (num === 0) {
+        this.labList = [];
+        const { laboratory, instrument } = this;
+        for (let i = 0; i < instrument.length; i++) {
+          instrument[i].isActive = false;
+        }
+        this.setListState(0);
+        laboratory[index].isActive = !laboratory[index].isActive;
+        this.laboratory = [...laboratory];
+        for (let i = 0; i < laboratory.length; i++) {
+          if (laboratory[i].isActive) {
+            this.labList.push(laboratory[i].id);
+          }
+        }
+        this.setLabList(this.labList);
+      } else if (num === 1) {
+        this.insList = [];
+        const { laboratory, instrument } = this;
+        for (let i = 0; i < laboratory.length; i++) {
+          laboratory[i].isActive = false;
+        }
+        this.setListState(1);
+        instrument[index].isActive = !instrument[index].isActive;
+        this.instrument = [...instrument];
+        for (let i = 0; i < instrument.length; i++) {
+          if (instrument[i].isActive) {
+            this.insList.push(instrument[i].id);
+          }
+        }
+        this.setInsList(this.insList);
+      }
+    },
+    searchLab() {
+      const { instrument } = this;
+      for (let i = 0; i < instrument.length; i++) {
+        instrument[i].isActive = false;
+      }
+      this.instrument = [...instrument];
+      this.setListState(0);
+      this.InsIpt = '';
+      const obj = {
+        content: this.LabIpt,
+        isBtn: 1,
+      };
+      this.setLabIpt(obj);
+    },
+    searchIns() {
+      const { laboratory } = this;
+      for (let i = 0; i < laboratory.length; i++) {
+        laboratory[i].isActive = false;
+      }
+      this.laboratory = [...laboratory];
+      this.setListState(1);
+      this.LabIpt = '';
+      const obj = {
+        content: this.InsIpt,
+        isBtn: 1,
+      };
+      this.setInsIpt(obj);
+    },
+  },
+};
+</script>
+
+<style lang="stylus" scoped>
+.search-background {
+  background: rgba(0, 0, 0, 0.02);
+  border: 1px solid rgba(0, 0, 0, 0.06);
+  height: auto;
+  padding: 0 20px;
+  width: 82%;
+  margin: 40px auto;
+  line-height: 44px;
+}
+
+.item-search {
+  width: 100%;
+  height: 32px;
+}
+
+.ins-title {
+  font-size: 16px;
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.65);
+}
+
+.ins-name {
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.65);
+  padding: 0 10px;
+  cursor: pointer;
+}
+
+.act-color {
+  color: #13ACC4 !important;
+}
+</style>

src/views/IncubationPlatform/Children/PublicLaboratory.vue

@@ -0,0 +1,42 @@
+<template>
+  <div>
+    <banner :show-page="showPage" />
+    <h-nav />
+    <div class="inner">
+      <bread-crumb :arr="arr" />
+      <div class="white pa-5 my-5">
+        <rich-text :title="title" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Banner from 'components/Banner/Banner.vue';
+import HNav from './../components/HNav.vue';
+import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
+import RichText from 'components/Introduce/RichText.vue';
+
+export default {
+  name: 'PublicLaboratory',
+  components: { Banner, HNav, BreadCrumb, RichText },
+  data() {
+    return {
+      title: '公共实验室',
+      showPage: 42,
+      arr: [
+        { name: '孵化平台', url: '/IncubationPlatform/MakerSpace' },
+        { name: '公共实验室', url: '' },
+      ],
+    };
+  },
+
+  methods: {},
+};
+</script>
+
+<style lang="stylus" scoped>
+.inner {
+  margin: 40px auto;
+}
+</style>

src/views/IncubationPlatform/Children/Services.vue

@@ -0,0 +1,106 @@
+<template>
+  <div>
+    <banner :show-page="showPage" />
+    <h-nav />
+    <div class="inner">
+      <bread-crumb :arr="arr" />
+    </div>
+    <div class="flow-path">
+      <div class="flow-title">服务流程</div>
+      <div class="flow-content">
+        您
+        <span class="login-color">注册、登录</span> 后通过直接申请或加入购物车进行申请服务， 直接申请后在个人中心查看， 加入
+        <span class="login-color">购物车</span> 后可通过顶部菜单栏的购物车查看。
+      </div>
+    </div>
+    <div class="inner d-flex flex-wrap">
+      <div
+        :class="(index + 1) % 4 === 0 ? 'margin-0' : ''"
+        :key="index"
+        class="item-box"
+        v-for="(item, index) in list"
+      >
+        <img :src="item.imgUrl" style="height: 220px; width: 100%; border: 1px solid #ccc" />
+        <p class="font-24 my-4">{{ item.name }}</p>
+        <p
+          @click="jump(item.id)"
+          class="font-16 baseColor"
+          style="text-align: right; cursor: pointer"
+        >了解更多→</p>
+      </div>
+    </div>
+    <div class="inner">
+      <a-pagination
+        :current="current"
+        :page-size="pageSize"
+        :total="total"
+        @change="onShowSizeChange"
+        class="pagination"
+        show-less-items
+        show-quick-jumper
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import Banner from 'components/Banner/Banner.vue';
+import HNav from './../components/HNav.vue';
+import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
+
+export default {
+  name: 'Services',
+  components: { Banner, HNav, BreadCrumb },
+  data() {
+    return {
+      title: '创业服务',
+      showPage: 46,
+      arr: [
+        { name: '孵化平台', url: '/IncubationPlatform/MakerSpace' },
+        { name: '创业服务', url: '' },
+      ],
+      list: [],
+      current: 1,
+      pageSize: 8,
+      total: 0,
+    };
+  },
+
+  methods: {
+    // 改变单当前页数
+    onShowSizeChange(current, size) {
+      this.current = current;
+    },
+    // 查看 服务 详情
+    jump(id) {
+      console.log(id);
+      this.$router.push({
+        path: '/NewPlatform/ServiceDet',
+        name: 'ServiceDet',
+        params: { id },
+      });
+    },
+  },
+};
+</script>
+
+<style lang="stylus" scoped>
+.inner {
+  margin: 40px auto;
+}
+
+.pagination {
+  text-align: right;
+}
+
+.item-box {
+  width: 20.5%;
+  margin-right: 6%;
+  border-radius: 4px;
+  box-shadow: 6px 6px 6px #eee;
+}
+
+.margin-0 {
+  margin-right: 0 !important;
+}
+</style>

src/views/IncubationPlatform/Children/ShareChild/InsDet.vue

@@ -0,0 +1,140 @@
+<template>
+  <div class="inner equ-box">
+    <div class="equ-info d-flex">
+      <img :src="obj.img" alt="" />
+      <div class="equ-info-box">
+        <p class="equ-name">{{ obj.name }}</p>
+        <div class="d-flex flex-wrap">
+          <div style="width: 200px" class="equ-info-left">
+            <p>仪器名字：</p>
+            <p>制造商：</p>
+            <p>型号：</p>
+            <p>规格：</p>
+            <p>性能指标：</p>
+            <p>联系人：</p>
+            <p>联系方式：</p>
+          </div>
+          <div style="width: 500px">
+            <p>{{ obj.name }}</p>
+            <p>{{ obj.manufactor }}</p>
+            <p>{{ obj.model }}</p>
+            <p>{{ obj.specifications }}</p>
+            <p>{{ obj.performance }}</p>
+            <p>
+              <span v-for="(item, index) in obj.selPeoList" :key="index">{{ item.contactsName }}、</span>
+            </p>
+            <p>
+              <span v-for="(item, index) in obj.selPeoList" :key="index">{{ item.contactsPhone }}、</span>
+            </p>
+          </div>
+        </div>
+        <p class="equ-btn">
+          <a-button style="margin-right: 20px">转化意向</a-button>
+          <a-button type="primary">加入购物车</a-button>
+        </p>
+      </div>
+    </div>
+    <div class="content-box">
+      <div v-dompurify-html="obj.purpose"></div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { selInstrumentMes } from 'config/api';
+export default {
+  name: 'InsDet',
+  data() {
+    return {
+      obj: {},
+      id: 0,
+    };
+  },
+  created() {
+    this.id = this.$route.params.id;
+    this.getData();
+  },
+  methods: {
+    async getData() {
+      try {
+        const params = { param: { id: this.id } };
+        const res = await selInstrumentMes(params);
+        const { code, data, msg } = res.data;
+        if (code === 200) {
+          console.log(data);
+          this.obj = data;
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+  },
+};
+</script>
+
+<style lang="stylus" scoped>
+.equ-box {
+  background: #fff;
+  padding: 20px;
+  margin: 60px auto;
+}
+
+.equ-info {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.14901960784313725);
+  position: relative;
+  padding-bottom: 24px;
+
+  img {
+    width: 300px;
+    height: 300px;
+  }
+}
+
+.equ-name {
+  font-size: 24px;
+  font-family: Microsoft YaHei;
+  font-weight: bold;
+  line-height: 31px;
+  color: rgba(0, 0, 0, 0.85);
+  opacity: 1;
+}
+
+.equ-info-box {
+  position: relative;
+  font-size: 16px;
+  margin-left: 20px;
+  height: 300px;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  color: rgba(0, 0, 0, 0.65);
+  opacity: 1;
+
+  p {
+    margin-bottom: 6px;
+  }
+}
+
+.equ-info-left {
+  font-size: 16px;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  color: rgba(0, 0, 0, 0.45);
+  opacity: 1;
+
+  p {
+    margin-bottom: 6px;
+  }
+}
+
+.equ-btn {
+  position: absolute;
+  bottom: 0;
+}
+
+.content-box {
+  min-height: 400px;
+  padding: 20px;
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.65);
+}
+</style>

src/views/IncubationPlatform/Children/ShareChild/Institute.vue

@@ -0,0 +1,209 @@
+<template>
+  <div>
+    <rotation />
+    <h-nav />
+    <div class="inner ins-box">
+      <p class="font-bold-24 item-title">设备列表</p>
+      <div class="d-flex flex-wrap">
+        <div v-for="(item, index) in list" :key="index" class="item-box" :class="(index + 1) % 4 === 0 ? 'margin-0' : ''">
+          <img :src="item.imgUrl" style="height: 220px; width: 100%; border: 1px solid #ccc" />
+          <p class="font-24 my-4">{{ item.name }}</p>
+          <p class="font-16 baseColor item-more" @click="jump(item.id)">了解更多→</p>
+        </div>
+      </div>
+      <p class="font-bold-24 item-title">人才团队带头人情况</p>
+      <div class="d-flex">
+        <div class="header-box" style="flex: 1">
+          <p style="background: #11b7ce; color: #fff">姓名</p>
+          <p>性别</p>
+          <p>民族</p>
+          <p>出生年月</p>
+          <p>学历</p>
+          <p>职称</p>
+          <p>所学专业</p>
+          <p>从事专业</p>
+          <p>团队名称</p>
+          <p>工作单位</p>
+          <p>研究方向</p>
+        </div>
+        <div class="header-box" style="flex: 5; background: #fff">
+          <p style="border-bottom: 1px solid #eee">{{ obj.name }}</p>
+          <p><span v-if="obj.gender - 0 === 1">男</span> <span v-else-if="obj.gender - 0 === 2">女</span></p>
+          <p>{{ obj.famousFamily }}</p>
+          <p>{{ obj.birthday }}</p>
+          <p>{{ obj.education }}</p>
+          <p>{{ obj.position }}</p>
+          <p>{{ obj.major }}</p>
+          <p>{{ obj.professional }}</p>
+          <p>{{ obj.teamName }}</p>
+          <p>{{ obj.workUnit }}</p>
+          <p>{{ obj.direction }}</p>
+        </div>
+      </div>
+      <p class="font-bold-24 item-title">团队成员信息</p>
+      <div style="background: #fff">
+        <div class="d-flex">
+          <div class="h-box" style="flex: 1">姓名</div>
+          <div class="h-box" style="flex: 1">性别</div>
+          <div class="h-box" style="flex: 1">所在单位</div>
+          <div class="h-box" style="flex: 1">出生年月</div>
+          <div class="h-box" style="flex: 1">学历学位</div>
+          <div class="h-box" style="flex: 1">职称职务</div>
+          <div class="h-box" style="flex: 1">研究方向</div>
+        </div>
+        <div class="d-flex" v-for="(item, index) in obj.teamMemberList" :key="index">
+          <div class="con-box" style="flex: 1">{{ item.name }}</div>
+          <div class="con-box" style="flex: 1">
+            <span v-if="item.gender - 0 === 1">男</span>
+            <span v-else-if="item.gender - 0 === 2">女</span>
+          </div>
+          <div class="con-box" style="flex: 1">???????????????</div>
+          <div class="con-box" style="flex: 1">{{ item.birthday }}</div>
+          <div class="con-box" style="flex: 1">{{ item.education }}</div>
+          <div class="con-box" style="flex: 1">{{ item.position }}</div>
+          <div class="con-box" style="flex: 1">{{ item.direction }}</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapMutations, mapState } from 'vuex';
+import { selInstrumentByRes, teamSearch } from 'config/api';
+import Rotation from 'components/Rotation/Rotation.vue';
+import HNav from './../../components/HNav.vue';
+export default {
+  name: 'Institute',
+  components: { Rotation, HNav },
+  data() {
+    return {
+      id: 0,
+      obj: {},
+      list: [],
+    };
+  },
+  computed: mapState('home', ['LabId']),
+  created() {
+    if (this.$route.params.id) {
+      this.setLabId(this.$route.params.id);
+      this.id = this.$route.params.id;
+    } else {
+      this.id = this.LabId;
+    }
+    this.getData();
+    this.getTeam();
+  },
+  methods: {
+    ...mapMutations('home', ['setLabId']),
+
+    // 获取当前研究院（实验室）下的仪器列表
+    async getData() {
+      try {
+        const params = {
+          param: {
+            id: this.id,
+            pageNum: 1,
+            pageSize: 6,
+          },
+        };
+        const res = await selInstrumentByRes(params);
+        const { code, msg, data } = res.data;
+        if (code === 200) {
+          this.list = data.list;
+          this.total = parseInt(data.total);
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    // 获取当前研究院（实验室）下的团队详情
+    async getTeam() {
+      try {
+        const params = { param: { instituteId: this.id } };
+        const res = await teamSearch(params);
+        const { code, msg, data } = res.data;
+        if (code === 200) {
+          this.obj = data[0];
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
+    // 查看 研究院/仪器 详情
+    jump(id) {
+      this.$router.push({
+        path: '/NewPlatform/Share/InsDet',
+        name: 'InsDet',
+        params: { id },
+      });
+    },
+  },
+};
+</script>
+
+<style lang="stylus" scoped>
+.ins-box {
+  min-height: 500px;
+  height: auto;
+  margin: 40px auto;
+}
+
+.pagination {
+  margin: 40px 0;
+  text-align: right;
+}
+
+.item-more {
+  right: 10px;
+  bottom: 0px;
+  cursor: pointer;
+  position: absolute;
+}
+
+.item-box {
+  position: relative;
+  width: 20.5%;
+  margin-right: 6%;
+  border-radius: 4px;
+  padding-bottom: 40px;
+  box-shadow: 6px 6px 6px #eee;
+}
+
+.margin-0 {
+  margin-right: 0 !important;
+}
+
+.item-title {
+  color: rgba(0, 0, 0, 0.85);
+  margin-top: 60px;
+}
+
+.header-box {
+  text-align: center;
+
+  p {
+    font-size: 24px;
+    color: rgba(0, 0, 0, 0.66);
+    height: 56px;
+    line-height: 56px;
+    margin-bottom: 0 !important;
+  }
+}
+
+.h-box {
+  text-align: center;
+  font-size: 22px;
+  color: #096DD9;
+  height: 56px;
+  line-height: 56px;
+}
+
+.con-box {
+  text-align: center;
+  font-size: 18px;
+  height: 46px;
+  line-height: 46px;
+  color: rgba(112, 112, 112, 0.66);
+}
+</style>

src/views/IncubationPlatform/Children/Tutor.vue

@@ -0,0 +1,42 @@
+<template>
+  <div>
+    <banner :show-page="showPage" />
+    <h-nav />
+    <div class="inner">
+      <bread-crumb :arr="arr" />
+      <div class="white pa-5 my-5">
+        <rich-text :title="title" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Banner from 'components/Banner/Banner.vue';
+import HNav from './../components/HNav.vue';
+import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
+import RichText from 'components/Introduce/RichText.vue';
+
+export default {
+  name: 'Tutor',
+  components: { Banner, HNav, BreadCrumb, RichText },
+  data() {
+    return {
+      title: '创业导师',
+      showPage: 44,
+      arr: [
+        { name: '孵化平台', url: '/IncubationPlatform/MakerSpace' },
+        { name: '创业导师', url: '' },
+      ],
+    };
+  },
+
+  methods: {},
+};
+</script>
+
+<style lang="stylus" scoped>
+.inner {
+  margin: 40px auto;
+}
+</style>

src/views/IncubationPlatform/Children/components/SenNav.vue

@@ -0,0 +1,54 @@
+<template>
+  <div class="nav-box d-flex">
+    <div v-for="(item, index) in list" :key="index" :class="activeNum === index ? 'nav-box-active' : ''" @click="jump(item.url)">
+      {{ item.title }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'HNav',
+  data() {
+    return {
+      str: '导航条',
+      activeNum: 0,
+      list: [
+        {
+          title: '科技资源开放共享服务平台',
+          url: '/NewPlatform/Share',
+        },
+        {
+          title: '知识产权与技术转移转化服务平台',
+          url: '/NewPlatform/Transfer',
+        },
+        {
+          title: '资源开发利用平台',
+          url: '/NewPlatform/Develop',
+        },
+      ],
+    };
+  },
+  created() {
+    console.log();
+    if (this.$route.fullPath === '/NewPlatform/Transfer') {
+      this.activeNum = 1;
+    } else if (this.$route.fullPath === '/NewPlatform/Develop') {
+      this.activeNum = 2;
+    } else {
+      this.activeNum = 0;
+    }
+  },
+  methods: {
+    jump(url) {
+      if (this.$route.fullPath === url) {
+        this.$message.success('已在当前界面');
+      } else {
+        this.$router.push(url);
+      }
+    },
+  },
+};
+</script>
+
+<style lang="stylus" scoped></style>

src/views/IncubationPlatform/IncubationPlatform.vue

@@ -0,0 +1,14 @@
+<template>
+  <div>
+    <router-view></router-view>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'IncubationPlatform',
+  data() {
+    return {};
+  },
+};
+</script>

src/views/IncubationPlatform/components/HNav.vue

@@ -0,0 +1,80 @@
+<template>
+  <div class="nav-box d-flex">
+    <div
+      :class="activeNum === index ? 'nav-box-active' : ''"
+      :key="index"
+      @click="jump(item.url)"
+      v-for="(item, index) in list"
+    >{{ item.title }}</div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'HNav',
+  data() {
+    return {
+      activeNum: 0,
+      list: [
+        {
+          title: '众创空间',
+          url: '/IncubationPlatform/IncubationPlatform',
+        },
+        {
+          title: '公共实验室',
+          url: '/IncubationPlatform/PublicLaboratory',
+        },
+        {
+          title: '中试基地',
+          url: '/IncubationPlatform/PilotBase',
+        },
+        {
+          title: '创业导师',
+          url: '/IncubationPlatform/Tutor',
+        },
+        {
+          title: '合作伙伴',
+          url: '/IncubationPlatform/Partner',
+        },
+        {
+          title: '创业服务',
+          url: '/IncubationPlatform/Services',
+        },
+        {
+          title: '产品展示',
+          url: '/IncubationPlatform/Products',
+        },
+      ],
+    };
+  },
+  created() {
+    console.log();
+    if (this.$route.fullPath === '/IncubationPlatform/PublicLaboratory') {
+      this.activeNum = 1;
+    } else if (this.$route.fullPath === '/IncubationPlatform/PilotBase') {
+      this.activeNum = 2;
+    } else if (this.$route.fullPath === '/IncubationPlatform/Tutor') {
+      this.activeNum = 3;
+    } else if (this.$route.fullPath === '/IncubationPlatform/Partner') {
+      this.activeNum = 4;
+    } else if (this.$route.fullPath === '/IncubationPlatform/Services') {
+      this.activeNum = 5;
+    } else if (this.$route.fullPath === '/IncubationPlatform/Products') {
+      this.activeNum = 6;
+    } else {
+      this.activeNum = 0;
+    }
+  },
+  methods: {
+    jump(url) {
+      if (this.$route.fullPath === url) {
+        // this.$message.success('已在当前界面');
+      } else {
+        this.$router.push(url);
+      }
+    },
+  },
+};
+</script>
+
+<style lang="stylus" scoped></style>