<!--
 * @Author: wally
 * @email: 18603454788@163.com
 * @Date: 2021-01-14 13:10:21
 * @LastEditors: wally
 * @LastEditTime: 2021-01-15 21:30:26
-->


<template>
  <div>
    <banner :show-page="41" />
    <div class="inner" style="padding: 0 25px; position: relative; padding-bottom: 50px">
      <p class="dev-title">数智开发界面</p>
      <p class="dev-content">
        研究院的介绍包含研究院，公司架构，和各中心的介绍。 各中心介绍包含科创体系与科创能力咨询服务中心、知识产权与技术转移咨询服务中心、
        数字化转型咨询服务中心、科技信息咨询服务中心、科创战略协同研究中心、
        山西奥依工业设计咨询服务中心；研究院的介绍包含研究院，公司架构，和各中心的介绍。
        各中心介绍包含科创体系与科创能力咨询服务中心、知识产权与技术转移咨询服务中心、
        数字化转型咨询服务中心、科技信息咨询服务中心、科创战略协同研究中心、山西奥依工业设计咨询服务中心
      </p>
      <a-button class="dev-btn" type="primary">项目合作</a-button>
    </div>
    <div class="inner dev-img-box d-flex flex-wrap" style="margin-top: 40px !important; margin-bottom: 40px !important">
      <div :key="index" class="d-flex" style="width: 50%" v-for="(item, index) in lists">
        <img :src="item" @click="showProfile = true" style="width: 100%; cursor: pointer" />
      </div>
    </div>
    <a-modal :footer="null" :visible="showProfile" @cancel="handleCancel" @ok="handleCancel" title="XX项目介绍" width="50%">
      <p class="line-height-30">
        公司采取理事会、经理层、事业部组织架构，公司理事会组成按理事会章程执行，经理层设总经理 1 名、副总经理 2-3 名，各事业部设部长 1
        名、副部长 1 名。
        公司以协同创新中心为引擎、以创业孵化平台为基石、以产业集聚发展为导向，基于创新链、孵化链和产业链进行整体布局，下设行政事业部、创新事业部、孵化事业部和产业事业部。
        （一）行政事业部。统筹行政办公、人力资源、财务管理、公共关系和数字平台建设等工作；组织编制发展战略和 年度计划;组织开展绩效考评;
        协同推进创新、孵化和产业事 业部联合协作及全链条一体化融通发展。
        （二）创新事业部。负责功能食品与生物医药协同创新中心的建设和运营，集聚整合股东及外部优势创新资源，着力打造产学研用协同、多学科交叉融合、
        覆盖全创新链的开放式协同创新平台，搭建专业化科技资源开放共享服务平台和技术转移转化平台，面向入孵企业及外部企业需求，组织开展技术研发、
        技术转化、技术咨询、技术评估、技术培训、检验检测等一站式创新服务。
        （三）孵化事业部。负责功能食品与生物医药专业化众创空间的建设和运营，构建众创空间一孵化器一加速器-产业园专业化创新创业孵化链，
        打造以公共研发与检验检测平台为支撑、以创新创业增值服务为主导、以创新创业学院(大讲堂)为带动、以创新创业投融资为拓展，线上线下相结合、
        实体虚拟相融合的全要素专业化开放式创新创业孵化平台，促进技术转移转化和科技型中小微企业集聚发展。
        （四）产业事业部。负责产业发展、市场开发和产业技术创新战略联盟的建设与运营，基于协同创新中心和专业化众创空间，发挥股东场所、
        技术、资本、市场、渠道和产业化优势，推动政产学研金介用合作，组织举办技术创新论坛，
        构建专业化、集群化、园区化产业发展布局，培育发展衍生企业， 拓展发展领域和空间，打造产业园区和特色产业基地，
        推动大中小企业融通、产业集群化园区化发展。
      </p>
    </a-modal>
  </div>
</template>

<script>
import Banner from 'components/Banner/Banner.vue';
export default {
  name: 'Activity',
  components: { Banner },
  data() {
    return {
      lists: [
        'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210114/f8d1790b78ca4afca3cfb15e350a53ef.jpg',
        'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210114/0b883954d7ae4fd1a74be0c7943a3e52.jpg',
        'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210114/e92c71d276dd4689a43c643472762c12.jpg',
        'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210114/bc60bf21daa6431b9dcf3c575121dabd.jpg',
      ],
      showProfile: false,
    };
  },
  methods: {
    handleCancel() {
      this.showProfile = false;
    },
  },
};
</script>

<style scoped lang="stylus">
.dev-title {
  margin: 50px 0 !important;
  font-size: 30px;
  font-weight: bold;
  color: #000;
}

.dev-content {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.65);
}

.dev-btn {
  position: absolute;
  right: 25px;
}
</style>
