关于我们

src/views/About/Children/Index.vue

@@ -36,7 +36,15 @@
     <a name="organize" id="organize" class="place"></a>
     <div class="organize-box bg-gray text-center">
       <div class="title w-1400"><img src="~assets/about/title1.jpg" /></div>
-      <div class="w-1400"><img src="~assets/about/organize.jpg" /></div>
+      <!-- <div class="w-1400"><img src="~assets/about/organize.jpg" /></div> -->
+      <div class="w-1400">
+        <ul>
+          <li v-for="list in contents" :key="list.id">
+            <div class="organize-title">{{ list.title }}</div>
+            <div class="organize-con">{{ list.con }}</div>
+          </li>
+        </ul>
+      </div>
     </div>
 
     <!-- 合作伙伴 -->
@@ -66,6 +74,7 @@
       </div>
 
       <div class="w-1400" style="text-align: left">
+        <rich-text :title="title" />
         <contact />
       </div>
     </div>
@@ -77,16 +86,24 @@ import { mapState, mapMutations, mapActions } from 'vuex';
 // import HNav from './components/HNav.vue';
 import Contact from 'components/Introduce/ContactUs.vue';
 import Model from 'components/Introduce/Model.vue';
+import RichText from 'components/Introduce/RichText.vue';
 
 export default {
   name: 'About',
-  components: { Contact, Model },
+  components: { Contact, Model, RichText },
 
   data() {
     return {
       time: 10000,
       lists: [],
       activeNum: -1,
+      contents: [
+        { id: 1, title: '行政事业部', con: '统筹行政办公、人力资源、财务管理、公共关系和数字平台建设等工作；组织编制发展战略和年度计划;组织开展绩效考评;协同推进创新、孵化和产业事业部联合协作及全链条一体化融通发展。'},
+        { id: 2, title: '创新事业部', con: '负责功能食品与生物医药协同创新中心的建设和运营，集聚整合股东及外部优势创新资源，着力打造产学研用协同、多学科交叉融合、覆盖全创新链的开放式协同创新平台，搭建专业化科技资源开放共享服务平台和技术转移转化平台，面向入孵企业及外部企业需求，组织开展技术研发、技术转化、技术咨询、技术评估、技术培训、检验检测等一站式创新服务。'},
+        { id: 3, title: '孵化事业部', con: '负责功能食品与生物医药专业化众创空间的建设和运营，构建众创空间一孵化器一加速器-产业园专业化创新创业孵化链，打造以公共研发与检验检测平台为支撑、以创新创业增值服务为主导、以创新创业学院(大讲堂)为带动、以创新创业投融资为拓展，线上线下相结合、实体虚拟相融合的全要素专业化开放式创新创业孵化平台，促进技术转移转化和科技型中小微企业集聚发展。'},
+        { id: 4, title: '产业事业部', con: '负责产业发展、市场开发和产业技术创新战略联盟的建设与运营，基于协同创新中心和专业化众创空间，发挥股东场所、技术、资本、市场、渠道和产业化优势，推动政产学研金介用合作，组织举办技术创新论坛，构建专业化、集群化、园区化产业发展布局，培育发展衍生企业，拓展发展领域和空间，打造产业园区和特色产业基地，推动大中小企业融通、产业集群化园区化发展。'},
+      ],
+      title: '联系我们',
     };
   },
 
@@ -245,6 +262,38 @@ export default {
     margin-bottom: 50px;
     text-align: left;
   }
+
+  ul{
+    margin 0;
+    padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+
+    li{
+      list-style: none;
+      background: #fff;
+      width: 49%;
+      margin-right: 2%;
+      padding: 40px;
+      margin-bottom: 30px;
+      text-align: left;
+
+      .organize-title{
+        font-weight: bold;
+        font-size: 24px;
+        margin-bottom: 12px
+      }
+
+      .organize-con{
+        line-height: 30px;
+      }
+    }
+
+    li:nth-child(even) {
+      margin-right: 0;
+    }
+  }
+
 }
 
 .partner-box {
@@ -287,7 +336,7 @@ export default {
   padding: 60px 0;
 
   .title {
-    margin-bottom: 50px;
+    margin-bottom: 15px;
     display: flex;
     justify-content: space-between;
     align-items: center;