细节修改

src/router/index.js

@@ -229,6 +229,11 @@ const routes = [
     name: 'ItInformation',
     component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/ItInformation/ItInformation.vue'),
   },
+  {
+    path: '/ItInformation/ActDetails',
+    name: 'ActDetails',
+    component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/ItInformation/ActDetails.vue'),
+  },
 ];
 
 const router = new VueRouter({

src/views/FirstPage/FirstPage.vue

@@ -137,7 +137,7 @@ export default {
     // 跳转到详情界面
     jumpDetails(item) {
       this.setActDetail(item);
-      this.$router.push('/ActDetails');
+      this.$router.push('/ItInformation/ActDetails');
     },
   },
 };

src/views/ItInformation/ActDetails.vue

@@ -0,0 +1,116 @@
+<template>
+  <div class="box">
+    <div>
+      <div class="policy-title">
+        <span>{{ actDetail.title }}</span>
+      </div>
+      <div class="policy-info">
+        <span>
+          <a-icon
+            class="baseColor"
+            style="font-size: 14px; margin-right: 10px"
+            type="clock-circle"
+          />
+          <span>{{ actDetail.releaseTime }}-{{ actDetail.closeTime }}</span>
+        </span>
+        <span style="margin-left: 60px">
+          <a-icon class="baseColor" style="margin-right: 10px" type="environment" />
+          <span>{{ actDetail.address }}</span>
+        </span>
+      </div>
+      <div class="policy-content" v-dompurify-html="actDetail.content"></div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex';
+export default {
+  name: 'ActDetails',
+  data() {
+    return {};
+  },
+  computed: mapState('home', ['actDetail']),
+  created() {},
+  methods: {},
+};
+</script>
+
+<style lang="stylus" scoped>
+.box {
+  width: 1260px;
+  position: relative;
+  margin: 80px auto;
+  background: #fff;
+  min-height: 1037px;
+  overflow: hidden;
+  opacity: 1;
+  padding-bottom: 480px;
+}
+
+.back-btn {
+  width: 80px;
+  position: absolute;
+  right: 0;
+}
+
+.policy-title {
+  height: 120px;
+  font-size: 24px;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  color: rgba(0, 0, 0, 0.85);
+  opacity: 1;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 150px;
+  border-bottom: 1px solid #707070;
+}
+
+.policy-info {
+  height: 76px;
+  line-height: 76px;
+  text-align: center;
+}
+
+.policy-content {
+  padding: 0 25px;
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.65);
+  font-weight: 400;
+  font-family: Microsoft YaHei;
+}
+
+.coms-style {
+  height: 480px;
+  padding: 25px 0;
+  border-top: 2px solid #ccc;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+}
+
+.coms-top {
+  height: 280px;
+  padding: 0 25px;
+  overflow: auto;
+  box-shadow: 0 0 5px #ccc;
+}
+
+.coms-btm {
+  margin-top: 20px;
+  padding: 0 10px;
+}
+
+.coms-content {
+  background: rgba(19, 172, 196, 0.1);
+}
+
+.sub {
+  position: absolute;
+  right: 20px;
+  bottom: 20px;
+}
+</style>

src/views/ItInformation/ItInformation.vue

@@ -85,7 +85,7 @@ export default {
     // 跳转到详情界面
     jumpDetails(item) {
       this.setActDetail(item);
-      this.$router.push('/ActDetails');
+      this.$router.push('/ItInformation/ActDetails');
     },
   },
 };

src/views/ServiceMarket/Children/Institute.vue

@@ -29,10 +29,10 @@
               <div
                 class="font-16 textColor line-height-36"
               >研究院下没六个咨询服务中心和一个专家委员会：科创体系与科创能力咨询服务中心、知识产权与技术转移咨询服务中心、数字化转型咨询服务中心、科技信息咨询服务中心、科创战略协同研究中心、山西奥依工业设计咨询服务中心。</div>
-              <div :style="{ height: '500px' }" id="treeChart"></div>
               <div
                 class="font-16 textColor line-height-36"
               >以中心为主体，以团队为单元，以平台为支撑，围绕创新创业发展需求，整合各类优质资源，打造全链条一体化开放式创新创业新生态。</div>
+              <div :style="{ height: '500px' }" id="treeChart"></div>
             </div>
           </div>
         </div>
@@ -109,16 +109,19 @@ export default {
           //一定一定要注意这里有[]
           name: '山西智汇协同创新研究院有限公司',
           children: [
-            { name: '数智网络平台' },
+            { name: '三大平台', children: [{ name: '数智网络平台' }, { name: '战略合作平台' }, { name: '知识培训平台' }] },
-            { name: '战略合作平台' },
-            { name: '知识培训平台' },
             { name: '专家委员会' },
-            { name: '科创体系与科创能力咨询服务中心' },
+            {
-            { name: '知识产权与技术转移咨询服务中心' },
+              name: '咨询服务中心',
-            { name: '数字化转型咨询服务中心' },
+              children: [
-            { name: '科技信息咨询服务中心' },
+                { name: '科创体系与科创能力咨询服务中心' },
-            { name: '科创战略协同研究中心' },
+                { name: '知识产权与技术转移咨询服务中心' },
-            { name: '山西奥依工业设计咨询服务中心' },
+                { name: '数字化转型咨询服务中心' },
+                { name: '科技信息咨询服务中心' },
+                { name: '科创战略协同研究中心' },
+                { name: '山西奥依工业设计咨询服务中心' },
+              ],
+            },
           ],
         },
       ],
@@ -144,7 +147,7 @@ export default {
             left: '30%',
             right: '2%',
             top: '8%',
-            bottom: '20%',
+            bottom: '2%',
             symbol: 'emptyCircle',
             symbolSize: 7,
             lineStyle: { width: 4 },