From 9aa6981d56878e07239f301350a625d60625c86a Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Fri, 7 Jul 2023 10:48:08 +0800
Subject: [PATCH] =?UTF-8?q?=E7=B2=92=E5=AD=90=E7=A0=94=E7=A9=B6=E9=99=A2?=
 =?UTF-8?q?=E4=B8=AD=E6=96=87=E7=AB=99=E7=82=B9=E6=A0=87=E9=A2=98=E6=94=B9?=
 =?UTF-8?q?=E6=88=90=E5=AF=8C=E6=96=87=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/modules/module.vue    |    2 +-
 src/const/modules.js                 |   44 +-
 src/mixins/page/index.js             |    2 +
 src/pages/column/page/devHistory.vue |   85 +-
 src/pages/column/page/governance.vue |    2 +-
 src/pages/column/page/industrial.vue |   18 +-
 src/pages/column/page/mission.vue    |    7 +-
 src/pages/column/page/overview.vue   |   10 +-
 src/pages/column/page/scientific.vue |    7 +-
 src/pages/column/page/sfel.vue       | 1195 ++++++++++++++------------
 src/pages/column/page/speech.vue     |   24 +-
 11 files changed, 756 insertions(+), 640 deletions(-)

diff --git a/src/components/modules/module.vue b/src/components/modules/module.vue
index 4d5c06c..b966c05 100644
--- a/src/components/modules/module.vue
+++ b/src/components/modules/module.vue
@@ -490,7 +490,7 @@ export default {
     // 递归处理栏目
     handleColumn (data) {
       data.map(e => {
-        if (e.typeId === 2 || e.typeId === 3) e.disabled = true
+        // if (e.typeId === 2 || e.typeId === 3) e.disabled = true
         e.children.length ? this.handleColumn(e.children) : (delete e.children)
       })
     },
diff --git a/src/const/modules.js b/src/const/modules.js
index 0f97301..d1f4940 100644
--- a/src/const/modules.js
+++ b/src/const/modules.js
@@ -6519,7 +6519,7 @@ export default {
           required: true
         },
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -6835,7 +6835,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -6936,7 +6936,7 @@ export default {
           required: true
         },
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -6947,7 +6947,7 @@ export default {
           label: '链接'
         },
         {
-          type: 'textarea',
+          type: 'editor',
           prop: 'des',
           label: '描述'
         }
@@ -6979,7 +6979,7 @@ export default {
           required: true
         },
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -7060,7 +7060,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -7077,7 +7077,7 @@ export default {
           label: '链接'
         },
         {
-          type: 'textarea',
+          type: 'editor',
           prop: 'des',
           label: '描述'
         }
@@ -7232,7 +7232,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -7402,7 +7402,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -7450,7 +7450,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -7493,7 +7493,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -7639,7 +7639,7 @@ export default {
           required: true
         },
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -7682,7 +7682,7 @@ export default {
           required: true
         },
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -7719,7 +7719,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -7801,7 +7801,7 @@ export default {
           required: true
         },
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -7844,7 +7844,7 @@ export default {
           required: true
         },
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -7867,7 +7867,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -7894,7 +7894,7 @@ export default {
           required: true
         },
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -7937,7 +7937,7 @@ export default {
           required: true
         },
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -7975,7 +7975,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -8252,7 +8252,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -8376,7 +8376,7 @@ export default {
           required: true
         },
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
diff --git a/src/mixins/page/index.js b/src/mixins/page/index.js
index a260856..4b940df 100644
--- a/src/mixins/page/index.js
+++ b/src/mixins/page/index.js
@@ -74,6 +74,8 @@ export default {
           this.originModules = str // 原始json，用以页面离开的时候判断是否需要提示保存
 
           list.map((e, i) => {
+            console.log("🚀 ~ file: index.js:77 ~ list.map ~ e:", e, this.modules[i])
+						if (this.modules[i].forms) e.forms = this.modules[i].forms
             if (this.withOriginForm.includes(e.type) && !e.originForm) {
               e.originForm = modules[i].originForm
             }
diff --git a/src/pages/column/page/devHistory.vue b/src/pages/column/page/devHistory.vue
index 23e280f..c6088d0 100644
--- a/src/pages/column/page/devHistory.vue
+++ b/src/pages/column/page/devHistory.vue
@@ -3,44 +3,57 @@
     <div class="actions">
       <p class="page-name">页面设置/关于IASF-发展历程</p>
       <div>
-        <el-button type="primary" @click="preview">预览</el-button>
+        <el-button type="primary"
+                   @click="preview">预览</el-button>
         <el-button @click="save(0)">保存为草稿</el-button>
-        <el-button type="primary" @click="save(1)">发布</el-button>
+        <el-button type="primary"
+                   @click="save(1)">发布</el-button>
         <el-button @click="back">放弃编辑</el-button>
       </div>
     </div>
-    
+
     <div class="modules">
       <div class="relative">
         <div class="single-banner">
-          <img class="banner-img" :src="modules[0].form.pic" alt="" />
+          <img class="banner-img"
+               :src="modules[0].form.pic"
+               alt="" />
           <div class="texts">
             <h6 class="banner-title">{{ modules[0].form.title }}</h6>
           </div>
         </div>
-        <div class="cover" @click="toSet(0)">点击更换banner与链接</div>
+        <div class="cover"
+             @click="toSet(0)">点击更换banner与链接</div>
       </div>
 
       <div class="block history">
         <div class="inner">
           <div class="c-wrap">
-            <h6>{{ modules[1].form.title }}</h6>
+            <h6 v-html="modules[1].form.title"></h6>
             <p class="en">{{ modules[1].form.subTitle }}</p>
-            <div class="text" v-html="modules[1].form.des"></div>
-            <div class="cover" @click="toSet(1)">点击更换标题、小标题与概述</div>
+            <div class="text"
+                 v-html="modules[1].form.des"></div>
+            <div class="cover"
+                 @click="toSet(1)">点击更换标题、小标题与概述</div>
           </div>
 
           <div class="c-wrap">
             <h6 style="font-size: 1.6rem">{{ modules[2].form.title }}</h6>
-            <p class="en" style="margin-top: -15px;font-size: 1.6rem">{{ modules[2].form.subTitle }}</p>
-            <div class="text" v-html="modules[2].form.des"></div>
-            <div class="cover" @click="toSet(2)">点击更换标题、小标题与概述</div>
+            <p class="en"
+               style="margin-top: -15px;font-size: 1.6rem">{{ modules[2].form.subTitle }}</p>
+            <div class="text"
+                 v-html="modules[2].form.des"></div>
+            <div class="cover"
+                 @click="toSet(2)">点击更换标题、小标题与概述</div>
           </div>
         </div>
       </div>
     </div>
-    
-    <Module ref="module" :data.sync="curData" :visible.sync="diaVisible" @moduleSubmit="moduleSubmit" />
+
+    <Module ref="module"
+            :data.sync="curData"
+            :visible.sync="diaVisible"
+            @moduleSubmit="moduleSubmit" />
   </div>
 </template>
 
@@ -49,12 +62,12 @@ import mixins from '@/mixins/page'
 import Modules from '@/const/modules'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       modules: Modules.devHistory
     }
   },
-  mounted() {
+  mounted () {
     this.$store.commit('user/setCrumbs', [
       {
         name: '站点管理',
@@ -74,32 +87,32 @@ export default {
     ])
   },
   methods: {
-    
+
   }
 };
 </script>
 
 <style lang="scss" scoped>
-@import "../../../styles/page/page.scss";
+@import '../../../styles/page/page.scss';
 .history {
-  h6 {
-    position: relative;
-    font-size: 2.4rem;
-    font-family: PingFangSC-Medium, PingFang SC;
-    font-weight: 500;
-    color: #333333;
-  }
-  .en {
-    margin-top: -25px;
-    font-size: 2.4rem;
-    font-family: PingFangSC-Light, PingFang SC;
-    font-weight: 300;
-    color: #E3E3E3;
-  }
-  .text {
-    max-width: 1200px;
-    margin: 30px 0;
-    overflow: auto;
-  }
+    h6 {
+        position: relative;
+        font-size: 2.4rem;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #333333;
+    }
+    .en {
+        margin-top: -25px;
+        font-size: 2.4rem;
+        font-family: PingFangSC-Light, PingFang SC;
+        font-weight: 300;
+        color: #e3e3e3;
+    }
+    .text {
+        max-width: 1200px;
+        margin: 30px 0;
+        overflow: auto;
+    }
 }
 </style>
diff --git a/src/pages/column/page/governance.vue b/src/pages/column/page/governance.vue
index ce8abba..35001f2 100644
--- a/src/pages/column/page/governance.vue
+++ b/src/pages/column/page/governance.vue
@@ -30,7 +30,7 @@
         <div class="inner">
           <div class="texts c-wrap">
             <div class="left">
-              <h2>{{ modules[1].form.title }}</h2>
+              <h2 v-html="modules[1].form.title"></h2>
               <div class="des"
                    v-html="modules[1].form.des"></div>
             </div>
diff --git a/src/pages/column/page/industrial.vue b/src/pages/column/page/industrial.vue
index 606ce1e..8499dce 100644
--- a/src/pages/column/page/industrial.vue
+++ b/src/pages/column/page/industrial.vue
@@ -29,7 +29,8 @@
       <div class="block history gray">
         <div class="inner c-wrap">
           <h2 class="wow fadeInLeft"
-              style="margin-left: 57px">{{ modules[1].form.title }}</h2>
+              style="margin-left: 57px"
+              v-html="modules[1].form.title"></h2>
           <div class="texts wow fadeInDown"
                data-wow-delay="0.5s">
             <div class="left">
@@ -54,7 +55,7 @@
                :src="modules[2].form.pic"
                alt="">
           <div class="right">
-            <h6>{{ modules[2].form.title }}</h6>
+            <h6 v-html="modules[2].form.title"></h6>
             <div class="text"
                  v-html="modules[2].form.des"></div>
           </div>
@@ -66,7 +67,8 @@
       <div class="block gray">
         <div class="inner">
           <div class="c-wrap">
-            <h2 class="b-title">{{ modules[3].form.title }}</h2>
+            <h2 class="b-title"
+                v-html="modules[3].form.title"></h2>
             <p class="intro"
                v-html="modules[3].form.des"></p>
             <div class="cover"
@@ -75,7 +77,7 @@
           <ul class="plan">
             <li>
               <div class="left">
-                <h6>{{ modules[4].form.title }}</h6>
+                <h6 v-html="modules[4].form.title"></h6>
                 <div class="text"
                      v-html="modules[4].form.des"></div>
                 <img src="@/assets/images/arrow.png"
@@ -89,7 +91,7 @@
             </li>
             <li>
               <div class="left">
-                <h6>{{ modules[5].form.title }}</h6>
+                <h6 v-html="modules[5].form.title"></h6>
                 <div class="text"
                      v-html="modules[5].form.des"></div>
                 <img src="@/assets/images/arrow.png"
@@ -108,7 +110,8 @@
       <div class="block">
         <div class="inner app-inner">
           <div class="c-wrap">
-            <h2 class="b-title wow fadeInUp">{{ modules[6].form.title }}</h2>
+            <h2 class="b-title wow fadeInUp"
+                v-html="modules[6].form.title"></h2>
             <p class="intro wow fadeInUp"
                data-wow-delay="0.5s">{{ modules[6].form.des }}</p>
             <div class="cover"
@@ -136,7 +139,8 @@
       <div class="block news-block">
         <div class="inner">
           <div class="c-wrap">
-            <h2 class="b-title">{{ modules[8].form.title }}</h2>
+            <h2 class="b-title"
+                v-html="modules[8].form.title"></h2>
             <p class="intro">{{ modules[8].form.des }}</p>
             <div class="cover"
                  @click="toSet(8)">点击更换标题与描述</div>
diff --git a/src/pages/column/page/mission.vue b/src/pages/column/page/mission.vue
index 16b0d82..a276cbe 100644
--- a/src/pages/column/page/mission.vue
+++ b/src/pages/column/page/mission.vue
@@ -32,7 +32,7 @@
             <img :src="modules[1].form.pic"
                  alt="" />
             <div class="texts">
-              <h6>{{ modules[1].form.title }}</h6>
+              <h6 v-html="modules[1].form.title"></h6>
               <div class="text"
                    v-html="modules[1].form.des"></div>
             </div>
@@ -44,7 +44,7 @@
             <img :src="modules[2].form.pic"
                  alt="" />
             <div class="texts rightText">
-              <h6>{{ modules[2].form.title }}</h6>
+              <h6 v-html="modules[2].form.title"></h6>
               <div class="text"
                    v-html="modules[2].form.des"></div>
             </div>
@@ -58,7 +58,8 @@
       <div class="block mind gray">
         <div class="inner">
           <div class="c-wrap">
-            <h6 class="m-title">{{ modules[3].form.title }}</h6>
+            <h6 class="m-title"
+                v-html="modules[3].form.title"></h6>
             <div class="cover"
                  @click="toSet(3)">点击更换标题</div>
           </div>
diff --git a/src/pages/column/page/overview.vue b/src/pages/column/page/overview.vue
index a41a276..8b1a558 100644
--- a/src/pages/column/page/overview.vue
+++ b/src/pages/column/page/overview.vue
@@ -31,9 +31,10 @@
           <div class="texts wow fadeInDown"
                data-wow-delay="0.5s">
             <div class="left">
-              <h2>{{ modules[1].form.title }}</h2>
+              <h2 v-html="modules[1].form.title"></h2>
               <div class="line"></div>
-              <div class="des">{{ modules[1].form.des }}</div>
+              <div class="des"
+                   v-html="modules[1].form.des"></div>
             </div>
             <img class="bg"
                  width="562"
@@ -80,7 +81,7 @@
       <div class="block fac">
         <div class="inner">
           <div class="event">
-            <h6>{{ modules[4].form.title }}</h6>
+            <h6 v-html="modules[4].form.title"></h6>
             <p class="en">{{ modules[4].form.subTitle }}</p>
             <div class="text"
                  v-html="modules[4].form.des"></div>
@@ -132,7 +133,8 @@
 
       <div class="block scan gray">
         <div class="c-wrap">
-          <h2 class="b-title">{{ modules[8].form.title }}</h2>
+          <h2 class="b-title"
+              v-html="modules[8].form.title"></h2>
           <p class="intro">{{ modules[8].form.des }}</p>
           <div class="cover"
                @click="toSet(8)">点击更换标题与描述</div>
diff --git a/src/pages/column/page/scientific.vue b/src/pages/column/page/scientific.vue
index cc8bdf0..f5594a3 100644
--- a/src/pages/column/page/scientific.vue
+++ b/src/pages/column/page/scientific.vue
@@ -35,7 +35,7 @@
                    :src="modules[1].form.pic"
                    alt="">
               <div class="texts">
-                <h6>{{ modules[1].form.title }}</h6>
+                <h6 v-html="modules[1].form.title"></h6>
                 <div class="text"
                      v-html="modules[1].form.des"></div>
                 <img class="icon"
@@ -50,7 +50,7 @@
                    :src="modules[2].form.pic"
                    alt="">
               <div class="texts">
-                <h6>{{ modules[2].form.title }}</h6>
+                <h6 v-html="modules[2].form.title"></h6>
                 <div class="text"
                      v-html="modules[2].form.des"></div>
                 <img class="icon"
@@ -68,7 +68,8 @@
         <div class="inner">
           <div class="texts">
             <div class="title wow fadeInUp"
-                 data-wow-delay="0.7s">{{ modules[3].form.title }}</div>
+                 data-wow-delay="0.7s"
+                 v-html="modules[3].form.title"></div>
             <div class="des wow fadeInDown"
                  data-wow-delay="1s"
                  v-html="modules[3].form.des"></div>
diff --git a/src/pages/column/page/sfel.vue b/src/pages/column/page/sfel.vue
index a31a940..e1a9a5d 100644
--- a/src/pages/column/page/sfel.vue
+++ b/src/pages/column/page/sfel.vue
@@ -3,23 +3,31 @@
     <div class="actions">
       <p class="page-name">页面设置/SFEL</p>
       <div>
-        <el-button type="primary" @click="preview">预览</el-button>
+        <el-button type="primary"
+                   @click="preview">预览</el-button>
         <el-button @click="save(0)">保存为草稿</el-button>
-        <el-button type="primary" @click="save(1)">发布</el-button>
+        <el-button type="primary"
+                   @click="save(1)">发布</el-button>
         <el-button @click="back">放弃编辑</el-button>
       </div>
     </div>
 
     <div class="modules">
       <div class="relative">
-        <el-carousel height="480px" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+        <el-carousel height="480px"
+                     :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
           <template v-for="(item, i) in modules[0].list">
-            <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
-              <img width="100%" height="100%" :src="item.pic" alt="">
+            <el-carousel-item v-if="item.pic && item.isEnable"
+                              :key="i">
+              <img width="100%"
+                   height="100%"
+                   :src="item.pic"
+                   alt="">
             </el-carousel-item>
           </template>
         </el-carousel>
-        <div class="cover" @click="toSet(0)">点击更换banner与链接</div>
+        <div class="cover"
+             @click="toSet(0)">点击更换banner与链接</div>
       </div>
 
       <div class="block banner-block">
@@ -30,11 +38,15 @@
               <span class="sub">{{ modules[1].form.subTitle }}</span>
             </h5>
             <span class="more">MORE</span>
-            <div class="cover" @click="toSet(1)">点击更换标题与小标题</div>
+            <div class="cover"
+                 @click="toSet(1)">点击更换标题与小标题</div>
           </div>
           <div class="c-wrap">
             <div class="sfel-banner">
-              <img width="100%" height="480" src="http://10.10.11.7/images/about/5.png" alt="">
+              <img width="100%"
+                   height="480"
+                   src="http://10.10.11.7/images/about/5.png"
+                   alt="">
               <div class="right">
                 <h6>IASF is driven to serve the Science and industry, and solve grand challenges through research and innovation. We are open and creative</h6>
                 <div class="des">Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area in Japan. And the Guangdong-Hong Kong-Macao Greater Bay </div>
@@ -43,31 +55,44 @@
             </div>
             <ul class="card">
               <li>
-                <img class="pic" src="http://10.10.11.7/images/about/9.png" alt="">
+                <img class="pic"
+                     src="http://10.10.11.7/images/about/9.png"
+                     alt="">
                 <div class="texts">
                   <p class="meta">2022-09-09 | Research</p>
                   <div class="des">IASF is driven to serve the Science and industry, and solve grand </div>
-                  <img class="arrow" src="@/assets/images/arrow.png" alt="">
+                  <img class="arrow"
+                       src="@/assets/images/arrow.png"
+                       alt="">
                 </div>
               </li>
               <li>
-                <img class="pic" src="http://10.10.11.7/images/about/10.png" alt="">
+                <img class="pic"
+                     src="http://10.10.11.7/images/about/10.png"
+                     alt="">
                 <div class="texts">
                   <p class="meta">2022-09-09 | Research</p>
                   <div class="des">IASF is driven to serve the Science and industry, and solve grand </div>
-                  <img class="arrow" src="@/assets/images/arrow.png" alt="">
+                  <img class="arrow"
+                       src="@/assets/images/arrow.png"
+                       alt="">
                 </div>
               </li>
               <li>
-                <img class="pic" src="http://10.10.11.7/images/about/11.png" alt="">
+                <img class="pic"
+                     src="http://10.10.11.7/images/about/11.png"
+                     alt="">
                 <div class="texts">
                   <p class="meta">2022-09-09 | Research</p>
                   <div class="des">IASF is driven to serve the Science and industry, and solve grand </div>
-                  <img class="arrow" src="@/assets/images/arrow.png" alt="">
+                  <img class="arrow"
+                       src="@/assets/images/arrow.png"
+                       alt="">
                 </div>
               </li>
             </ul>
-            <div class="cover" @click="toSet(2)">关联栏目</div>
+            <div class="cover"
+                 @click="toSet(2)">关联栏目</div>
           </div>
         </div>
       </div>
@@ -80,37 +105,44 @@
               <span class="sub">{{ modules[3].form.subTitle }}</span>
             </h5>
             <span class="more">MORE</span>
-            <div class="cover" @click="toSet(3)">点击更换标题与小标题</div>
+            <div class="cover"
+                 @click="toSet(3)">点击更换标题与小标题</div>
           </div>
           <div class="shop-shows c-wrap">
-            <div class="left wow fadeInLeft" data-wow-delay="0.5s">
+            <div class="left wow fadeInLeft"
+                 data-wow-delay="0.5s">
               <el-carousel height="432px">
                 <el-carousel-item>
                   <div class="item">
-                    <img src="@/assets/images/survey3.png" alt="">
+                    <img src="@/assets/images/survey3.png"
+                         alt="">
                     <p class="text">关于2021年度深圳综合粒子设施研究院采购意向公开表</p>
                   </div>
                 </el-carousel-item>
                 <el-carousel-item>
                   <div class="item">
-                    <img src="@/assets/images/survey3.png" alt="">
+                    <img src="@/assets/images/survey3.png"
+                         alt="">
                     <p class="text">关于2021年度深圳综合粒子设施研究院采购意向公开表</p>
                   </div>
                 </el-carousel-item>
                 <el-carousel-item>
                   <div class="item">
-                    <img src="@/assets/images/survey3.png" alt="">
+                    <img src="@/assets/images/survey3.png"
+                         alt="">
                     <p class="text">关于2021年度深圳综合粒子设施研究院采购意向公开表</p>
                   </div>
                 </el-carousel-item>
               </el-carousel>
-              <div class="cards" style="margin-top: 18px;">
+              <div class="cards"
+                   style="margin-top: 18px;">
                 <h6>关于2021年度深圳综合粒子设施研究院采购意向公开表</h6>
                 <div class="sum">把一个基因切成两段，分别翻译成两段蛋白片段，还会有原来的功能吗？实多数蛋白片段会…</div>
                 <p class="date">2022/02/26</p>
               </div>
               <div class="card-wrap">
-                <div class="cards" style="margin-right: 18px">
+                <div class="cards"
+                     style="margin-right: 18px">
                   <h6>关于2021年度深圳综合粒子设施研究院采购意向公开表</h6>
                   <p class="date">2022/02/26</p>
                 </div>
@@ -120,24 +152,31 @@
                 </div>
               </div>
             </div>
-            <div class="right wow fadeInRight" data-wow-delay="0.5s">
+            <div class="right wow fadeInRight"
+                 data-wow-delay="0.5s">
               <ul class="card-list">
                 <li>
-                  <img class="pic" src="http://10.10.11.7/images/about/9.png" alt="">
+                  <img class="pic"
+                       src="http://10.10.11.7/images/about/9.png"
+                       alt="">
                   <div class="texts">
                     <h6>喜讯！储存环三次谐波腔的带束实验验证及超导高频频腔</h6>
                     <div class="des">1月20日上午，光明区总工会组织的“关爱职工·情暖光明”春节工会关爱活动走进深圳综合粒子设施研究院，为奋战在综合性…</div>
                   </div>
                 </li>
                 <li>
-                  <img class="pic" src="http://10.10.11.7/images/about/9.png" alt="">
+                  <img class="pic"
+                       src="http://10.10.11.7/images/about/9.png"
+                       alt="">
                   <div class="texts">
                     <h6>光明区总工会为一线科研人员送上新春祝福</h6>
                     <div class="des">1月11日上午，深圳综合粒子设施研究院与深圳大学签署战略合作框架协议。深圳大学党委书记、校长李清泉深圳综合粒子设施研究院与深圳大学党委…</div>
                   </div>
                 </li>
                 <li>
-                  <img class="pic" src="http://10.10.11.7/images/about/9.png" alt="">
+                  <img class="pic"
+                       src="http://10.10.11.7/images/about/9.png"
+                       alt="">
                   <div class="texts">
                     <h6>深圳综合粒子设施研究院与中国科学院</h6>
                     <div class="des">1月20日上午，光明区总工会组织的“关爱职工·情暖光明”春节工会关爱活动走进深圳综合粒子设施研究院，为奋战在综合性…</div>
@@ -145,11 +184,13 @@
                 </li>
               </ul>
               <div class="slide">
-                <img src="@/assets/images/survey3.png" alt="">
+                <img src="@/assets/images/survey3.png"
+                     alt="">
                 <p class="text">深圳综合粒子设施研究院与中国科学院</p>
               </div>
             </div>
-            <div class="cover" @click="toSet(4)">关联栏目</div>
+            <div class="cover"
+                 @click="toSet(4)">关联栏目</div>
           </div>
         </div>
       </div>
@@ -162,73 +203,102 @@
               <span class="sub">{{ modules[5].form.subTitle }}</span>
             </h5>
             <span class="more">MORE</span>
-            <div class="cover" @click="toSet(5)">点击更换标题与小标题</div>
+            <div class="cover"
+                 @click="toSet(5)">点击更换标题与小标题</div>
           </div>
           <div class="shows c-wrap">
             <div class="left">
-              <img width="100%" height="100%" src="http://10.10.11.7/images/about/9.png" alt="">
+              <img width="100%"
+                   height="100%"
+                   src="http://10.10.11.7/images/about/9.png"
+                   alt="">
               <div class="text">关于2021年度深圳综合粒子设施研究院采购意向公开表</div>
             </div>
             <ul class="card-list">
               <li>
-                <img class="pic" src="http://10.10.11.7/images/about/10.png" alt="">
+                <img class="pic"
+                     src="http://10.10.11.7/images/about/10.png"
+                     alt="">
                 <div class="texts">
                   <h6>专业技术培训 | 自由电子激光装置中的结构</h6>
                   <p class="sum">加速器总体-直线加速器总体-高重频电子枪组…</p>
                   <p class="text">
-                    <img class="icon" src="@/assets/images/mine.png" alt="">
+                    <img class="icon"
+                         src="@/assets/images/mine.png"
+                         alt="">
                     邵佳航
                   </p>
                   <p class="text">
-                    <img class="icon" src="@/assets/images/time.png" alt="">
+                    <img class="icon"
+                         src="@/assets/images/time.png"
+                         alt="">
                     会议时间: 2022年8月13日 14:30
                   </p>
                   <p class="text">
-                    <img class="icon" src="@/assets/images/online.png" alt="">
+                    <img class="icon"
+                         src="@/assets/images/online.png"
+                         alt="">
                     总部四楼大会议室
                   </p>
                 </div>
               </li>
               <li>
-                <img class="pic" src="http://10.10.11.7/images/about/10.png" alt="">
+                <img class="pic"
+                     src="http://10.10.11.7/images/about/10.png"
+                     alt="">
                 <div class="texts">
                   <h6>专业技术培训 | 自由电子激光装置中的结构</h6>
                   <p class="sum">加速器总体-直线加速器总体-高重频电子枪组…</p>
                   <p class="text">
-                    <img class="icon" src="@/assets/images/mine.png" alt="">
+                    <img class="icon"
+                         src="@/assets/images/mine.png"
+                         alt="">
                     邵佳航
                   </p>
                   <p class="text">
-                    <img class="icon" src="@/assets/images/time.png" alt="">
+                    <img class="icon"
+                         src="@/assets/images/time.png"
+                         alt="">
                     会议时间: 2022年8月13日 14:30
                   </p>
                   <p class="text">
-                    <img class="icon" src="@/assets/images/online.png" alt="">
+                    <img class="icon"
+                         src="@/assets/images/online.png"
+                         alt="">
                     总部四楼大会议室
                   </p>
                 </div>
               </li>
               <li>
-                <img class="pic" src="http://10.10.11.7/images/about/10.png" alt="">
+                <img class="pic"
+                     src="http://10.10.11.7/images/about/10.png"
+                     alt="">
                 <div class="texts">
                   <h6>专业技术培训 | 自由电子激光装置中的结构</h6>
                   <p class="sum">加速器总体-直线加速器总体-高重频电子枪组…</p>
                   <p class="text">
-                    <img class="icon" src="@/assets/images/mine.png" alt="">
+                    <img class="icon"
+                         src="@/assets/images/mine.png"
+                         alt="">
                     邵佳航
                   </p>
                   <p class="text">
-                    <img class="icon" src="@/assets/images/time.png" alt="">
+                    <img class="icon"
+                         src="@/assets/images/time.png"
+                         alt="">
                     会议时间: 2022年8月13日 14:30
                   </p>
                   <p class="text">
-                    <img class="icon" src="@/assets/images/online.png" alt="">
+                    <img class="icon"
+                         src="@/assets/images/online.png"
+                         alt="">
                     总部四楼大会议室
                   </p>
                 </div>
               </li>
             </ul>
-            <div class="cover" @click="toSet(6)">关联栏目</div>
+            <div class="cover"
+                 @click="toSet(6)">关联栏目</div>
           </div>
         </div>
       </div>
@@ -241,17 +311,27 @@
               <span class="sub">{{ modules[7].form.subTitle }}</span>
             </h5>
             <span class="more">MORE</span>
-            <div class="cover" @click="toSet(7)">点击更换标题与小标题</div>
+            <div class="cover"
+                 @click="toSet(7)">点击更换标题与小标题</div>
           </div>
           <div class="media-wrap c-wrap">
             <div class="left">
               <div class="slides">
-                <div class="item wow fadeInLeft" data-wow-delay="0.5s" style="margin-right: 20px">
-                  <img width="100%" height="100%" src="http://10.10.11.7/images/about/9.png" alt="">
+                <div class="item wow fadeInLeft"
+                     data-wow-delay="0.5s"
+                     style="margin-right: 20px">
+                  <img width="100%"
+                       height="100%"
+                       src="http://10.10.11.7/images/about/9.png"
+                       alt="">
                   <div class="text">关于2021年度深圳综合粒子设施研究院采购意向公开表</div>
                 </div>
-                <div class="item wow fadeInLeft" data-wow-delay="0.5s">
-                  <img width="100%" height="100%" src="http://10.10.11.7/images/about/9.png" alt="">
+                <div class="item wow fadeInLeft"
+                     data-wow-delay="0.5s">
+                  <img width="100%"
+                       height="100%"
+                       src="http://10.10.11.7/images/about/9.png"
+                       alt="">
                   <div class="text">关于2021年度深圳综合粒子设施研究院采购意向公开表</div>
                 </div>
               </div>
@@ -271,13 +351,15 @@
               </ul>
             </div>
             <div class="right">
-              <img src="@/assets/images/survey3.png" alt="">
+              <img src="@/assets/images/survey3.png"
+                   alt="">
               <div class="texts">
                 <h6>关于2021年度深圳综合粒子设施研究院采购公开表</h6>
                 <div class="des">把一个基因切成两段，分别翻译成两段蛋白片段，还会有原来的功能吗？实多数蛋白片段会…</div>
               </div>
             </div>
-            <div class="cover" @click="toSet(8)">关联栏目</div>
+            <div class="cover"
+                 @click="toSet(8)">关联栏目</div>
           </div>
         </div>
       </div>
@@ -290,21 +372,25 @@
               <span class="sub">{{ modules[9].form.subTitle }}</span>
             </h5>
             <span class="more">MORE</span>
-            <div class="cover" @click="toSet(9)">点击更换标题与小标题</div>
+            <div class="cover"
+                 @click="toSet(9)">点击更换标题与小标题</div>
           </div>
           <ul class="news">
-            <li v-for="(item, i) in modules[10].list" :key="i">
-              <img :src="item.pic" alt="">
+            <li v-for="(item, i) in modules[10].list"
+                :key="i">
+              <img :src="item.pic"
+                   alt="">
               <div class="texts">
                 <h6>{{ item.title }}</h6>
                 <div class="des">{{ item.des }}</div>
               </div>
-              <div class="cover" @click="toSet(10, i)">点击更改图片、标题概述与链接</div>
+              <div class="cover"
+                   @click="toSet(10, i)">点击更改图片、标题概述与链接</div>
             </li>
           </ul>
         </div>
       </div>
-      
+
       <div class="block program">
         <div class="inner c-wrap">
           <div class="title">
@@ -313,7 +399,8 @@
               <span class="sub">{{ modules[11].form.subTitle }}</span>
             </h5>
             <span class="more">MORE</span>
-            <div class="cover" @click="toSet(11)">点击更换标题与小标题</div>
+            <div class="cover"
+                 @click="toSet(11)">点击更换标题与小标题</div>
           </div>
           <div class="c-wrap">
             <div class="slide">
@@ -322,7 +409,9 @@
                 <div class="des">X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段。对于绝大多数自由电子激研究院紧密围绕高水平建设综合性国家科学中心战略目标，面向国民经济主战场和世界科技前沿…</div>
                 <div class="meta">发表日期：2022.01.10 &emsp;浏览量：备份</div>
               </div>
-              <img class="pic" src="@/assets/images/survey3.png" alt="">
+              <img class="pic"
+                   src="@/assets/images/survey3.png"
+                   alt="">
             </div>
             <ul class="list">
               <li>
@@ -338,13 +427,17 @@
                 <p class="date">2022.10.10</p>
               </li>
             </ul>
-            <div class="cover" @click="toSet(12)">关联栏目</div>
+            <div class="cover"
+                 @click="toSet(12)">关联栏目</div>
           </div>
         </div>
       </div>
     </div>
 
-    <Module ref="module" :data.sync="curData" :visible.sync="diaVisible" @moduleSubmit="moduleSubmit" />
+    <Module ref="module"
+            :data.sync="curData"
+            :visible.sync="diaVisible"
+            @moduleSubmit="moduleSubmit" />
   </div>
 </template>
 
@@ -353,12 +446,12 @@ import mixins from '@/mixins/page'
 import Modules from '@/const/modules'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       modules: Modules.sfel
     }
   },
-  mounted() {
+  mounted () {
     this.$store.commit('user/setCrumbs', [
       {
         name: '站点管理',
@@ -378,561 +471,563 @@ export default {
     ])
   },
   methods: {
-    
+
   }
 };
 </script>
 
 <style lang="scss" scoped>
-@import "../../../styles/page/page.scss";
+@import '../../../styles/page/page.scss';
 .title {
-  position: relative;
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-end;
-  padding-bottom: 25px;
-  margin-bottom: 30px;
-  border-bottom: 1px solid #ddd;
-  h5 {
-    padding-left: 16px;
-    font-size: 36px;
-    font-family: PingFangSC-Medium, PingFang SC;
-    font-weight: 500;
-    color: #333333;
-    line-height: 1;
-    border-left: 6px solid #2B96EF;
-  }
-  .sub {
-    font-size: 22px;
-    font-family: PingFangSC-Medium, PingFang SC;
-    font-weight: 500;
-    color: #AFB7BF;
-  }
-  .more {
-    font-size: 14px;
-    color: #666;
-    cursor: pointer;
-  }
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+    padding-bottom: 25px;
+    margin-bottom: 30px;
+    border-bottom: 1px solid #ddd;
+    h5 {
+        padding-left: 16px;
+        font-size: 36px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #333333;
+        line-height: 1;
+        border-left: 6px solid #2b96ef;
+    }
+    .sub {
+        font-size: 22px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #afb7bf;
+    }
+    .more {
+        font-size: 14px;
+        color: #666;
+        cursor: pointer;
+    }
 }
 .lg {
-  width: 1505px;
+    width: 1505px;
 }
 /deep/.articles {
-  width: 50%;
-  .el-carousel__indicators--horizontal {
-    bottom: 20px;
-    left: 804px;
-  }
+    width: 50%;
+    .el-carousel__indicators--horizontal {
+        bottom: 20px;
+        left: 804px;
+    }
 }
 .banner-block {
-  background: url(../../../assets/images/sfel/2.png) 0 0/cover no-repeat;
+    background: url(../../../assets/images/sfel/2.png) 0 0 / cover no-repeat;
 }
 .sfel-banner {
-  display: flex;
-  cursor: pointer;
-  .pic {
-    width: 700px;
-    height: 380px;
-  }
-  .right {
-    position: relative;
-    width: 50%;
-    padding: 50px 50px 30px;
-    background: #1583FF;
-    color: #fff;
-    &:hover {
-      background: #465f85;
-      h6, .des, .meta {
-        color: #fff;
-        transform: translateY(15px);
-      }
-    }
-  }
-  .inds {
-    position: absolute;
-    bottom: 40px;
-    left: 60px;
     display: flex;
-    li {
-      width: 10px;
-      height: 10px;
-      margin-right: 12px;
-      background: #FFFFFF;
-      border-radius: 50%;
-      transition: .2s;
-      &.active {
-        width: 30px;
-        background: rgba(255,255,255,0.3);
-        border-radius: 5px;
-      }
-    }
-  }
-  h6 {
-    font-size: 24px;
-    transition: .3s;
-  }
-  .des {
-    margin: 30px 0;
-    font-size: 16px;
-    line-height: 24px;
-    transition: .3s;
-  }
-  .meta {
-    font-size: 16px;
-    transition: .3s;
-  }
-}
-.card {
-  display: flex;
-  flex-wrap: wrap;
-  margin-top: 40px;
-  li {
-    width: calc((100% - 56px) / 3);
-    margin-right: 28px;
-    box-shadow: 0px 0px 20px 0px rgba(176,176,176,0.21);
-    border-radius: 6px;
-    transition: .3s;
-    &:hover {
-      transform: scale(1.05);
-    }
-    &:last-child {
-      margin-right: 0;
+    cursor: pointer;
+    .pic {
+        width: 700px;
+        height: 380px;
     }
-  }
-  .pic {
-    width: 100%;
-    height: 240px;
-  }
-  .texts {
-    padding: 40px 30px;
-  }
-  .meta {
-    font-size: 16px;
-    color: #666;
-  }
-  .des {
-    margin: 10px 0;
-    font-size: 20px;
-    font-family: SFProDisplay;
-    font-weight: 500;
-    color: #333;
-    line-height: 28px;
-  }
-  .arrow {
-    width: 36px;
-  }
-}
-
-.notice {
-  background: url(../../../assets/images/sfel/3.png) 0 0/cover no-repeat;
-}
-.shop-shows {
-  display: flex;
-  .left {
-    width: 660px;
-    margin-right: 20px;
-    .item {
-      position: relative;
-      height: 100%;
-      img {
-        width: 100%;
-        height: 100%;
-      }
-      .text {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        width: 100%;
-        padding: 0 20px;
-        font-size: 18px;
+    .right {
+        position: relative;
+        width: 50%;
+        padding: 50px 50px 30px;
+        background: #1583ff;
         color: #fff;
-        line-height: 59px;
-        background-color: rgba(0, 0, 0, 0.57);
-      }
-    }
-    .card-wrap {
-      display: flex;
-      margin-top: 18px;
+        &:hover {
+            background: #465f85;
+            h6,
+            .des,
+            .meta {
+                color: #fff;
+                transform: translateY(15px);
+            }
+        }
     }
-    .cards {
-      padding: 20px;
-      background-color: #fff;
-      h6 {
-        margin-bottom: 10px;
-        font-size: 18px;
-        color: #48525E;
-      }
-      .sum {
-        font-size: 14px;
-        color: #6D7C8E;
-      }
-      .date {
-        margin-top: 24px;
-        font-size: 14px;
-        color: #C4CCD7;
-      }
+    .inds {
+        position: absolute;
+        bottom: 40px;
+        left: 60px;
+        display: flex;
+        li {
+            width: 10px;
+            height: 10px;
+            margin-right: 12px;
+            background: #ffffff;
+            border-radius: 50%;
+            transition: 0.2s;
+            &.active {
+                width: 30px;
+                background: rgba(255, 255, 255, 0.3);
+                border-radius: 5px;
+            }
+        }
     }
     h6 {
-      font-size: 24px;
-      color: #272727;
+        font-size: 24px;
+        transition: 0.3s;
     }
     .des {
-      margin-top: 10px;
-      font-size: 16px;
-      color: #666;
-      line-height: 30px;
+        margin: 30px 0;
+        font-size: 16px;
+        line-height: 24px;
+        transition: 0.3s;
     }
-  }
-  .right {
-    width: 824px;
-  }
-  .card-list {
+    .meta {
+        font-size: 16px;
+        transition: 0.3s;
+    }
+}
+.card {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 40px;
     li {
-      display: flex;
-      align-items: center;
-      padding: 24px;
-      margin-bottom: 18px;
-      background-color: #fff;
-      transition: .3s;
-      &:hover {
-        transform: scale(1.05);
-      }
+        width: calc((100% - 56px) / 3);
+        margin-right: 28px;
+        box-shadow: 0px 0px 20px 0px rgba(176, 176, 176, 0.21);
+        border-radius: 6px;
+        transition: 0.3s;
+        &:hover {
+            transform: scale(1.05);
+        }
+        &:last-child {
+            margin-right: 0;
+        }
     }
     .pic {
-      width: 116px;
-      height: 85px;
-      margin-right: 28px;
+        width: 100%;
+        height: 240px;
     }
     .texts {
-      width: 504px;
-      margin-right: 60px;
+        padding: 40px 30px;
     }
-    h6 {
-      margin-bottom: 10px;
-      font-size: 18px;
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      color: #1583FF;
+    .meta {
+        font-size: 16px;
+        color: #666;
     }
     .des {
-      font-size: 16px;
-      color: #666;
-      line-height: 26px;
-      -webkit-line-clamp: 2;
+        margin: 10px 0;
+        font-size: 20px;
+        font-family: SFProDisplay;
+        font-weight: 500;
+        color: #333;
+        line-height: 28px;
     }
-  }
-  .slide {
-    position: relative;
-    height: 284px;
-    img {
-      width: 100%;
-      height: 100%;
-    }
-    .text {
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      padding: 0 12px;
-      line-height: 59px;
-      font-size: 18px;
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      color: #FFFFFF;
-      background-color: rgba(0, 0, 0, 0.57);
+    .arrow {
+        width: 36px;
     }
-  }
 }
-.conference {
-  background: url(../../../assets/images/sfel/4.png) 0 0/cover no-repeat;
-  .shows {
+
+.notice {
+    background: url(../../../assets/images/sfel/3.png) 0 0 / cover no-repeat;
+}
+.shop-shows {
     display: flex;
-  }
-  .left {
-    position: relative;
-    width: 688px;
-    height: 688px;
-    margin-right: 20px;
-    cursor: pointer;
-    .text {
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      padding: 0 12px;
-      line-height: 59px;
-      font-size: 18px;
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      color: #FFFFFF;
-      background-color: rgba(0, 0, 0, 0.57);
+    .left {
+        width: 660px;
+        margin-right: 20px;
+        .item {
+            position: relative;
+            height: 100%;
+            img {
+                width: 100%;
+                height: 100%;
+            }
+            .text {
+                position: absolute;
+                bottom: 0;
+                left: 0;
+                width: 100%;
+                padding: 0 20px;
+                font-size: 18px;
+                color: #fff;
+                line-height: 59px;
+                background-color: rgba(0, 0, 0, 0.57);
+            }
+        }
+        .card-wrap {
+            display: flex;
+            margin-top: 18px;
+        }
+        .cards {
+            padding: 20px;
+            background-color: #fff;
+            h6 {
+                margin-bottom: 10px;
+                font-size: 18px;
+                color: #48525e;
+            }
+            .sum {
+                font-size: 14px;
+                color: #6d7c8e;
+            }
+            .date {
+                margin-top: 24px;
+                font-size: 14px;
+                color: #c4ccd7;
+            }
+        }
+        h6 {
+            font-size: 24px;
+            color: #272727;
+        }
+        .des {
+            margin-top: 10px;
+            font-size: 16px;
+            color: #666;
+            line-height: 30px;
+        }
     }
-  }
-  .card-list {
-    width: 784px;
-    li {
-      display: flex;
-      align-items: center;
-      padding: 14px;
-      margin-bottom: 21px;
-      background-color: #fff;
-      cursor: pointer;
-      transition: .3s;
-      &:last-child {
-        margin-bottom: 0;
-      }
-      &:hover {
-        transform: translateX(20px);
-      }
+    .right {
+        width: 824px;
     }
-    .pic {
-      width: 188px;
-      height: 188px;
-      margin-right: 36px;
+    .card-list {
+        li {
+            display: flex;
+            align-items: center;
+            padding: 24px;
+            margin-bottom: 18px;
+            background-color: #fff;
+            transition: 0.3s;
+            &:hover {
+                transform: scale(1.05);
+            }
+        }
+        .pic {
+            width: 116px;
+            height: 85px;
+            margin-right: 28px;
+        }
+        .texts {
+            width: 504px;
+            margin-right: 60px;
+        }
+        h6 {
+            margin-bottom: 10px;
+            font-size: 18px;
+            font-family: PingFangSC-Medium, PingFang SC;
+            font-weight: 500;
+            color: #1583ff;
+        }
+        .des {
+            font-size: 16px;
+            color: #666;
+            line-height: 26px;
+            -webkit-line-clamp: 2;
+        }
     }
-    h6 {
-      margin-bottom: 10px;
-      font-size: 20px;
-      color: #333;
+    .slide {
+        position: relative;
+        height: 284px;
+        img {
+            width: 100%;
+            height: 100%;
+        }
+        .text {
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            padding: 0 12px;
+            line-height: 59px;
+            font-size: 18px;
+            font-family: PingFangSC-Medium, PingFang SC;
+            font-weight: 500;
+            color: #ffffff;
+            background-color: rgba(0, 0, 0, 0.57);
+        }
     }
-    .sum {
-      font-size: 16px;
-      color: #666;
+}
+.conference {
+    background: url(../../../assets/images/sfel/4.png) 0 0 / cover no-repeat;
+    .shows {
+        display: flex;
     }
-    .text {
-      display: flex;
-      align-items: center;
-      margin: 10px 0;
+    .left {
+        position: relative;
+        width: 688px;
+        height: 688px;
+        margin-right: 20px;
+        cursor: pointer;
+        .text {
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            padding: 0 12px;
+            line-height: 59px;
+            font-size: 18px;
+            font-family: PingFangSC-Medium, PingFang SC;
+            font-weight: 500;
+            color: #ffffff;
+            background-color: rgba(0, 0, 0, 0.57);
+        }
     }
-    .icon {
-      margin-right: 5px;
+    .card-list {
+        width: 784px;
+        li {
+            display: flex;
+            align-items: center;
+            padding: 14px;
+            margin-bottom: 21px;
+            background-color: #fff;
+            cursor: pointer;
+            transition: 0.3s;
+            &:last-child {
+                margin-bottom: 0;
+            }
+            &:hover {
+                transform: translateX(20px);
+            }
+        }
+        .pic {
+            width: 188px;
+            height: 188px;
+            margin-right: 36px;
+        }
+        h6 {
+            margin-bottom: 10px;
+            font-size: 20px;
+            color: #333;
+        }
+        .sum {
+            font-size: 16px;
+            color: #666;
+        }
+        .text {
+            display: flex;
+            align-items: center;
+            margin: 10px 0;
+        }
+        .icon {
+            margin-right: 5px;
+        }
     }
-  }
 }
 
 .media {
-  background: #fff;
-  .media-wrap {
-    display: flex;
-  }
-  .left {
-    width: 55%;
-    margin-right: 1%;
-    .slides {
-      display: flex;
-      margin-bottom: 20px;
-    }
-    .item {
-      position: relative;
-      width: 366px;
-      height: 197px;
-      img {
-        width: 100%;
-        height: 100%;
-      }
-      .text {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        width: 100%;
-        padding: 0 27px;
-        line-height: 48px;
-        font-size: 16px;
-        color: #FFFFFF;
-        @include ellipsis;
-        background-color: rgba(0, 0, 0, 0.49);
-      }
+    background: #fff;
+    .media-wrap {
+        display: flex;
     }
-    .list {
-      padding: 34px 36px;
-      background: #fff;
-      box-shadow: 0px 0px 30px 0px rgba(48,48,48,0.08);
-      li {
-        margin-bottom: 41px;
-        &:last-child {
-          margin-bottom: 0;
+    .left {
+        width: 55%;
+        margin-right: 1%;
+        .slides {
+            display: flex;
+            margin-bottom: 20px;
+        }
+        .item {
+            position: relative;
+            width: 366px;
+            height: 197px;
+            img {
+                width: 100%;
+                height: 100%;
+            }
+            .text {
+                position: absolute;
+                bottom: 0;
+                left: 0;
+                width: 100%;
+                padding: 0 27px;
+                line-height: 48px;
+                font-size: 16px;
+                color: #ffffff;
+                @include ellipsis;
+                background-color: rgba(0, 0, 0, 0.49);
+            }
+        }
+        .list {
+            padding: 34px 36px;
+            background: #fff;
+            box-shadow: 0px 0px 30px 0px rgba(48, 48, 48, 0.08);
+            li {
+                margin-bottom: 41px;
+                &:last-child {
+                    margin-bottom: 0;
+                }
+            }
+            h6 {
+                margin-bottom: 17px;
+                font-size: 20px;
+                font-family: PingFangSC-Medium, PingFang SC;
+                font-weight: 500;
+                color: #272727;
+                line-height: 20px;
+                text-shadow: 0px 0px 30px rgba(48, 48, 48, 0.08);
+            }
+            .des {
+                font-size: 14px;
+                color: #666;
+            }
+        }
+    }
+    .right {
+        width: 44%;
+        box-shadow: 0px 0px 30px 0px rgba(48, 48, 48, 0.08);
+        img {
+            width: 100%;
+            height: 422px;
+        }
+        .texts {
+            padding: 40px 28px;
+            background: #fff;
+        }
+        h6 {
+            font-size: 24px;
+            font-family: PingFangSC-Medium, PingFang SC;
+            font-weight: 500;
+            color: #272727;
+            line-height: 39px;
+            text-shadow: 0px 0px 30px rgba(48, 48, 48, 0.08);
+        }
+        .des {
+            margin-top: 16px;
+            font-size: 16px;
+            color: #666;
+        }
+    }
+}
+.news {
+    background: url(../../../assets/images/sfel/5.png) (0 504px) / auto no-repeat,
+        url(../../../assets/images/sfel/6.png) (bottom right) / auto no-repeat;
+    .inner {
+        width: 1400px;
+    }
+}
+.news {
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+    li {
+        position: relative;
+        width: calc((100% - 56px) / 3);
+        padding: 11px;
+        margin-right: 28px;
+        color: #333;
+        background-color: #fff;
+        box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
+        border-radius: 10px;
+        transition: 0.3s;
+        &:hover {
+            transform: translateY(20px);
+        }
+        &:nth-child(3n) {
+            margin-right: 0;
+        }
+        &:hover {
+            color: #fff;
+            background-color: #0252d9;
         }
-      }
-      h6 {
-        margin-bottom: 17px;
-        font-size: 20px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #272727;
-        line-height: 20px;
-        text-shadow: 0px 0px 30px rgba(48,48,48,0.08);
-      }
-      .des {
-        font-size: 14px;
-        color: #666;
-      }
     }
-  }
-  .right {
-    width: 44%;
-    box-shadow: 0px 0px 30px 0px rgba(48,48,48,0.08);
     img {
-      width: 100%;
-      height: 422px;
+        width: 100%;
+        height: 481px;
     }
     .texts {
-      padding: 40px 28px;
-      background: #fff;
+        padding: 0 18px 50px;
     }
     h6 {
-      font-size: 24px;
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      color: #272727;
-      line-height: 39px;
-      text-shadow: 0px 0px 30px rgba(48,48,48,0.08);
+        margin: 35px 0 12px;
+        font-size: 24px;
+        line-height: 33px;
     }
     .des {
-      margin-top: 16px;
-      font-size: 16px;
-      color: #666;
-    }
-  }
-}
-.news {
-  background: url(../../../assets/images/sfel/5.png) (0 504px)/auto no-repeat,
-              url(../../../assets/images/sfel/6.png) (bottom right)/auto no-repeat;
-  .inner {
-    width: 1400px;
-  }
-}
-.news {
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-  li {
-    position: relative;
-    width: calc((100% - 56px) / 3);
-    padding: 11px;
-    margin-right: 28px;
-    color: #333;
-    background-color: #fff;
-    box-shadow: 0px 5px 20px 0px rgba(98,117,163,0.08);
-    border-radius: 10px;
-    transition: .3s;
-    &:hover {
-      transform: translateY(20px);
-    }
-    &:nth-child(3n) {
-      margin-right: 0;
-    }
-    &:hover {
-      color: #fff;
-      background-color: #0252D9;
+        font-size: 18px;
+        line-height: 26px;
     }
-  }
-  img {
-    width: 100%;
-    height: 481px;
-  }
-  .texts {
-    padding: 0 18px 50px;
-  }
-  h6 {
-    margin: 35px 0 12px;
-    font-size: 24px;
-    line-height: 33px;
-  }
-  .des {
-    font-size: 18px;
-    line-height: 26px;
-  }
 }
 .program {
-  background: #fff;
-  .slide {
-    display: flex;
-    margin-bottom: 14px;
-  }
-  .texts {
-    width: 51%;
-    padding: 56px;
-    background: #FBFBFB;
-    h6 {
-      font-size: 24px;
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      color: #333333;
+    background: #fff;
+    .slide {
+        display: flex;
+        margin-bottom: 14px;
     }
-    .des {
-      margin: 35px 0 25px;
-      font-size: 16px;
-      color: #666;
-      line-height: 32px;
-    }
-    .meta {
-      font-size: 14px;
-      color: #666;
+    .texts {
+        width: 51%;
+        padding: 56px;
+        background: #fbfbfb;
+        h6 {
+            font-size: 24px;
+            font-family: PingFangSC-Medium, PingFang SC;
+            font-weight: 500;
+            color: #333333;
+        }
+        .des {
+            margin: 35px 0 25px;
+            font-size: 16px;
+            color: #666;
+            line-height: 32px;
+        }
+        .meta {
+            font-size: 14px;
+            color: #666;
+        }
     }
-  }
-  .pic {
-    width: 49%;
-    height: 430px;
-  }
-  .list {
-    display: flex;
-    li {
-      width: calc((100% - 44px) / 3);
-      padding: 36px 22px;
-      margin-right: 14px;
-      background: url(../../../assets/images/sfel/7.png) 0 0/cover no-repeat;
-      &:nth-child(2) {
-        background-image: url(../../../assets/images/sfel/8.png);
-      }
-      &:nth-child(3) {
-        margin-right: 0;
-        background-image: url(../../../assets/images/sfel/9.png);
-      }
+    .pic {
+        width: 49%;
+        height: 430px;
     }
-    .des {
-      margin-bottom: 30px;
-      font-size: 18px;
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      color: #FFFFFF;
-      line-height: 30px;
-    }
-    .date {
-      font-size: 16px;
-      font-family: LaoSangamMN;
-      color: #FFFFFF;
+    .list {
+        display: flex;
+        li {
+            width: calc((100% - 44px) / 3);
+            padding: 36px 22px;
+            margin-right: 14px;
+            background: url(../../../assets/images/sfel/7.png) 0 0 / cover no-repeat;
+            &:nth-child(2) {
+                background-image: url(../../../assets/images/sfel/8.png);
+            }
+            &:nth-child(3) {
+                margin-right: 0;
+                background-image: url(../../../assets/images/sfel/9.png);
+            }
+        }
+        .des {
+            margin-bottom: 30px;
+            font-size: 18px;
+            font-family: PingFangSC-Medium, PingFang SC;
+            font-weight: 500;
+            color: #ffffff;
+            line-height: 30px;
+        }
+        .date {
+            font-size: 16px;
+            font-family: LaoSangamMN;
+            color: #ffffff;
+        }
     }
-  }
 }
 .tools {
-  position: absolute;
-  top: 600px;
-  left: 0;
-  width: 226px;
-  text-align: center;
-  .logo {
-    padding: 44px 0;
-    background: #0C60BE;
-    box-shadow: 0px 0px 20px 0px rgba(184,191,200,0.3);
-  }
-  .nav {
-    li {
-      padding: 0 10px;
-      font-size: 24px;
-      line-height: 83px;
-      color: #fff;
-      background-color: #1D1D1D;
-      cursor: pointer;
-      @include ellipsis;
-      &.active {
-        background-color: #1583FF;
-      }
+    position: absolute;
+    top: 600px;
+    left: 0;
+    width: 226px;
+    text-align: center;
+    .logo {
+        padding: 44px 0;
+        background: #0c60be;
+        box-shadow: 0px 0px 20px 0px rgba(184, 191, 200, 0.3);
+    }
+    .nav {
+        li {
+            padding: 0 10px;
+            font-size: 24px;
+            line-height: 83px;
+            color: #fff;
+            background-color: #1d1d1d;
+            cursor: pointer;
+            @include ellipsis;
+            &.active {
+                background-color: #1583ff;
+            }
+        }
     }
-  }
 }
 @media (max-width: 1520px) {
-  .lg {
-    width: 98%;
-  }
+    .lg {
+        width: 98%;
+    }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/speech.vue b/src/pages/column/page/speech.vue
index 6ff0499..bc3f83e 100644
--- a/src/pages/column/page/speech.vue
+++ b/src/pages/column/page/speech.vue
@@ -28,20 +28,18 @@
       </div>
 
       <div class="block">
-        <div class="inner">
-          <div class="c-wrap">
-            <img :src="modules[1].form.pic"
-                 alt=""
-                 class="pic">
-            <div class="texts">
-              <h6>{{ modules[1].form.title }}</h6>
-              <p class="en">{{ modules[1].form.subTitle }}</p>
-              <div class="text"
-                   v-html="modules[1].form.des"></div>
-            </div>
-            <div class="cover"
-                 @click="toSet(1)">点击更换图片、标题、小标题与概述</div>
+        <div class="inner c-wrap">
+          <img :src="modules[1].form.pic"
+               alt=""
+               class="pic">
+          <div class="texts">
+            <h6 v-html="modules[1].form.title"></h6>
+            <p class="en">{{ modules[1].form.subTitle }}</p>
+            <div class="text"
+                 v-html="modules[1].form.des"></div>
           </div>
+          <div class="cover"
+               @click="toSet(1)">点击更换图片、标题、小标题与概述</div>
         </div>
         <div class="sign c-wrap">
           签名：