<template>
  <div>
    <h-nav />
    <div class="inner my-1">
      <bread-crumb :arr="arr" />
    </div>
    <div @click="openModel()">
      <banner :show-page="showPage" class="pointer" />
    </div>
    <div class="inner">
      <div>
        <div class="d-flex flex-column white">
          <div class="font-bold-32 title-color py-3 px-2">众创空间介绍</div>
          <div class="pa-3 font-16 line-height-36" style="text-indent: 2em">
            <div>
              本众创空间分为线下实体众创空间与线上虚拟众创空间，重点面向功能食品、生物医药和大健康产业
              领域科技型中小微企业、创客和创新创业团队开展创业孵化，培育高新技术企业，促进科技成果转化和产业集聚发展。
            </div>
            <div>
              本众创空间以建设专业化、市场化、网络化、品牌化双创孵化基地为目标，致力打造以公共技术服务平台
              为支撑，以创新创业服务为主导，以创新创业大讲堂为带动，以创新创业投融资为拓展，线上线下相结合，实
              体虚拟相融合的全要素专业化开放式创新创业孵化平台，着力构建“众创空间-孵化器-加速器-产业园”创新创业
              孵化链，构筑创新创业生态系统。
            </div>
            <div>
              目前空间已引入科创咨询专业服务机构，并与多家
              <span
                @click="$router.push('/IncubationPlatform/Partner')"
                class="pointer baseColor"
              >第三方专业机构</span>
              建立战略合作，聘请
              <span @click="$router.push('')" class="pointer baseColor">创业导师</span>
              30余名，服务领域涵盖专业技术、企业管理、科创咨询、财务税务、法务咨询等，可随时为入孵企业提供针 对性、一对一创业辅导服务。
            </div>
          </div>
        </div>
        <div style="margin-top: 30px">
          <div class="d-flex flex-column">
            <p class="font-bold-32 title-color">加入流程</p>
            <img class="fill-width" src="~assets/zckj01.png" />
          </div>
        </div>
        <div :key="index" style="margin-top: 40px" v-for="(item, index) in list">
          <div class="d-flex justify-space-between space-box" v-if="index % 2 === 0">
            <div class="introduce-box">
              <p
                @click="item.imgUrl ? jump(item.url) : openModel()"
                class="introduce-title pointer"
              >{{ item.title }}</p>
              <p class="introduce-content" v-if="index === 0">
                实体空间由
                <span @click="$router.push('')" class="pointer baseColor">孵化场所</span>、
                <span @click="$router.push('')" class="pointer baseColor">公共实验室</span>、
                <span @click="$router.push('')" class="pointer baseColor">中试基地</span>部分组成。
              </p>
              <p
                @click="item.imgUrl ? jump(item.url) : openModel()"
                class="introduce-content pointer"
                v-else
              >{{ item.content }}</p>
            </div>
            <img
              :src="item.imgUrl"
              @click="item.url ? jump(item.url) : ''"
              class="pointer"
              style="width: 452px"
            />
          </div>
          <div
            @click="item.url ? jump(item.url) : ''"
            class="d-flex justify-space-between pointer space-box"
            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>
          <add-model :value="1" ref="child" style="width: 452px" />
        </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';
import AddModel from '../components/AddModel.vue';

export default {
  name: 'MakerSpace',
  components: { BreadCrumb, HNav, Banner, AddModel },
  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: '/IncubationPlatform/MakerSpace/EntitySpace',
        },
        {
          title: '虚拟空间',
          content:
            '虚拟众创空间主要面向非入驻实体空间从事功能食品、生物医药和大健康产业相关研发服务和生产的企业。虚拟众创空间依托绿谷数字化平台进行建设，入驻企业可享受实体众创空间的各种创新创业服务，参加相关创新创业活动。',
          imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210106/73cba2c598e24bc99d4b988185138f44.png',
          url: '/IncubationPlatform/MakerSpace/VirtualSpace',
        },
      ],
    };
  },
  methods: {
    jump(url) {
      this.$router.push(url);
    },

    openModel() {
      this.$refs.child[0].showModal();
    },
  },
};
</script>

<style lang="stylus" scoped>
.inner {
  margin: 0 auto 40px;
}
</style>
