<!--
 * @Author: wally
 * @email: 18603454788@163.com
 * @Date: 2021-01-14 13:10:21
 * @LastEditors: wally
 * @LastEditTime: 2021-04-01 14:44:49
-->


<template>
  <div>
    <!-- <banner :show-page="41" /> -->
    <div style="padding: 0 25px; width: 68%; margin: auto">
      <div style="width: 100%; margin: 0 auto; text-align: center; padding-top: 40px">
        <img src="~assets/fwcs01.png" />
      </div>
      <div class="dev-content line-height-30 mt-8">
        <div style="text-indent: 2em">
          传控科技成立于2015年8月，由资深电子产品工程师携自动化和计算机专业相关同仁创立，
          围绕着时物链条®软硬件开放平台，致力于成为智能传感器控制系统解决方案和关键设备供应商。
        </div>
        <div style="text-indent: 2em">
          传控科技以传感器控制技术为核心进行开源模块及电子产品的研发与生产、电子信息技术及网络应用的开发、
          咨询、服务、培训等，除了在消费类电子、普通工业产品和军工产品的研发制造积累了丰富的经验，还为现代生活开发了许多创新产品。
        </div>
        <div style="text-indent: 2em">
          传控科技拥有含金量较高的发明专利和版权二十多项，并且拥有国内及美国注册商标任意环®、ANYRING®、
          CCSENS®、老吾老®、幼吾幼®、传控可及®、时物链条®等，已通过ISO9001认证。
        </div>
        <div style="width: 100%; margin: 0 auto" class="d-flex flex-wrap">
       
          <div style="text-indent: 2em; width: 100%">
            <h3>业务架构</h3>
            <p style="text-indent: 2em">
              传控科技以数字管理方向的核心产品老板工具为基础，
              以定制化插件开发的模式延伸出数字工厂及数字医疗方向，并配备集成了商业智能BI、轻量级ERP、4D建筑实景、
              数字孪生3D仿真场景及业务流程的大数据驾驶舱。
            </p>
            <h3>数字管理</h3>
            <p style="text-indent: 2em">
              传控科技从自身管理需求出发，围绕时物链条®软硬件开放平台，结合智能传感器领域20余年经验，
              为企业打造5G环境下的区块链安全、软硬件一体化、多维度的数字管理解决方案，实现传统管理模式到云管理的无缝对接。
              核心产品老板工具基于项目管理理论，提供全场景解决方案，适用于各种团队、组织的跨部门、跨公司多场景的信息化管理，
              兼顾个人管理，提供多平台数据融合工具，是一款即开即用的轻量级管理工具。
            </p>
            <h3>数字工厂</h3>
            <p style="text-indent: 2em">
              传控科技形成了在业界极具竞争力的高精度动态称重传感器变送器、倾角/振动传感器、低成本机器视觉传感器等。
              在工业级MES系统领域有铁矿选矿系统、石英砂选矿系统、超声电机老化系统、远程运维系统等软硬件一体化解决方案。
            </p>
            <h3>数字医疗</h3>
            <p style="text-indent: 2em">
              传控科技围绕着养老行业的智能家居、远程康复、急救绿色通道等场景下，在相关行业获得了种子用户，并沉淀出了可复制的产品。
              其中老吾老®提醒套装曾与小米、华为同台领奖，远程康复套件、无感采集智慧平车已在山西医科大学第一附属医院落地实施。
            </p>
          </div>
          <img
            style="width: 40%; margin: 40px auto"
            src="https://www.sxwikionline.com/gateway/wiki/uploads/upload/20210401/a03dde6200444de99b73140e1989866b.png"
            alt=""
          />
          <img
            style="width: 40%; margin: 40px auto"
            src="https://www.sxwikionline.com/gateway/wiki/uploads/upload/20210401/13221988aaeb4f6587d1eb62b43a784a.png"
            alt=""
          />
        </div>
      </div>
      <div class="d-flex flex-row-reverse mt-8">
        <!-- <a-button class="dev-btn" type="primary">项目合作</a-button> -->
        <add-model class="dev-btn" />
      </div>
      <div style="width: 100%; margin: 0 auto; text-align: center">
        <img src="https://www.sxwikionline.com/gateway/wiki/uploads/upload/20210317/5c00e85ee93941eea4992b3d130d4a4c.png" alt="" />
      </div>
    </div>
    <div class="dev-img-box d-flex flex-wrap" style="width: 68%; margin: 40px auto !important">
      <div
        :key="index"
        @click="showProfile = true"
        class="d-flex pic-box"
        style="width: 22.5%; margin: 20px auto"
        v-for="(item, index) in lists"
      >
        <img :src="item.url" style="width: 100%; cursor: pointer" />
        <div class="txt pa-5">
          <h2 class="white--text">{{ item.title }}</h2>
          <div class="pt-2">{{ item.txt }}</div>
        </div>
      </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';
import AddModel from './components/AddModel.vue';
export default {
  name: 'Activity',
  components: { AddModel },
  data() {
    return {
      lists: [
        {
          url: 'https://www.sxwikionline.com/gateway/wiki/uploads/upload/20210317/c9b3ba008caf4ad7b8cbd7f5df639fa5.jpg',
          txt: '打造统筹管理事和时间的轻量级老板工具',
          title: 'PT pro老板工具',
        },
        {
          url: 'https://www.sxwikionline.com/gateway/wiki/uploads/upload/20210317/dd75f29ec2be42f1afd98a28bd413bf9.jpg',
          txt: '采集设备参数，配合智能匹配算法，动态调节设备配置，挖掘机器的最大潜能。',
          title: '智能选矿',
        },
        {
          url: 'https://www.sxwikionline.com/gateway/wiki/uploads/upload/20210317/d4c1e23596ee4dbab5bf267b9b801b1c.jpg',
          txt: '自动无干扰地记录急救流程各时间节点，最大限度降低记录工作对急救过程产生干扰和延误，达到实时监控抢救流程',
          title: '智慧胸痛卒中中心绿道管理平台',
        },
        {
          url: 'https://www.sxwikionline.com/gateway/wiki/uploads/upload/20210317/00084b3a1ebe495983a4ebc7602b456a.jpg',
          txt: '应用于数字医疗行业的测评平台，可满足各类线上、线下认知测评功能',
          title: '认知评测云平台HT pro',
        },
      ],
      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 {
  width: 170px;
  height: 62px;
  font-size: 28px;
}

.pic-box {
  position: relative;
  overflow: hidden;

  .txt {
    opacity: 0;
    position: absolute;
    top: 200px;
    left: 200px;
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, 0.9);
    line-height: 32px;
    background: rgba(0, 0, 0, 0.7);
  }
}

.pic-box:hover .txt {
  position: absolute;
  opacity: 1;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
</style>
