diff --git a/src/mixins/page/index.js b/src/mixins/page/index.js
index d5b035e..1b0e34f 100644
--- a/src/mixins/page/index.js
+++ b/src/mixins/page/index.js
@@ -17,6 +17,7 @@ export default {
       curListIndex: 0,
       curData: {},
       pass: false,
+      columnName: '',
     }
   },
   components: {
@@ -40,6 +41,7 @@ export default {
   },
   mounted () {
     this.getInfo()
+    this.getColumnInfo()
   },
   methods: {
     // 获取详情
@@ -71,7 +73,6 @@ export default {
           this.id = json.id
           const str = json[json.state ? 'theEditedJson' : 'jsonBeforeEditing']
           const list = JSON.parse(str)
-          console.log("🚀 ~ this.$post ~ list:", list, json.theEditedJson)
 
           this.modules.map((e, i) => {
             e.form = list[i].form
@@ -81,10 +82,32 @@ export default {
             }
           })
           this.originModules = JSON.stringify(this.modules) // 原始json，用以页面离开的时候判断是否需要提示保存
-          console.log("🚀 ~ file: index.js:85 ~ this.$post ~ list:", this.modules[0])
+          console.log("🚀 ~ file: index.js:85 ~ this.$post ~ list:", this.modules)
         }
       }).catch(err => { })
     },
+    // 获取栏目信息
+    async getColumnInfo () {
+      const { data } = await this.$post(this.api.findColumn, Util.rsa(this.columnId))
+      this.columnName = data.columnName
+      this.$store.commit('user/setCrumbs', [
+        {
+          name: '站点管理',
+          route: '/site'
+        },
+        {
+          name: '内容管理',
+          route: '/column'
+        },
+        {
+          name: '栏目管理',
+          route: '/column'
+        },
+        {
+          name: data.columnName
+        }
+      ])
+    },
     // 展开模块设置
     toSet (i, listIndex) {
       this.curModule = i
diff --git a/src/pages/column/page/about.vue b/src/pages/column/page/about.vue
index bc19dc4..c2885e5 100644
--- a/src/pages/column/page/about.vue
+++ b/src/pages/column/page/about.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/ABOUT</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,19 +13,14 @@
     <div class="modules">
       <div class="relative">
         <el-carousel height="480px"
-                     :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+          :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 history gray">
@@ -39,14 +32,9 @@
               <div class="line"></div>
               <div class="des">{{ modules[1].form.des }}</div>
             </div>
-            <img class="bg"
-                 width="562"
-                 height="506"
-                 :src="modules[1].form.pic"
-                 alt="">
+            <img class="bg" width="562" height="506" :src="modules[1].form.pic" alt="">
           </div>
-          <div class="cover"
-               @click="toSet(1)">点击更改图片、标题概述与链接</div>
+          <div class="cover" @click="toSet(1)">点击更改图片、标题概述与链接</div>
         </div>
       </div>
 
@@ -55,37 +43,28 @@
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[2].form.title }}</h2>
             <p class="intro">{{ modules[2].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(2)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(2)">点击更换标题与描述</div>
           </div>
           <ul class="card">
             <li class="item1">
               <h6>{{ modules[3].form.title }}</h6>
-              <div class="des"
-                   v-html="modules[3].form.des"></div>
-              <div class="cover"
-                   @click="toSet(3)">点击更换标题、概述与跳转</div>
+              <div class="des" v-html="modules[3].form.des"></div>
+              <div class="cover" @click="toSet(3)">点击更换标题、概述与跳转</div>
             </li>
             <li class="item2">
               <h6>{{ modules[4].form.title }}</h6>
-              <div class="des"
-                   v-html="modules[4].form.des"></div>
-              <div class="cover"
-                   @click="toSet(4)">点击更换标题、概述与跳转</div>
+              <div class="des" v-html="modules[4].form.des"></div>
+              <div class="cover" @click="toSet(4)">点击更换标题、概述与跳转</div>
             </li>
             <li class="item3">
               <h6>{{ modules[5].form.title }}</h6>
-              <div class="des"
-                   v-html="modules[5].form.des"></div>
-              <div class="cover"
-                   @click="toSet(5)">点击更换标题、概述与跳转</div>
+              <div class="des" v-html="modules[5].form.des"></div>
+              <div class="cover" @click="toSet(5)">点击更换标题、概述与跳转</div>
             </li>
             <li class="item4">
               <h6>{{ modules[6].form.title }}</h6>
-              <div class="des"
-                   v-html="modules[6].form.des"></div>
-              <div class="cover"
-                   @click="toSet(6)">点击更换标题、概述与跳转</div>
+              <div class="des" v-html="modules[6].form.des"></div>
+              <div class="cover" @click="toSet(6)">点击更换标题、概述与跳转</div>
             </li>
           </ul>
         </div>
@@ -96,45 +75,38 @@
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[7].form.title }}</h2>
             <p class="intro">{{ modules[7].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(7)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(7)">点击更换标题与描述</div>
           </div>
           <ul class="stat">
             <li>
               <p class="num">{{ modules[8].form.title }}</p>
               <p class="text">{{ modules[8].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(8)">点击更换标题与描述</div>
+              <div class="cover" @click="toSet(8)">点击更换标题与描述</div>
             </li>
             <li>
               <p class="num">{{ modules[9].form.title }}</p>
               <p class="text">{{ modules[9].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(9)">点击更换标题与描述</div>
+              <div class="cover" @click="toSet(9)">点击更换标题与描述</div>
             </li>
             <li>
               <p class="num">{{ modules[10].form.title }}</p>
               <p class="text">{{ modules[10].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(10)">点击更换标题与描述</div>
+              <div class="cover" @click="toSet(10)">点击更换标题与描述</div>
             </li>
             <li>
               <p class="num">{{ modules[11].form.title }}</p>
               <p class="text">{{ modules[11].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(11)">点击更换标题与描述</div>
+              <div class="cover" @click="toSet(11)">点击更换标题与描述</div>
             </li>
             <li>
               <p class="num">{{ modules[12].form.title }}</p>
               <p class="text">{{ modules[12].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(12)">点击更换标题与描述</div>
+              <div class="cover" @click="toSet(12)">点击更换标题与描述</div>
             </li>
             <li>
               <p class="num">{{ modules[13].form.title }}</p>
               <p class="text">{{ modules[13].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(13)">点击更换标题与描述</div>
+              <div class="cover" @click="toSet(13)">点击更换标题与描述</div>
             </li>
           </ul>
         </div>
@@ -142,19 +114,14 @@
 
       <div class="plan c-wrap">
         <div class="inner">
-          <img class="pic"
-               :src="modules[14].form.pic"
-               alt="">
+          <img class="pic" :src="modules[14].form.pic" alt="">
           <div class="texts">
             <h6>{{ modules[14].form.title }}</h6>
             <div class="des">{{ modules[14].form.des }}</div>
-            <img src="@/assets/images/arrow-white.png"
-                 alt="">
+            <img src="@/assets/images/arrow-white.png" alt="">
           </div>
         </div>
-        <div class="cover"
-             style="height: calc(100% + 60px);"
-             @click="toSet(14)">点击更换标题、概述与跳转</div>
+        <div class="cover" style="height: calc(100% + 60px);" @click="toSet(14)">点击更换标题、概述与跳转</div>
       </div>
 
       <div class="block">
@@ -162,28 +129,21 @@
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[15].form.title }}</h2>
             <p class="intro">{{ modules[15].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(15)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(15)">点击更换标题与描述</div>
           </div>
           <ul class="people">
             <template v-for="(item, i) in modules[16].list">
-              <li v-if="item.isEnable"
-                  :key="i">
-                <img class="pic"
-                     :src="item.pic"
-                     alt="">
+              <li v-if="item.isEnable" :key="i">
+                <img class="pic" :src="item.pic" alt="">
                 <div class="texts">
                   <p class="sub">{{ item.subTitle }}</p>
                   <h6>{{ item.title }}</h6>
                   <p class="des">{{ item.des }}</p>
-                  <img class="arrow"
-                       src="@/assets/images/arrow.png"
-                       alt="">
+                  <img class="arrow" src="@/assets/images/arrow.png" alt="">
                 </div>
               </li>
             </template>
-            <div class="cover"
-                 @click="toSet(16)">点击更改图片、标题概述与链接</div>
+            <div class="cover" @click="toSet(16)">点击更改图片、标题概述与链接</div>
           </ul>
         </div>
       </div>
@@ -193,36 +153,26 @@
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[17].form.title }}</h2>
             <p class="intro">{{ modules[17].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(17)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(17)">点击更换标题与描述</div>
           </div>
           <ul class="list">
             <li>
-              <img class="pic"
-                   :src="modules[18].form.pic"
-                   alt="">
+              <img class="pic" :src="modules[18].form.pic" alt="">
               <h6>{{ modules[18].form.title }}</h6>
               <p class="des">{{ modules[18].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(18)">点击更改图片、标题概述与链接</div>
+              <div class="cover" @click="toSet(18)">点击更改图片、标题概述与链接</div>
             </li>
             <li>
-              <img class="pic"
-                   :src="modules[19].form.pic"
-                   alt="">
+              <img class="pic" :src="modules[19].form.pic" alt="">
               <h6>{{ modules[19].form.title }}</h6>
               <p class="des">{{ modules[19].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(19)">点击更改图片、标题概述与链接</div>
+              <div class="cover" @click="toSet(19)">点击更改图片、标题概述与链接</div>
             </li>
             <li>
-              <img class="pic"
-                   :src="modules[20].form.pic"
-                   alt="">
+              <img class="pic" :src="modules[20].form.pic" alt="">
               <h6>{{ modules[20].form.title }}</h6>
               <p class="des">{{ modules[20].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(20)">点击更改图片、标题概述与链接</div>
+              <div class="cover" @click="toSet(20)">点击更改图片、标题概述与链接</div>
             </li>
           </ul>
         </div>
@@ -233,28 +183,21 @@
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[21].form.title }}</h2>
             <p class="intro">{{ modules[21].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(21)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(21)">点击更换标题与描述</div>
           </div>
           <div class="staff">
             <div class="left">
               <h6>{{ modules[22].form.title }}</h6>
               <div class="des">{{ modules[22].form.des }}</div>
             </div>
-            <img class="pic"
-                 :src="modules[22].form.pic"
-                 alt="">
-            <div class="cover"
-                 @click="toSet(22)">点击更改图片、标题概述与链接</div>
+            <img class="pic" :src="modules[22].form.pic" alt="">
+            <div class="cover" @click="toSet(22)">点击更改图片、标题概述与链接</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>
 
@@ -269,23 +212,7 @@ export default {
     }
   },
   mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: 'ABOUT'
-      }
-    ])
+
   },
   methods: {
 
@@ -295,209 +222,254 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .history {
-    h2 {
-        font-size: 30px;
-        color: #333;
-    }
-    .texts {
-        display: flex;
-        justify-content: space-between;
-        padding: 82px 57px 30px;
-        margin-top: 20px;
-        background-color: #fff;
-        border-radius: 100px 0px 0px 0px;
-    }
-    .left {
-        width: 695px;
-    }
-    .line {
-        width: 136px;
-        height: 2px;
-        margin: 20px 0;
-        background: #d7d7d7;
-    }
-    .des {
-        font-size: 22px;
-        color: #181818;
-        line-height: 31px;
-    }
-    .bg {
-        margin: -122px 0 0 0;
-        border-top-right-radius: 40px;
-    }
+  h2 {
+    font-size: 30px;
+    color: #333;
+  }
+
+  .texts {
+    display: flex;
+    justify-content: space-between;
+    padding: 82px 57px 30px;
+    margin-top: 20px;
+    background-color: #fff;
+    border-radius: 100px 0px 0px 0px;
+  }
+
+  .left {
+    width: 695px;
+  }
+
+  .line {
+    width: 136px;
+    height: 2px;
+    margin: 20px 0;
+    background: #d7d7d7;
+  }
+
+  .des {
+    font-size: 22px;
+    color: #181818;
+    line-height: 31px;
+  }
+
+  .bg {
+    margin: -122px 0 0 0;
+    border-top-right-radius: 40px;
+  }
 }
+
 .card {
-    display: flex;
-    flex-wrap: wrap;
-    li {
-        position: relative;
-        width: 686px;
-        height: 277px;
-        padding: 70px 67px 20px;
-        margin-bottom: 28px;
-        color: #fff;
-        &:nth-child(odd) {
-            margin-right: 28px;
-        }
-    }
-    .item1 {
-        background: url(../../../assets/images/about/3.png) 0 0/100% 100% no-repeat;
-    }
-    .item2 {
-        background-color: #4984b6;
-    }
-    .item3 {
-        background-color: #567180;
-    }
-    .item4 {
-        background: url(../../../assets/images/about/4.png) 0 0/100% 100% no-repeat;
-    }
-    h6 {
-        margin-bottom: 10px;
-        font-size: 40px;
-        font-family: toppan;
-    }
-    .des {
-        font-size: 18px;
+  display: flex;
+  flex-wrap: wrap;
+
+  li {
+    position: relative;
+    width: 686px;
+    height: 277px;
+    padding: 70px 67px 20px;
+    margin-bottom: 28px;
+    color: #fff;
+
+    &:nth-child(odd) {
+      margin-right: 28px;
     }
+  }
+
+  .item1 {
+    background: url(../../../assets/images/about/3.png) 0 0/100% 100% no-repeat;
+  }
+
+  .item2 {
+    background-color: #4984b6;
+  }
+
+  .item3 {
+    background-color: #567180;
+  }
+
+  .item4 {
+    background: url(../../../assets/images/about/4.png) 0 0/100% 100% no-repeat;
+  }
+
+  h6 {
+    margin-bottom: 10px;
+    font-size: 40px;
+    font-family: toppan;
+  }
+
+  .des {
+    font-size: 18px;
+  }
 }
+
 .plan {
-    padding: 73px 0;
-    background: #072947;
-    .inner {
-        display: flex;
-        justify-content: space-between;
-        width: 1575px;
-    }
-    .pic {
-        width: 664px;
-        height: 488px;
-        margin-bottom: -120px;
-    }
-    .texts {
-        width: 802px;
-        margin-top: 36px;
-        color: #fff;
-    }
-    h6 {
-        font-size: 36px;
-    }
-    .des {
-        margin: 20px 0;
-        font-size: 20px;
-    }
+  padding: 73px 0;
+  background: #072947;
+
+  .inner {
+    display: flex;
+    justify-content: space-between;
+    width: 1575px;
+  }
+
+  .pic {
+    width: 664px;
+    height: 488px;
+    margin-bottom: -120px;
+  }
+
+  .texts {
+    width: 802px;
+    margin-top: 36px;
+    color: #fff;
+  }
+
+  h6 {
+    font-size: 36px;
+  }
+
+  .des {
+    margin: 20px 0;
+    font-size: 20px;
+  }
 }
+
 .people {
-    position: relative;
-    li {
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: 126px;
-        &:nth-child(even) {
-            flex-direction: row-reverse;
-        }
-    }
-    .pic {
-        width: 660px;
-        height: 465px;
-    }
-    .texts {
-        width: 680px;
-        padding-top: 90px;
-    }
-    h6 {
-        margin: 20px 0;
-        font-size: 40px;
-    }
-    .sub {
-        font-size: 20px;
-        color: #020202;
-    }
-    .des {
-        font-size: 18px;
-        color: #020202;
-        line-height: 30px;
+  position: relative;
+
+  li {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 126px;
+
+    &:nth-child(even) {
+      flex-direction: row-reverse;
     }
+  }
+
+  .pic {
+    width: 660px;
+    height: 465px;
+  }
+
+  .texts {
+    width: 680px;
+    padding-top: 90px;
+  }
+
+  h6 {
+    margin: 20px 0;
+    font-size: 40px;
+  }
+
+  .sub {
+    font-size: 20px;
+    color: #020202;
+  }
+
+  .des {
+    font-size: 18px;
+    color: #020202;
+    line-height: 30px;
+  }
 }
+
 .list-block {
-    .inner {
-        width: 80%;
-        padding: 90px 0;
-        background-color: #fff;
-    }
+  .inner {
+    width: 80%;
+    padding: 90px 0;
+    background-color: #fff;
+  }
 }
+
 .list {
-    display: flex;
-    justify-content: center;
-    li {
-        position: relative;
-        width: calc((100% - 100px) / 3);
-        padding-bottom: 30px;
-        margin-right: 28px;
-        text-align: center;
-        background-color: #f5f5f5;
-        &:last-child {
-            margin-right: 0;
-        }
-    }
-    .pic {
-        width: 100%;
-        height: 353px;
-    }
-    h6 {
-        margin: 35px 0 5px;
-        font-size: 24px;
-        color: #272727;
-    }
-    .des {
-        font-size: 16px;
-        color: #757575;
+  display: flex;
+  justify-content: center;
+
+  li {
+    position: relative;
+    width: calc((100% - 100px) / 3);
+    padding-bottom: 30px;
+    margin-right: 28px;
+    text-align: center;
+    background-color: #f5f5f5;
+
+    &:last-child {
+      margin-right: 0;
     }
+  }
+
+  .pic {
+    width: 100%;
+    height: 353px;
+  }
+
+  h6 {
+    margin: 35px 0 5px;
+    font-size: 24px;
+    color: #272727;
+  }
+
+  .des {
+    font-size: 16px;
+    color: #757575;
+  }
 }
+
 .staff {
-    position: relative;
-    display: flex;
-    justify-content: space-between;
-    background: #f8f8f8;
-    .left {
-        width: 658px;
-        margin: 50px 0 0 46px;
-    }
-    h6 {
-        margin-bottom: 30px;
-        font-size: 30px;
-        color: #333;
-    }
-    .des {
-        font-size: 20px;
-        color: #333;
-        line-height: 34px;
-    }
-    .pic {
-        width: 650px;
-    }
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  background: #f8f8f8;
+
+  .left {
+    width: 658px;
+    margin: 50px 0 0 46px;
+  }
+
+  h6 {
+    margin-bottom: 30px;
+    font-size: 30px;
+    color: #333;
+  }
+
+  .des {
+    font-size: 20px;
+    color: #333;
+    line-height: 34px;
+  }
+
+  .pic {
+    width: 650px;
+  }
 }
+
 .stat {
-    display: flex;
-    justify-content: space-around;
-    flex-wrap: wrap;
-    margin-top: 60px;
-    li {
-        position: relative;
-        width: 30%;
-        margin-bottom: 50px;
-    }
-    .num {
-        margin-bottom: 10px;
-        font-size: 60px;
-        font-weight: 800;
-        font-family: toppan;
-        color: #035ce1;
-        line-height: 49px;
-    }
-    .text {
-        font-size: 24px;
-    }
+  display: flex;
+  justify-content: space-around;
+  flex-wrap: wrap;
+  margin-top: 60px;
+
+  li {
+    position: relative;
+    width: 30%;
+    margin-bottom: 50px;
+  }
+
+  .num {
+    margin-bottom: 10px;
+    font-size: 60px;
+    font-weight: 800;
+    font-family: toppan;
+    color: #035ce1;
+    line-height: 49px;
+  }
+
+  .text {
+    font-size: 24px;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/aboutNew.vue b/src/pages/column/page/aboutNew.vue
index 7ea1ae1..0e4659a 100644
--- a/src/pages/column/page/aboutNew.vue
+++ b/src/pages/column/page/aboutNew.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/ABOUT</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,19 +13,14 @@
     <div class="modules">
       <div class="relative">
         <el-carousel height="480px"
-                     :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+          :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 history gray">
@@ -39,14 +32,9 @@
               <div class="line"></div>
               <div class="des">{{ modules[1].form.des }}</div>
             </div>
-            <img class="bg"
-                 width="562"
-                 height="506"
-                 :src="modules[1].form.pic"
-                 alt="">
+            <img class="bg" width="562" height="506" :src="modules[1].form.pic" alt="">
           </div>
-          <div class="cover"
-               @click="toSet(1)">点击更改图片、标题概述与链接</div>
+          <div class="cover" @click="toSet(1)">点击更改图片、标题概述与链接</div>
         </div>
       </div>
 
@@ -55,45 +43,38 @@
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[7].form.title }}</h2>
             <p class="intro">{{ modules[7].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(7)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(7)">点击更换标题与描述</div>
           </div>
           <ul class="stat">
             <li>
               <p class="num">{{ modules[8].form.title }}</p>
               <p class="text">{{ modules[8].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(8)">点击更换标题与描述</div>
+              <div class="cover" @click="toSet(8)">点击更换标题与描述</div>
             </li>
             <li>
               <p class="num">{{ modules[9].form.title }}</p>
               <p class="text">{{ modules[9].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(9)">点击更换标题与描述</div>
+              <div class="cover" @click="toSet(9)">点击更换标题与描述</div>
             </li>
             <li>
               <p class="num">{{ modules[10].form.title }}</p>
               <p class="text">{{ modules[10].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(10)">点击更换标题与描述</div>
+              <div class="cover" @click="toSet(10)">点击更换标题与描述</div>
             </li>
             <li>
               <p class="num">{{ modules[11].form.title }}</p>
               <p class="text">{{ modules[11].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(11)">点击更换标题与描述</div>
+              <div class="cover" @click="toSet(11)">点击更换标题与描述</div>
             </li>
             <li>
               <p class="num">{{ modules[12].form.title }}</p>
               <p class="text">{{ modules[12].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(12)">点击更换标题与描述</div>
+              <div class="cover" @click="toSet(12)">点击更换标题与描述</div>
             </li>
             <li>
               <p class="num">{{ modules[13].form.title }}</p>
               <p class="text">{{ modules[13].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(13)">点击更换标题与描述</div>
+              <div class="cover" @click="toSet(13)">点击更换标题与描述</div>
             </li>
           </ul>
         </div>
@@ -101,19 +82,14 @@
 
       <div class="plan c-wrap">
         <div class="inner">
-          <img class="pic"
-               :src="modules[14].form.pic"
-               alt="">
+          <img class="pic" :src="modules[14].form.pic" alt="">
           <div class="texts">
             <h6>{{ modules[14].form.title }}</h6>
             <div class="des">{{ modules[14].form.des }}</div>
-            <img src="@/assets/images/arrow-white.png"
-                 alt="">
+            <img src="@/assets/images/arrow-white.png" alt="">
           </div>
         </div>
-        <div class="cover"
-             style="height: calc(100% + 60px);"
-             @click="toSet(14)">点击更换标题、概述与跳转</div>
+        <div class="cover" style="height: calc(100% + 60px);" @click="toSet(14)">点击更换标题、概述与跳转</div>
       </div>
 
       <div class="block">
@@ -121,28 +97,21 @@
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[15].form.title }}</h2>
             <p class="intro">{{ modules[15].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(15)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(15)">点击更换标题与描述</div>
           </div>
           <ul class="people">
             <template v-for="(item, i) in modules[16].list">
-              <li v-if="item.isEnable"
-                  :key="i">
-                <img class="pic"
-                     :src="item.pic"
-                     alt="">
+              <li v-if="item.isEnable" :key="i">
+                <img class="pic" :src="item.pic" alt="">
                 <div class="texts">
                   <p class="sub">{{ item.subTitle }}</p>
                   <h6>{{ item.title }}</h6>
                   <p class="des">{{ item.des }}</p>
-                  <img class="arrow"
-                       src="@/assets/images/arrow.png"
-                       alt="">
+                  <img class="arrow" src="@/assets/images/arrow.png" alt="">
                 </div>
               </li>
             </template>
-            <div class="cover"
-                 @click="toSet(16)">点击更改图片、标题概述与链接</div>
+            <div class="cover" @click="toSet(16)">点击更改图片、标题概述与链接</div>
           </ul>
         </div>
       </div>
@@ -152,36 +121,26 @@
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[17].form.title }}</h2>
             <p class="intro">{{ modules[17].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(17)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(17)">点击更换标题与描述</div>
           </div>
           <ul class="list">
             <li>
-              <img class="pic"
-                   :src="modules[18].form.pic"
-                   alt="">
+              <img class="pic" :src="modules[18].form.pic" alt="">
               <h6>{{ modules[18].form.title }}</h6>
               <p class="des">{{ modules[18].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(18)">点击更改图片、标题概述与链接</div>
+              <div class="cover" @click="toSet(18)">点击更改图片、标题概述与链接</div>
             </li>
             <li>
-              <img class="pic"
-                   :src="modules[19].form.pic"
-                   alt="">
+              <img class="pic" :src="modules[19].form.pic" alt="">
               <h6>{{ modules[19].form.title }}</h6>
               <p class="des">{{ modules[19].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(19)">点击更改图片、标题概述与链接</div>
+              <div class="cover" @click="toSet(19)">点击更改图片、标题概述与链接</div>
             </li>
             <li>
-              <img class="pic"
-                   :src="modules[20].form.pic"
-                   alt="">
+              <img class="pic" :src="modules[20].form.pic" alt="">
               <h6>{{ modules[20].form.title }}</h6>
               <p class="des">{{ modules[20].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(20)">点击更改图片、标题概述与链接</div>
+              <div class="cover" @click="toSet(20)">点击更改图片、标题概述与链接</div>
             </li>
           </ul>
         </div>
@@ -192,28 +151,21 @@
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[21].form.title }}</h2>
             <p class="intro">{{ modules[21].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(21)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(21)">点击更换标题与描述</div>
           </div>
           <div class="staff">
             <div class="left">
               <h6>{{ modules[22].form.title }}</h6>
               <div class="des">{{ modules[22].form.des }}</div>
             </div>
-            <img class="pic"
-                 :src="modules[22].form.pic"
-                 alt="">
-            <div class="cover"
-                 @click="toSet(22)">点击更改图片、标题概述与链接</div>
+            <img class="pic" :src="modules[22].form.pic" alt="">
+            <div class="cover" @click="toSet(22)">点击更改图片、标题概述与链接</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>
 
@@ -228,23 +180,7 @@ export default {
     }
   },
   mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: 'ABOUT'
-      }
-    ])
+
   },
   methods: {
 
@@ -254,209 +190,254 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .history {
-    h2 {
-        font-size: 30px;
-        color: #333;
-    }
-    .texts {
-        display: flex;
-        justify-content: space-between;
-        padding: 82px 57px 30px;
-        margin-top: 20px;
-        background-color: #fff;
-        border-radius: 100px 0px 0px 0px;
-    }
-    .left {
-        width: 695px;
-    }
-    .line {
-        width: 136px;
-        height: 2px;
-        margin: 20px 0;
-        background: #d7d7d7;
-    }
-    .des {
-        font-size: 22px;
-        color: #181818;
-        line-height: 31px;
-    }
-    .bg {
-        margin: -122px 0 0 0;
-        border-top-right-radius: 40px;
-    }
+  h2 {
+    font-size: 30px;
+    color: #333;
+  }
+
+  .texts {
+    display: flex;
+    justify-content: space-between;
+    padding: 82px 57px 30px;
+    margin-top: 20px;
+    background-color: #fff;
+    border-radius: 100px 0px 0px 0px;
+  }
+
+  .left {
+    width: 695px;
+  }
+
+  .line {
+    width: 136px;
+    height: 2px;
+    margin: 20px 0;
+    background: #d7d7d7;
+  }
+
+  .des {
+    font-size: 22px;
+    color: #181818;
+    line-height: 31px;
+  }
+
+  .bg {
+    margin: -122px 0 0 0;
+    border-top-right-radius: 40px;
+  }
 }
+
 .card {
-    display: flex;
-    flex-wrap: wrap;
-    li {
-        position: relative;
-        width: 686px;
-        height: 277px;
-        padding: 70px 67px 20px;
-        margin-bottom: 28px;
-        color: #fff;
-        &:nth-child(odd) {
-            margin-right: 28px;
-        }
-    }
-    .item1 {
-        background: url(../../../assets/images/about/3.png) 0 0/100% 100% no-repeat;
-    }
-    .item2 {
-        background-color: #4984b6;
-    }
-    .item3 {
-        background-color: #567180;
-    }
-    .item4 {
-        background: url(../../../assets/images/about/4.png) 0 0/100% 100% no-repeat;
-    }
-    h6 {
-        margin-bottom: 10px;
-        font-size: 40px;
-        font-family: toppan;
-    }
-    .des {
-        font-size: 18px;
+  display: flex;
+  flex-wrap: wrap;
+
+  li {
+    position: relative;
+    width: 686px;
+    height: 277px;
+    padding: 70px 67px 20px;
+    margin-bottom: 28px;
+    color: #fff;
+
+    &:nth-child(odd) {
+      margin-right: 28px;
     }
+  }
+
+  .item1 {
+    background: url(../../../assets/images/about/3.png) 0 0/100% 100% no-repeat;
+  }
+
+  .item2 {
+    background-color: #4984b6;
+  }
+
+  .item3 {
+    background-color: #567180;
+  }
+
+  .item4 {
+    background: url(../../../assets/images/about/4.png) 0 0/100% 100% no-repeat;
+  }
+
+  h6 {
+    margin-bottom: 10px;
+    font-size: 40px;
+    font-family: toppan;
+  }
+
+  .des {
+    font-size: 18px;
+  }
 }
+
 .plan {
-    padding: 73px 0;
-    background: #072947;
-    .inner {
-        display: flex;
-        justify-content: space-between;
-        width: 1575px;
-    }
-    .pic {
-        width: 664px;
-        height: 488px;
-        margin-bottom: -120px;
-    }
-    .texts {
-        width: 802px;
-        margin-top: 36px;
-        color: #fff;
-    }
-    h6 {
-        font-size: 36px;
-    }
-    .des {
-        margin: 20px 0;
-        font-size: 20px;
-    }
+  padding: 73px 0;
+  background: #072947;
+
+  .inner {
+    display: flex;
+    justify-content: space-between;
+    width: 1575px;
+  }
+
+  .pic {
+    width: 664px;
+    height: 488px;
+    margin-bottom: -120px;
+  }
+
+  .texts {
+    width: 802px;
+    margin-top: 36px;
+    color: #fff;
+  }
+
+  h6 {
+    font-size: 36px;
+  }
+
+  .des {
+    margin: 20px 0;
+    font-size: 20px;
+  }
 }
+
 .people {
-    position: relative;
-    li {
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: 126px;
-        &:nth-child(even) {
-            flex-direction: row-reverse;
-        }
-    }
-    .pic {
-        width: 660px;
-        height: 465px;
-    }
-    .texts {
-        width: 680px;
-        padding-top: 90px;
-    }
-    h6 {
-        margin: 20px 0;
-        font-size: 40px;
-    }
-    .sub {
-        font-size: 20px;
-        color: #020202;
-    }
-    .des {
-        font-size: 18px;
-        color: #020202;
-        line-height: 30px;
+  position: relative;
+
+  li {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 126px;
+
+    &:nth-child(even) {
+      flex-direction: row-reverse;
     }
+  }
+
+  .pic {
+    width: 660px;
+    height: 465px;
+  }
+
+  .texts {
+    width: 680px;
+    padding-top: 90px;
+  }
+
+  h6 {
+    margin: 20px 0;
+    font-size: 40px;
+  }
+
+  .sub {
+    font-size: 20px;
+    color: #020202;
+  }
+
+  .des {
+    font-size: 18px;
+    color: #020202;
+    line-height: 30px;
+  }
 }
+
 .list-block {
-    .inner {
-        width: 80%;
-        padding: 90px 0;
-        background-color: #fff;
-    }
+  .inner {
+    width: 80%;
+    padding: 90px 0;
+    background-color: #fff;
+  }
 }
+
 .list {
-    display: flex;
-    justify-content: center;
-    li {
-        position: relative;
-        width: calc((100% - 100px) / 3);
-        padding-bottom: 30px;
-        margin-right: 28px;
-        text-align: center;
-        background-color: #f5f5f5;
-        &:last-child {
-            margin-right: 0;
-        }
-    }
-    .pic {
-        width: 100%;
-        height: 353px;
-    }
-    h6 {
-        margin: 35px 0 5px;
-        font-size: 24px;
-        color: #272727;
-    }
-    .des {
-        font-size: 16px;
-        color: #757575;
+  display: flex;
+  justify-content: center;
+
+  li {
+    position: relative;
+    width: calc((100% - 100px) / 3);
+    padding-bottom: 30px;
+    margin-right: 28px;
+    text-align: center;
+    background-color: #f5f5f5;
+
+    &:last-child {
+      margin-right: 0;
     }
+  }
+
+  .pic {
+    width: 100%;
+    height: 353px;
+  }
+
+  h6 {
+    margin: 35px 0 5px;
+    font-size: 24px;
+    color: #272727;
+  }
+
+  .des {
+    font-size: 16px;
+    color: #757575;
+  }
 }
+
 .staff {
-    position: relative;
-    display: flex;
-    justify-content: space-between;
-    background: #f8f8f8;
-    .left {
-        width: 658px;
-        margin: 50px 0 0 46px;
-    }
-    h6 {
-        margin-bottom: 30px;
-        font-size: 30px;
-        color: #333;
-    }
-    .des {
-        font-size: 20px;
-        color: #333;
-        line-height: 34px;
-    }
-    .pic {
-        width: 650px;
-    }
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  background: #f8f8f8;
+
+  .left {
+    width: 658px;
+    margin: 50px 0 0 46px;
+  }
+
+  h6 {
+    margin-bottom: 30px;
+    font-size: 30px;
+    color: #333;
+  }
+
+  .des {
+    font-size: 20px;
+    color: #333;
+    line-height: 34px;
+  }
+
+  .pic {
+    width: 650px;
+  }
 }
+
 .stat {
-    display: flex;
-    justify-content: space-around;
-    flex-wrap: wrap;
-    margin-top: 60px;
-    li {
-        position: relative;
-        width: 30%;
-        margin-bottom: 50px;
-    }
-    .num {
-        margin-bottom: 10px;
-        font-size: 60px;
-        font-weight: 800;
-        font-family: toppan;
-        color: #035ce1;
-        line-height: 49px;
-    }
-    .text {
-        font-size: 24px;
-    }
+  display: flex;
+  justify-content: space-around;
+  flex-wrap: wrap;
+  margin-top: 60px;
+
+  li {
+    position: relative;
+    width: 30%;
+    margin-bottom: 50px;
+  }
+
+  .num {
+    margin-bottom: 10px;
+    font-size: 60px;
+    font-weight: 800;
+    font-family: toppan;
+    color: #035ce1;
+    line-height: 49px;
+  }
+
+  .text {
+    font-size: 24px;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/application.vue b/src/pages/column/page/application.vue
index 8e65e9c..0c4bd8c 100644
--- a/src/pages/column/page/application.vue
+++ b/src/pages/column/page/application.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/APPLICATION</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,19 +13,14 @@
     <div class="modules">
       <div class="relative">
         <el-carousel height="480px"
-                     :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+          :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 history gray">
@@ -39,38 +32,25 @@
               <div class="line"></div>
               <div class="des">{{ modules[1].form.des }}</div>
             </div>
-            <img class="bg"
-                 width="562"
-                 height="506"
-                 :src="modules[1].form.pic"
-                 alt="">
+            <img class="bg" width="562" height="506" :src="modules[1].form.pic" alt="">
           </div>
-          <div class="cover"
-               @click="toSet(1)">点击更改图片、标题概述与链接</div>
+          <div class="cover" @click="toSet(1)">点击更改图片、标题概述与链接</div>
         </div>
       </div>
 
       <div class="block">
-        <div class="inner"
-             style="width: 1558px">
+        <div class="inner" style="width: 1558px">
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[2].form.title }}</h2>
             <p class="intro">{{ modules[2].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(2)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(2)">点击更换标题与描述</div>
           </div>
           <ul class="app">
-            <li v-for="(item, i) in modules[3].list"
-                :key="i">
-              <img class="bg"
-                   :src="require('@/assets/images/application/app' + (i + 1) + '.png')"
-                   alt="">
-              <img class="icon"
-                   :src="require('@/assets/images/application/app' + (i + 1) + '-1.png')"
-                   alt="">
+            <li v-for="(item, i) in modules[3].list" :key="i">
+              <img class="bg" :src="require('@/assets/images/application/app' + (i + 1) + '.png')" alt="">
+              <img class="icon" :src="require('@/assets/images/application/app' + (i + 1) + '-1.png')" alt="">
               <p class="text">{{ item.title }}</p>
-              <div class="cover"
-                   @click="toSet(3, i)">点击更标题与链接</div>
+              <div class="cover" @click="toSet(3, i)">点击更标题与链接</div>
             </li>
           </ul>
         </div>
@@ -81,17 +61,13 @@
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[4].form.title }}</h2>
             <p class="intro">{{ modules[4].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(4)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(4)">点击更换标题与描述</div>
           </div>
           <ul class="group">
-            <li v-for="(item, i) in modules[5].list"
-                :key="i">
-              <img :src="item.pic"
-                   alt="">
+            <li v-for="(item, i) in modules[5].list" :key="i">
+              <img :src="item.pic" alt="">
               <p class="text">{{ item.title }}</p>
-              <div class="cover"
-                   @click="toSet(5, i)">点击更改图片、标题与链接</div>
+              <div class="cover" @click="toSet(5, i)">点击更改图片、标题与链接</div>
             </li>
           </ul>
         </div>
@@ -102,75 +78,76 @@
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[6].form.title }}</h2>
             <p class="intro">{{ modules[6].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(6)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(6)">点击更换标题与描述</div>
           </div>
           <ul class="news">
             <li>
-              <img src="https://new.iasf.ac.cn/images/home/3.png"
-                   alt="">
+              <img src="https://new.iasf.ac.cn/images/home/3.png" alt="">
               <div class="texts">
                 <h6>2022 New Year Message from President Sun Dongbai</h6>
-                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen (IASF)…</p>
+                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities,
+                  Shenzhen
+                  (IASF)…</p>
                 <span class="meta">2022.08.12</span>
               </div>
             </li>
             <li>
-              <img src="https://new.iasf.ac.cn/images/home/3.png"
-                   alt="">
+              <img src="https://new.iasf.ac.cn/images/home/3.png" alt="">
               <div class="texts">
                 <h6>2022 New Year Message from President Sun Dongbai</h6>
-                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen (IASF)…</p>
+                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities,
+                  Shenzhen
+                  (IASF)…</p>
                 <span class="meta">2022.08.12</span>
               </div>
             </li>
             <li>
-              <img src="https://new.iasf.ac.cn/images/home/3.png"
-                   alt="">
+              <img src="https://new.iasf.ac.cn/images/home/3.png" alt="">
               <div class="texts">
                 <h6>2022 New Year Message from President Sun Dongbai</h6>
-                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen (IASF)…</p>
+                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities,
+                  Shenzhen
+                  (IASF)…</p>
                 <span class="meta">2022.08.12</span>
               </div>
             </li>
             <li>
-              <img src="https://new.iasf.ac.cn/images/home/3.png"
-                   alt="">
+              <img src="https://new.iasf.ac.cn/images/home/3.png" alt="">
               <div class="texts">
                 <h6>2022 New Year Message from President Sun Dongbai</h6>
-                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen (IASF)…</p>
+                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities,
+                  Shenzhen
+                  (IASF)…</p>
                 <span class="meta">2022.08.12</span>
               </div>
             </li>
             <li>
-              <img src="https://new.iasf.ac.cn/images/home/3.png"
-                   alt="">
+              <img src="https://new.iasf.ac.cn/images/home/3.png" alt="">
               <div class="texts">
                 <h6>2022 New Year Message from President Sun Dongbai</h6>
-                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen (IASF)…</p>
+                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities,
+                  Shenzhen
+                  (IASF)…</p>
                 <span class="meta">2022.08.12</span>
               </div>
             </li>
             <li>
-              <img src="https://new.iasf.ac.cn/images/home/3.png"
-                   alt="">
+              <img src="https://new.iasf.ac.cn/images/home/3.png" alt="">
               <div class="texts">
                 <h6>2022 New Year Message from President Sun Dongbai</h6>
-                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen (IASF)…</p>
+                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities,
+                  Shenzhen
+                  (IASF)…</p>
                 <span class="meta">2022.08.12</span>
               </div>
             </li>
-            <div class="cover"
-                 @click="toSet(7)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(7)">点击更换标题与描述</div>
           </ul>
         </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>
 
@@ -184,25 +161,7 @@ export default {
       modules: Modules.application
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: 'APPLICATION'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -211,142 +170,170 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .history {
-    h2 {
-        font-size: 30px;
-        color: #333;
-    }
-    .texts {
-        display: flex;
-        justify-content: space-between;
-        padding: 82px 57px 30px;
-        margin-top: 20px;
-        background-color: #fff;
-        border-radius: 100px 0px 0px 0px;
-    }
-    .left {
-        width: 695px;
-    }
-    .des {
-        margin: 20px 0;
-        font-size: 22px;
-        color: #181818;
-        line-height: 31px;
-    }
-    .bg {
-        margin: -122px 0 0 0;
-    }
+  h2 {
+    font-size: 30px;
+    color: #333;
+  }
+
+  .texts {
+    display: flex;
+    justify-content: space-between;
+    padding: 82px 57px 30px;
+    margin-top: 20px;
+    background-color: #fff;
+    border-radius: 100px 0px 0px 0px;
+  }
+
+  .left {
+    width: 695px;
+  }
+
+  .des {
+    margin: 20px 0;
+    font-size: 22px;
+    color: #181818;
+    line-height: 31px;
+  }
+
+  .bg {
+    margin: -122px 0 0 0;
+  }
 }
+
 .app {
+  display: flex;
+  flex-wrap: wrap;
+
+  li {
+    position: relative;
     display: flex;
-    flex-wrap: wrap;
-    li {
-        position: relative;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        width: 368px;
-        height: 252px;
-        margin: 0 14px 14px 0;
-        &:first-child {
-            width: 750px;
-        }
-        &:nth-child(3),
-        &:nth-child(7),
-        &:nth-child(10) {
-            margin-right: 0;
-        }
-        &:nth-child(9) {
-            width: 563px;
-        }
-        &:nth-child(10) {
-            width: 555px;
-        }
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 368px;
+    height: 252px;
+    margin: 0 14px 14px 0;
+
+    &:first-child {
+      width: 750px;
     }
-    .bg {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
+
+    &:nth-child(3),
+    &:nth-child(7),
+    &:nth-child(10) {
+      margin-right: 0;
     }
-    .icon {
-        position: relative;
+
+    &:nth-child(9) {
+      width: 563px;
     }
-    .text {
-        position: relative;
-        margin-top: 20px;
-        font-size: 32px;
-        color: #fff;
+
+    &:nth-child(10) {
+      width: 555px;
     }
+  }
+
+  .bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+  .icon {
+    position: relative;
+  }
+
+  .text {
+    position: relative;
+    margin-top: 20px;
+    font-size: 32px;
+    color: #fff;
+  }
 }
+
 .group {
-    display: flex;
-    flex-wrap: wrap;
-    li {
-        position: relative;
-        width: 448px;
-        margin: 0 28px 39px 0;
-        &:nth-child(3n) {
-            margin-right: 0;
-        }
-    }
-    img {
-        width: 100%;
-        height: 353px;
-    }
-    .text {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 143px;
-        font-size: 30px;
-        font-family: SFProDisplay-Bold, SFProDisplay;
-        font-weight: bold;
-        line-height: 40px;
-        text-align: center;
-        color: #272727;
-        background-color: #f5f5f5;
+  display: flex;
+  flex-wrap: wrap;
+
+  li {
+    position: relative;
+    width: 448px;
+    margin: 0 28px 39px 0;
+
+    &:nth-child(3n) {
+      margin-right: 0;
     }
+  }
+
+  img {
+    width: 100%;
+    height: 353px;
+  }
+
+  .text {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 143px;
+    font-size: 30px;
+    font-family: SFProDisplay-Bold, SFProDisplay;
+    font-weight: bold;
+    line-height: 40px;
+    text-align: center;
+    color: #272727;
+    background-color: #f5f5f5;
+  }
 }
+
 .news-block {
-    background: url(../../../assets/images/info-bg.png) 0 0/100% 100% no-repeat;
+  background: url(../../../assets/images/info-bg.png) 0 0/100% 100% no-repeat;
 }
+
 .news {
-    position: relative;
-    display: flex;
-    flex-wrap: wrap;
-    li {
-        display: inline-flex;
-        width: 686px;
-        padding: 34px;
-        margin-bottom: 28px;
-        background-color: #fff;
-        &:nth-child(odd) {
-            margin-right: 28px;
-        }
-    }
-    img {
-        width: 237px;
-        height: 167px;
-    }
-    .texts {
-        margin-left: 34px;
-    }
-    h6 {
-        font-size: 18px;
-        color: #0648a8;
-    }
-    .des {
-        margin: 14px 0;
-        font-size: 16px;
-        color: #333;
-        line-height: 22px;
-    }
-    .meta {
-        font-size: 16px;
-        color: #999;
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+
+  li {
+    display: inline-flex;
+    width: 686px;
+    padding: 34px;
+    margin-bottom: 28px;
+    background-color: #fff;
+
+    &:nth-child(odd) {
+      margin-right: 28px;
     }
+  }
+
+  img {
+    width: 237px;
+    height: 167px;
+  }
+
+  .texts {
+    margin-left: 34px;
+  }
+
+  h6 {
+    font-size: 18px;
+    color: #0648a8;
+  }
+
+  .des {
+    margin: 14px 0;
+    font-size: 16px;
+    color: #333;
+    line-height: 22px;
+  }
+
+  .meta {
+    font-size: 16px;
+    color: #999;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/careers.vue b/src/pages/column/page/careers.vue
index 7e20f63..45930d2 100644
--- a/src/pages/column/page/careers.vue
+++ b/src/pages/column/page/careers.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/CAREERS</p>
+      <p class="page-name">页面设置/{{ columnName }}</p>
       <div>
         <el-button type="primary" @click="preview">预览</el-button>
         <el-button @click="save(0)">保存为草稿</el-button>
@@ -12,7 +12,8 @@
 
     <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="">
@@ -111,7 +112,7 @@
         <div class="cover" @click="toSet(7)">点击更换标题与描述</div>
       </ul>
     </div>
-    
+
     <Module ref="module" :data.sync="curData" :visible.sync="diaVisible" @moduleSubmit="moduleSubmit" />
   </div>
 </template>
@@ -121,41 +122,25 @@ import mixins from '@/mixins/page'
 import Modules from '@/const/modules'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       modules: Modules.careers
     }
   },
-  mounted() {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: 'CAREERS'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
-    
+
   }
 };
 </script>
 
 <style lang="scss" scoped>
 @import "../../../styles/page/page.scss";
+
 .card {
   display: flex;
   justify-content: center;
+
   li {
     position: relative;
     display: inline-flex;
@@ -167,11 +152,13 @@ export default {
     margin-right: 14px;
     color: #fff;
     cursor: pointer;
+
     &:hover {
       .arrow {
         opacity: 1;
       }
     }
+
     .pic {
       position: absolute;
       top: 0;
@@ -179,16 +166,20 @@ export default {
       width: 100%;
       height: 100%;
     }
+
     .texts {
       position: relative;
     }
+
     h6 {
       margin-bottom: 10px;
       font-size: 35px;
     }
+
     .text {
       font-size: 24px;
     }
+
     .arrow {
       position: absolute;
       bottom: 0;
@@ -202,44 +193,54 @@ export default {
     }
   }
 }
+
 .people {
   position: relative;
+
   li {
     position: relative;
     min-height: 450px;
     padding: 100px 70px 30px 57px;
     margin-bottom: 100px;
     background-color: #fff;
+
     &:nth-child(even) {
       display: flex;
       justify-content: flex-end;
+
       .comma {
         left: 660px;
       }
+
       .pic {
         left: 0;
         right: auto;
       }
     }
   }
+
   .comma {
     position: absolute;
     top: -22px;
     left: 57px;
   }
+
   .left {
     width: 670px;
   }
+
   h6 {
     font-size: 24px;
     color: #333;
   }
+
   .des {
     margin-top: 20px;
     font-size: 20px;
     color: #666;
     line-height: 32px;
   }
+
   .pic {
     position: absolute;
     top: -60px;
@@ -248,8 +249,10 @@ export default {
     height: 450px;
   }
 }
+
 .shows {
   position: relative;
+
   li {
     position: relative;
     display: flex;
@@ -258,20 +261,24 @@ export default {
     height: 654px;
     margin-bottom: 40px;
     color: #fff;
+
     &:nth-child(even) {
       flex-direction: row-reverse;
     }
+
     &:nth-child(2) {
       .left {
         background-color: rgba(47, 79, 23, .65);
       }
     }
+
     &:nth-child(3) {
       .left {
         background-color: rgba(91, 58, 35, .65);
       }
     }
   }
+
   .left {
     position: relative;
     z-index: 1;
@@ -280,6 +287,7 @@ export default {
     padding: 138px 30px 30px 103px;
     background-color: rgba(54, 54, 54, .65);
   }
+
   .pic {
     position: absolute;
     top: 0;
@@ -287,13 +295,16 @@ export default {
     width: 100%;
     height: 100%;
   }
+
   h6 {
     font-size: 46px;
   }
+
   .sub {
     margin: 20px 0;
     font-size: 36px;
   }
+
   .des {
     margin-bottom: 40px;
     font-size: 24px;
diff --git a/src/pages/column/page/contactUs.vue b/src/pages/column/page/contactUs.vue
index a89c401..d42f2c8 100644
--- a/src/pages/column/page/contactUs.vue
+++ b/src/pages/column/page/contactUs.vue
@@ -2,13 +2,11 @@
   <!-- 联系我们 -->
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/联系我们</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -16,15 +14,12 @@
     <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">
@@ -33,52 +28,27 @@
             <div class="fields">
               <h6>{{ modules[1].form.title }}</h6>
               <div v-html="modules[1].form.info"></div>
-              <div class="cover"
-                   style="top: -20px;"
-                   @click="toSet(1)">点击更换文本</div>
+              <div class="cover" style="top: -20px;" @click="toSet(1)">点击更换文本</div>
             </div>
             <div class="c-wrap">
-              <img :src="modules[2].form.pic"
-                   alt=""
-                   class="pic">
-              <div class="cover"
-                   @click="toSet(2)">点击更换图片</div>
+              <img :src="modules[2].form.pic" alt="" class="pic">
+              <div class="cover" @click="toSet(2)">点击更换图片</div>
             </div>
             <div class="c-wrap m-t-20">
-              <el-table :data="modules[3].list"
-                        class="patent-table"
-                        ref="table"
-                        stripe
-                        header-align="center">
-                <el-table-column prop="dep"
-                                 label="部门"
-                                 align="center"
-                                 min-width="250"></el-table-column>
-                <el-table-column prop="contacts"
-                                 label="联系人"
-                                 align="center"
-                                 min-width="100"></el-table-column>
-                <el-table-column prop="phone"
-                                 label="电话"
-                                 align="center"
-                                 min-width="150"></el-table-column>
-                <el-table-column prop="email"
-                                 label="邮箱"
-                                 align="center"
-                                 min-width="150"></el-table-column>
+              <el-table :data="modules[3].list" class="patent-table" ref="table" stripe header-align="center">
+                <el-table-column prop="dep" label="部门" align="center" min-width="250"></el-table-column>
+                <el-table-column prop="contacts" label="联系人" align="center" min-width="100"></el-table-column>
+                <el-table-column prop="phone" label="电话" align="center" min-width="150"></el-table-column>
+                <el-table-column prop="email" label="邮箱" align="center" min-width="150"></el-table-column>
               </el-table>
-              <div class="cover"
-                   @click="toSet(3)">点击更换文本</div>
+              <div class="cover" @click="toSet(3)">点击更换文本</div>
             </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>
 
@@ -92,25 +62,7 @@ export default {
       modules: Modules.contactUs
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '联系我们'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -121,52 +73,60 @@ export default {
 @import '../../../styles/page/page.scss';
 
 .single-banner {
-    .banner-img {
-        height: 21.6rem;
+  .banner-img {
+    height: 21.6rem;
+  }
+
+  .texts {
+    h6 {
+      font-size: 2.16rem;
+      margin-bottom: 0.95rem;
     }
-    .texts {
-        h6 {
-            font-size: 2.16rem;
-            margin-bottom: 0.95rem;
-        }
-        .banner-des {
-            font-size: 0.96rem;
-        }
+
+    .banner-des {
+      font-size: 0.96rem;
     }
+  }
 }
+
 .block {
-    padding: 2rem 0;
-    background: url(https://new.iasf.ac.cn/images/contactUs/3.png) 0 130px no-repeat,
-        url(https://new.iasf.ac.cn/images/contactUs/4.png) bottom right no-repeat;
-    background-color: #f7f8fa;
+  padding: 2rem 0;
+  background: url(https://new.iasf.ac.cn/images/contactUs/3.png) 0 130px no-repeat,
+    url(https://new.iasf.ac.cn/images/contactUs/4.png) bottom right no-repeat;
+  background-color: #f7f8fa;
 }
+
 .inner {
-    .contact {
-        padding: 3rem 6rem;
-        background-color: #fff;
-    }
-    .fields {
-        position: relative;
-        padding: 2rem;
-        border: 4px solid #f9f9f9;
-        h6 {
-            position: absolute;
-            top: -16px;
-            left: 60px;
-            font-size: 1.1rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            color: #333;
-            background-color: #fff;
-        }
-        .text {
-            font-size: 1rem;
-            color: #333;
-            line-height: 1.6;
-        }
+  .contact {
+    padding: 3rem 6rem;
+    background-color: #fff;
+  }
+
+  .fields {
+    position: relative;
+    padding: 2rem;
+    border: 4px solid #f9f9f9;
+
+    h6 {
+      position: absolute;
+      top: -16px;
+      left: 60px;
+      font-size: 1.1rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+      color: #333;
+      background-color: #fff;
     }
-    .pic {
-        width: 100%;
-        margin: 2rem 0 1.5rem;
+
+    .text {
+      font-size: 1rem;
+      color: #333;
+      line-height: 1.6;
     }
+  }
+
+  .pic {
+    width: 100%;
+    margin: 2rem 0 1.5rem;
+  }
 }
 </style>
diff --git a/src/pages/column/page/devHistory.vue b/src/pages/column/page/devHistory.vue
index ed22c11..37355ab 100644
--- a/src/pages/column/page/devHistory.vue
+++ b/src/pages/column/page/devHistory.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/关于IASF-发展历程</p>
+      <p class="page-name">页面设置/{{ columnName }}</p>
       <div>
         <el-button type="primary" @click="preview">预览</el-button>
         <el-button @click="save(0)">保存为草稿</el-button>
@@ -55,23 +55,7 @@ export default {
     }
   },
   mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '关于IASF-发展历程'
-      }
-    ])
+
   },
   methods: {
 
diff --git a/src/pages/column/page/deviceIntroBeam.vue b/src/pages/column/page/deviceIntroBeam.vue
index 98a92e8..98db08e 100644
--- a/src/pages/column/page/deviceIntroBeam.vue
+++ b/src/pages/column/page/deviceIntroBeam.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/装置介绍</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,74 +13,52 @@
     <div class="modules">
       <div class="relative">
         <el-carousel height="480px"
-                     :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+          :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 share">
         <div class="inner">
           <div class="c-wrap">
             <h6 v-html="modules[1].form.title"></h6>
-            <p class="en"
-               v-html="modules[1].form.des"></p>
-            <div class="cover"
-                 @click="toSet(1)">点击更改标题与描述</div>
+            <p class="en" v-html="modules[1].form.des"></p>
+            <div class="cover" @click="toSet(1)">点击更改标题与描述</div>
           </div>
           <div class="c-wrap">
             <div class="sum">{{ modules[2].form.title }}</div>
             <div class="flex">
               <div class="left">
-                <div class="des"
-                     v-html="modules[2].form.des"></div>
+                <div class="des" v-html="modules[2].form.des"></div>
               </div>
-              <img class="pic"
-                   :src="modules[2].form.pic"
-                   alt="">
+              <img class="pic" :src="modules[2].form.pic" alt="">
             </div>
-            <div class="cover"
-                 @click="toSet(2)">点击更改标题、描述与图片</div>
+            <div class="cover" @click="toSet(2)">点击更改标题、描述与图片</div>
           </div>
         </div>
       </div>
 
       <div class="intro">
         <div class="intro-inner c-wrap">
-          <img class="pic"
-               :src="modules[3].form.pic"
-               alt="">
-          <div class="des"
-               v-html="modules[3].form.des"></div>
-          <div class="cover"
-               @click="toSet(3)">点击更改描述</div>
+          <img class="pic" :src="modules[3].form.pic" alt="">
+          <div class="des" v-html="modules[3].form.des"></div>
+          <div class="cover" @click="toSet(3)">点击更改描述</div>
         </div>
       </div>
 
       <div class="unit">
-        <div class="title"
-             v-html="modules[4].form.title"></div>
-        <img class="pic"
-             :src="modules[4].form.pic"
-             alt="">
-        <div class="cover"
-             @click="toSet(4)">点击更改标题与图片</div>
+        <div class="title" v-html="modules[4].form.title"></div>
+        <img class="pic" :src="modules[4].form.pic" alt="">
+        <div class="cover" @click="toSet(4)">点击更改标题与图片</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>
 
@@ -96,25 +72,7 @@ export default {
       modules: Modules.deviceIntroBeam
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '装置介绍'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -123,95 +81,111 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .wrap {
-    background: url(https://new.iasf.ac.cn/images/device/4.png) (100% 1363px) / auto no-repeat;
+  background: url(https://new.iasf.ac.cn/images/device/4.png) (100% 1363px) / auto no-repeat;
 }
+
 .banner {
-    background: url(https://new.iasf.ac.cn/images/device/13.png) 0 0/100% 100% no-repeat;
+  background: url(https://new.iasf.ac.cn/images/device/13.png) 0 0/100% 100% no-repeat;
 }
+
 .share {
+  position: relative;
+
+  .inner {
+    width: 1323px;
+  }
+
+  .left {
+    width: 547px;
+    margin-right: 66px;
+  }
+
+  h6 {
     position: relative;
-    .inner {
-        width: 1323px;
-    }
-    .left {
-        width: 547px;
-        margin-right: 66px;
-    }
-    h6 {
-        position: relative;
-        font-size: 48px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #333333;
-    }
-    .en {
-        margin-top: -35px;
-        font-size: 48px;
-        font-family: PingFangSC-Light, PingFang SC;
-        font-weight: 300;
-        color: #e3e3e3;
-    }
-    .sum {
-        margin-top: 60px;
-        font-size: 28px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #333333;
-        line-height: 44px;
-    }
-    .des {
-        margin-top: 25px;
-        font-size: 18px;
-        color: #333;
-        line-height: 37px;
-        overflow: visible;
-    }
-    .pic {
-        width: 710px;
-        height: 509px;
-        margin-top: -30px;
-        border-top-left-radius: 20px;
-    }
+    font-size: 48px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #333333;
+  }
+
+  .en {
+    margin-top: -35px;
+    font-size: 48px;
+    font-family: PingFangSC-Light, PingFang SC;
+    font-weight: 300;
+    color: #e3e3e3;
+  }
+
+  .sum {
+    margin-top: 60px;
+    font-size: 28px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #333333;
+    line-height: 44px;
+  }
+
+  .des {
+    margin-top: 25px;
+    font-size: 18px;
+    color: #333;
+    line-height: 37px;
+    overflow: visible;
+  }
+
+  .pic {
+    width: 710px;
+    height: 509px;
+    margin-top: -30px;
+    border-top-left-radius: 20px;
+  }
 }
+
 .intro {
-    width: 80%;
+  width: 80%;
+  height: 19.65rem;
+  padding-left: 14%;
+  margin-bottom: 67px;
+  background-color: #2e4984;
+
+  .intro-inner {
+    display: flex;
+    align-items: center;
+    height: 100%;
+  }
+
+  .pic {
+    width: 50%;
+    height: 100%;
+  }
+
+  .des {
+    width: 50%;
     height: 19.65rem;
-    padding-left: 14%;
-    margin-bottom: 67px;
-    background-color: #2e4984;
-    .intro-inner {
-        display: flex;
-        align-items: center;
-        height: 100%;
-    }
-    .pic {
-        width: 50%;
-        height: 100%;
-    }
-    .des {
-        width: 50%;
-        height: 19.65rem;
-        padding: 2.85rem 3rem 1rem 3rem;
-        font-size: 0.96rem;
-        color: #fff;
-        line-height: 2rem;
-        -webkit-line-clamp: 7;
-    }
+    padding: 2.85rem 3rem 1rem 3rem;
+    font-size: 0.96rem;
+    color: #fff;
+    line-height: 2rem;
+    -webkit-line-clamp: 7;
+  }
 }
+
 .unit {
-    position: relative;
-    width: 986px;
-    padding-bottom: 60px;
-    margin: 0 auto;
-    .title {
-        padding-left: 15px;
-        margin-bottom: 15px;
-        font-size: 20px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #2a2a2a;
-        border-left: 4px solid #1583ff;
-    }
+  position: relative;
+  width: 986px;
+  padding-bottom: 60px;
+  margin: 0 auto;
+
+  .title {
+    padding-left: 15px;
+    margin-bottom: 15px;
+    font-size: 20px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #2a2a2a;
+    border-left: 4px solid #1583ff;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/deviceIntroLayout.vue b/src/pages/column/page/deviceIntroLayout.vue
index c1fb1c3..6f039bc 100644
--- a/src/pages/column/page/deviceIntroLayout.vue
+++ b/src/pages/column/page/deviceIntroLayout.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/装置介绍</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,19 +13,14 @@
     <div class="modules">
       <div class="relative">
         <el-carousel height="480px"
-                     :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+          :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 share">
@@ -35,56 +28,35 @@
           <div class="c-wrap">
             <h6 v-html="modules[1].form.title"></h6>
             <p class="en">{{ modules[1].form.subTitle }}</p>
-            <div class="card"
-                 v-html="modules[1].form.des"></div>
-            <div class="cover"
-                 @click="toSet(1)">点击更改标题、小标题与概述</div>
+            <div class="card" v-html="modules[1].form.des"></div>
+            <div class="cover" @click="toSet(1)">点击更改标题、小标题与概述</div>
           </div>
-          <div class="flex c-wrap"
-               style="margin-top: 50px">
+          <div class="flex c-wrap" style="margin-top: 50px">
             <div class="left">
-              <div class="des"
-                   v-html="modules[2].form.des"></div>
+              <div class="des" v-html="modules[2].form.des"></div>
             </div>
-            <img class="pic"
-                 :src="modules[2].form.pic"
-                 alt="">
-            <div class="cover"
-                 @click="toSet(2)">点击更改概述与图片</div>
+            <img class="pic" :src="modules[2].form.pic" alt="">
+            <div class="cover" @click="toSet(2)">点击更改概述与图片</div>
           </div>
         </div>
       </div>
 
       <div class="intro">
-        <img class="bg"
-             src="https://new.iasf.ac.cn/images/device/7.png"
-             alt="">
-        <div class="c-wrap"
-             style="min-height: 700px">
-          <img class="pic"
-               style="max-height: 600px"
-               :src="modules[3].form.pic"
-               alt="">
-          <div class="cover"
-               @click="toSet(3)">点击更改图片</div>
+        <img class="bg" src="https://new.iasf.ac.cn/images/device/7.png" alt="">
+        <div class="c-wrap" style="min-height: 700px">
+          <img class="pic" style="max-height: 600px" :src="modules[3].form.pic" alt="">
+          <div class="cover" @click="toSet(3)">点击更改图片</div>
         </div>
       </div>
 
       <div class="unit c-wrap">
-        <div class="title"
-             v-html="modules[4].form.title"></div>
-        <img class="pic"
-             :src="modules[4].form.pic"
-             alt="">
-        <div class="cover"
-             @click="toSet(4)">点击更改标题与图片</div>
+        <div class="title" v-html="modules[4].form.title"></div>
+        <img class="pic" :src="modules[4].form.pic" alt="">
+        <div class="cover" @click="toSet(4)">点击更改标题与图片</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>
 
@@ -98,25 +70,7 @@ export default {
       modules: Modules.deviceIntroLayout
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '装置介绍'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -125,85 +79,99 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .wrap {
-    background: url(https://new.iasf.ac.cn/images/device/4.png) bottom right/auto no-repeat;
+  background: url(https://new.iasf.ac.cn/images/device/4.png) bottom right/auto no-repeat;
 }
+
 .share {
+  position: relative;
+
+  .inner {
+    width: 90%;
+    max-width: 1323px;
+  }
+
+  .left {
+    width: 547px;
+    margin-right: 66px;
+  }
+
+  h6 {
     position: relative;
-    .inner {
-        width: 90%;
-        max-width: 1323px;
-    }
-    .left {
-        width: 547px;
-        margin-right: 66px;
-    }
-    h6 {
-        position: relative;
-        font-size: 48px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #333333;
-    }
-    .en {
-        margin: -35px 0 40px;
-        font-size: 48px;
-        font-family: PingFangSC-Light, PingFang SC;
-        font-weight: 300;
-        color: #e3e3e3;
-    }
-    .card {
-        max-width: 1671px;
-        width: 90%;
-        padding: 32px 52px 25px 16%;
-        font-size: 24px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #ffffff;
-        line-height: 38px;
-        background: url(https://new.iasf.ac.cn/images/device/5.png) 0 0 / cover no-repeat;
-    }
-    .des {
-        margin-top: 25px;
-        font-size: 18px;
-        color: #333;
-        line-height: 37px;
-        overflow: visible;
-    }
-    .pic {
-        width: 710px;
-        height: 509px;
-        border-top-left-radius: 20px;
-    }
+    font-size: 48px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #333333;
+  }
+
+  .en {
+    margin: -35px 0 40px;
+    font-size: 48px;
+    font-family: PingFangSC-Light, PingFang SC;
+    font-weight: 300;
+    color: #e3e3e3;
+  }
+
+  .card {
+    max-width: 1671px;
+    width: 90%;
+    padding: 32px 52px 25px 16%;
+    font-size: 24px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #ffffff;
+    line-height: 38px;
+    background: url(https://new.iasf.ac.cn/images/device/5.png) 0 0 / cover no-repeat;
+  }
+
+  .des {
+    margin-top: 25px;
+    font-size: 18px;
+    color: #333;
+    line-height: 37px;
+    overflow: visible;
+  }
+
+  .pic {
+    width: 710px;
+    height: 509px;
+    border-top-left-radius: 20px;
+  }
 }
+
 .intro {
-    position: relative;
-    height: 794px;
-    margin-bottom: 37px;
-    .bg {
-        position: absolute;
-        top: 0;
-        left: 0;
-    }
-    .pic {
-        position: absolute;
-        top: 67px;
-        left: 15%;
-        width: 74%;
-    }
+  position: relative;
+  height: 794px;
+  margin-bottom: 37px;
+
+  .bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+
+  .pic {
+    position: absolute;
+    top: 67px;
+    left: 15%;
+    width: 74%;
+  }
 }
+
 .unit {
-    width: 986px;
-    padding-bottom: 60px;
-    margin: 0 auto;
-    .title {
-        padding-left: 15px;
-        margin-bottom: 15px;
-        font-size: 20px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #2a2a2a;
-        border-left: 4px solid #1583ff;
-    }
+  width: 986px;
+  padding-bottom: 60px;
+  margin: 0 auto;
+
+  .title {
+    padding-left: 15px;
+    margin-bottom: 15px;
+    font-size: 20px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #2a2a2a;
+    border-left: 4px solid #1583ff;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/deviceIntroLinear.vue b/src/pages/column/page/deviceIntroLinear.vue
index adae257..49f5187 100644
--- a/src/pages/column/page/deviceIntroLinear.vue
+++ b/src/pages/column/page/deviceIntroLinear.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/装置介绍</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,43 +13,31 @@
     <div class="modules">
       <div class="relative">
         <el-carousel height="480px"
-                     :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+          :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 history gray">
         <div class="inner">
           <div class="c-wrap">
-            <h2 class="wow fadeInLeft"
-                v-html="modules[1].form.title"></h2>
+            <h2 class="wow fadeInLeft" v-html="modules[1].form.title"></h2>
             <p class="en">{{ modules[1].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(1)">点击更改标题与概述</div>
+            <div class="cover" @click="toSet(1)">点击更改标题与概述</div>
           </div>
-          <div class="texts wow fadeInDown"
-               data-wow-delay="0.5s">
+          <div class="texts wow fadeInDown" data-wow-delay="0.5s">
             <div class="left c-wrap">
               <h6>{{ modules[2].form.title }}</h6>
               <div class="line"></div>
-              <div class="des"
-                   v-html="modules[2].form.des"></div>
-              <div class="cover"
-                   @click="toSet(2)">点击更改标题与概述</div>
+              <div class="des" v-html="modules[2].form.des"></div>
+              <div class="cover" @click="toSet(2)">点击更改标题与概述</div>
             </div>
-            <img class="bg"
-                 src="https://new.iasf.ac.cn/images/device/10.png"
-                 alt="">
+            <img class="bg" src="https://new.iasf.ac.cn/images/device/10.png" alt="">
           </div>
         </div>
       </div>
@@ -59,29 +45,20 @@
       <div class="block intro">
         <div class="inner">
           <div class="left c-wrap">
-            <div class="title1"
-                 v-html="modules[3].form.title"></div>
-            <img :src="modules[3].form.pic"
-                 alt="">
-            <div class="cover"
-                 @click="toSet(3)">点击更改标题与图片</div>
+            <div class="title1" v-html="modules[3].form.title"></div>
+            <img :src="modules[3].form.pic" alt="">
+            <div class="cover" @click="toSet(3)">点击更改标题与图片</div>
           </div>
           <div class="right c-wrap">
-            <div class="title2"
-                 v-html="modules[4].form.title"></div>
-            <img :src="modules[4].form.pic"
-                 alt="">
-            <div class="cover"
-                 @click="toSet(4)">点击更改标题与图片</div>
+            <div class="title2" v-html="modules[4].form.title"></div>
+            <img :src="modules[4].form.pic" alt="">
+            <div class="cover" @click="toSet(4)">点击更改标题与图片</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>
 
@@ -95,25 +72,7 @@ export default {
       modules: Modules.deviceIntroLinear
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '装置介绍'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -122,100 +81,115 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .history {
-    .inner {
-        width: 90%;
-        max-width: 1504px;
-    }
-    h2 {
-        position: relative;
-        font-size: 48px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        font-weight: 600;
-        color: #1c1c1c;
-    }
-    .en {
-        margin: -35px 0 40px;
-        font-size: 48px;
-        font-family: PingFangSC-Light, PingFang SC;
-        font-weight: 300;
-        color: #e3e3e3;
-    }
-    .texts {
-        display: flex;
-        justify-content: space-between;
-        padding: 82px 0 30px 38px;
-        margin-top: 20px;
-        background: #1583ff;
-        border-radius: 65px 100px 0px 0px;
-        transition: 0.3s;
-        &:hover {
-            transform: scale(1.05);
-        }
-    }
-    .left {
-        width: 50%;
-    }
-    h6 {
-        font-size: 28px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #ffffff;
-    }
-    .line {
-        width: 214px;
-        height: 5px;
-        margin: 54px 0 44px;
-        background: #ffffff;
-        opacity: 0.52;
-    }
-    .des {
-        font-size: 22px;
-        font-family: PingFangSC-Regular, PingFang SC;
-        font-weight: 400;
-        color: #ffffff;
-        line-height: 44px;
-        overflow: visible;
-    }
-    .bg {
-        width: 50%;
-        margin: -142px -50px 0 0;
-        border-top-left-radius: 30px;
+  .inner {
+    width: 90%;
+    max-width: 1504px;
+  }
+
+  h2 {
+    position: relative;
+    font-size: 48px;
+    font-family: PingFangSC-Semibold, PingFang SC;
+    font-weight: 600;
+    color: #1c1c1c;
+  }
+
+  .en {
+    margin: -35px 0 40px;
+    font-size: 48px;
+    font-family: PingFangSC-Light, PingFang SC;
+    font-weight: 300;
+    color: #e3e3e3;
+  }
+
+  .texts {
+    display: flex;
+    justify-content: space-between;
+    padding: 82px 0 30px 38px;
+    margin-top: 20px;
+    background: #1583ff;
+    border-radius: 65px 100px 0px 0px;
+    transition: 0.3s;
+
+    &:hover {
+      transform: scale(1.05);
     }
+  }
+
+  .left {
+    width: 50%;
+  }
+
+  h6 {
+    font-size: 28px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #ffffff;
+  }
+
+  .line {
+    width: 214px;
+    height: 5px;
+    margin: 54px 0 44px;
+    background: #ffffff;
+    opacity: 0.52;
+  }
+
+  .des {
+    font-size: 22px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: 400;
+    color: #ffffff;
+    line-height: 44px;
+    overflow: visible;
+  }
+
+  .bg {
+    width: 50%;
+    margin: -142px -50px 0 0;
+    border-top-left-radius: 30px;
+  }
 }
+
 .intro {
-    .inner {
-        display: flex;
-        width: 90%;
-        max-width: 1504px;
-    }
-    .left {
-        width: 30%;
-    }
-    .right {
-        width: 68%;
-        margin-left: 2%;
-    }
-    .title1 {
-        margin-bottom: 0.93rem;
-        font-size: 0.88rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #2a2a2a;
-    }
+  .inner {
+    display: flex;
+    width: 90%;
+    max-width: 1504px;
+  }
 
-    .title2 {
-        padding-left: 0.93rem;
-        margin-bottom: 0.93rem;
-        font-size: 0.88rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #2a2a2a;
-        border-left: 4px solid #1583ff;
-    }
-    img {
-        width: 100%;
-        height: 85%;
-    }
+  .left {
+    width: 30%;
+  }
+
+  .right {
+    width: 68%;
+    margin-left: 2%;
+  }
+
+  .title1 {
+    margin-bottom: 0.93rem;
+    font-size: 0.88rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #2a2a2a;
+  }
+
+  .title2 {
+    padding-left: 0.93rem;
+    margin-bottom: 0.93rem;
+    font-size: 0.88rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #2a2a2a;
+    border-left: 4px solid #1583ff;
+  }
+
+  img {
+    width: 100%;
+    height: 85%;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/edu.vue b/src/pages/column/page/edu.vue
index 5f383fa..ec7a427 100644
--- a/src/pages/column/page/edu.vue
+++ b/src/pages/column/page/edu.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/EDUCATION & COLLABORATION</p>
+      <p class="page-name">页面设置/{{ columnName }}</p>
       <div>
         <el-button type="primary" @click="preview">预览</el-button>
         <el-button @click="save(0)">保存为草稿</el-button>
@@ -12,7 +12,8 @@
 
     <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="">
@@ -30,7 +31,7 @@
           <div class="cover" @click="toSet(1)">点击更改图片、标题概述与链接</div>
         </div>
       </div>
-      
+
       <div class="block">
         <div class="inner c-wrap">
           <h2 class="b-title">{{ modules[2].form.title }}</h2>
@@ -39,7 +40,7 @@
           <div class="cover" @click="toSet(2)">点击更改图片、标题概述与链接</div>
         </div>
       </div>
-      
+
       <div class="block gray">
         <div class="inner">
           <div class="c-wrap">
@@ -73,53 +74,40 @@ import mixins from '@/mixins/page'
 import Modules from '@/const/modules'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       modules: Modules.edu
     }
   },
-  mounted() {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: 'EDUCATION & COLLABORATION'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
-    
+
   }
 };
 </script>
 
 <style lang="scss" scoped>
 @import "../../../styles/page/page.scss";
+
 .list {
   li {
     position: relative;
+
     &:nth-child(even) {
       text-align: right;
+
       .texts {
         left: 0;
         text-align: left;
       }
     }
   }
+
   .pic {
     width: 650px;
     height: 730px;
   }
+
   .texts {
     position: absolute;
     top: 120px;
@@ -129,16 +117,19 @@ export default {
     padding: 60px 30px 30px 100px;
     background-color: #fff;
   }
+
   h6 {
     font-size: 40px;
     color: #3C3C3C;
   }
+
   .sub {
     margin: 20px 0;
     font-size: 24px;
     color: #1C1C1C;
     line-height: 33px;
   }
+
   .des {
     font-size: 20px;
     color: #3C3C3C;
diff --git a/src/pages/column/page/estate/event/index.vue b/src/pages/column/page/estate/event/index.vue
index 978bdf8..5a9c6c8 100644
--- a/src/pages/column/page/estate/event/index.vue
+++ b/src/pages/column/page/estate/event/index.vue
@@ -2,13 +2,11 @@
   <!-- 产业光源-大事记 -->
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/产业光源-概况-大事记</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -16,22 +14,17 @@
     <div class="modules">
       <div class="relative">
         <div class="single-banner single-banner-overview">
-          <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>
 
       <ul class="tabs wow fadeInLeft">
         <template v-for="(item, i) in tabs">
-          <li :class="{active: i == active}"
-              :key="i"
-              @click="tabChange(i)">{{ item }}</li>
+          <li :class="{ active: i == active }" :key="i" @click="tabChange(i)">{{ item }}</li>
         </template>
       </ul>
 
@@ -40,46 +33,34 @@
           <h2 class="wow fadeInLeft">大事记</h2>
           <p class="en">DEVELOPMENT HISTORY</p>
 
-          <div v-if="modules[1].list.length"
-               class="event">
+          <div v-if="modules[1].list.length" class="event">
             <ul class="time">
               <template v-for="(item, i) in modules[1].list">
-                <li v-if="item.isEnable"
-                    :key="i"
-                    :class="{active: curYear == i}"
-                    @click="yearClick(i)">{{ item.title }}</li>
+                <li v-if="item.isEnable" :key="i" :class="{ active: curYear == i }" @click="yearClick(i)">{{ item.title }}
+                </li>
               </template>
             </ul>
             <div class="right">
               <h6 class="year">{{ modules[1].list[curYear].title }}</h6>
               <ul class="list">
                 <template v-for="(e, j) in modules[1].list[curYear].list">
-                  <li v-if="e.isEnable"
-                      :key="j">
+                  <li v-if="e.isEnable" :key="j">
                     <div class="texts">
                       <p class="date">{{ e.title }}</p>
                       <p class="text">{{ e.des }}</p>
                     </div>
-                    <img v-if="e.pic"
-                         :src="e.pic"
-                         alt=""
-                         class="pic">
+                    <img v-if="e.pic" :src="e.pic" alt="" class="pic">
                   </li>
                 </template>
               </ul>
             </div>
           </div>
-          <div class="cover"
-               style="min-height: 300px;"
-               @click="toSet(1)">点击配置历程</div>
+          <div class="cover" style="min-height: 300px;" @click="toSet(1)">点击配置历程</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>
 
@@ -97,23 +78,7 @@ export default {
     }
   },
   mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '概况-大事记'
-      }
-    ])
+
   },
   methods: {
     // tab回调
@@ -126,126 +91,146 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../../../styles/page/page.scss';
+
 .wrap {
-    background: url(https://new.iasf.ac.cn/images/overviewDevHistory/1.png) (right 505px) / auto no-repeat,
-        url(https://new.iasf.ac.cn/images/overviewDevHistory/2.png) (left bottom) / auto no-repeat;
+  background: url(https://new.iasf.ac.cn/images/overviewDevHistory/1.png) (right 505px) / auto no-repeat,
+    url(https://new.iasf.ac.cn/images/overviewDevHistory/2.png) (left bottom) / auto no-repeat;
 }
+
 .tabs {
-    display: flex;
-    justify-content: center;
-    box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
-    li {
-        padding: 25px 19px;
-        margin: 0 10px;
-        font-size: 1.1rem;
-        color: #333;
-        border-bottom: 4px solid transparent;
-        text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
-        cursor: pointer;
-        &.active {
-            color: #1583ff;
-            border-bottom-color: #1583ff;
-        }
+  display: flex;
+  justify-content: center;
+  box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
+
+  li {
+    padding: 25px 19px;
+    margin: 0 10px;
+    font-size: 1.1rem;
+    color: #333;
+    border-bottom: 4px solid transparent;
+    text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
+    cursor: pointer;
+
+    &.active {
+      color: #1583ff;
+      border-bottom-color: #1583ff;
     }
+  }
 }
+
 .history {
-    h2 {
-        position: relative;
-        font-size: 2.2rem;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        font-weight: 600;
-        color: #1c1c1c;
-    }
-    .en {
-        margin: -15px 0 40px;
-        font-size: 2.2rem;
-        font-family: PingFangSC-Light, PingFang SC;
-        font-weight: 300;
-        color: #e3e3e3;
-    }
+  h2 {
+    position: relative;
+    font-size: 2.2rem;
+    font-family: PingFangSC-Semibold, PingFang SC;
+    font-weight: 600;
+    color: #1c1c1c;
+  }
+
+  .en {
+    margin: -15px 0 40px;
+    font-size: 2.2rem;
+    font-family: PingFangSC-Light, PingFang SC;
+    font-weight: 300;
+    color: #e3e3e3;
+  }
 }
+
 .event {
-    display: flex;
-    justify-content: center;
-    .time {
-        width: 200px;
-        padding-right: 10px;
-        margin-right: 20px;
-        border-right: 1px solid #ddd;
-        li {
-            display: flex;
-            justify-content: flex-end;
-            align-items: center;
-            width: 190px;
-            padding-right: 45px;
-            line-height: 60px;
-            font-size: 1.4rem;
-            font-weight: 600;
-            font-family: SFProDisplay-Semibold, SFProDisplay;
-            color: #666;
-            box-shadow: inset 0px -1px 0px 0px #dddddd;
-            cursor: pointer;
-            &.active {
-                font-weight: 800;
-                color: #1a81f4;
-                background: linear-gradient(90deg, #ffffff 0%, #f3f8ff 100%);
-                &:before {
-                    content: '';
-                    width: 18px;
-                    height: 18px;
-                    background: url(https://new.iasf.ac.cn/images/overviewDevHistory/3.png) no-repeat;
-                    margin-right: 20px;
-                }
-            }
+  display: flex;
+  justify-content: center;
+
+  .time {
+    width: 200px;
+    padding-right: 10px;
+    margin-right: 20px;
+    border-right: 1px solid #ddd;
+
+    li {
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+      width: 190px;
+      padding-right: 45px;
+      line-height: 60px;
+      font-size: 1.4rem;
+      font-weight: 600;
+      font-family: SFProDisplay-Semibold, SFProDisplay;
+      color: #666;
+      box-shadow: inset 0px -1px 0px 0px #dddddd;
+      cursor: pointer;
+
+      &.active {
+        font-weight: 800;
+        color: #1a81f4;
+        background: linear-gradient(90deg, #ffffff 0%, #f3f8ff 100%);
+
+        &:before {
+          content: '';
+          width: 18px;
+          height: 18px;
+          background: url(https://new.iasf.ac.cn/images/overviewDevHistory/3.png) no-repeat;
+          margin-right: 20px;
         }
+      }
     }
-    .right {
-        width: 1000px;
+  }
+
+  .right {
+    width: 1000px;
+  }
+
+  .year {
+    margin: 0 0 20px 20px;
+    font-size: 3.8rem;
+    font-family: ToppanBunkyuMidashiGothicStdN-ExtraBold, ToppanBunkyuMidashiGothicStdN;
+    font-weight: 800;
+    color: #1a81f4;
+  }
+
+  .list {
+    border-top: 1px solid #ddd;
+
+    li {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 30px;
+      border-bottom: 1px solid #ddd;
     }
-    .year {
-        margin: 0 0 20px 20px;
-        font-size: 3.8rem;
-        font-family: ToppanBunkyuMidashiGothicStdN-ExtraBold, ToppanBunkyuMidashiGothicStdN;
-        font-weight: 800;
-        color: #1a81f4;
+
+    .texts {
+      width: 500px;
     }
-    .list {
-        border-top: 1px solid #ddd;
-        li {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 30px;
-            border-bottom: 1px solid #ddd;
-        }
-        .texts {
-            width: 500px;
-        }
-        .date {
-            margin-bottom: 15px;
-            font-size: 1.2rem;
-            font-family: PingFangSC-Semibold, PingFang SC;
-            font-weight: 600;
-            color: #333;
-        }
-        .text {
-            font-size: 1.1rem;
-            color: #333;
-            @include mul-ellipsis(3);
-            &:before {
-                content: '';
-                display: inline-block;
-                width: 7px;
-                height: 7px;
-                margin: 0 10px;
-                background-color: #666;
-                transform: rotate(45deg);
-            }
-        }
-        .pic {
-            width: 350px;
-            height: 195px;
-        }
+
+    .date {
+      margin-bottom: 15px;
+      font-size: 1.2rem;
+      font-family: PingFangSC-Semibold, PingFang SC;
+      font-weight: 600;
+      color: #333;
+    }
+
+    .text {
+      font-size: 1.1rem;
+      color: #333;
+      @include mul-ellipsis(3);
+
+      &:before {
+        content: '';
+        display: inline-block;
+        width: 7px;
+        height: 7px;
+        margin: 0 10px;
+        background-color: #666;
+        transform: rotate(45deg);
+      }
     }
+
+    .pic {
+      width: 350px;
+      height: 195px;
+    }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/estate/index/index.vue b/src/pages/column/page/estate/index/index.vue
index 290a400..c08af38 100644
--- a/src/pages/column/page/estate/index/index.vue
+++ b/src/pages/column/page/estate/index/index.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/产业光源</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,19 +13,14 @@
     <div class="modules">
       <div class="relative">
         <el-carousel height="480px"
-                     :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+          :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">
@@ -38,62 +31,49 @@
               <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 style="width: 50%;height: 410px;overflow: hidden;"
-                   width="100%"
-                   height="480"
-                   src="https://new.iasf.ac.cn/images/about/5.png"
-                   alt="">
+              <img style="width: 50%;height: 410px;overflow: hidden;" width="100%" height="480"
+                src="https://new.iasf.ac.cn/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>
+                <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>
                 <p class="meta">2022-07-24 | Research</p>
               </div>
             </div>
             <ul class="card">
               <li>
-                <img class="pic"
-                     src="https://new.iasf.ac.cn/images/about/9.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/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="https://new.iasf.ac.cn/images/about/10.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/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="https://new.iasf.ac.cn/images/about/11.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/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>
@@ -106,23 +86,16 @@
               <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="shows">
-            <div class="left wow fadeInLeft"
-                 data-wow-delay="0.5s">
+            <div class="left wow fadeInLeft" data-wow-delay="0.5s">
               <h6>{{ modules[4].form.title }}</h6>
-              <div class="text"
-                   v-html="modules[4].form.des"></div>
-              <el-button type="primary"
-                         round>这里跳转</el-button>
+              <div class="text" v-html="modules[4].form.des"></div>
+              <el-button type="primary" round>这里跳转</el-button>
             </div>
-            <img :src="modules[4].form.pic"
-                 alt=""
-                 class="pic">
-            <div class="cover"
-                 @click="toSet(4)">点击更换标题、描述、图片与链接</div>
+            <img :src="modules[4].form.pic" alt="" class="pic">
+            <div class="cover" @click="toSet(4)">点击更换标题、描述、图片与链接</div>
           </div>
         </div>
       </div>
@@ -135,102 +108,73 @@
               <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="https://new.iasf.ac.cn/images/about/9.png"
-                   alt="">
+              <img width="100%" height="100%" src="https://new.iasf.ac.cn/images/about/9.png" alt="">
               <div class="text">关于2021年度深圳综合粒子设施研究院采购意向公开表</div>
             </div>
             <ul class="card-list">
               <li>
-                <img class="pic"
-                     src="https://new.iasf.ac.cn/images/about/10.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/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="https://new.iasf.ac.cn/images/about/10.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/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="https://new.iasf.ac.cn/images/about/10.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/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>
@@ -243,19 +187,18 @@
               <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="c-wrap">
             <div class="slide">
               <div class="texts">
                 <h6>超快自由电子激光脉冲特性诊断研究方面取得重要进展</h6>
-                <div class="des">X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段。对于绝大多数自由电子激研究院紧密围绕高水平建设综合性国家科学中心战略目标，面向国民经济主战场和世界科技前沿…</div>
+                <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>
@@ -271,17 +214,13 @@
                 <p class="date">2022.10.10</p>
               </li>
             </ul>
-            <div class="cover"
-                 @click="toSet(8)">关联栏目</div>
+            <div class="cover" @click="toSet(8)">关联栏目</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>
 
@@ -296,23 +235,7 @@ export default {
     }
   },
   mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '产业光源'
-      }
-    ])
+
   },
   methods: {
 
@@ -322,330 +245,393 @@ export default {
 
 <style lang="scss" scoped>
 @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 {
-        transition: 0.5s;
-        &:hover {
-            transform: scale(1.3);
-        }
+  display: flex;
+  cursor: pointer;
+
+  .pic {
+    transition: 0.5s;
+
+    &:hover {
+      transform: scale(1.3);
     }
-    .right {
-        position: relative;
-        width: 50%;
-        padding: 50px 50px 30px;
-        background: #1583ff;
+  }
+
+  .right {
+    position: relative;
+    width: 50%;
+    padding: 50px 50px 30px;
+    background: #1583ff;
+    color: #fff;
+
+    &:hover {
+      background: #465f85;
+
+      h6,
+      .des,
+      .meta {
         color: #fff;
-        &:hover {
-            background: #465f85;
-            h6,
-            .des,
-            .meta {
-                color: #fff;
-                transform: translateY(15px);
-            }
-        }
+        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: 0.2s;
+
+      &.active {
+        width: 30px;
+        background: rgba(255, 255, 255, 0.3);
+        border-radius: 5px;
+      }
+    }
+  }
+
+  h6 {
+    font-size: 1.3rem;
+    transition: 0.3s;
+  }
+
+  .des {
+    margin: 30px 0;
+    font-size: 0.9rem;
+    line-height: 24px;
+    transition: 0.3s;
+  }
+
+  .meta {
+    font-size: 0.8rem;
+    transition: 0.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: 0.3s;
+
+    &:hover {
+      transform: scale(1.05);
+    }
+
+    &:last-child {
+      margin-right: 0;
     }
-    .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;
-            }
-        }
+  }
+
+  .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;
+  }
+}
+
+.talent {
+  .shows {
+    position: relative;
+    display: flex;
+    color: #fff;
+    background: #1a2844;
+    border-radius: 0px 100px 0px 100px;
+
+    .left {
+      width: 50%;
+      padding: 120px 0 0 5%;
     }
+
     h6 {
-        font-size: 1.3rem;
-        transition: 0.3s;
+      font-size: 1.6rem;
     }
-    .des {
-        margin: 30px 0;
-        font-size: 0.9rem;
-        line-height: 24px;
-        transition: 0.3s;
+
+    .text {
+      margin: 20px 0;
+      font-size: 1rem;
+      line-height: 2;
     }
-    .meta {
-        font-size: 0.8rem;
-        transition: 0.3s;
+
+    .pic {
+      width: 50%;
+      height: 500px;
     }
+  }
 }
-.card {
+
+.conference {
+  background: url(../../../../../assets/images/sfel/4.png) 0 0 / cover no-repeat;
+
+  .shows {
     display: flex;
-    flex-wrap: wrap;
-    margin-top: 40px;
+  }
+
+  .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);
+    }
+  }
+
+  .card-list {
+    width: 784px;
+
     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: 0.3s;
-        &:hover {
-            transform: scale(1.05);
-        }
-        &:last-child {
-            margin-right: 0;
-        }
+      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: 100%;
-        height: 240px;
-    }
-    .texts {
-        padding: 40px 30px;
+      width: 188px;
+      height: 188px;
+      margin-right: 36px;
     }
-    .meta {
-        font-size: 16px;
-        color: #666;
+
+    h6 {
+      margin-bottom: 10px;
+      font-size: 20px;
+      color: #333;
     }
-    .des {
-        margin: 10px 0;
-        font-size: 20px;
-        font-family: SFProDisplay;
-        font-weight: 500;
-        color: #333;
-        line-height: 28px;
+
+    .sum {
+      font-size: 16px;
+      color: #666;
     }
-    .arrow {
-        width: 36px;
+
+    .text {
+      display: flex;
+      align-items: center;
+      margin: 10px 0;
     }
-}
 
-.talent {
-    .shows {
-        position: relative;
-        display: flex;
-        color: #fff;
-        background: #1a2844;
-        border-radius: 0px 100px 0px 100px;
-        .left {
-            width: 50%;
-            padding: 120px 0 0 5%;
-        }
-        h6 {
-            font-size: 1.6rem;
-        }
-        .text {
-            margin: 20px 0;
-            font-size: 1rem;
-            line-height: 2;
-        }
-        .pic {
-            width: 50%;
-            height: 500px;
-        }
+    .icon {
+      margin-right: 5px;
     }
+  }
 }
-.conference {
-    background: url(../../../../../assets/images/sfel/4.png) 0 0 / cover no-repeat;
-    .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);
-        }
+
+.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;
     }
-    .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;
-        }
+
+    .des {
+      margin: 35px 0 25px;
+      font-size: 16px;
+      color: #666;
+      line-height: 32px;
     }
-}
 
-.program {
-    background: #fff;
-    .slide {
-        display: flex;
-        margin-bottom: 14px;
+    .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;
     }
-    .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;
-        }
+
+    .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/estate/location/index.vue b/src/pages/column/page/estate/location/index.vue
index 27c1479..d66ca2c 100644
--- a/src/pages/column/page/estate/location/index.vue
+++ b/src/pages/column/page/estate/location/index.vue
@@ -2,13 +2,11 @@
   <!-- 产业光源-地理位置 -->
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/产业光源-概况-地理位置</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -16,78 +14,55 @@
     <div class="modules">
       <div class="relative">
         <div class="single-banner single-banner-overview">
-          <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>
 
       <ul class="tabs wow fadeInLeft">
         <template v-for="(item, i) in tabs">
-          <li :class="{active: i == active}"
-              :key="i"
-              @click="tabChange(i)">{{ item }}</li>
+          <li :class="{ active: i == active }" :key="i" @click="tabChange(i)">{{ item }}</li>
         </template>
       </ul>
 
       <div class="tab-content">
-        <div class="item wow bounceInLeft"
-             data-wow-delay="0.5s">
+        <div class="item wow bounceInLeft" data-wow-delay="0.5s">
           <div class="img-wrap">
-            <img class="pic"
-                 :src="modules[1].form.pic"
-                 alt="">
+            <img class="pic" :src="modules[1].form.pic" alt="">
           </div>
           <div class="texts">
             <h6>{{ modules[1].form.title }}</h6>
-            <div class="des"
-                 v-html="modules[1].form.des"></div>
+            <div class="des" v-html="modules[1].form.des"></div>
           </div>
-          <div class="cover"
-               @click="toSet(1)">点击更改图片、标题概述与链接</div>
+          <div class="cover" @click="toSet(1)">点击更改图片、标题概述与链接</div>
         </div>
-        <div class="item wow bounceInRight"
-             data-wow-delay="0.6s">
+        <div class="item wow bounceInRight" data-wow-delay="0.6s">
           <div class="img-wrap">
-            <img class="pic"
-                 :src="modules[2].form.pic"
-                 alt="">
+            <img class="pic" :src="modules[2].form.pic" alt="">
           </div>
           <div class="texts">
             <h6>{{ modules[2].form.title }}</h6>
-            <div class="des"
-                 v-html="modules[2].form.des"></div>
+            <div class="des" v-html="modules[2].form.des"></div>
           </div>
-          <div class="cover"
-               @click="toSet(2)">点击更改图片、标题概述与链接</div>
+          <div class="cover" @click="toSet(2)">点击更改图片、标题概述与链接</div>
         </div>
-        <div class="item wow bounceInLeft"
-             data-wow-delay="0.5s">
+        <div class="item wow bounceInLeft" data-wow-delay="0.5s">
           <div class="img-wrap">
-            <img class="pic"
-                 :src="modules[3].form.pic"
-                 alt="">
+            <img class="pic" :src="modules[3].form.pic" alt="">
           </div>
           <div class="texts">
             <h6>{{ modules[3].form.title }}</h6>
-            <div class="des"
-                 v-html="modules[3].form.des"></div>
+            <div class="des" v-html="modules[3].form.des"></div>
           </div>
-          <div class="cover"
-               @click="toSet(3)">点击更改图片、标题概述与链接</div>
+          <div class="cover" @click="toSet(3)">点击更改图片、标题概述与链接</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>
 
@@ -104,23 +79,7 @@ export default {
     }
   },
   mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '概况-地理位置'
-      }
-    ])
+
   },
   methods: {
     // tab回调
@@ -133,100 +92,118 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../../../styles/page/page.scss';
+
 .tabs {
-    display: flex;
-    justify-content: center;
-    box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
-    li {
-        padding: 25px 19px;
-        margin: 0 10px;
-        font-size: 1.1rem;
-        color: #333;
-        border-bottom: 4px solid transparent;
-        text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
-        cursor: pointer;
-        &.active {
-            color: #1583ff;
-            border-bottom-color: #1583ff;
-        }
+  display: flex;
+  justify-content: center;
+  box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
+
+  li {
+    padding: 25px 19px;
+    margin: 0 10px;
+    font-size: 1.1rem;
+    color: #333;
+    border-bottom: 4px solid transparent;
+    text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
+    cursor: pointer;
+
+    &.active {
+      color: #1583ff;
+      border-bottom-color: #1583ff;
     }
+  }
 }
 
 .tab-content {
-    width: 80%;
-    max-width: 1504px;
-    padding-bottom: 100px;
-    margin: 30px auto 0;
-    .item {
-        position: relative;
-        display: flex;
-        padding: 42px;
-        margin-bottom: 36px;
-        color: #333;
-        background: #f5f5f5 url(https://new.iasf.ac.cn/images/overviewSetup/1.png) right bottom/auto no-repeat;
-        transition: 0.5s;
-        &:nth-child(even) {
-            justify-content: space-between;
-            flex-direction: row-reverse;
-            background-position: 30% 100%;
-            .texts {
-                padding-left: 0;
-            }
-        }
-        &:hover {
-            // color: #fff;
-            // background: #005388;
-            .pic {
-                transform: scale(1.1);
-            }
-        }
-    }
-    .img-wrap {
-        height: 465px;
-        overflow: hidden;
-    }
-    .pic {
-        width: 100%;
-        height: 100%;
-        transition: 0.5s;
-    }
-    .texts {
-        width: 707px;
-        padding: 98px 72px 30px 80px;
-    }
-    h6 {
-        margin-bottom: 24px;
-        font-size: 2.4rem;
-        font-family: PingFangSC-Light, PingFang SC;
-        font-weight: 300;
+  width: 80%;
+  max-width: 1504px;
+  padding-bottom: 100px;
+  margin: 30px auto 0;
+
+  .item {
+    position: relative;
+    display: flex;
+    padding: 42px;
+    margin-bottom: 36px;
+    color: #333;
+    background: #f5f5f5 url(https://new.iasf.ac.cn/images/overviewSetup/1.png) right bottom/auto no-repeat;
+    transition: 0.5s;
+
+    &:nth-child(even) {
+      justify-content: space-between;
+      flex-direction: row-reverse;
+      background-position: 30% 100%;
+
+      .texts {
+        padding-left: 0;
+      }
     }
-    .des {
-        font-size: 1rem;
-        line-height: 33px;
-        -webkit-line-clamp: 8;
+
+    &:hover {
+
+      // color: #fff;
+      // background: #005388;
+      .pic {
+        transform: scale(1.1);
+      }
     }
+  }
+
+  .img-wrap {
+    height: 465px;
+    overflow: hidden;
+  }
+
+  .pic {
+    width: 100%;
+    height: 100%;
+    transition: 0.5s;
+  }
+
+  .texts {
+    width: 707px;
+    padding: 98px 72px 30px 80px;
+  }
+
+  h6 {
+    margin-bottom: 24px;
+    font-size: 2.4rem;
+    font-family: PingFangSC-Light, PingFang SC;
+    font-weight: 300;
+  }
+
+  .des {
+    font-size: 1rem;
+    line-height: 33px;
+    -webkit-line-clamp: 8;
+  }
 }
+
 @media (max-width: 1200px) {
-    .tabs {
-        overflow: hidden;
-        overflow-x: auto;
-        white-space: normal;
-        justify-content: normal;
-        display: -webkit-box;
-        li {
-            white-space: normal;
-        }
+  .tabs {
+    overflow: hidden;
+    overflow-x: auto;
+    white-space: normal;
+    justify-content: normal;
+    display: -webkit-box;
+
+    li {
+      white-space: normal;
     }
-    .tab-content {
-        padding: 20px 0;
-        .org {
-            width: 100%;
-            padding: 15px;
-            flex-direction: column;
-            .left {
-                width: 100%;
-            }
-        }
+  }
+
+  .tab-content {
+    padding: 20px 0;
+
+    .org {
+      width: 100%;
+      padding: 15px;
+      flex-direction: column;
+
+      .left {
+        width: 100%;
+      }
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/estate/orgSetup/index.vue b/src/pages/column/page/estate/orgSetup/index.vue
index 6967205..a2acc05 100644
--- a/src/pages/column/page/estate/orgSetup/index.vue
+++ b/src/pages/column/page/estate/orgSetup/index.vue
@@ -2,13 +2,11 @@
   <!-- 产业光源-机构设置 -->
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/产业光源-概况-机构设置</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -16,22 +14,17 @@
     <div class="modules">
       <div class="relative">
         <div class="single-banner single-banner-overview">
-          <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>
 
       <ul class="tabs wow fadeInLeft">
         <template v-for="(item, i) in tabs">
-          <li :class="{active: i == active}"
-              :key="i"
-              @click="tabChange(i)">{{ item }}</li>
+          <li :class="{ active: i == active }" :key="i" @click="tabChange(i)">{{ item }}</li>
         </template>
       </ul>
 
@@ -39,30 +32,19 @@
         <div class="org">
           <div class="left c-wrap">
             <h6>{{ modules[1].form.title }}</h6>
-            <p class="text"
-               v-html="modules[1].form.des"></p>
-            <div class="cover"
-                 style="top: -73px;min-height: 300px"
-                 @click="toSet(1)">点击更换标题与描述</div>
+            <p class="text" v-html="modules[1].form.des"></p>
+            <div class="cover" style="top: -73px;min-height: 300px" @click="toSet(1)">点击更换标题与描述</div>
           </div>
-          <img class="pic"
-               src="https://new.iasf.ac.cn/images/overviewSetup/1.png"
-               alt="">
+          <img class="pic" src="https://new.iasf.ac.cn/images/overviewSetup/1.png" alt="">
         </div>
         <div class="lg-bg c-wrap">
-          <img width="100%"
-               :src="modules[2].form.pic"
-               alt="">
-          <div class="cover"
-               @click="toSet(2)">点击更换图片</div>
+          <img width="100%" :src="modules[2].form.pic" alt="">
+          <div class="cover" @click="toSet(2)">点击更换图片</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>
 
@@ -79,23 +61,7 @@ export default {
     }
   },
   mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '概况-机构设置'
-      }
-    ])
+
   },
   methods: {
     // tab回调
@@ -108,81 +74,96 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../../../styles/page/page.scss';
+
 .tabs {
-    display: flex;
-    justify-content: center;
-    box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
-    li {
-        padding: 25px 19px;
-        margin: 0 10px;
-        font-size: 1.1rem;
-        color: #333;
-        border-bottom: 4px solid transparent;
-        text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
-        cursor: pointer;
-        &.active {
-            color: #1583ff;
-            border-bottom-color: #1583ff;
-        }
+  display: flex;
+  justify-content: center;
+  box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
+
+  li {
+    padding: 25px 19px;
+    margin: 0 10px;
+    font-size: 1.1rem;
+    color: #333;
+    border-bottom: 4px solid transparent;
+    text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
+    cursor: pointer;
+
+    &.active {
+      color: #1583ff;
+      border-bottom-color: #1583ff;
     }
+  }
 }
+
 .tab-content {
-    padding: 77px 0;
+  padding: 77px 0;
 }
+
 .org {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 1294px;
-    padding: 9px 86px 29px 116px;
-    margin: 0 auto 50px;
-    background: #fcfcfc;
-    border-radius: 160px;
-    .left {
-        width: 705px;
-    }
-    h6 {
-        font-size: 1.4rem;
-        font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
-        font-weight: bold;
-        color: #333;
-    }
-    .text {
-        margin-top: 10px;
-        font-size: 1rem;
-        color: #020202;
-        line-height: 2rem;
-    }
-    .pic {
-        width: 320px;
-        height: 282px;
-    }
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 1294px;
+  padding: 9px 86px 29px 116px;
+  margin: 0 auto 50px;
+  background: #fcfcfc;
+  border-radius: 160px;
+
+  .left {
+    width: 705px;
+  }
+
+  h6 {
+    font-size: 1.4rem;
+    font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
+    font-weight: bold;
+    color: #333;
+  }
+
+  .text {
+    margin-top: 10px;
+    font-size: 1rem;
+    color: #020202;
+    line-height: 2rem;
+  }
+
+  .pic {
+    width: 320px;
+    height: 282px;
+  }
 }
+
 .lg-bg {
-    width: 85%;
-    margin: 0 auto;
+  width: 85%;
+  margin: 0 auto;
 }
+
 @media (max-width: 1200px) {
-    .tabs {
-        overflow: hidden;
-        overflow-x: auto;
-        white-space: normal;
-        justify-content: normal;
-        display: -webkit-box;
-        li {
-            white-space: normal;
-        }
+  .tabs {
+    overflow: hidden;
+    overflow-x: auto;
+    white-space: normal;
+    justify-content: normal;
+    display: -webkit-box;
+
+    li {
+      white-space: normal;
     }
-    .tab-content {
-        padding: 20px 0;
-        .org {
-            width: 100%;
-            padding: 15px;
-            flex-direction: column;
-            .left {
-                width: 100%;
-            }
-        }
+  }
+
+  .tab-content {
+    padding: 20px 0;
+
+    .org {
+      width: 100%;
+      padding: 15px;
+      flex-direction: column;
+
+      .left {
+        width: 100%;
+      }
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/estate/survey/index.vue b/src/pages/column/page/estate/survey/index.vue
index 1994cb0..df85370 100644
--- a/src/pages/column/page/estate/survey/index.vue
+++ b/src/pages/column/page/estate/survey/index.vue
@@ -2,13 +2,11 @@
   <!-- 产业光源-产业光源概况 -->
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/产业光源-概况-产业光源概况</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -16,22 +14,17 @@
     <div class="modules">
       <div class="relative">
         <div class="single-banner single-banner-overview">
-          <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>
 
       <ul class="tabs wow fadeInLeft">
         <template v-for="(item, i) in tabs">
-          <li :class="{active: i == active}"
-              :key="i"
-              @click="tabChange(i)">{{ item }}</li>
+          <li :class="{ active: i == active }" :key="i" @click="tabChange(i)">{{ item }}</li>
         </template>
       </ul>
 
@@ -39,27 +32,18 @@
         <div class="survey c-wrap">
           <h6>
             {{ modules[1].form.title }}
-            <img class="title-bg"
-                 src="https://new.iasf.ac.cn/images/overviewIntro/2.png"
-                 alt="">
+            <img class="title-bg" src="https://new.iasf.ac.cn/images/overviewIntro/2.png" alt="">
           </h6>
-          <p class="text"
-             v-html="modules[1].form.des"></p>
-          <div class="cover"
-               @click="toSet(1)">点击更换标题与描述</div>
+          <p class="text" v-html="modules[1].form.des"></p>
+          <div class="cover" @click="toSet(1)">点击更换标题与描述</div>
         </div>
         <div class="lg-bg">
-          <img width="100%"
-               src="https://new.iasf.ac.cn/images/estate/3.png"
-               alt="">
+          <img width="100%" src="https://new.iasf.ac.cn/images/estate/3.png" alt="">
         </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>
 
@@ -76,23 +60,7 @@ export default {
     }
   },
   mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '概况-产业光源概况'
-      }
-    ])
+
   },
   methods: {
     // tab回调
@@ -105,78 +73,92 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../../../styles/page/page.scss';
+
 .tabs {
-    display: flex;
-    justify-content: center;
-    box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
-    li {
-        padding: 25px 19px;
-        margin: 0 10px;
-        font-size: 1.1rem;
-        color: #333;
-        border-bottom: 4px solid transparent;
-        text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
-        cursor: pointer;
-        &.active {
-            color: #1583ff;
-            border-bottom-color: #1583ff;
-        }
+  display: flex;
+  justify-content: center;
+  box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
+
+  li {
+    padding: 25px 19px;
+    margin: 0 10px;
+    font-size: 1.1rem;
+    color: #333;
+    border-bottom: 4px solid transparent;
+    text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
+    cursor: pointer;
+
+    &.active {
+      color: #1583ff;
+      border-bottom-color: #1583ff;
     }
+  }
 }
+
 .tab-content {
-    padding-top: 70px;
+  padding-top: 70px;
 }
+
 .survey {
-    width: 1294px;
-    min-height: 500px;
-    padding: 80px 86px 29px 597px;
-    margin: 0 auto 200px;
-    background: url(https://new.iasf.ac.cn/images/estate/2.png) 0 0/100% 100% no-repeat;
-    border-radius: 160px;
-    h6 {
-        position: relative;
-        margin-bottom: 30px;
-        font-size: 1.4rem;
-        font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
-        font-weight: bold;
-        color: #333;
-    }
-    .title-bg {
-        position: absolute;
-        top: -40px;
-        left: -20px;
-    }
-    .text {
-        margin-top: 10px;
-        font-size: 1rem;
-        color: #020202;
-        line-height: 2rem;
-    }
+  width: 1294px;
+  min-height: 500px;
+  padding: 80px 86px 29px 597px;
+  margin: 0 auto 200px;
+  background: url(https://new.iasf.ac.cn/images/estate/2.png) 0 0/100% 100% no-repeat;
+  border-radius: 160px;
+
+  h6 {
+    position: relative;
+    margin-bottom: 30px;
+    font-size: 1.4rem;
+    font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
+    font-weight: bold;
+    color: #333;
+  }
+
+  .title-bg {
+    position: absolute;
+    top: -40px;
+    left: -20px;
+  }
+
+  .text {
+    margin-top: 10px;
+    font-size: 1rem;
+    color: #020202;
+    line-height: 2rem;
+  }
 }
+
 .lg-bg {
-    width: 40%;
+  width: 40%;
 }
+
 @media (max-width: 1200px) {
-    .tabs {
-        overflow: hidden;
-        overflow-x: auto;
-        white-space: normal;
-        justify-content: normal;
-        display: -webkit-box;
-        li {
-            white-space: normal;
-        }
+  .tabs {
+    overflow: hidden;
+    overflow-x: auto;
+    white-space: normal;
+    justify-content: normal;
+    display: -webkit-box;
+
+    li {
+      white-space: normal;
     }
-    .tab-content {
-        padding: 20px 0;
-        .org {
-            width: 100%;
-            padding: 15px;
-            flex-direction: column;
-            .left {
-                width: 100%;
-            }
-        }
+  }
+
+  .tab-content {
+    padding: 20px 0;
+
+    .org {
+      width: 100%;
+      padding: 15px;
+      flex-direction: column;
+
+      .left {
+        width: 100%;
+      }
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/exp.vue b/src/pages/column/page/exp.vue
index f2b1016..b18e7bb 100644
--- a/src/pages/column/page/exp.vue
+++ b/src/pages/column/page/exp.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/装置介绍-实验站</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,19 +13,14 @@
     <div class="modules">
       <div class="relative">
         <el-carousel height="480px"
-                     :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+          :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 station">
@@ -35,78 +28,52 @@
           <h6 v-html="modules[1].form.title"></h6>
           <p class="en">{{ modules[1].form.subTitle }}</p>
           <template v-if="modules[1].form.pic">
-            <video v-if="Util.isVideo(modules[1].form.mediaType)"
-                   class="pic"
-                   ref="video"
-                   autoplay
-                   controls
-                   loop>
-              <source :src="modules[1].form.pic"
-                      type="video/mp4">
+            <video v-if="Util.isVideo(modules[1].form.mediaType)" class="pic" ref="video" autoplay controls loop>
+              <source :src="modules[1].form.pic" type="video/mp4">
               您的浏览器不支持 video 标签。
             </video>
-            <img v-else
-                 class="pic"
-                 :src="modules[1].form.pic"
-                 alt="">
+            <img v-else class="pic" :src="modules[1].form.pic" alt="">
           </template>
-          <div class="des"
-               v-html="modules[1].form.des"></div>
-          <div class="cover"
-               @click="toSet(1)">点击更改图片与概述</div>
+          <div class="des" v-html="modules[1].form.des"></div>
+          <div class="cover" @click="toSet(1)">点击更改图片与概述</div>
         </div>
       </div>
 
       <ul class="list">
         <li class="item1">
-          <img src="@/assets/images/exp/2.png"
-               alt="">
+          <img src="@/assets/images/exp/2.png" alt="">
           <h6>{{ modules[2].form.title }}</h6>
-          <div class="cover"
-               @click="toSet(2)">点击更改标题与链接</div>
+          <div class="cover" @click="toSet(2)">点击更改标题与链接</div>
         </li>
         <li class="item2">
-          <img src="@/assets/images/exp/3.png"
-               alt="">
+          <img src="@/assets/images/exp/3.png" alt="">
           <h6>{{ modules[3].form.title }}</h6>
-          <div class="cover"
-               @click="toSet(3)">点击更改标题与链接</div>
+          <div class="cover" @click="toSet(3)">点击更改标题与链接</div>
         </li>
         <li class="item3">
-          <img src="@/assets/images/exp/4.png"
-               alt="">
+          <img src="@/assets/images/exp/4.png" alt="">
           <h6>{{ modules[4].form.title }}</h6>
-          <div class="cover"
-               @click="toSet(4)">点击更改标题与链接</div>
+          <div class="cover" @click="toSet(4)">点击更改标题与链接</div>
         </li>
         <li class="item4">
-          <img src="@/assets/images/exp/5.png"
-               alt="">
+          <img src="@/assets/images/exp/5.png" alt="">
           <h6>{{ modules[5].form.title }}</h6>
-          <div class="cover"
-               @click="toSet(5)">点击更改标题与链接</div>
+          <div class="cover" @click="toSet(5)">点击更改标题与链接</div>
         </li>
         <li class="item5">
-          <img src="@/assets/images/exp/6.png"
-               alt="">
+          <img src="@/assets/images/exp/6.png" alt="">
           <h6>{{ modules[6].form.title }}</h6>
-          <div class="cover"
-               @click="toSet(6)">点击更改标题与链接</div>
+          <div class="cover" @click="toSet(6)">点击更改标题与链接</div>
         </li>
         <li class="item6">
-          <img src="@/assets/images/exp/7.png"
-               alt="">
+          <img src="@/assets/images/exp/7.png" alt="">
           <h6>{{ modules[7].form.title }}</h6>
-          <div class="cover"
-               @click="toSet(7)">点击更改标题与链接</div>
+          <div class="cover" @click="toSet(7)">点击更改标题与链接</div>
         </li>
       </ul>
     </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>
 
@@ -126,29 +93,10 @@ export default {
     isVideo () {
       const { pic } = this.modules[1].form
       const ext = pic.substr(pic.lastIndexOf('.') + 1)
-      console.log(33, pic)
       return Util.isVideo(ext)
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '装置介绍-实验站'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -157,73 +105,87 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .station {
-    .inner {
-        width: 1200px;
-    }
-    h6 {
-        position: relative;
-        font-size: 48px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #333333;
-        line-height: 1;
-    }
-    .en {
-        margin-bottom: 20px;
-        font-size: 45px;
-        font-family: AppleSystemUIFont;
-        color: #e4e4e4;
-        line-height: 1;
-    }
-    .pic {
-        width: 100%;
-        height: 604px;
-    }
-    .des {
-        margin-top: 55px;
-        font-size: 18px;
-        color: #333;
-        line-height: 34px;
-        overflow: visible;
-    }
+  .inner {
+    width: 1200px;
+  }
+
+  h6 {
+    position: relative;
+    font-size: 48px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #333333;
+    line-height: 1;
+  }
+
+  .en {
+    margin-bottom: 20px;
+    font-size: 45px;
+    font-family: AppleSystemUIFont;
+    color: #e4e4e4;
+    line-height: 1;
+  }
+
+  .pic {
+    width: 100%;
+    height: 604px;
+  }
+
+  .des {
+    margin-top: 55px;
+    font-size: 18px;
+    color: #333;
+    line-height: 34px;
+    overflow: visible;
+  }
 }
+
 .list {
-    display: flex;
-    flex-wrap: wrap;
-    margin-top: 30px;
-    li {
-        position: relative;
-        height: 542px;
-    }
-    img {
-        width: 100%;
-        height: 100%;
-    }
-    h6 {
-        position: absolute;
-        top: 192px;
-        left: 60px;
-        font-size: 30px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #fff;
-    }
-    .item1,
-    .item2 {
-        width: 25%;
-    }
-    .item3 {
-        width: 50%;
-    }
-    .item4 {
-        width: 40%;
-    }
-    .item5 {
-        width: 32%;
-    }
-    .item6 {
-        width: 28%;
-    }
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 30px;
+
+  li {
+    position: relative;
+    height: 542px;
+  }
+
+  img {
+    width: 100%;
+    height: 100%;
+  }
+
+  h6 {
+    position: absolute;
+    top: 192px;
+    left: 60px;
+    font-size: 30px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #fff;
+  }
+
+  .item1,
+  .item2 {
+    width: 25%;
+  }
+
+  .item3 {
+    width: 50%;
+  }
+
+  .item4 {
+    width: 40%;
+  }
+
+  .item5 {
+    width: 32%;
+  }
+
+  .item6 {
+    width: 28%;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/governance.vue b/src/pages/column/page/governance.vue
index da6741b..c051ca8 100644
--- a/src/pages/column/page/governance.vue
+++ b/src/pages/column/page/governance.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/关于IASF-治理结构</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,15 +13,12 @@
     <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 gray">
@@ -31,27 +26,18 @@
           <div class="texts c-wrap">
             <div class="left">
               <h2 v-html="modules[1].form.title"></h2>
-              <div class="des"
-                   v-html="modules[1].form.des"></div>
+              <div class="des" v-html="modules[1].form.des"></div>
             </div>
-            <img class="bg"
-                 width="562"
-                 height="506"
-                 :src="modules[1].form.pic"
-                 alt="">
-            <div class="cover"
-                 style="top: -100px"
-                 @click="toSet(1)">点击更换标题、描述与图片</div>
+            <img class="bg" width="562" height="506" :src="modules[1].form.pic" alt="">
+            <div class="cover" style="top: -100px" @click="toSet(1)">点击更换标题、描述与图片</div>
           </div>
         </div>
       </div>
 
       <div class="cards">
         <ul>
-          <li v-for="(item, i) in modules[2].list"
-              :key="i">{{ item.title }}</li>
-          <div class="cover"
-               @click="toSet(2)">点击配置文本</div>
+          <li v-for="(item, i) in modules[2].list" :key="i">{{ item.title }}</li>
+          <div class="cover" @click="toSet(2)">点击配置文本</div>
         </ul>
       </div>
 
@@ -59,20 +45,14 @@
         <div class="inner c-wrap">
           <div class="left">
             <h2>{{ modules[2].list[curYear].list[0].title }}</h2>
-            <div class="text"
-                 v-html="modules[2].list[curYear].list[0].des"></div>
+            <div class="text" v-html="modules[2].list[curYear].list[0].des"></div>
           </div>
-          <img class="pic"
-               :src="modules[2].list[curYear].list[0].pic"
-               alt="">
+          <img class="pic" :src="modules[2].list[curYear].list[0].pic" alt="">
         </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>
 
@@ -87,25 +67,7 @@ export default {
       curYear: 0
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '关于IASF-治理结构'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -114,116 +76,139 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .history {
-    h2 {
-        padding-bottom: 15px;
-        font-size: 1.2rem;
-        color: #333;
-        &:after {
-            content: '';
-            display: block;
-            width: 65px;
-            height: 3px;
-            margin-top: 20px;
-            background: #0280f1;
-        }
-    }
-    .texts {
-        display: flex;
-        justify-content: space-between;
-        padding: 82px 0 50px 30px;
-        margin-top: 20px;
-        background-color: #fff;
-        border-radius: 100px 0px 0px 0px;
-        transition: 0.3s;
-        &:hover {
-            transform: scale(1.05);
-        }
-    }
-    .left {
-        width: 695px;
-    }
-    .des {
-        margin: 20px 0;
-        font-size: 1.2rem;
-        color: #181818;
-        line-height: 31px;
+  h2 {
+    padding-bottom: 15px;
+    font-size: 1.2rem;
+    color: #333;
+
+    &:after {
+      content: '';
+      display: block;
+      width: 65px;
+      height: 3px;
+      margin-top: 20px;
+      background: #0280f1;
     }
-    .bg {
-        margin: -122px 0 0 0;
+  }
+
+  .texts {
+    display: flex;
+    justify-content: space-between;
+    padding: 82px 0 50px 30px;
+    margin-top: 20px;
+    background-color: #fff;
+    border-radius: 100px 0px 0px 0px;
+    transition: 0.3s;
+
+    &:hover {
+      transform: scale(1.05);
     }
+  }
+
+  .left {
+    width: 695px;
+  }
+
+  .des {
+    margin: 20px 0;
+    font-size: 1.2rem;
+    color: #181818;
+    line-height: 31px;
+  }
+
+  .bg {
+    margin: -122px 0 0 0;
+  }
 }
+
 .cards {
-    padding: 60px 0;
-    ul {
-        position: relative;
-        display: flex;
-        justify-content: center;
-        flex-wrap: wrap;
-        width: 1200px;
-        margin: 0 auto;
+  padding: 60px 0;
+
+  ul {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+    width: 1200px;
+    margin: 0 auto;
+  }
+
+  li {
+    width: 368px;
+    margin: 0 30px 50px 0;
+    line-height: 84px;
+    font-size: 1.2rem;
+    color: #333;
+    text-align: center;
+    @include ellipsis();
+    background: url(https://new.iasf.ac.cn/images/governance/3.png) 0 0 / cover no-repeat;
+    cursor: pointer;
+
+    &:nth-child(2) {
+      background-image: url(https://new.iasf.ac.cn/images/governance/4.png);
+    }
+
+    &:nth-child(3) {
+      background-image: url(https://new.iasf.ac.cn/images/governance/5.png);
     }
-    li {
-        width: 368px;
-        margin: 0 30px 50px 0;
-        line-height: 84px;
-        font-size: 1.2rem;
-        color: #333;
-        text-align: center;
-        @include ellipsis();
-        background: url(https://new.iasf.ac.cn/images/governance/3.png) 0 0 / cover no-repeat;
-        cursor: pointer;
-        &:nth-child(2) {
-            background-image: url(https://new.iasf.ac.cn/images/governance/4.png);
-        }
-        &:nth-child(3) {
-            background-image: url(https://new.iasf.ac.cn/images/governance/5.png);
-        }
-        &:nth-child(4) {
-            background-image: url(https://new.iasf.ac.cn/images/governance/4.png);
-        }
-        &:nth-child(5) {
-            background-image: url(https://new.iasf.ac.cn/images/governance/7.png);
-        }
-        &:nth-child(6) {
-            background-image: url(https://new.iasf.ac.cn/images/governance/6.png);
-        }
-        &:nth-child(8) {
-            background-image: url(https://new.iasf.ac.cn/images/governance/6.png);
-        }
-        &:nth-child(3n) {
-            margin-right: 0;
-        }
-        &:hover {
-            color: #fff;
-            background: #0d84f2;
-        }
+
+    &:nth-child(4) {
+      background-image: url(https://new.iasf.ac.cn/images/governance/4.png);
     }
-}
-.committee {
-    .inner {
-        display: flex;
-        align-items: center;
+
+    &:nth-child(5) {
+      background-image: url(https://new.iasf.ac.cn/images/governance/7.png);
     }
-    .left {
-        width: 50%;
-        margin-right: 2%;
+
+    &:nth-child(6) {
+      background-image: url(https://new.iasf.ac.cn/images/governance/6.png);
     }
-    h2 {
-        margin-bottom: 20px;
-        font-size: 1.2rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        color: #333;
+
+    &:nth-child(8) {
+      background-image: url(https://new.iasf.ac.cn/images/governance/6.png);
     }
-    .text {
-        font-size: 1rem;
-        font-family: PingFangSC-Regular, PingFang SC;
-        line-height: 1.5;
-        color: #333;
+
+    &:nth-child(3n) {
+      margin-right: 0;
     }
-    .pic {
-        width: 48%;
-        height: 300px;
+
+    &:hover {
+      color: #fff;
+      background: #0d84f2;
     }
+  }
+}
+
+.committee {
+  .inner {
+    display: flex;
+    align-items: center;
+  }
+
+  .left {
+    width: 50%;
+    margin-right: 2%;
+  }
+
+  h2 {
+    margin-bottom: 20px;
+    font-size: 1.2rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    color: #333;
+  }
+
+  .text {
+    font-size: 1rem;
+    font-family: PingFangSC-Regular, PingFang SC;
+    line-height: 1.5;
+    color: #333;
+  }
+
+  .pic {
+    width: 48%;
+    height: 300px;
+  }
 }
 </style>
diff --git a/src/pages/column/page/home.vue b/src/pages/column/page/home.vue
index 2da75cd..b1cbba2 100644
--- a/src/pages/column/page/home.vue
+++ b/src/pages/column/page/home.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/HOME</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,19 +13,14 @@
     <div class="modules">
       <div class="relative">
         <el-carousel height="500px"
-                     :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+          :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">
@@ -35,37 +28,26 @@
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[1].form.title }}</h2>
             <p class="intro">{{ modules[1].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(1)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(1)">点击更换标题与描述</div>
           </div>
           <ul class="card">
             <li>
-              <img width="100%"
-                   :src="modules[2].form.pic"
-                   alt="">
+              <img width="100%" :src="modules[2].form.pic" alt="">
               <div class="texts">
                 <h6>{{ modules[2].form.title }}</h6>
                 <p class="des">{{ modules[2].form.des }}</p>
-                <img class="arrow"
-                     src="@/assets/images/arrow.png"
-                     alt="">
+                <img class="arrow" src="@/assets/images/arrow.png" alt="">
               </div>
-              <div class="cover"
-                   @click="toSet(2)">点击更改图片、标题概述与链接</div>
+              <div class="cover" @click="toSet(2)">点击更改图片、标题概述与链接</div>
             </li>
             <li>
-              <img width="100%"
-                   :src="modules[3].form.pic"
-                   alt="">
+              <img width="100%" :src="modules[3].form.pic" alt="">
               <div class="texts">
                 <h6>{{ modules[3].form.title }}</h6>
                 <p class="des">{{ modules[3].form.des }}</p>
-                <img class="arrow"
-                     src="@/assets/images/arrow.png"
-                     alt="">
+                <img class="arrow" src="@/assets/images/arrow.png" alt="">
               </div>
-              <div class="cover"
-                   @click="toSet(3)">点击更改图片、标题概述与链接</div>
+              <div class="cover" @click="toSet(3)">点击更改图片、标题概述与链接</div>
             </li>
           </ul>
         </div>
@@ -76,66 +58,70 @@
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[4].form.title }}</h2>
             <p class="intro">{{ modules[4].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(4)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(4)">点击更换标题与描述</div>
           </div>
           <ul class="news">
             <li>
-              <img src="https://new.iasf.ac.cn/images/home/3.png"
-                   alt="">
+              <img src="https://new.iasf.ac.cn/images/home/3.png" alt="">
               <div class="texts">
                 <h6>2022 New Year Message from President Sun Dongbai</h6>
-                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen (IASF)…</p>
+                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities,
+                  Shenzhen
+                  (IASF)…</p>
                 <span class="meta">2022.08.12</span>
               </div>
             </li>
             <li>
-              <img src="https://new.iasf.ac.cn/images/home/3.png"
-                   alt="">
+              <img src="https://new.iasf.ac.cn/images/home/3.png" alt="">
               <div class="texts">
                 <h6>2022 New Year Message from President Sun Dongbai</h6>
-                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen (IASF)…</p>
+                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities,
+                  Shenzhen
+                  (IASF)…</p>
                 <span class="meta">2022.08.12</span>
               </div>
             </li>
             <li>
-              <img src="https://new.iasf.ac.cn/images/home/3.png"
-                   alt="">
+              <img src="https://new.iasf.ac.cn/images/home/3.png" alt="">
               <div class="texts">
                 <h6>2022 New Year Message from President Sun Dongbai</h6>
-                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen (IASF)…</p>
+                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities,
+                  Shenzhen
+                  (IASF)…</p>
                 <span class="meta">2022.08.12</span>
               </div>
             </li>
             <li>
-              <img src="https://new.iasf.ac.cn/images/home/3.png"
-                   alt="">
+              <img src="https://new.iasf.ac.cn/images/home/3.png" alt="">
               <div class="texts">
                 <h6>2022 New Year Message from President Sun Dongbai</h6>
-                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen (IASF)…</p>
+                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities,
+                  Shenzhen
+                  (IASF)…</p>
                 <span class="meta">2022.08.12</span>
               </div>
             </li>
             <li>
-              <img src="https://new.iasf.ac.cn/images/home/3.png"
-                   alt="">
+              <img src="https://new.iasf.ac.cn/images/home/3.png" alt="">
               <div class="texts">
                 <h6>2022 New Year Message from President Sun Dongbai</h6>
-                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen (IASF)…</p>
+                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities,
+                  Shenzhen
+                  (IASF)…</p>
                 <span class="meta">2022.08.12</span>
               </div>
             </li>
             <li>
-              <img src="https://new.iasf.ac.cn/images/home/3.png"
-                   alt="">
+              <img src="https://new.iasf.ac.cn/images/home/3.png" alt="">
               <div class="texts">
                 <h6>2022 New Year Message from President Sun Dongbai</h6>
-                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen (IASF)…</p>
+                <p class="des">2021 is another challenging year for the Institute of Advanced Science Facilities,
+                  Shenzhen
+                  (IASF)…</p>
                 <span class="meta">2022.08.12</span>
               </div>
             </li>
-            <div class="cover"
-                 @click="toSet(5)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(5)">点击更换标题与描述</div>
           </ul>
         </div>
       </div>
@@ -145,98 +131,77 @@
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[6].form.title }}</h2>
             <p class="intro">{{ modules[6].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(6)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(6)">点击更换标题与描述</div>
           </div>
           <ul class="people">
             <template v-for="(item, i) in modules[7].list">
-              <li v-if="item.isEnable"
-                  :key="i">
-                <img class="pic"
-                     :src="item.pic"
-                     alt="">
+              <li v-if="item.isEnable" :key="i">
+                <img class="pic" :src="item.pic" alt="">
                 <div class="texts">
                   <h6>{{ item.title }}</h6>
                   <p class="des">{{ item.des }}</p>
-                  <img class="arrow"
-                       src="@/assets/images/arrow.png"
-                       alt="">
+                  <img class="arrow" src="@/assets/images/arrow.png" alt="">
                 </div>
               </li>
             </template>
-            <div class="cover"
-                 @click="toSet(7)">点击更改图片、标题概述与链接</div>
+            <div class="cover" @click="toSet(7)">点击更改图片、标题概述与链接</div>
           </ul>
         </div>
       </div>
 
       <div class="about">
         <div class="inner">
-          <img src="@/assets/images/about.png"
-               alt="">
+          <img src="@/assets/images/about.png" alt="">
           <div class="line"></div>
           <div class="text">{{ modules[8].form.title }}</div>
-          <div class="des"
-               v-html="modules[8].form.des"></div>
+          <div class="des" v-html="modules[8].form.des"></div>
         </div>
-        <div class="cover"
-             @click="toSet(8)">点击更换标题与描述</div>
+        <div class="cover" @click="toSet(8)">点击更换标题与描述</div>
       </div>
 
-      <div class="block"
-           style="padding-bottom: 0">
+      <div class="block" style="padding-bottom: 0">
         <div class="inner">
           <div class="c-wrap">
             <h2 class="glance">{{ modules[9].form.title }}</h2>
-            <div class="cover"
-                 @click="toSet(9)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(9)">点击更换标题与描述</div>
           </div>
           <ul class="stat">
             <li>
               <p class="num">{{ modules[10].form.title }}</p>
               <p class="text">{{ modules[10].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(10)">点击更换标题与描述</div>
+              <div class="cover" @click="toSet(10)">点击更换标题与描述</div>
             </li>
             <li>
               <p class="num">{{ modules[11].form.title }}</p>
               <p class="text">{{ modules[11].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(11)">点击更换标题与描述</div>
+              <div class="cover" @click="toSet(11)">点击更换标题与描述</div>
             </li>
             <li>
               <p class="num">{{ modules[12].form.title }}</p>
               <p class="text">{{ modules[12].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(12)">点击更换标题与描述</div>
+              <div class="cover" @click="toSet(12)">点击更换标题与描述</div>
             </li>
             <li>
               <p class="num">{{ modules[13].form.title }}</p>
               <p class="text">{{ modules[13].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(13)">点击更换标题与描述</div>
+              <div class="cover" @click="toSet(13)">点击更换标题与描述</div>
             </li>
             <li>
               <p class="num">{{ modules[14].form.title }}</p>
               <p class="text">{{ modules[14].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(14)">点击更换标题与描述</div>
+              <div class="cover" @click="toSet(14)">点击更换标题与描述</div>
             </li>
             <li>
               <p class="num">{{ modules[15].form.title }}</p>
               <p class="text">{{ modules[15].form.des }}</p>
-              <div class="cover"
-                   @click="toSet(15)">点击更换标题与描述</div>
+              <div class="cover" @click="toSet(15)">点击更换标题与描述</div>
             </li>
           </ul>
         </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>
 
@@ -250,25 +215,7 @@ export default {
       modules: Modules.home
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: 'HOME'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -277,162 +224,191 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .block {
-    .card {
-        display: flex;
-        justify-content: space-between;
-        li {
-            position: relative;
-            width: 660px;
-        }
-        .texts {
-            padding-left: 22px;
-            margin-top: 60px;
-            border-left: 2px solid #dfe4e9;
-        }
-        h6 {
-            margin-bottom: 25px;
-            font-size: 24px;
-            color: #333;
-        }
-        .des {
-            font-size: 18px;
-            color: #222;
-            line-height: 30px;
-        }
-        .arrow {
-            cursor: pointer;
-        }
+  .card {
+    display: flex;
+    justify-content: space-between;
+
+    li {
+      position: relative;
+      width: 660px;
     }
 
-    &.news-block {
-        background: url(../../../assets/images/info-bg.png) 0 0/100% 100% no-repeat;
+    .texts {
+      padding-left: 22px;
+      margin-top: 60px;
+      border-left: 2px solid #dfe4e9;
     }
-    .news {
-        position: relative;
-        display: flex;
-        flex-wrap: wrap;
-        li {
-            display: inline-flex;
-            width: 686px;
-            padding: 34px;
-            margin-bottom: 28px;
-            background-color: #fff;
-            &:nth-child(odd) {
-                margin-right: 28px;
-            }
-        }
-        img {
-            width: 237px;
-            height: 167px;
-        }
-        .texts {
-            margin-left: 34px;
-        }
-        h6 {
-            font-size: 18px;
-            color: #0648a8;
-        }
-        .des {
-            margin: 14px 0;
-            font-size: 16px;
-            color: #333;
-            line-height: 22px;
-        }
-        .meta {
-            font-size: 16px;
-            color: #999;
-        }
+
+    h6 {
+      margin-bottom: 25px;
+      font-size: 24px;
+      color: #333;
     }
 
-    .people {
-        position: relative;
-        li {
-            display: flex;
-            justify-content: space-between;
-            margin-bottom: 126px;
-            &:nth-child(even) {
-                flex-direction: row-reverse;
-            }
-        }
-        .pic {
-            width: 660px;
-            height: 465px;
-        }
-        .texts {
-            width: 680px;
-            padding-top: 150px;
-        }
-        h6 {
-            font-size: 40px;
-        }
-        .des {
-            font-size: 18px;
-            color: #020202;
-            line-height: 30px;
-        }
+    .des {
+      font-size: 18px;
+      color: #222;
+      line-height: 30px;
     }
 
-    .glance {
-        padding-bottom: 50px;
-        font-size: 45px;
-        font-weight: bold;
-        font-family: SFProDisplay-Bold, SFProDisplay;
-        text-align: center;
-        border-bottom: 1px solid #dedede;
+    .arrow {
+      cursor: pointer;
     }
-    .stat {
-        display: flex;
-        justify-content: space-around;
-        flex-wrap: wrap;
-        margin-top: 60px;
-        li {
-            position: relative;
-            width: 30%;
-            margin-bottom: 50px;
-        }
-        .num {
-            margin-bottom: 10px;
-            font-size: 60px;
-            font-weight: 800;
-            color: #035ce1;
-            line-height: 49px;
-        }
-        .text {
-            font-size: 24px;
-        }
+  }
+
+  &.news-block {
+    background: url(../../../assets/images/info-bg.png) 0 0/100% 100% no-repeat;
+  }
+
+  .news {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+
+    li {
+      display: inline-flex;
+      width: 686px;
+      padding: 34px;
+      margin-bottom: 28px;
+      background-color: #fff;
+
+      &:nth-child(odd) {
+        margin-right: 28px;
+      }
     }
-}
-.about {
+
+    img {
+      width: 237px;
+      height: 167px;
+    }
+
+    .texts {
+      margin-left: 34px;
+    }
+
+    h6 {
+      font-size: 18px;
+      color: #0648a8;
+    }
+
+    .des {
+      margin: 14px 0;
+      font-size: 16px;
+      color: #333;
+      line-height: 22px;
+    }
+
+    .meta {
+      font-size: 16px;
+      color: #999;
+    }
+  }
+
+  .people {
     position: relative;
-    padding: 77px 0 198px;
-    background: url(../../../assets/images/about-bg.png) 0 0/100% 100% no-repeat;
-    .line {
-        display: flex;
-        align-items: center;
-        margin: 50px 0 30px;
-        width: 88px;
-        height: 6px;
-        background-color: #fff;
-        &:after {
-            content: '';
-            width: 6px;
-            height: 6px;
-        }
+
+    li {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 126px;
+
+      &:nth-child(even) {
+        flex-direction: row-reverse;
+      }
     }
-    .text {
-        font-size: 30px;
-        color: #fff;
+
+    .pic {
+      width: 660px;
+      height: 465px;
+    }
+
+    .texts {
+      width: 680px;
+      padding-top: 150px;
+    }
+
+    h6 {
+      font-size: 40px;
     }
+
     .des {
-        padding: 38px 60px;
-        margin-top: 84px;
-        font-size: 30px;
-        color: #fff;
-        line-height: 42px;
-        text-align: center;
-        background: rgba(111, 69, 36, 0.56);
-        border-radius: 17px;
+      font-size: 18px;
+      color: #020202;
+      line-height: 30px;
+    }
+  }
+
+  .glance {
+    padding-bottom: 50px;
+    font-size: 45px;
+    font-weight: bold;
+    font-family: SFProDisplay-Bold, SFProDisplay;
+    text-align: center;
+    border-bottom: 1px solid #dedede;
+  }
+
+  .stat {
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+    margin-top: 60px;
+
+    li {
+      position: relative;
+      width: 30%;
+      margin-bottom: 50px;
+    }
+
+    .num {
+      margin-bottom: 10px;
+      font-size: 60px;
+      font-weight: 800;
+      color: #035ce1;
+      line-height: 49px;
     }
+
+    .text {
+      font-size: 24px;
+    }
+  }
+}
+
+.about {
+  position: relative;
+  padding: 77px 0 198px;
+  background: url(../../../assets/images/about-bg.png) 0 0/100% 100% no-repeat;
+
+  .line {
+    display: flex;
+    align-items: center;
+    margin: 50px 0 30px;
+    width: 88px;
+    height: 6px;
+    background-color: #fff;
+
+    &:after {
+      content: '';
+      width: 6px;
+      height: 6px;
+    }
+  }
+
+  .text {
+    font-size: 30px;
+    color: #fff;
+  }
+
+  .des {
+    padding: 38px 60px;
+    margin-top: 84px;
+    font-size: 30px;
+    color: #fff;
+    line-height: 42px;
+    text-align: center;
+    background: rgba(111, 69, 36, 0.56);
+    border-radius: 17px;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/iasf.vue b/src/pages/column/page/iasf.vue
index 9d14d83..9ceec1f 100644
--- a/src/pages/column/page/iasf.vue
+++ b/src/pages/column/page/iasf.vue
@@ -2,13 +2,11 @@
   <!-- iasf中文首页 -->
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/IASF中文首页</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -16,56 +14,41 @@
     <div class="modules">
       <div class="relative">
         <el-carousel height="500px"
-                     :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+          :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">
         <div class="inner">
           <div class="c-wrap">
             <h2 class="b-title news-title">{{ modules[1].form.title }}</h2>
-            <p class="intro wow fadeInUp"
-               data-wow-delay="0.5s">{{ modules[1].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(1)">点击更换标题与描述</div>
+            <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[1].form.des }}</p>
+            <div class="cover" @click="toSet(1)">点击更换标题与描述</div>
           </div>
           <ul class="card">
-            <li class="wow fadeInDown"
-                data-wow-delay="0.2s">
-              <img class="pic"
-                   :src="modules[2].form.pic"
-                   alt="">
+            <li class="wow fadeInDown" data-wow-delay="0.2s">
+              <img class="pic" :src="modules[2].form.pic" alt="">
               <div class="texts">
                 <div class="name">SILF</div>
                 <h6>{{ modules[2].form.title }}</h6>
                 <p class="des">{{ modules[2].form.des }}</p>
               </div>
-              <div class="cover"
-                   @click="toSet(2)">点击更换图片、标题、概述与链接</div>
+              <div class="cover" @click="toSet(2)">点击更换图片、标题、概述与链接</div>
             </li>
-            <li class="wow fadeInDown"
-                data-wow-delay="0.6s">
-              <img class="pic"
-                   :src="modules[3].form.pic"
-                   alt="">
+            <li class="wow fadeInDown" data-wow-delay="0.6s">
+              <img class="pic" :src="modules[3].form.pic" alt="">
               <div class="texts">
                 <div class="name">S³FEL</div>
                 <h6>{{ modules[3].form.title }}</h6>
                 <p class="des">{{ modules[3].form.des }}</p>
               </div>
-              <div class="cover"
-                   @click="toSet(3)">点击更换图片、标题、概述与链接</div>
+              <div class="cover" @click="toSet(3)">点击更换图片、标题、概述与链接</div>
             </li>
           </ul>
         </div>
@@ -75,106 +58,83 @@
         <div class="inner">
           <div class="c-wrap">
             <h2 class="b-title news-title">{{ modules[4].form.title }}</h2>
-            <p class="intro wow fadeInUp"
-               data-wow-delay="0.5s">{{ modules[4].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(4)">点击更换标题与描述</div>
+            <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[4].form.des }}</p>
+            <div class="cover" @click="toSet(4)">点击更换标题与描述</div>
           </div>
           <div class="c-wrap">
             <div class="news-banner">
-              <img style="width: 50%;height: 410px;overflow: hidden;"
-                   width="100%"
-                   height="480"
-                   src="https://new.iasf.ac.cn/images/about/5.png"
-                   alt="">
+              <img style="width: 50%;height: 410px;overflow: hidden;" width="100%" height="480"
+                src="https://new.iasf.ac.cn/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>
+                <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>
                 <p class="meta">2022-07-24 | Research</p>
               </div>
             </div>
 
             <ul class="news">
               <li>
-                <img class="pic"
-                     src="https://new.iasf.ac.cn/images/about/5.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/images/about/5.png" alt="">
                 <div class="texts">
                   <p class="meta">2022-07-24 | 综合新闻</p>
                   <div class="des">X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段</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="https://new.iasf.ac.cn/images/about/5.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/images/about/5.png" alt="">
                 <div class="texts">
                   <p class="meta">2022-07-24 | 建设进展</p>
                   <div class="des">自由电子激光装置调试及运行过程中提供稳定可靠的单发辐射脉冲纵向信息</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="https://new.iasf.ac.cn/images/about/5.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/images/about/5.png" alt="">
                 <div class="texts">
                   <p class="meta">2022-07-24 | 学术动态</p>
                   <div class="des">基于上海软X射线自由电子激光试验装置，科研人员对这一方法进行了实验验证</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(5)">关联栏目</div>
+            <div class="cover" @click="toSet(5)">关联栏目</div>
           </div>
 
           <ul class="news-carousel">
             <li>
-              <img class="pic"
-                   src="https://new.iasf.ac.cn/images/about/5.png"
-                   alt="">
+              <img class="pic" src="https://new.iasf.ac.cn/images/about/5.png" alt="">
               <div class="texts">
                 <h6>媒体关注</h6>
                 <p class="meta">来源人民日报</p>
                 <div class="des">进深圳规划中的深圳中能高重复频率X射线自由电子激光项目和大连极紫外自由电子</div>
                 <p class="date">2022-07-24</p>
               </div>
-              <div class="cover"
-                   @click="toSet(6)">关联栏目</div>
+              <div class="cover" @click="toSet(6)">关联栏目</div>
             </li>
             <li>
-              <img class="pic"
-                   src="https://new.iasf.ac.cn/images/about/5.png"
-                   alt="">
+              <img class="pic" src="https://new.iasf.ac.cn/images/about/5.png" alt="">
               <div class="texts">
                 <h6>媒体关注</h6>
                 <p class="meta">来源人民日报</p>
                 <div class="des">进深圳规划中的深圳中能高重复频率X射线自由电子激光项目和大连极紫外自由电子</div>
                 <p class="date">2022-07-24</p>
               </div>
-              <div class="cover"
-                   @click="toSet(7)">关联栏目</div>
+              <div class="cover" @click="toSet(7)">关联栏目</div>
             </li>
             <li>
-              <img class="pic"
-                   src="https://new.iasf.ac.cn/images/about/5.png"
-                   alt="">
+              <img class="pic" src="https://new.iasf.ac.cn/images/about/5.png" alt="">
               <div class="texts">
                 <h6>媒体关注</h6>
                 <p class="meta">来源人民日报</p>
                 <div class="des">进深圳规划中的深圳中能高重复频率X射线自由电子激光项目和大连极紫外自由电子</div>
                 <p class="date">2022-07-24</p>
               </div>
-              <div class="cover"
-                   @click="toSet(8)">关联栏目</div>
+              <div class="cover" @click="toSet(8)">关联栏目</div>
             </li>
           </ul>
         </div>
@@ -184,16 +144,12 @@
         <div class="inner">
           <div class="c-wrap">
             <h2 class="b-title wow fadeInUp">{{ modules[9].form.title }}</h2>
-            <p class="intro wow fadeInUp"
-               data-wow-delay="0.5s">{{ modules[9].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(9)">点击更换标题与描述</div>
+            <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[9].form.des }}</p>
+            <div class="cover" @click="toSet(9)">点击更换标题与描述</div>
           </div>
           <ul class="people">
             <li class="wow fadeInDown">
-              <img class="pic"
-                   src="https://new.iasf.ac.cn/images/careers/6.png"
-                   alt="">
+              <img class="pic" src="https://new.iasf.ac.cn/images/careers/6.png" alt="">
               <div class="texts">
                 <h6>王晓凡</h6>
                 <p class="job">岗位：物理组工程师</p>
@@ -202,9 +158,7 @@
               </div>
             </li>
             <li class="wow fadeInDown">
-              <img class="pic"
-                   src="https://new.iasf.ac.cn/images/careers/7.png"
-                   alt="">
+              <img class="pic" src="https://new.iasf.ac.cn/images/careers/7.png" alt="">
               <div class="texts">
                 <h6>王晓凡</h6>
                 <p class="job">岗位：物理组工程师</p>
@@ -213,9 +167,7 @@
               </div>
             </li>
             <li class="wow fadeInDown">
-              <img class="pic"
-                   src="https://new.iasf.ac.cn/images/careers/8.png"
-                   alt="">
+              <img class="pic" src="https://new.iasf.ac.cn/images/careers/8.png" alt="">
               <div class="texts">
                 <h6>王晓凡</h6>
                 <p class="job">岗位：物理组工程师</p>
@@ -223,8 +175,7 @@
                 <div class="text">“我们做物理设计，就好像盖房子画设计图，决不能眼界太窄，不能指望房子过程中或者装修时再去提高，一定要保持国际先进的视野和高度，具备一定的超前性和前瞻性。”</div>
               </div>
             </li>
-            <div class="cover"
-                 @click="toSet(10)">关联栏目</div>
+            <div class="cover" @click="toSet(10)">关联栏目</div>
           </ul>
         </div>
       </div>
@@ -233,24 +184,17 @@
         <div class="inner">
           <div class="c-wrap">
             <h2 class="b-title wow fadeInUp">{{ modules[11].form.title }}</h2>
-            <p class="intro wow fadeInUp"
-               data-wow-delay="0.5s">{{ modules[11].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(11)">点击更换标题与描述</div>
+            <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[11].form.des }}</p>
+            <div class="cover" @click="toSet(11)">点击更换标题与描述</div>
           </div>
           <div class="talent">
-            <div class="left wow fadeInLeft"
-                 data-wow-delay="0.5s">
+            <div class="left wow fadeInLeft" data-wow-delay="0.5s">
               <h6>{{ modules[12].form.title }}</h6>
               <p class="meta">{{ modules[12].form.subTitle }}</p>
-              <div class="text"
-                   v-html="modules[12].form.des"></div>
+              <div class="text" v-html="modules[12].form.des"></div>
             </div>
-            <img :src="modules[11].form.pic"
-                 alt=""
-                 class="pic">
-            <div class="cover"
-                 @click="toSet(12)">点击更换标题、描述、链接与图片</div>
+            <img :src="modules[11].form.pic" alt="" class="pic">
+            <div class="cover" @click="toSet(12)">点击更换标题、描述、链接与图片</div>
           </div>
         </div>
       </div>
@@ -259,83 +203,55 @@
         <div class="inner c-wrap">
           <div class="left">
             <h6>{{ modules[13].form.title }}</h6>
-            <div class="text"
-                 v-html="modules[13].form.des"></div>
-            <img src="@/assets/images/arrow-white.png"
-                 alt="">
+            <div class="text" v-html="modules[13].form.des"></div>
+            <img src="@/assets/images/arrow-white.png" alt="">
           </div>
-          <img class="pic"
-               :src="modules[13].form.pic"
-               alt="">
-          <div class="cover"
-               @click="toSet(13)">点击更换标题、描述、链接与图片</div>
+          <img class="pic" :src="modules[13].form.pic" alt="">
+          <div class="cover" @click="toSet(13)">点击更换标题、描述、链接与图片</div>
         </div>
       </div>
 
-      <div class="block"
-           style="margin-top: 100px">
+      <div class="block" style="margin-top: 100px">
         <div class="inner">
           <ul class="entry">
             <li>
-              <img class="icon"
-                   :src="modules[14].form.pic"
-                   alt="">
+              <img class="icon" :src="modules[14].form.pic" alt="">
               <p class="text">{{ modules[14].form.title }}</p>
-              <div class="cover"
-                   @click="toSet(14)">点击更换</div>
+              <div class="cover" @click="toSet(14)">点击更换</div>
             </li>
             <li>
-              <img class="icon"
-                   :src="modules[15].form.pic"
-                   alt="">
+              <img class="icon" :src="modules[15].form.pic" alt="">
               <p class="text">{{ modules[15].form.title }}</p>
-              <div class="cover"
-                   @click="toSet(15)">点击更换</div>
+              <div class="cover" @click="toSet(15)">点击更换</div>
             </li>
             <li>
-              <img class="icon"
-                   :src="modules[16].form.pic"
-                   alt="">
+              <img class="icon" :src="modules[16].form.pic" alt="">
               <p class="text">{{ modules[16].form.title }}</p>
-              <div class="cover"
-                   @click="toSet(16)">点击更换</div>
+              <div class="cover" @click="toSet(16)">点击更换</div>
             </li>
             <li>
-              <img class="icon"
-                   :src="modules[17].form.pic"
-                   alt="">
+              <img class="icon" :src="modules[17].form.pic" alt="">
               <p class="text">{{ modules[17].form.title }}</p>
-              <div class="cover"
-                   @click="toSet(17)">点击更换</div>
+              <div class="cover" @click="toSet(17)">点击更换</div>
             </li>
             <li>
-              <img class="icon"
-                   :src="modules[18].form.pic"
-                   alt="">
+              <img class="icon" :src="modules[18].form.pic" alt="">
               <p class="text">{{ modules[18].form.title }}</p>
-              <div class="cover"
-                   @click="toSet(18)">点击更换</div>
+              <div class="cover" @click="toSet(18)">点击更换</div>
             </li>
           </ul>
         </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" />
 
     <ul class="tools">
-      <li v-for="(item, i) in modules[19].list"
-          :key="i">
-        <img :src="'https://new.iasf.ac.cn/images/iasf/icon' + (i < 4 ? i + 1 : 1) + '.png'"
-             alt=""
-             class="icon">
+      <li v-for="(item, i) in modules[19].list" :key="i">
+        <img :src="'https://new.iasf.ac.cn/images/iasf/icon' + (i < 4 ? i + 1 : 1) + '.png'" alt="" class="icon">
         {{ item.title }}
       </li>
-      <div class="cover"
-           @click="toSet(19)">点击更换导航</div>
+      <div class="cover" @click="toSet(19)">点击更换导航</div>
     </ul>
   </div>
 </template>
@@ -351,23 +267,7 @@ export default {
     }
   },
   mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: 'iasf中文首页'
-      }
-    ])
+
   },
   methods: {
 
@@ -377,380 +277,459 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .iasf-banner {
-    height: 600px;
-    img {
-        width: 100%;
-        height: 100%;
+  height: 600px;
+
+  img {
+    width: 100%;
+    height: 100%;
+  }
+
+  .texts {
+    position: absolute;
+    top: 50%;
+    left: 120px;
+
+    h6,
+    .text {
+      padding: 20px 15px;
+      color: #fff;
+      background-color: rgba(0, 0, 0, 0.29);
     }
-    .texts {
-        position: absolute;
-        top: 50%;
-        left: 120px;
-        h6,
-        .text {
-            padding: 20px 15px;
-            color: #fff;
-            background-color: rgba(0, 0, 0, 0.29);
-        }
-        h6 {
-            margin-bottom: 30px;
-            font-size: 3rem;
-            font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
-        }
-        .text {
-            font-size: 1.1rem;
-            font-family: AppleSystemUIFont;
-        }
+
+    h6 {
+      margin-bottom: 30px;
+      font-size: 3rem;
+      font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
     }
+
+    .text {
+      font-size: 1.1rem;
+      font-family: AppleSystemUIFont;
+    }
+  }
 }
+
 .block {
-    padding-top: 3.15rem;
-    .b-title {
-        font-size: 2.25rem;
-    }
-    .intro {
-        font-size: 1.35rem;
-        margin-bottom: 3.6rem;
-    }
+  padding-top: 3.15rem;
+
+  .b-title {
+    font-size: 2.25rem;
+  }
+
+  .intro {
+    font-size: 1.35rem;
+    margin-bottom: 3.6rem;
+  }
 }
+
 .card {
-    display: flex;
-    justify-content: space-between;
-    li {
-        position: relative;
-        width: 47%;
-        height: 366px;
-        transition: 0.3s;
-        overflow: hidden;
-        &:hover {
-            .project {
-                top: -100%;
-            }
-            .texts {
-                top: 0;
-            }
-        }
-    }
-    .pic {
-        width: 100%;
-        height: auto;
-    }
-    .texts {
-        position: absolute;
+  display: flex;
+  justify-content: space-between;
+
+  li {
+    position: relative;
+    width: 47%;
+    height: 366px;
+    transition: 0.3s;
+    overflow: hidden;
+
+    &:hover {
+      .project {
+        top: -100%;
+      }
+
+      .texts {
         top: 0;
-        left: 0;
-        display: flex;
-        justify-content: center;
-        flex-direction: column;
-        align-items: center;
-        width: 100%;
-        height: 100%;
-        padding: 0 1rem;
-        color: #fff;
-        background-color: rgba(0, 0, 0, 0.3);
-        transition: 0.3s;
-    }
-    .name {
-        font-size: 2rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-    }
-    h6 {
-        margin: 1rem 0;
-        line-height: 2rem;
-        font-size: 1.6rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        @include mul-ellipsis(2);
-    }
-    .des {
-        font-size: 1.2rem;
-        line-height: 30px;
+      }
     }
+  }
+
+  .pic {
+    width: 100%;
+    height: auto;
+  }
+
+  .texts {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    padding: 0 1rem;
+    color: #fff;
+    background-color: rgba(0, 0, 0, 0.3);
+    transition: 0.3s;
+  }
+
+  .name {
+    font-size: 2rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+  }
+
+  h6 {
+    margin: 1rem 0;
+    line-height: 2rem;
+    font-size: 1.6rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    @include mul-ellipsis(2);
+  }
+
+  .des {
+    font-size: 1.2rem;
+    line-height: 30px;
+  }
 }
+
 .news-title:after {
-    display: none;
+  display: none;
 }
+
 .news-banner {
-    display: flex;
-    cursor: pointer;
-    .pic {
-        transition: 0.5s;
-        &:hover {
-            transform: scale(1.3);
-        }
-    }
-    .right {
-        position: relative;
-        width: 50%;
-        padding: 50px 50px 30px;
-        background: #1583ff;
-        color: #fff;
-        h6 {
-            font-size: 1.34rem;
-        }
-        .des {
-            font-size: 1.02rem;
-        }
-        .meta {
-            font-size: 1.04rem;
-        }
-        &:hover {
-            background: #465f85;
-            h6,
-            .des,
-            .meta {
-                color: #fff;
-                transform: translateY(15px);
-            }
-        }
+  display: flex;
+  cursor: pointer;
+
+  .pic {
+    transition: 0.5s;
+
+    &:hover {
+      transform: scale(1.3);
     }
+  }
+
+  .right {
+    position: relative;
+    width: 50%;
+    padding: 50px 50px 30px;
+    background: #1583ff;
+    color: #fff;
+
     h6 {
-        font-size: 1.3rem;
-        transition: 0.3s;
+      font-size: 1.34rem;
     }
+
     .des {
-        margin: 30px 0;
-        font-size: 0.9rem;
-        line-height: 24px;
-        transition: 0.3s;
+      font-size: 1.02rem;
     }
+
     .meta {
-        font-size: 0.8rem;
-        transition: 0.3s;
+      font-size: 1.04rem;
     }
+
+    &:hover {
+      background: #465f85;
+
+      h6,
+      .des,
+      .meta {
+        color: #fff;
+        transform: translateY(15px);
+      }
+    }
+  }
+
+  h6 {
+    font-size: 1.3rem;
+    transition: 0.3s;
+  }
+
+  .des {
+    margin: 30px 0;
+    font-size: 0.9rem;
+    line-height: 24px;
+    transition: 0.3s;
+  }
+
+  .meta {
+    font-size: 0.8rem;
+    transition: 0.3s;
+  }
 }
+
 .news {
-    display: flex;
-    flex-wrap: wrap;
-    margin: 10px 0;
-    li {
-        width: calc((100% - 18px) / 3);
-        margin-right: 9px;
-        &:nth-child(3n) {
-            margin-right: 0;
-        }
-    }
-    .pic {
-        width: 100%;
-        height: 220px;
-    }
-    .texts {
-        padding: 20px 24px;
-        background-color: #fff;
-    }
-    .meta {
-        font-size: 0.9rem;
-        color: #666;
-    }
-    h6 {
-        margin-top: 5px;
-        font-size: 1.1rem;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        color: #333;
-        @include mul-ellipsis(2);
+  display: flex;
+  flex-wrap: wrap;
+  margin: 10px 0;
+
+  li {
+    width: calc((100% - 18px) / 3);
+    margin-right: 9px;
+
+    &:nth-child(3n) {
+      margin-right: 0;
     }
+  }
+
+  .pic {
+    width: 100%;
+    height: 220px;
+  }
+
+  .texts {
+    padding: 20px 24px;
+    background-color: #fff;
+  }
+
+  .meta {
+    font-size: 0.9rem;
+    color: #666;
+  }
+
+  h6 {
+    margin-top: 5px;
+    font-size: 1.1rem;
+    font-family: PingFangSC-Semibold, PingFang SC;
+    color: #333;
+    @include mul-ellipsis(2);
+  }
 }
+
 .news-carousel {
-    display: flex;
-    li {
-        position: relative;
-        width: calc((100% - 18px) / 3);
-        height: 320px;
-        margin-right: 9px;
-        &:nth-child(3n) {
-            margin-right: 0;
-        }
-    }
-    .pic {
-        width: 100%;
-        height: 100%;
-    }
-    .texts {
-        position: absolute;
-        top: 0;
-        left: 0;
-        padding: 50px 30px;
-        color: #fff;
-        background-color: rgba(0, 0, 0, 0.3);
-    }
-    h6 {
-        font-size: 1.2rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-    }
-    .meta {
-        margin: 8px 0;
-        font-size: 0.9rem;
-        color: rgba(255, 255, 255, 0.86);
-    }
-    .des {
-        margin-bottom: 8px;
-        font-size: 1rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-    }
-    .date {
-        font-size: 0.8rem;
+  display: flex;
+
+  li {
+    position: relative;
+    width: calc((100% - 18px) / 3);
+    height: 320px;
+    margin-right: 9px;
+
+    &:nth-child(3n) {
+      margin-right: 0;
     }
+  }
+
+  .pic {
+    width: 100%;
+    height: 100%;
+  }
+
+  .texts {
+    position: absolute;
+    top: 0;
+    left: 0;
+    padding: 50px 30px;
+    color: #fff;
+    background-color: rgba(0, 0, 0, 0.3);
+  }
+
+  h6 {
+    font-size: 1.2rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+  }
+
+  .meta {
+    margin: 8px 0;
+    font-size: 0.9rem;
+    color: rgba(255, 255, 255, 0.86);
+  }
+
+  .des {
+    margin-bottom: 8px;
+    font-size: 1rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+  }
+
+  .date {
+    font-size: 0.8rem;
+  }
 }
+
 .people {
-    position: relative;
-    display: flex;
-    li {
-        width: 33.33%;
-        padding: 30px;
-        text-align: center;
-        border-right: 1px solid #ddd;
-        &:last-child {
-            border-right: 0;
-        }
-    }
-    .pic {
-        width: 260px;
-        height: 260px;
-        margin-bottom: 10px;
-        border-radius: 50%;
-    }
-    h6 {
-        font-size: 1.1rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        color: #333;
-    }
-    .job {
-        margin: 10px 0;
-        font-size: 1rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        color: #333;
-    }
-    .hobby {
-        margin-bottom: 15px;
-        font-size: 1rem;
-        color: #333;
-    }
-    .text {
-        font-size: 1rem;
-        line-height: 1.6;
-        color: #333;
+  position: relative;
+  display: flex;
+
+  li {
+    width: 33.33%;
+    padding: 30px;
+    text-align: center;
+    border-right: 1px solid #ddd;
+
+    &:last-child {
+      border-right: 0;
     }
+  }
+
+  .pic {
+    width: 260px;
+    height: 260px;
+    margin-bottom: 10px;
+    border-radius: 50%;
+  }
+
+  h6 {
+    font-size: 1.1rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    color: #333;
+  }
+
+  .job {
+    margin: 10px 0;
+    font-size: 1rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    color: #333;
+  }
+
+  .hobby {
+    margin-bottom: 15px;
+    font-size: 1rem;
+    color: #333;
+  }
+
+  .text {
+    font-size: 1rem;
+    line-height: 1.6;
+    color: #333;
+  }
 }
+
 .talent {
-    position: relative;
-    display: flex;
+  position: relative;
+  display: flex;
+  color: #fff;
+  background: #111c43;
+  border-radius: 0px 100px 0px 100px;
+
+  .left {
+    width: 50%;
+    padding: 120px 0 0 5%;
+  }
+
+  h6 {
+    font-size: 1.6rem;
+  }
+
+  .meta {
+    margin-top: 8px;
+    font-size: 0.9rem;
     color: #fff;
-    background: #111c43;
-    border-radius: 0px 100px 0px 100px;
-    .left {
-        width: 50%;
-        padding: 120px 0 0 5%;
-    }
-    h6 {
-        font-size: 1.6rem;
-    }
-    .meta {
-        margin-top: 8px;
-        font-size: 0.9rem;
-        color: #fff;
-    }
-    .text {
-        margin: 20px 0;
-        font-size: 1rem;
-        line-height: 2;
-    }
-    .pic {
-        width: 50%;
-        min-height: 465px;
-    }
+  }
+
+  .text {
+    margin: 20px 0;
+    font-size: 1rem;
+    line-height: 2;
+  }
+
+  .pic {
+    width: 50%;
+    min-height: 465px;
+  }
 }
+
 .about {
-    background: #0a7fec;
-    .inner {
-        position: relative;
-        height: 350px;
-        padding: 50px;
-    }
-    .left {
-        width: 48%;
-    }
-    h6 {
-        font-size: 1.8rem;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        color: #fff;
-    }
-    .text {
-        margin: 20px 0;
-        font-size: 1rem;
-        color: #fff;
-    }
-    .pic {
-        position: absolute;
-        top: -60px;
-        right: 0;
-        max-width: 48%;
-        height: 460px;
-    }
+  background: #0a7fec;
+
+  .inner {
+    position: relative;
+    height: 350px;
+    padding: 50px;
+  }
+
+  .left {
+    width: 48%;
+  }
+
+  h6 {
+    font-size: 1.8rem;
+    font-family: PingFangSC-Semibold, PingFang SC;
+    color: #fff;
+  }
+
+  .text {
+    margin: 20px 0;
+    font-size: 1rem;
+    color: #fff;
+  }
+
+  .pic {
+    position: absolute;
+    top: -60px;
+    right: 0;
+    max-width: 48%;
+    height: 460px;
+  }
 }
+
 .entry {
-    display: flex;
-    justify-content: space-between;
-    padding: 50px 10%;
-    background-color: #091733;
-    margin-bottom: 100px;
-    li {
-        position: relative;
-        display: inline-flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        text-align: center;
-    }
-    img {
-        max-width: 100px;
-    }
-    .text {
-        margin-top: 15px;
-        font-size: 1rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        color: #fff;
-    }
+  display: flex;
+  justify-content: space-between;
+  padding: 50px 10%;
+  background-color: #091733;
+  margin-bottom: 100px;
+
+  li {
+    position: relative;
+    display: inline-flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+  }
+
+  img {
+    max-width: 100px;
+  }
+
+  .text {
+    margin-top: 15px;
+    font-size: 1rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    color: #fff;
+  }
 }
+
 @media (max-width: 1200px) {
-    .block {
-        padding: 3.125rem 0;
-        .inner {
-            width: 95%;
-            margin: 0 auto;
-            .card {
-                flex-direction: column;
-                li {
-                    margin-top: 1.25rem;
-                    width: 100%;
-                }
-            }
+  .block {
+    padding: 3.125rem 0;
+
+    .inner {
+      width: 95%;
+      margin: 0 auto;
+
+      .card {
+        flex-direction: column;
+
+        li {
+          margin-top: 1.25rem;
+          width: 100%;
         }
+      }
     }
+  }
 }
+
 .tools {
-    z-index: 100;
-    position: fixed;
-    top: 430px;
-    right: 0;
-    li {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        width: 160px;
-        margin-bottom: 1px;
-        font-size: 1rem;
-        color: #0084ff;
-        line-height: 56px;
-        background-color: rgba(19, 18, 19, 0.94);
-        cursor: pointer;
-        &.active {
-            width: 192px;
-            color: #fff;
-            background-color: rgba(1, 129, 247, 0.94);
-        }
-    }
-    .icon {
-        margin-right: 10px;
+  z-index: 100;
+  position: fixed;
+  top: 430px;
+  right: 0;
+
+  li {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 160px;
+    margin-bottom: 1px;
+    font-size: 1rem;
+    color: #0084ff;
+    line-height: 56px;
+    background-color: rgba(19, 18, 19, 0.94);
+    cursor: pointer;
+
+    &.active {
+      width: 192px;
+      color: #fff;
+      background-color: rgba(1, 129, 247, 0.94);
     }
+  }
+
+  .icon {
+    margin-right: 10px;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/industrial.vue b/src/pages/column/page/industrial.vue
index b0023ca..38b6081 100644
--- a/src/pages/column/page/industrial.vue
+++ b/src/pages/column/page/industrial.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/产业应用</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,93 +13,64 @@
     <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 gray">
         <div class="inner c-wrap">
-          <h2 class="wow fadeInLeft"
-              style="margin-left: 57px"
-              v-html="modules[1].form.title"></h2>
-          <div class="texts wow fadeInDown"
-               data-wow-delay="0.5s">
+          <h2 class="wow fadeInLeft" style="margin-left: 57px" v-html="modules[1].form.title"></h2>
+          <div class="texts wow fadeInDown" data-wow-delay="0.5s">
             <div class="left">
               <h2>{{ modules[1].form.subTitle }}</h2>
-              <div class="des"
-                   v-html="modules[1].form.des"></div>
+              <div class="des" v-html="modules[1].form.des"></div>
             </div>
-            <img class="bg"
-                 width="562"
-                 height="506"
-                 :src="modules[1].form.pic"
-                 alt="">
+            <img class="bg" width="562" height="506" :src="modules[1].form.pic" alt="">
           </div>
-          <div class="cover"
-               @click="toSet(1)">点击更改图片、标题概述与链接</div>
+          <div class="cover" @click="toSet(1)">点击更改图片、标题概述与链接</div>
         </div>
       </div>
 
       <div class="block land">
         <div class="inner">
-          <img class="pic"
-               :src="modules[2].form.pic"
-               alt="">
+          <img class="pic" :src="modules[2].form.pic" alt="">
           <div class="right">
             <h6 v-html="modules[2].form.title"></h6>
-            <div class="text"
-                 v-html="modules[2].form.des"></div>
+            <div class="text" v-html="modules[2].form.des"></div>
           </div>
-          <div class="cover"
-               @click="toSet(2)">点击更改图片、标题与概述</div>
+          <div class="cover" @click="toSet(2)">点击更改图片、标题与概述</div>
         </div>
       </div>
 
       <div class="block gray">
         <div class="inner">
           <div class="c-wrap">
-            <h2 class="b-title"
-                v-html="modules[3].form.title"></h2>
-            <p class="intro"
-               v-html="modules[3].form.des"></p>
-            <div class="cover"
-                 @click="toSet(3)">点击更换标题与描述</div>
+            <h2 class="b-title" v-html="modules[3].form.title"></h2>
+            <p class="intro" v-html="modules[3].form.des"></p>
+            <div class="cover" @click="toSet(3)">点击更换标题与描述</div>
           </div>
           <ul class="plan">
             <li>
               <div class="left">
                 <h6 v-html="modules[4].form.title"></h6>
-                <div class="text"
-                     v-html="modules[4].form.des"></div>
-                <img src="@/assets/images/arrow.png"
-                     alt="">
+                <div class="text" v-html="modules[4].form.des"></div>
+                <img src="@/assets/images/arrow.png" alt="">
               </div>
-              <img class="pic"
-                   :src="modules[4].form.pic"
-                   alt="">
-              <div class="cover"
-                   @click="toSet(4)">点击更换标题、描述、链接与图片</div>
+              <img class="pic" :src="modules[4].form.pic" alt="">
+              <div class="cover" @click="toSet(4)">点击更换标题、描述、链接与图片</div>
             </li>
             <li>
               <div class="left">
                 <h6 v-html="modules[5].form.title"></h6>
-                <div class="text"
-                     v-html="modules[5].form.des"></div>
-                <img src="@/assets/images/arrow.png"
-                     alt="">
+                <div class="text" v-html="modules[5].form.des"></div>
+                <img src="@/assets/images/arrow.png" alt="">
               </div>
-              <img class="pic"
-                   :src="modules[5].form.pic"
-                   alt="">
-              <div class="cover"
-                   @click="toSet(5)">点击更换标题、描述、链接与图片</div>
+              <img class="pic" :src="modules[5].form.pic" alt="">
+              <div class="cover" @click="toSet(5)">点击更换标题、描述、链接与图片</div>
             </li>
           </ul>
         </div>
@@ -110,27 +79,17 @@
       <div class="block">
         <div class="inner app-inner">
           <div class="c-wrap">
-            <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"
-                 @click="toSet(6)">点击更换标题与描述</div>
+            <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" @click="toSet(6)">点击更换标题与描述</div>
           </div>
           <ul class="app">
-            <li v-for="(item, i) in modules[7].list"
-                :key="i"
-                class="wow fadeInDown"
-                :data-wow-delay="(0.2 * i).toFixed(1) + 's'">
-              <img class="bg"
-                   :src="require('@/assets/images/industrial/app' + (i + 1) + '.png')"
-                   alt="">
-              <img class="icon"
-                   :src="require('@/assets/images/industrial/app' + (i + 1) + '-1.png')"
-                   alt="">
+            <li v-for="(item, i) in modules[7].list" :key="i" class="wow fadeInDown"
+              :data-wow-delay="(0.2 * i).toFixed(1) + 's'">
+              <img class="bg" :src="require('@/assets/images/industrial/app' + (i + 1) + '.png')" alt="">
+              <img class="icon" :src="require('@/assets/images/industrial/app' + (i + 1) + '-1.png')" alt="">
               <p class="text">{{ item.title }}</p>
-              <div class="cover"
-                   @click="toSet(7, i)">点击更标题与链接</div>
+              <div class="cover" @click="toSet(7, i)">点击更标题与链接</div>
             </li>
           </ul>
         </div>
@@ -139,72 +98,60 @@
       <div class="block news-block">
         <div class="inner">
           <div class="c-wrap">
-            <h2 class="b-title"
-                v-html="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>
+            <div class="cover" @click="toSet(8)">点击更换标题与描述</div>
           </div>
           <ul class="news">
             <li>
-              <img src="https://new.iasf.ac.cn/images/home/3.png"
-                   alt="">
+              <img src="https://new.iasf.ac.cn/images/home/3.png" alt="">
               <div class="texts">
                 <span class="meta">2022-07-24 | 综合新闻</span>
                 <h6>X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段</h6>
               </div>
             </li>
             <li>
-              <img src="https://new.iasf.ac.cn/images/home/3.png"
-                   alt="">
+              <img src="https://new.iasf.ac.cn/images/home/3.png" alt="">
               <div class="texts">
                 <span class="meta">2022-07-24 | 综合新闻</span>
                 <h6>X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段</h6>
               </div>
             </li>
             <li>
-              <img src="https://new.iasf.ac.cn/images/home/3.png"
-                   alt="">
+              <img src="https://new.iasf.ac.cn/images/home/3.png" alt="">
               <div class="texts">
                 <span class="meta">2022-07-24 | 综合新闻</span>
                 <h6>X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段</h6>
               </div>
             </li>
             <li>
-              <img src="https://new.iasf.ac.cn/images/home/3.png"
-                   alt="">
+              <img src="https://new.iasf.ac.cn/images/home/3.png" alt="">
               <div class="texts">
                 <span class="meta">2022-07-24 | 综合新闻</span>
                 <h6>X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段</h6>
               </div>
             </li>
             <li>
-              <img src="https://new.iasf.ac.cn/images/home/3.png"
-                   alt="">
+              <img src="https://new.iasf.ac.cn/images/home/3.png" alt="">
               <div class="texts">
                 <span class="meta">2022-07-24 | 综合新闻</span>
                 <h6>X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段</h6>
               </div>
             </li>
             <li>
-              <img src="https://new.iasf.ac.cn/images/home/3.png"
-                   alt="">
+              <img src="https://new.iasf.ac.cn/images/home/3.png" alt="">
               <div class="texts">
                 <span class="meta">2022-07-24 | 综合新闻</span>
                 <h6>X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段</h6>
               </div>
             </li>
-            <div class="cover"
-                 @click="toSet(9)">关联栏目</div>
+            <div class="cover" @click="toSet(9)">关联栏目</div>
           </ul>
         </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>
 
@@ -218,25 +165,7 @@ export default {
       modules: Modules.industrial
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '产业应用'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -245,174 +174,207 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .history {
-    h2 {
-        font-size: 1.8rem;
-        color: #333;
-    }
-    .texts {
-        display: flex;
-        justify-content: space-between;
-        padding: 82px 57px 30px;
-        margin-top: 20px;
-        background-color: #fff;
-        border-radius: 100px 0px 0px 0px;
-        transition: 0.3s;
-        &:hover {
-            transform: scale(1.05);
-        }
-    }
-    .left {
-        width: 695px;
-    }
-    .des {
-        margin: 20px 0;
-        font-size: 1.2rem;
-        color: #181818;
-        line-height: 31px;
-    }
-    .bg {
-        margin: -122px 0 0 0;
+  h2 {
+    font-size: 1.8rem;
+    color: #333;
+  }
+
+  .texts {
+    display: flex;
+    justify-content: space-between;
+    padding: 82px 57px 30px;
+    margin-top: 20px;
+    background-color: #fff;
+    border-radius: 100px 0px 0px 0px;
+    transition: 0.3s;
+
+    &:hover {
+      transform: scale(1.05);
     }
+  }
+
+  .left {
+    width: 695px;
+  }
+
+  .des {
+    margin: 20px 0;
+    font-size: 1.2rem;
+    color: #181818;
+    line-height: 31px;
+  }
+
+  .bg {
+    margin: -122px 0 0 0;
+  }
 }
+
 .land {
-    .inner {
-        position: relative;
-        display: flex;
-    }
-    .pic {
-        width: 50%;
-        height: 450px;
+  .inner {
+    position: relative;
+    display: flex;
+  }
+
+  .pic {
+    width: 50%;
+    height: 450px;
+  }
+
+  .right {
+    width: 50%;
+  }
+
+  h6 {
+    margin-left: 50px;
+    font-size: 1.3rem;
+    font-family: PingFangSC-Semibold, PingFang SC;
+    color: #333;
+    @include ellipsis();
+  }
+
+  .text {
+    height: 405px;
+    padding: 50px;
+    margin-top: 1rem;
+    background: rgba(242, 246, 248, 0.45);
+    border-radius: 0px 100px 0px 0px;
+  }
+}
+
+.plan {
+  li {
+    position: relative;
+    display: flex;
+    height: 500px;
+    margin-bottom: 60px;
+    color: #333;
+    background-color: #fff;
+    border-radius: 100px 0px 0px 0px;
+
+    &:nth-child(even) {
+      flex-direction: row-reverse;
+
+      .pic {
+        margin: -20px 0 0 -20px;
+        border-radius: 0 100px 0 0;
+      }
     }
-    .right {
-        width: 50%;
+
+    .left {
+      width: 50%;
+      padding: 50px;
     }
+
     h6 {
-        margin-left: 50px;
-        font-size: 1.3rem;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        color: #333;
-        @include ellipsis();
+      font-size: 1.4rem;
+      font-family: PingFangSC-Medium, PingFang SC;
     }
+
     .text {
-        height: 405px;
-        padding: 50px;
-        margin-top: 1rem;
-        background: rgba(242, 246, 248, 0.45);
-        border-radius: 0px 100px 0px 0px;
+      margin: 1rem 0;
+      font-size: 1rem;
+      line-height: 1.6;
     }
-}
-.plan {
-    li {
-        position: relative;
-        display: flex;
-        height: 500px;
-        margin-bottom: 60px;
-        color: #333;
-        background-color: #fff;
-        border-radius: 100px 0px 0px 0px;
-        &:nth-child(even) {
-            flex-direction: row-reverse;
-            .pic {
-                margin: -20px 0 0 -20px;
-                border-radius: 0 100px 0 0;
-            }
-        }
-        .left {
-            width: 50%;
-            padding: 50px;
-        }
-        h6 {
-            font-size: 1.4rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-        }
-        .text {
-            margin: 1rem 0;
-            font-size: 1rem;
-            line-height: 1.6;
-        }
-        .pic {
-            width: 48%;
-            height: 500px;
-            margin: -20px -20px 0 0;
-            border-radius: 100px 0 0 0;
-        }
+
+    .pic {
+      width: 48%;
+      height: 500px;
+      margin: -20px -20px 0 0;
+      border-radius: 100px 0 0 0;
     }
+  }
 }
 
 .app-inner {
-    width: 1558px;
+  width: 1558px;
 }
+
 .app {
+  display: flex;
+  flex-wrap: wrap;
+
+  li {
+    position: relative;
     display: flex;
-    flex-wrap: wrap;
-    li {
-        position: relative;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        width: 368px;
-        height: 252px;
-        margin: 0 14px 14px 0;
-        transition: 0.3s;
-        &:hover {
-            transform: scale(1.05);
-            .icon {
-                transform: rotateY(180deg);
-            }
-        }
-        &:nth-child(4n) {
-            margin-right: 0;
-        }
-    }
-    .bg {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-    }
-    .icon {
-        position: relative;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 368px;
+    height: 252px;
+    margin: 0 14px 14px 0;
+    transition: 0.3s;
+
+    &:hover {
+      transform: scale(1.05);
+
+      .icon {
+        transform: rotateY(180deg);
+      }
     }
-    .text {
-        position: relative;
-        margin-top: 20px;
-        font-size: 32px;
-        color: #fff;
+
+    &:nth-child(4n) {
+      margin-right: 0;
     }
+  }
+
+  .bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+  .icon {
+    position: relative;
+  }
+
+  .text {
+    position: relative;
+    margin-top: 20px;
+    font-size: 32px;
+    color: #fff;
+  }
 }
+
 .news {
-    position: relative;
-    display: flex;
-    flex-wrap: wrap;
-    li {
-        width: calc((100% - 34px) / 3);
-        margin: 0 17px 20px 0;
-        background-color: #fff;
-        &:nth-child(3n) {
-            margin-right: 0;
-        }
-    }
-    img {
-        width: 100%;
-        height: 220px;
-    }
-    .texts {
-        padding: 20px 24px;
-        background-color: #fff;
-    }
-    h6 {
-        margin-top: 8px;
-        font-size: 1rem;
-        color: #333;
-        text-shadow: 0px 0px 20px rgba(176, 176, 176, 0.21);
-    }
-    .meta {
-        font-size: 0.9rem;
-        color: #666;
-        text-shadow: 0px 0px 20px rgba(176, 176, 176, 0.21);
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+
+  li {
+    width: calc((100% - 34px) / 3);
+    margin: 0 17px 20px 0;
+    background-color: #fff;
+
+    &:nth-child(3n) {
+      margin-right: 0;
     }
+  }
+
+  img {
+    width: 100%;
+    height: 220px;
+  }
+
+  .texts {
+    padding: 20px 24px;
+    background-color: #fff;
+  }
+
+  h6 {
+    margin-top: 8px;
+    font-size: 1rem;
+    color: #333;
+    text-shadow: 0px 0px 20px rgba(176, 176, 176, 0.21);
+  }
+
+  .meta {
+    font-size: 0.9rem;
+    color: #666;
+    text-shadow: 0px 0px 20px rgba(176, 176, 176, 0.21);
+  }
 }
 </style>
diff --git a/src/pages/column/page/lightSources.vue b/src/pages/column/page/lightSources.vue
index 7ff9620..f7368b3 100644
--- a/src/pages/column/page/lightSources.vue
+++ b/src/pages/column/page/lightSources.vue
@@ -2,13 +2,11 @@
   <!-- 全球先进光源 -->
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/全球先进光源</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -16,43 +14,31 @@
     <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 gray">
         <div class="inner c-wrap">
           <h2 class="b-title wow fadeInUp">{{ modules[1].form.title }}</h2>
-          <p class="intro wow fadeInUp"
-             data-wow-delay="0.8s">{{ modules[1].form.des }}</p>
-          <img class="block-pic br wow fadeInLeft"
-               data-wow-delay="0.8s"
-               width="100%"
-               height="536"
-               :src="modules[1].form.pic"
-               alt="">
-          <div class="cover"
-               @click="toSet(1)">点击更换标题、描述、图片与链接</div>
+          <p class="intro wow fadeInUp" data-wow-delay="0.8s">{{ modules[1].form.des }}</p>
+          <img class="block-pic br wow fadeInLeft" data-wow-delay="0.8s" width="100%" height="536"
+            :src="modules[1].form.pic" alt="">
+          <div class="cover" @click="toSet(1)">点击更换标题、描述、图片与链接</div>
         </div>
       </div>
 
       <div class="block sources">
         <div class="inner c-wrap">
           <ul class="tabs wow fadeInLeft">
-            <li v-for="(item, i) in tabs"
-                :class="{active: item.id == active}"
-                :key="i"
-                @click="tabChange(item.id)">{{ item.name }}</li>
+            <li v-for="(item, i) in tabs" :class="{ active: item.id == active }" :key="i" @click="tabChange(item.id)">{{
+              item.name }}</li>
           </ul>
-          <div v-if="!active"
-               class="c-wrap">
+          <div v-if="!active" class="c-wrap">
             <table class="table">
               <thead>
                 <tr>
@@ -69,8 +55,7 @@
                 </tr>
               </thead>
               <template v-if="modules[2].list.length">
-                <tr v-for="(item, i) in modules[2].list"
-                    :key="i">
+                <tr v-for="(item, i) in modules[2].list" :key="i">
                   <td>{{ item.name }}</td>
                   <td>{{ item.country }}</td>
                   <td>{{ item.address }}</td>
@@ -87,11 +72,9 @@
                 <td class="none">暂无数据</td>
               </tr>
             </table>
-            <div class="cover"
-                 @click="toSet(2)">点击更换表格</div>
+            <div class="cover" @click="toSet(2)">点击更换表格</div>
           </div>
-          <div v-else
-               class="c-wrap">
+          <div v-else class="c-wrap">
             <table class="table">
               <thead>
                 <tr>
@@ -109,8 +92,7 @@
                 </tr>
               </thead>
               <template v-if="modules[3].list.length">
-                <tr v-for="(item, i) in modules[3].list"
-                    :key="i">
+                <tr v-for="(item, i) in modules[3].list" :key="i">
                   <td>{{ item.name }}</td>
                   <td>{{ item.country }}</td>
                   <td>{{ item.address }}</td>
@@ -125,27 +107,20 @@
                 </tr>
               </template>
               <tr v-else>
-                <td class="none"
-                    colspan="11">暂无数据</td>
+                <td class="none" colspan="11">暂无数据</td>
               </tr>
             </table>
-            <div class="cover"
-                 @click="toSet(3)">点击更换表格</div>
+            <div class="cover" @click="toSet(3)">点击更换表格</div>
           </div>
           <div class="c-wrap m-t-20">
-            <div class="copyright"
-                 v-html="modules[4].form.des"></div>
-            <div class="cover"
-                 @click="toSet(4)">点击更换描述</div>
+            <div class="copyright" v-html="modules[4].form.des"></div>
+            <div class="cover" @click="toSet(4)">点击更换描述</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>
 
@@ -170,25 +145,7 @@ export default {
       ]
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '全球先进光源'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
     // tab回调
     tabChange (i) {
@@ -200,61 +157,74 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .block {
-    padding: 3.15rem 0;
-    .inner {
-        .b-title {
-            font-size: 2.25rem;
-            margin-bottom: 2.25rem;
-        }
-        .intro {
-            margin-bottom: 2.25rem;
-        }
+  padding: 3.15rem 0;
+
+  .inner {
+    .b-title {
+      font-size: 2.25rem;
+      margin-bottom: 2.25rem;
     }
+
+    .intro {
+      margin-bottom: 2.25rem;
+    }
+  }
 }
+
 .block-pic {
-    transition: 0.3s;
-    height: auto;
-    &.br {
-        border-radius: 270px;
-    }
-    &:hover {
-        transform: scale(1.05);
-    }
+  transition: 0.3s;
+  height: auto;
+
+  &.br {
+    border-radius: 270px;
+  }
+
+  &:hover {
+    transform: scale(1.05);
+  }
 }
+
 .sources {
-    background-color: #fff;
+  background-color: #fff;
 }
+
 .tabs {
-    display: flex;
-    justify-content: flex-start;
-    box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
-    li {
-        padding: 25px 19px;
-        margin: 0 10px;
-        font-size: 1.1rem;
-        color: #333;
-        border-bottom: 4px solid transparent;
-        text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
-        cursor: pointer;
-        &.active {
-            color: #1583ff;
-            border-bottom-color: #1583ff;
-        }
+  display: flex;
+  justify-content: flex-start;
+  box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
+
+  li {
+    padding: 25px 19px;
+    margin: 0 10px;
+    font-size: 1.1rem;
+    color: #333;
+    border-bottom: 4px solid transparent;
+    text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
+    cursor: pointer;
+
+    &.active {
+      color: #1583ff;
+      border-bottom-color: #1583ff;
     }
+  }
 }
+
 .table {
-    width: 100%;
-    margin-top: 20px;
-    border-collapse: collapse;
-    th,
-    td {
-        padding: 10px 10px;
-        font-size: 0.9rem;
-        text-align: left;
-    }
-    .none {
-        text-align: center;
-    }
+  width: 100%;
+  margin-top: 20px;
+  border-collapse: collapse;
+
+  th,
+  td {
+    padding: 10px 10px;
+    font-size: 0.9rem;
+    text-align: left;
+  }
+
+  .none {
+    text-align: center;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/mission.vue b/src/pages/column/page/mission.vue
index a276cbe..d58dba8 100644
--- a/src/pages/column/page/mission.vue
+++ b/src/pages/column/page/mission.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/关于IASF-使命愿景价值观</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,42 +13,31 @@
     <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">
         <div class="inner">
           <div class="item">
-            <img :src="modules[1].form.pic"
-                 alt="" />
+            <img :src="modules[1].form.pic" alt="" />
             <div class="texts">
               <h6 v-html="modules[1].form.title"></h6>
-              <div class="text"
-                   v-html="modules[1].form.des"></div>
+              <div class="text" v-html="modules[1].form.des"></div>
             </div>
-            <div class="cover"
-                 style="left: -35px"
-                 @click="toSet(1)">点击更改标题概述与链接</div>
+            <div class="cover" style="left: -35px" @click="toSet(1)">点击更改标题概述与链接</div>
           </div>
           <div class="item">
-            <img :src="modules[2].form.pic"
-                 alt="" />
+            <img :src="modules[2].form.pic" alt="" />
             <div class="texts rightText">
               <h6 v-html="modules[2].form.title"></h6>
-              <div class="text"
-                   v-html="modules[2].form.des"></div>
+              <div class="text" v-html="modules[2].form.des"></div>
             </div>
-            <div class="cover"
-                 style="right: -35px"
-                 @click="toSet(2)">点击更改标题概述与链接</div>
+            <div class="cover" style="right: -35px" @click="toSet(2)">点击更改标题概述与链接</div>
           </div>
         </div>
       </div>
@@ -58,36 +45,26 @@
       <div class="block mind gray">
         <div class="inner">
           <div class="c-wrap">
-            <h6 class="m-title"
-                v-html="modules[3].form.title"></h6>
-            <div class="cover"
-                 @click="toSet(3)">点击更换标题</div>
+            <h6 class="m-title" v-html="modules[3].form.title"></h6>
+            <div class="cover" @click="toSet(3)">点击更换标题</div>
           </div>
           <ul class="list">
             <template v-for="(item, i) in modules[4].list">
-              <li v-if="item.isEnable"
-                  :key="i">
-                <img :src="item.pic"
-                     alt=""
-                     class="pic">
+              <li v-if="item.isEnable" :key="i">
+                <img :src="item.pic" alt="" class="pic">
                 <div class="texts">
                   <h6>{{ item.title }}</h6>
-                  <div class="des"
-                       v-html="item.des"></div>
+                  <div class="des" v-html="item.des"></div>
                 </div>
               </li>
             </template>
-            <div class="cover"
-                 @click="toSet(4)">点击更换图片、标题、概述与链接</div>
+            <div class="cover" @click="toSet(4)">点击更换图片、标题、概述与链接</div>
           </ul>
         </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>
 
@@ -101,25 +78,7 @@ export default {
       modules: Modules.mission
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '关于IASF-使命愿景价值观'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -128,126 +87,150 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .inner {
-    width: 1200px;
+  width: 1200px;
 }
+
 .item {
+  position: relative;
+  margin-bottom: 58px;
+
+  img {
+    width: 100%;
+    height: 400px;
+  }
+
+  &:nth-child(2) .texts {
+    left: auto;
+    right: -36px;
+    color: #fff;
+    background: rgba(40, 179, 255, 0.34);
+  }
+
+  .texts {
+    position: absolute;
+    top: 79px;
+    left: -34px;
+    width: 532px;
+    padding: 70px 38px;
+    color: #333;
+    background: rgba(255, 241, 231, 0.84);
+    transition: 0.5s;
+  }
+
+  h6 {
+    margin-bottom: 14px;
+    font-size: 2rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+  }
+
+  .des {
+    font-size: 1rem;
+  }
+}
+
+.mind {
+  .m-title {
+    margin-bottom: 30px;
+    font-size: 2.2rem;
+    text-align: center;
+    color: #333;
+  }
+
+  .list {
     position: relative;
-    margin-bottom: 58px;
-    img {
-        width: 100%;
-        height: 400px;
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  li {
+    display: inline-flex;
+    align-items: center;
+    width: calc((100% - 22px) / 2);
+    margin: 0 22px 22px 0;
+    background-color: #fff;
+
+    &:nth-child(even) {
+      margin-right: 0;
     }
-    &:nth-child(2) .texts {
-        left: auto;
-        right: -36px;
-        color: #fff;
-        background: rgba(40, 179, 255, 0.34);
+
+    .pic {
+      width: 250px;
+      height: 230px;
     }
+
     .texts {
-        position: absolute;
-        top: 79px;
-        left: -34px;
-        width: 532px;
-        padding: 70px 38px;
-        color: #333;
-        background: rgba(255, 241, 231, 0.84);
-        transition: 0.5s;
+      width: calc(100% - 250px);
+      padding: 0 20px;
     }
+
     h6 {
-        margin-bottom: 14px;
-        font-size: 2rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-    }
-    .des {
-        font-size: 1rem;
-    }
-}
-.mind {
-    .m-title {
-        margin-bottom: 30px;
-        font-size: 2.2rem;
-        text-align: center;
-        color: #333;
-    }
-    .list {
-        position: relative;
-        display: flex;
-        flex-wrap: wrap;
+      margin-bottom: 20px;
+      font-size: 1.5rem;
+      color: #272727;
+      @include ellipsis();
     }
-    li {
-        display: inline-flex;
-        align-items: center;
-        width: calc((100% - 22px) / 2);
-        margin: 0 22px 22px 0;
-        background-color: #fff;
-        &:nth-child(even) {
-            margin-right: 0;
-        }
-        .pic {
-            width: 250px;
-            height: 230px;
-        }
-        .texts {
-            width: calc(100% - 250px);
-            padding: 0 20px;
-        }
-        h6 {
-            margin-bottom: 20px;
-            font-size: 1.5rem;
-            color: #272727;
-            @include ellipsis();
-        }
-        .text {
-            font-size: 1rem;
-            color: #666;
-            line-height: 1.5;
-        }
+
+    .text {
+      font-size: 1rem;
+      color: #666;
+      line-height: 1.5;
     }
+  }
 }
+
 @media (max-width: 1200px) {
-    .inner {
-        width: 98%;
+  .inner {
+    width: 98%;
+  }
+
+  .item {
+    img {
+      margin-left: 30px;
     }
-    .item {
-        img {
-            margin-left: 30px;
-        }
-        .rightText {
-            right: 12px !important;
-        }
-        .texts {
-            width: 85%;
-            box-sizing: border-box;
-            left: 12px;
-            .des {
-                -webkit-line-clamp: inherit;
-            }
-        }
+
+    .rightText {
+      right: 12px !important;
     }
+
+    .texts {
+      width: 85%;
+      box-sizing: border-box;
+      left: 12px;
+
+      .des {
+        -webkit-line-clamp: inherit;
+      }
+    }
+  }
 }
+
 @media (max-width: 980px) {
-    .mind {
-        .list {
-            flex-direction: column;
-        }
-        li {
-            width: 100%;
-        }
+  .mind {
+    .list {
+      flex-direction: column;
+    }
+
+    li {
+      width: 100%;
     }
+  }
 }
+
 @media (max-width: 480px) {
-    .mind {
-        li {
-            .pic {
-                width: 150px;
-                height: 130px;
-            }
-            .texts {
-                width: calc(100% - 150px);
-            }
-        }
+  .mind {
+    li {
+      .pic {
+        width: 150px;
+        height: 130px;
+      }
+
+      .texts {
+        width: calc(100% - 150px);
+      }
     }
+  }
 }
 </style>
diff --git a/src/pages/column/page/news.vue b/src/pages/column/page/news.vue
index cf4aa49..dd73e68 100644
--- a/src/pages/column/page/news.vue
+++ b/src/pages/column/page/news.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/NEWS&EVENTS</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,79 +13,59 @@
     <div class="modules">
       <div class="relative">
         <el-carousel height="480px"
-                     :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+          :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>
 
       <ul class="tabs">
-        <li :class="{active: item.id == active}"
-            v-for="(item, i) in modules[1].list"
-            :key="i">
+        <li :class="{ active: item.id == active }" v-for="(item, i) in modules[1].list" :key="i">
           {{ item.columnName }}
-          <div class="cover"
-               @click="toSet(1, i)">关联栏目</div>
+          <div class="cover" @click="toSet(1, i)">关联栏目</div>
         </li>
       </ul>
 
       <div class="block">
         <div class="inner">
           <div class="news-banner">
-            <img width="100%"
-                 height="480"
-                 src="https://new.iasf.ac.cn/images/about/5.png"
-                 alt="">
+            <img width="100%" height="480" src="https://new.iasf.ac.cn/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>
+              <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>
               <p class="meta">2022-07-24 | Research</p>
             </div>
           </div>
           <ul class="card">
             <li>
-              <img class="pic"
-                   src="https://new.iasf.ac.cn/images/about/9.png"
-                   alt="">
+              <img class="pic" src="https://new.iasf.ac.cn/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="https://new.iasf.ac.cn/images/about/10.png"
-                   alt="">
+              <img class="pic" src="https://new.iasf.ac.cn/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="https://new.iasf.ac.cn/images/about/11.png"
-                   alt="">
+              <img class="pic" src="https://new.iasf.ac.cn/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>
@@ -100,67 +78,59 @@
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[2].form.title }}</h2>
             <p class="intro">{{ modules[2].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(2)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(2)">点击更换标题与描述</div>
           </div>
           <div class="shop-shows">
             <div class="left">
-              <img width="100%"
-                   height="400"
-                   src="https://new.iasf.ac.cn/images/about/5.png"
-                   alt="">
+              <img width="100%" height="400" src="https://new.iasf.ac.cn/images/about/5.png" alt="">
               <div class="texts">
                 <h6>2022 New Year Messag President Sun Dongbai….</h6>
-                <div class="des">2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen (IASF)…</div>
+                <div class="des">2021 is another challenging year for the Institute of Advanced Science Facilities,
+                  Shenzhen
+                  (IASF)…</div>
               </div>
             </div>
             <div class="right">
               <ul class="show-card">
                 <li>
-                  <img class="pic"
-                       src="https://new.iasf.ac.cn/images/about/9.png"
-                       alt="">
+                  <img class="pic" src="https://new.iasf.ac.cn/images/about/9.png" alt="">
                   <div class="des">Comprises the installation and nanostructuri</div>
                 </li>
                 <li>
-                  <img class="pic"
-                       src="https://new.iasf.ac.cn/images/about/10.png"
-                       alt="">
+                  <img class="pic" src="https://new.iasf.ac.cn/images/about/10.png" alt="">
                   <div class="des">Prof. Stephan V. Roth's research</div>
                 </li>
               </ul>
               <ul class="card-list">
                 <li>
-                  <img class="pic"
-                       src="https://new.iasf.ac.cn/images/about/9.png"
-                       alt="">
+                  <img class="pic" src="https://new.iasf.ac.cn/images/about/9.png" alt="">
                   <div class="texts">
                     <h6>Hold doctorates or the highest degree in their field</h6>
-                    <div class="des">Characterization in Fibre and Polymer Technology, KTH Royal Institute of Technology.Characteriza Royal Institute of technology.…</div>
+                    <div class="des">Characterization in Fibre and Polymer Technology, KTH Royal Institute of
+                      Technology.Characteriza Royal Institute of technology.…</div>
                   </div>
                 </li>
                 <li>
-                  <img class="pic"
-                       src="https://new.iasf.ac.cn/images/about/10.png"
-                       alt="">
+                  <img class="pic" src="https://new.iasf.ac.cn/images/about/10.png" alt="">
                   <div class="texts">
                     <h6>This 2019 image depicted a Centers for Disease</h6>
-                    <div class="des">laboratory technician, dressed in personal protective equipment (PPE), in thelaboratory technician, dressed in personal in the…</div>
+                    <div class="des">laboratory technician, dressed in personal protective equipment (PPE), in
+                      thelaboratory
+                      technician, dressed in personal in the…</div>
                   </div>
                 </li>
                 <li>
-                  <img class="pic"
-                       src="https://new.iasf.ac.cn/images/about/11.png"
-                       alt="">
+                  <img class="pic" src="https://new.iasf.ac.cn/images/about/11.png" alt="">
                   <div class="texts">
                     <h6>Browse premium related images on iStock</h6>
-                    <div class="des">which would undergo analysis, here, in this laboratory environment.which would undergo analysis, here, in this laboratory environment.…</div>
+                    <div class="des">which would undergo analysis, here, in this laboratory environment.which would
+                      undergo
+                      analysis, here, in this laboratory environment.…</div>
                   </div>
                 </li>
               </ul>
             </div>
-            <div class="cover"
-                 @click="toSet(3)">关联栏目</div>
+            <div class="cover" @click="toSet(3)">关联栏目</div>
           </div>
         </div>
       </div>
@@ -170,15 +140,11 @@
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[4].form.title }}</h2>
             <p class="intro">{{ modules[4].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(4)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(4)">点击更换标题与描述</div>
           </div>
           <div class="shows">
             <div class="left">
-              <img width="100%"
-                   height="558"
-                   src="https://new.iasf.ac.cn/images/about/5.png"
-                   alt="">
+              <img width="100%" height="558" src="https://new.iasf.ac.cn/images/about/5.png" alt="">
               <div class="texts">
                 <div class="meta">
                   <p class="date">09</p>
@@ -186,127 +152,93 @@
                 </div>
                 <div>
                   <h6>Browse premium related images on iStock</h6>
-                  <div class="des">which would undergo analysis, here, in this laboratory environment.which would undergo analysis, here, in this laboratory environment.…</div>
+                  <div class="des">which would undergo analysis, here, in this laboratory environment.which would
+                    undergo
+                    analysis, here, in this laboratory environment.…</div>
                 </div>
               </div>
             </div>
             <ul class="card-list">
               <li>
-                <img class="pic"
-                     src="https://new.iasf.ac.cn/images/about/9.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/images/about/9.png" alt="">
                 <div class="texts">
                   <h6>Professional technical Free electron laser device</h6>
                   <p class="text">
-                    <img class="icon"
-                         src="@/assets/images/address.png"
-                         alt="">
+                    <img class="icon" src="@/assets/images/address.png" alt="">
                     Jiahang Shao
                   </p>
                   <p class="text">
-                    <img class="icon"
-                         src="@/assets/images/address.png"
-                         alt="">
+                    <img class="icon" src="@/assets/images/address.png" alt="">
                     Time: 2022.8.13 14:30
                   </p>
                   <p class="text">
-                    <img class="icon"
-                         src="@/assets/images/address.png"
-                         alt="">
+                    <img class="icon" src="@/assets/images/address.png" alt="">
                     Address: Big conference room on the fourth floor of headquarters
                   </p>
                 </div>
               </li>
               <li>
-                <img class="pic"
-                     src="https://new.iasf.ac.cn/images/about/9.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/images/about/9.png" alt="">
                 <div class="texts">
                   <h6>Professional technical Free electron laser device</h6>
                   <p class="text">
-                    <img class="icon"
-                         src="@/assets/images/address.png"
-                         alt="">
+                    <img class="icon" src="@/assets/images/address.png" alt="">
                     Jiahang Shao
                   </p>
                   <p class="text">
-                    <img class="icon"
-                         src="@/assets/images/address.png"
-                         alt="">
+                    <img class="icon" src="@/assets/images/address.png" alt="">
                     Time: 2022.8.13 14:30
                   </p>
                   <p class="text">
-                    <img class="icon"
-                         src="@/assets/images/address.png"
-                         alt="">
+                    <img class="icon" src="@/assets/images/address.png" alt="">
                     Address: Big conference room on the fourth floor of headquarters
                   </p>
                 </div>
               </li>
               <li>
-                <img class="pic"
-                     src="https://new.iasf.ac.cn/images/about/9.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/images/about/9.png" alt="">
                 <div class="texts">
                   <h6>Professional technical Free electron laser device</h6>
                   <p class="text">
-                    <img class="icon"
-                         src="@/assets/images/address.png"
-                         alt="">
+                    <img class="icon" src="@/assets/images/address.png" alt="">
                     Jiahang Shao
                   </p>
                   <p class="text">
-                    <img class="icon"
-                         src="@/assets/images/address.png"
-                         alt="">
+                    <img class="icon" src="@/assets/images/address.png" alt="">
                     Time: 2022.8.13 14:30
                   </p>
                   <p class="text">
-                    <img class="icon"
-                         src="@/assets/images/address.png"
-                         alt="">
+                    <img class="icon" src="@/assets/images/address.png" alt="">
                     Address: Big conference room on the fourth floor of headquarters
                   </p>
                 </div>
               </li>
               <li>
-                <img class="pic"
-                     src="https://new.iasf.ac.cn/images/about/9.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/images/about/9.png" alt="">
                 <div class="texts">
                   <h6>Professional technical Free electron laser device</h6>
                   <p class="text">
-                    <img class="icon"
-                         src="@/assets/images/address.png"
-                         alt="">
+                    <img class="icon" src="@/assets/images/address.png" alt="">
                     Jiahang Shao
                   </p>
                   <p class="text">
-                    <img class="icon"
-                         src="@/assets/images/address.png"
-                         alt="">
+                    <img class="icon" src="@/assets/images/address.png" alt="">
                     Time: 2022.8.13 14:30
                   </p>
                   <p class="text">
-                    <img class="icon"
-                         src="@/assets/images/address.png"
-                         alt="">
+                    <img class="icon" src="@/assets/images/address.png" alt="">
                     Address: Big conference room on the fourth floor of headquarters
                   </p>
                 </div>
               </li>
             </ul>
-            <div class="cover"
-                 @click="toSet(5)">关联栏目</div>
+            <div class="cover" @click="toSet(5)">关联栏目</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>
 
@@ -347,25 +279,7 @@ export default {
       active: ''
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: 'NEWS&EVENTS'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -374,248 +288,299 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .tabs {
-    display: flex;
-    justify-content: center;
-    box-shadow: 0px 2px 14px 0px rgba(167, 167, 167, 0.26);
-    li {
-        position: relative;
-        min-width: 100px;
-        padding: 25px 19px;
-        margin: 0 10px;
-        font-size: 22px;
-        color: #333;
-        border-bottom: 4px solid transparent;
-        text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
-        cursor: pointer;
-        &.active {
-            color: #1583ff;
-            border-bottom-color: #1583ff;
-        }
+  display: flex;
+  justify-content: center;
+  box-shadow: 0px 2px 14px 0px rgba(167, 167, 167, 0.26);
+
+  li {
+    position: relative;
+    min-width: 100px;
+    padding: 25px 19px;
+    margin: 0 10px;
+    font-size: 22px;
+    color: #333;
+    border-bottom: 4px solid transparent;
+    text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
+    cursor: pointer;
+
+    &.active {
+      color: #1583ff;
+      border-bottom-color: #1583ff;
     }
+  }
 }
+
 .news-banner {
-    display: flex;
-    height: auto;
-    .pic {
-        width: 700px;
-        height: 380px;
+  display: flex;
+  height: auto;
+
+  .pic {
+    width: 700px;
+    height: 380px;
+  }
+
+  .right {
+    padding: 50px 50px 30px;
+    background: #1583ff;
+    color: #fff;
+  }
+
+  h6 {
+    font-size: 24px;
+  }
+
+  .des {
+    margin: 30px 0;
+    font-size: 16px;
+    line-height: 24px;
+  }
+
+  .meta {
+    font-size: 16px;
+  }
+}
+
+.card {
+  display: flex;
+  margin-top: 40px;
+
+  li {
+    width: 448px;
+    margin-right: 28px;
+    box-shadow: 0px 0px 20px 0px rgba(176, 176, 176, 0.21);
+    border-radius: 6px;
+    cursor: pointer;
+
+    &:last-child {
+      margin-right: 0;
     }
-    .right {
-        padding: 50px 50px 30px;
-        background: #1583ff;
-        color: #fff;
+  }
+
+  .pic {
+    width: 100%;
+    height: 240px;
+  }
+
+  .texts {
+    padding: 40px 30px;
+  }
+
+  .meta {
+    font-size: 16px;
+    color: #666;
+  }
+
+  .des {
+    margin: 10px 0;
+    font-size: 20px;
+    color: #333;
+    line-height: 28px;
+  }
+
+  .arrow {
+    width: 36px;
+  }
+}
+
+.more {
+  width: 374px;
+  margin: 58px auto 0;
+  line-height: 64px;
+  font-size: 30px;
+  text-align: center;
+  color: #1583ff;
+  border-radius: 35px;
+  border: 2px solid #2b6cef;
+  cursor: pointer;
+}
+
+.shop-shows {
+  position: relative;
+  display: flex;
+
+  .left {
+    width: 660px;
+    margin-right: 20px;
+    background-color: #fff;
+
+    .texts {
+      padding: 40px 30px;
     }
+
     h6 {
-        font-size: 24px;
+      font-size: 24px;
+      color: #272727;
     }
+
     .des {
-        margin: 30px 0;
-        font-size: 16px;
-        line-height: 24px;
-    }
-    .meta {
-        font-size: 16px;
+      margin-top: 10px;
+      font-size: 16px;
+      color: #666;
+      line-height: 30px;
     }
-}
-.card {
+  }
+
+  .right {
+    width: 824px;
+  }
+
+  .show-card {
     display: flex;
-    margin-top: 40px;
+    margin-bottom: 20px;
+
     li {
-        width: 448px;
-        margin-right: 28px;
-        box-shadow: 0px 0px 20px 0px rgba(176, 176, 176, 0.21);
-        border-radius: 6px;
-        cursor: pointer;
-        &:last-child {
-            margin-right: 0;
-        }
+      position: relative;
+
+      &:first-child {
+        margin-right: 22px;
+      }
     }
+
     .pic {
-        width: 100%;
-        height: 240px;
+      width: 401px;
+      height: 197px;
     }
-    .texts {
-        padding: 40px 30px;
+
+    .des {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      font-size: 16px;
+      color: #fff;
+      line-height: 48px;
+      text-align: center;
+      background: rgba(0, 0, 0, 0.49);
+      box-shadow: 0px 0px 30px 0px rgba(48, 48, 48, 0.08);
     }
-    .meta {
-        font-size: 16px;
-        color: #666;
+  }
+
+  .card-list {
+    padding: 34px 26px;
+    background-color: #fff;
+
+    li {
+      display: inline-flex;
+      padding-right: 124px;
+      margin-bottom: 38px;
+      background: url(../../../assets/images/arrow.png) (right 20px)/ (23px 23px) no-repeat;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
     }
-    .des {
-        margin: 10px 0;
-        font-size: 20px;
-        color: #333;
-        line-height: 28px;
+
+    .pic {
+      width: 116px;
+      height: 85px;
+      margin-right: 28px;
+    }
+
+    h6 {
+      font-size: 20px;
+      color: #272727;
     }
-    .arrow {
-        width: 36px;
+
+    .des {
+      margin-top: 15px;
+      font-size: 14px;
+      color: #666;
+      line-height: 24px;
     }
+  }
 }
-.more {
-    width: 374px;
-    margin: 58px auto 0;
-    line-height: 64px;
-    font-size: 30px;
-    text-align: center;
-    color: #1583ff;
-    border-radius: 35px;
-    border: 2px solid #2b6cef;
-    cursor: pointer;
-}
-.shop-shows {
+
+.conference {
+  background: #072947;
+
+  .b-title,
+  .intro {
+    color: #fff;
+  }
+
+  .shows {
     position: relative;
     display: flex;
-    .left {
-        width: 660px;
-        margin-right: 20px;
-        background-color: #fff;
-        .texts {
-            padding: 40px 30px;
-        }
-        h6 {
-            font-size: 24px;
-            color: #272727;
-        }
-        .des {
-            margin-top: 10px;
-            font-size: 16px;
-            color: #666;
-            line-height: 30px;
-        }
+  }
+
+  .left {
+    width: 688px;
+    margin-right: 20px;
+    background-color: #fff;
+
+    .texts {
+      display: flex;
+      padding: 40px 30px;
     }
-    .right {
-        width: 824px;
+
+    .meta {
+      padding: 10px 23px 10px 0;
+      margin-right: 32px;
+      text-align: center;
+      border-right: 1px solid #ddd;
     }
-    .show-card {
-        display: flex;
-        margin-bottom: 20px;
-        li {
-            position: relative;
-            &:first-child {
-                margin-right: 22px;
-            }
-        }
-        .pic {
-            width: 401px;
-            height: 197px;
-        }
-        .des {
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            width: 100%;
-            font-size: 16px;
-            color: #fff;
-            line-height: 48px;
-            text-align: center;
-            background: rgba(0, 0, 0, 0.49);
-            box-shadow: 0px 0px 30px 0px rgba(48, 48, 48, 0.08);
-        }
+
+    .date {
+      font-size: 45px;
+      font-family: DINAlternate-Bold, DINAlternate;
+      font-weight: bold;
+      color: #1f1f1f;
+      line-height: 52px;
     }
-    .card-list {
-        padding: 34px 26px;
-        background-color: #fff;
-        li {
-            display: inline-flex;
-            padding-right: 124px;
-            margin-bottom: 38px;
-            background: url(../../../assets/images/arrow.png) (right 20px)/ (23px 23px) no-repeat;
-            &:last-child {
-                margin-bottom: 0;
-            }
-        }
-        .pic {
-            width: 116px;
-            height: 85px;
-            margin-right: 28px;
-        }
-        h6 {
-            font-size: 20px;
-            color: #272727;
-        }
-        .des {
-            margin-top: 15px;
-            font-size: 14px;
-            color: #666;
-            line-height: 24px;
-        }
+
+    .year {
+      font-size: 16px;
+      white-space: nowrap;
+      color: #666;
     }
-}
-.conference {
-    background: #072947;
-    .b-title,
-    .intro {
-        color: #fff;
+
+    h6 {
+      font-size: 20px;
+      color: #272727;
     }
-    .shows {
-        position: relative;
-        display: flex;
+
+    .des {
+      margin-top: 10px;
+      font-size: 14px;
+      color: #666;
+      line-height: 24px;
     }
-    .left {
-        width: 688px;
-        margin-right: 20px;
-        background-color: #fff;
-        .texts {
-            display: flex;
-            padding: 40px 30px;
-        }
-        .meta {
-            padding: 10px 23px 10px 0;
-            margin-right: 32px;
-            text-align: center;
-            border-right: 1px solid #ddd;
-        }
-        .date {
-            font-size: 45px;
-            font-family: DINAlternate-Bold, DINAlternate;
-            font-weight: bold;
-            color: #1f1f1f;
-            line-height: 52px;
-        }
-        .year {
-            font-size: 16px;
-            white-space: nowrap;
-            color: #666;
-        }
-        h6 {
-            font-size: 20px;
-            color: #272727;
-        }
-        .des {
-            margin-top: 10px;
-            font-size: 14px;
-            color: #666;
-            line-height: 24px;
-        }
+  }
+
+  .card-list {
+    width: 784px;
+
+    li {
+      display: flex;
+      padding: 24px;
+      margin-bottom: 13px;
+      background-color: #fff;
     }
-    .card-list {
-        width: 784px;
-        li {
-            display: flex;
-            padding: 24px;
-            margin-bottom: 13px;
-            background-color: #fff;
-        }
-        .pic {
-            width: 188px;
-            height: 130px;
-            margin-right: 28px;
-        }
-        h6 {
-            margin-bottom: 10px;
-            font-size: 20px;
-            color: #333;
-        }
-        .text {
-            display: flex;
-            align-items: center;
-            margin: 10px 0;
-        }
-        .icon {
-            width: 15px;
-            margin-right: 12px;
-        }
+
+    .pic {
+      width: 188px;
+      height: 130px;
+      margin-right: 28px;
     }
+
+    h6 {
+      margin-bottom: 10px;
+      font-size: 20px;
+      color: #333;
+    }
+
+    .text {
+      display: flex;
+      align-items: center;
+      margin: 10px 0;
+    }
+
+    .icon {
+      width: 15px;
+      margin-right: 12px;
+    }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/newsPress.vue b/src/pages/column/page/newsPress.vue
index b508385..58e89be 100644
--- a/src/pages/column/page/newsPress.vue
+++ b/src/pages/column/page/newsPress.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/NEWS&EVENTS-PRESS ROOM</p>
+      <p class="page-name">页面设置/{{ columnName }}</p>
       <div>
         <el-button type="primary" @click="preview">预览</el-button>
         <el-button @click="save(0)">保存为草稿</el-button>
@@ -12,7 +12,8 @@
 
     <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="">
@@ -51,53 +52,40 @@ import mixins from '@/mixins/page'
 import Modules from '@/const/modules'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       modules: Modules.newsPress
     }
   },
-  mounted() {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: 'NEWS&EVENTS-PRESS ROOM'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
-    
+
   }
 };
 </script>
 
 <style lang="scss" scoped>
 @import "../../../styles/page/page.scss";
+
 .list {
   li {
     position: relative;
+
     &:nth-child(even) {
       text-align: right;
+
       .texts {
         left: 0;
         text-align: left;
       }
     }
   }
+
   .pic {
     width: 650px;
     height: 730px;
   }
+
   .texts {
     position: absolute;
     top: 120px;
@@ -107,16 +95,19 @@ export default {
     padding: 60px 30px 30px 100px;
     background: rgba(247, 247, 247, .72);
   }
+
   h6 {
     font-size: 40px;
     color: #3C3C3C;
   }
+
   .sub {
     margin: 20px 0;
     font-size: 24px;
     color: #1C1C1C;
     line-height: 33px;
   }
+
   .des {
     margin-bottom: 20px;
     font-size: 20px;
diff --git a/src/pages/column/page/newsProcurement.vue b/src/pages/column/page/newsProcurement.vue
index 2ee0aef..0ea54a7 100644
--- a/src/pages/column/page/newsProcurement.vue
+++ b/src/pages/column/page/newsProcurement.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/NEWS&EVENTS-PROCUREMENT</p>
+      <p class="page-name">页面设置/{{ columnName }}</p>
       <div>
         <el-button type="primary" @click="preview">预览</el-button>
         <el-button @click="save(0)">保存为草稿</el-button>
@@ -12,7 +12,8 @@
 
     <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="">
@@ -51,53 +52,40 @@ import mixins from '@/mixins/page'
 import Modules from '@/const/modules'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       modules: Modules.newsProcurement
     }
   },
-  mounted() {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: 'NEWS&EVENTS-PROCUREMENT'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
-    
+
   }
 };
 </script>
 
 <style lang="scss" scoped>
 @import "../../../styles/page/page.scss";
+
 .list {
   li {
     position: relative;
+
     &:nth-child(even) {
       text-align: right;
+
       .texts {
         left: 0;
         text-align: left;
       }
     }
   }
+
   .pic {
     width: 650px;
     height: 730px;
   }
+
   .texts {
     position: absolute;
     top: 120px;
@@ -107,16 +95,19 @@ export default {
     padding: 60px 30px 30px 100px;
     background: rgba(247, 247, 247, .72);
   }
+
   h6 {
     font-size: 40px;
     color: #3C3C3C;
   }
+
   .sub {
     margin: 20px 0;
     font-size: 24px;
     color: #1C1C1C;
     line-height: 33px;
   }
+
   .des {
     margin-bottom: 20px;
     font-size: 20px;
diff --git a/src/pages/column/page/org.vue b/src/pages/column/page/org.vue
index 15bd3e0..91542b6 100644
--- a/src/pages/column/page/org.vue
+++ b/src/pages/column/page/org.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/关于IASF-组织架构</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,45 +13,31 @@
     <div class="modules">
       <div class="relative">
         <div class="single-banner single-banner-overview">
-          <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="tab-content">
         <div class="org c-wrap">
           <div class="left">
             <h6>{{ modules[1].form.title }}</h6>
-            <p class="text"
-               v-html="modules[1].form.des"></p>
+            <p class="text" v-html="modules[1].form.des"></p>
           </div>
-          <img class="pic"
-               src="https://new.iasf.ac.cn/images/overviewSetup/1.png"
-               alt="">
-          <div class="cover"
-               style="min-height: 300px;"
-               @click="toSet(1)">点击更换标题与描述</div>
+          <img class="pic" src="https://new.iasf.ac.cn/images/overviewSetup/1.png" alt="">
+          <div class="cover" style="min-height: 300px;" @click="toSet(1)">点击更换标题与描述</div>
         </div>
         <div class="lg-bg">
-          <img width="100%"
-               :src="modules[2].form.pic"
-               alt="">
-          <div class="cover"
-               @click="toSet(2)">点击更换图片</div>
+          <img width="100%" :src="modules[2].form.pic" alt="">
+          <div class="cover" @click="toSet(2)">点击更换图片</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>
 
@@ -67,25 +51,7 @@ export default {
       modules: Modules.org
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '关于IASF-组织架构'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -94,41 +60,48 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .tab-content {
-    padding: 77px 0;
+  padding: 77px 0;
 }
+
 .org {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 1294px;
-    padding: 9px 86px 29px 116px;
-    margin: 0 auto 50px;
-    background: #fcfcfc;
-    border-radius: 160px;
-    .left {
-        width: 705px;
-    }
-    h6 {
-        font-size: 1.4rem;
-        font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
-        font-weight: bold;
-        color: #333;
-    }
-    .text {
-        margin-top: 10px;
-        font-size: 1rem;
-        color: #020202;
-        line-height: 2rem;
-    }
-    .pic {
-        width: 320px;
-        height: 282px;
-    }
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 1294px;
+  padding: 9px 86px 29px 116px;
+  margin: 0 auto 50px;
+  background: #fcfcfc;
+  border-radius: 160px;
+
+  .left {
+    width: 705px;
+  }
+
+  h6 {
+    font-size: 1.4rem;
+    font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
+    font-weight: bold;
+    color: #333;
+  }
+
+  .text {
+    margin-top: 10px;
+    font-size: 1rem;
+    color: #020202;
+    line-height: 2rem;
+  }
+
+  .pic {
+    width: 320px;
+    height: 282px;
+  }
 }
+
 .lg-bg {
-    position: relative;
-    width: 85%;
-    margin: 0 auto;
+  position: relative;
+  width: 85%;
+  margin: 0 auto;
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/overview.vue b/src/pages/column/page/overview.vue
index dd4c0e4..cc23760 100644
--- a/src/pages/column/page/overview.vue
+++ b/src/pages/column/page/overview.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/关于IASF-研究院概况</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,67 +13,47 @@
     <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 gray">
         <div class="inner c-wrap">
-          <div class="texts wow fadeInDown"
-               data-wow-delay="0.5s">
+          <div class="texts wow fadeInDown" data-wow-delay="0.5s">
             <div class="left">
               <h2 v-html="modules[1].form.title"></h2>
               <div class="line"></div>
-              <div class="des"
-                   v-html="modules[1].form.des"></div>
+              <div class="des" v-html="modules[1].form.des"></div>
             </div>
-            <img class="bg"
-                 width="562"
-                 height="506"
-                 :src="modules[1].form.pic"
-                 alt="">
+            <img class="bg" width="562" height="506" :src="modules[1].form.pic" alt="">
           </div>
-          <div class="cover"
-               @click="toSet(1)">点击更改图片、标题概述与链接</div>
+          <div class="cover" @click="toSet(1)">点击更改图片、标题概述与链接</div>
         </div>
       </div>
 
       <div class="block">
         <div class="inner">
           <div class="core">
-            <img :src="modules[2].form.pic"
-                 alt=""
-                 class="pic">
+            <img :src="modules[2].form.pic" alt="" class="pic">
             <div class="texts">
-              <div class="core-title"
-                   v-html="modules[2].form.title"></div>
+              <div class="core-title" v-html="modules[2].form.title"></div>
               <div class="line"></div>
-              <div class="text"
-                   v-html="modules[2].form.des"></div>
+              <div class="text" v-html="modules[2].form.des"></div>
             </div>
-            <div class="cover"
-                 @click="toSet(2)">点击更换图片、标题、描述与链接</div>
+            <div class="cover" @click="toSet(2)">点击更换图片、标题、描述与链接</div>
           </div>
           <div class="core">
-            <img :src="modules[3].form.pic"
-                 alt=""
-                 class="pic">
+            <img :src="modules[3].form.pic" alt="" class="pic">
             <div class="texts">
-              <div class="core-title"
-                   v-html="modules[3].form.title"></div>
+              <div class="core-title" v-html="modules[3].form.title"></div>
               <div class="line"></div>
-              <div class="text"
-                   v-html="modules[3].form.des"></div>
+              <div class="text" v-html="modules[3].form.des"></div>
             </div>
-            <div class="cover"
-                 @click="toSet(3)">点击更换图片、标题、描述与链接</div>
+            <div class="cover" @click="toSet(3)">点击更换图片、标题、描述与链接</div>
           </div>
         </div>
       </div>
@@ -85,49 +63,34 @@
           <div class="event">
             <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>
-            <img src="@/assets/images/arrow.png"
-                 alt="">
-            <div class="cover"
-                 @click="toSet(4)">点击更换标题、小标题、描述与链接</div>
+            <div class="text" v-html="modules[4].form.des"></div>
+            <img src="@/assets/images/arrow.png" alt="">
+            <div class="cover" @click="toSet(4)">点击更换标题、小标题、描述与链接</div>
           </div>
           <ul class="l-card">
             <li>
-              <img :src="modules[5].form.pic"
-                   alt=""
-                   class="pic" />
+              <img :src="modules[5].form.pic" alt="" class="pic" />
               <div class="texts">
                 <h6>{{ modules[5].form.title }}</h6>
-                <div class="text"
-                     v-html="modules[5].form.des"></div>
+                <div class="text" v-html="modules[5].form.des"></div>
               </div>
-              <div class="cover"
-                   @click="toSet(5)">点击更换图片、标题、描述与链接</div>
+              <div class="cover" @click="toSet(5)">点击更换图片、标题、描述与链接</div>
             </li>
             <li>
-              <img :src="modules[6].form.pic"
-                   alt=""
-                   class="pic" />
+              <img :src="modules[6].form.pic" alt="" class="pic" />
               <div class="texts">
                 <h6>{{ modules[6].form.title }}</h6>
-                <div class="text"
-                     v-html="modules[6].form.des"></div>
+                <div class="text" v-html="modules[6].form.des"></div>
               </div>
-              <div class="cover"
-                   @click="toSet(6)">点击更换图片、标题、描述与链接</div>
+              <div class="cover" @click="toSet(6)">点击更换图片、标题、描述与链接</div>
             </li>
             <li>
-              <img :src="modules[7].form.pic"
-                   alt=""
-                   class="pic" />
+              <img :src="modules[7].form.pic" alt="" class="pic" />
               <div class="texts">
                 <h6>{{ modules[7].form.title }}</h6>
-                <div class="text"
-                     v-html="modules[7].form.des"></div>
+                <div class="text" v-html="modules[7].form.des"></div>
               </div>
-              <div class="cover"
-                   @click="toSet(7)">点击更换图片、标题、描述与链接</div>
+              <div class="cover" @click="toSet(7)">点击更换图片、标题、描述与链接</div>
             </li>
           </ul>
         </div>
@@ -135,68 +98,48 @@
 
       <div class="block scan gray">
         <div class="c-wrap">
-          <h2 class="b-title"
-              v-html="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>
+          <div class="cover" @click="toSet(8)">点击更换标题与描述</div>
         </div>
         <div class="scan-inner">
           <div class="left">
             <div class="c-wrap">
               <template v-for="(item, i) in modules[9].list">
-                <div v-if="item.isEnable"
-                     class="line"
-                     :key="i">
-                  <img v-if="item.pic"
-                       :src="item.pic"
-                       alt=""
-                       class="icon">
+                <div v-if="item.isEnable" class="line" :key="i">
+                  <img v-if="item.pic" :src="item.pic" alt="" class="icon">
                   <p class="text">{{ item.title }}</p>
                 </div>
               </template>
-              <div class="cover"
-                   @click="toSet(9)">点击更换标题</div>
+              <div class="cover" @click="toSet(9)">点击更换标题</div>
             </div>
             <ul class="total">
               <li>
                 <p class="num">{{ modules[10].form.title }}</p>
                 <p class="text">{{ modules[10].form.des }}</p>
-                <div class="cover"
-                     style="width: 100px;"
-                     @click="toSet(10)">标题描述</div>
+                <div class="cover" style="width: 100px;" @click="toSet(10)">标题描述</div>
               </li>
               <li>
                 <p class="num">{{ modules[11].form.title }}</p>
                 <p class="text">{{ modules[11].form.des }}</p>
-                <div class="cover"
-                     style="width: 100px;"
-                     @click="toSet(11)">标题描述</div>
+                <div class="cover" style="width: 100px;" @click="toSet(11)">标题描述</div>
               </li>
               <li>
                 <p class="num">{{ modules[12].form.title }}</p>
                 <p class="text">{{ modules[12].form.des }}</p>
-                <div class="cover"
-                     style="width: 100px;"
-                     @click="toSet(12)">标题描述</div>
+                <div class="cover" style="width: 100px;" @click="toSet(12)">标题描述</div>
               </li>
             </ul>
           </div>
           <div class="c-wrap">
-            <img :src="modules[13].form.pic"
-                 alt=""
-                 class="pic" />
-            <div class="cover"
-                 @click="toSet(13)">点击更换图片</div>
+            <img :src="modules[13].form.pic" alt="" class="pic" />
+            <div class="cover" @click="toSet(13)">点击更换图片</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>
 
@@ -210,25 +153,7 @@ export default {
       modules: Modules.overview
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '关于IASF-研究院概况'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -237,189 +162,224 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .history {
-    h2 {
-        font-size: 1rem;
-        color: #333;
+  h2 {
+    font-size: 1rem;
+    color: #333;
+  }
+
+  .texts {
+    display: flex;
+    justify-content: space-between;
+    padding: 5.125rem 3.5625rem 1.875rem;
+    margin-top: 20px;
+    background-color: #fff;
+    border-radius: 6.25rem 0px 0px 0px;
+    transition: 0.3s;
+
+    &:hover {
+      transform: scale(1.05);
     }
+  }
+
+  .left {
+    width: 43.4375rem;
+  }
+
+  .line {
+    width: 53px;
+    height: 3px;
+    margin: 18px 0;
+    background: #0280f1;
+  }
+
+  .des {
+    font-size: 0.9rem;
+    color: #181818;
+    line-height: 31px;
+    -webkit-line-clamp: 6;
+  }
+
+  .bg {
+    margin: -122px 0 0 0;
+    border-top-right-radius: 40px;
+  }
+}
+
+.core {
+  position: relative;
+  height: 370px;
+  margin-bottom: 40px;
+
+  &:last-child {
     .texts {
-        display: flex;
-        justify-content: space-between;
-        padding: 5.125rem 3.5625rem 1.875rem;
-        margin-top: 20px;
-        background-color: #fff;
-        border-radius: 6.25rem 0px 0px 0px;
-        transition: 0.3s;
-        &:hover {
-            transform: scale(1.05);
-        }
+      left: 40px;
+      right: auto;
     }
-    .left {
-        width: 43.4375rem;
-    }
-    .line {
-        width: 53px;
-        height: 3px;
-        margin: 18px 0;
-        background: #0280f1;
+  }
+
+  .pic {
+    width: 100%;
+    height: 100%;
+  }
+
+  .texts {
+    position: absolute;
+    top: 80px;
+    right: 40px;
+    width: 500px;
+    color: #fff;
+  }
+
+  .core-title {
+    font-size: 1.4rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+  }
+
+  .line {
+    width: 136px;
+    height: 3px;
+    margin: 20px 0;
+    background: #ffffff;
+    opacity: 0.56;
+  }
+
+  .text {
+    font-size: 1rem;
+    line-height: 1.6;
+  }
+}
+
+.fac {
+  .event {
+    position: relative;
+    padding: 70px 250px 70px 60px;
+    background: url(https://new.iasf.ac.cn/images/overview/16.png) 0 0/100% no-repeat;
+
+    h6 {
+      font-size: 2.2rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+      color: #333;
     }
-    .des {
-        font-size: 0.9rem;
-        color: #181818;
-        line-height: 31px;
-        -webkit-line-clamp: 6;
+
+    .en {
+      margin-top: -10px;
+      font-size: 2rem;
+      font-family: AppleSystemUIFont;
+      color: #e4e4e4;
     }
-    .bg {
-        margin: -122px 0 0 0;
-        border-top-right-radius: 40px;
+
+    .text {
+      margin: 15px 0;
+      font-size: 1rem;
+      color: #333;
     }
-}
-.core {
-    position: relative;
-    height: 370px;
-    margin-bottom: 40px;
-    &:last-child {
-        .texts {
-            left: 40px;
-            right: auto;
-        }
+  }
+
+  .l-card {
+    display: flex;
+    margin-top: 20px;
+
+    li {
+      position: relative;
+      width: calc((100% - 40px) / 3);
+      height: 380px;
+      margin-right: 20px;
+
+      &:last-child {
+        margin-right: 0;
+      }
     }
+
     .pic {
-        width: 100%;
-        height: 100%;
+      width: 100%;
+      height: 100%;
     }
+
     .texts {
-        position: absolute;
-        top: 80px;
-        right: 40px;
-        width: 500px;
-        color: #fff;
-    }
-    .core-title {
-        font-size: 1.4rem;
-        font-family: PingFangSC-Medium, PingFang SC;
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      padding: 140px 30px 0;
+      color: #fff;
+      background-color: rgba(0, 0, 0, 0.5);
     }
-    .line {
-        width: 136px;
-        height: 3px;
-        margin: 20px 0;
-        background: #ffffff;
-        opacity: 0.56;
+
+    h6 {
+      margin-bottom: 15px;
+      font-size: 2rem;
+      font-family: PingFangSC-Medium, PingFang SC;
     }
+
     .text {
-        font-size: 1rem;
-        line-height: 1.6;
-    }
-}
-.fac {
-    .event {
-        position: relative;
-        padding: 70px 250px 70px 60px;
-        background: url(https://new.iasf.ac.cn/images/overview/16.png) 0 0/100% no-repeat;
-        h6 {
-            font-size: 2.2rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            color: #333;
-        }
-        .en {
-            margin-top: -10px;
-            font-size: 2rem;
-            font-family: AppleSystemUIFont;
-            color: #e4e4e4;
-        }
-        .text {
-            margin: 15px 0;
-            font-size: 1rem;
-            color: #333;
-        }
-    }
-    .l-card {
-        display: flex;
-        margin-top: 20px;
-        li {
-            position: relative;
-            width: calc((100% - 40px) / 3);
-            height: 380px;
-            margin-right: 20px;
-            &:last-child {
-                margin-right: 0;
-            }
-        }
-        .pic {
-            width: 100%;
-            height: 100%;
-        }
-        .texts {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            padding: 140px 30px 0;
-            color: #fff;
-            background-color: rgba(0, 0, 0, 0.5);
-        }
-        h6 {
-            margin-bottom: 15px;
-            font-size: 2rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-        }
-        .text {
-            font-size: 1rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            line-height: 2;
-            @include mul-ellipsis(4);
-        }
+      font-size: 1rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+      line-height: 2;
+      @include mul-ellipsis(4);
     }
+  }
 }
+
 .scan {
-    .scan-inner {
-        display: flex;
-        padding-left: 20%;
+  .scan-inner {
+    display: flex;
+    padding-left: 20%;
+  }
+
+  .left {
+    width: 30%;
+    margin-right: 80px;
+  }
+
+  .line {
+    display: flex;
+    align-items: center;
+    margin-bottom: 30px;
+
+    .icon {
+      width: 50px;
+      height: 50px;
+      margin-right: 20px;
     }
-    .left {
-        width: 30%;
-        margin-right: 80px;
+
+    .text {
+      font-size: 1rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+      color: #333;
+      line-height: 2;
+      @include mul-ellipsis(2);
     }
-    .line {
-        display: flex;
-        align-items: center;
-        margin-bottom: 30px;
-        .icon {
-            width: 50px;
-            height: 50px;
-            margin-right: 20px;
-        }
-        .text {
-            font-size: 1rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            color: #333;
-            line-height: 2;
-            @include mul-ellipsis(2);
-        }
+  }
+
+  .total {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 50px;
+
+    li {
+      position: relative;
     }
-    .total {
-        display: flex;
-        justify-content: space-between;
-        margin-top: 50px;
-        li {
-            position: relative;
-        }
-        .num {
-            margin-bottom: 10px;
-            font-size: 2rem;
-            font-family: ToppanBunkyuMidashiMinchoStdN-ExtraBold, ToppanBunkyuMidashiMinchoStdN;
-            font-weight: 800;
-            color: #1583ff;
-        }
-        .text {
-            font-size: 1rem;
-            color: #333;
-        }
+
+    .num {
+      margin-bottom: 10px;
+      font-size: 2rem;
+      font-family: ToppanBunkyuMidashiMinchoStdN-ExtraBold, ToppanBunkyuMidashiMinchoStdN;
+      font-weight: 800;
+      color: #1583ff;
     }
-    .pic {
-        width: 70%;
-        height: 700px;
+
+    .text {
+      font-size: 1rem;
+      color: #333;
     }
+  }
+
+  .pic {
+    width: 70%;
+    height: 700px;
+  }
 }
 </style>
diff --git a/src/pages/column/page/overviewDevHistory.vue b/src/pages/column/page/overviewDevHistory.vue
index 95afeaf..c1df0c1 100644
--- a/src/pages/column/page/overviewDevHistory.vue
+++ b/src/pages/column/page/overviewDevHistory.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/SFEL-概况-发展历程</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,76 +13,57 @@
     <div class="modules">
       <div class="relative">
         <div class="single-banner single-banner-overview">
-          <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>
 
       <ul class="tabs wow fadeInLeft">
         <template v-for="(item, i) in tabs">
-          <li :class="{active: i == active}"
-              :key="i"
-              @click="tabChange(i)">{{ item }}</li>
+          <li :class="{ active: i == active }" :key="i" @click="tabChange(i)">{{ item }}</li>
         </template>
       </ul>
 
       <div class="block history">
         <div class="inner">
           <div class="c-wrap">
-            <h2 class="wow fadeInLeft"
-                v-html="modules[1].form.title"></h2>
+            <h2 class="wow fadeInLeft" v-html="modules[1].form.title"></h2>
             <p class="en">{{ modules[1].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(1)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(1)">点击更换标题与描述</div>
           </div>
 
           <div class="c-wrap">
-            <div v-if="modules[2].list.length"
-                 class="event">
+            <div v-if="modules[2].list.length" class="event">
               <ul class="time">
                 <template v-for="(item, i) in modules[2].list">
-                  <li v-if="item.isEnable"
-                      :key="i"
-                      :class="{active: curYear == i}">{{ item.title }}</li>
+                  <li v-if="item.isEnable" :key="i" :class="{ active: curYear == i }">{{ item.title }}</li>
                 </template>
               </ul>
               <div class="right">
                 <h6 class="year">{{ modules[2].list[curYear].title }}</h6>
                 <ul class="list">
                   <template v-for="(e, j) in modules[2].list[curYear].list">
-                    <li v-if="e.isEnable"
-                        :key="j">
+                    <li v-if="e.isEnable" :key="j">
                       <div class="texts">
                         <p class="date">{{ e.title }}</p>
                         <p class="text">{{ e.des }}</p>
                       </div>
-                      <img v-if="e.pic"
-                           :src="e.pic"
-                           alt=""
-                           class="pic">
+                      <img v-if="e.pic" :src="e.pic" alt="" class="pic">
                     </li>
                   </template>
                 </ul>
               </div>
             </div>
-            <div class="cover"
-                 style="min-height: 300px;"
-                 @click="toSet(2)">点击配置历程</div>
+            <div class="cover" style="min-height: 300px;" @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>
 
@@ -101,25 +80,7 @@ export default {
       curYear: 0
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '概况-发展历程'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
     // tab回调
     tabChange (i) {
@@ -131,127 +92,147 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .wrap {
-    background: url(https://new.iasf.ac.cn/images/overviewDevHistory/1.png) (right 505px) / auto no-repeat,
-        url(https://new.iasf.ac.cn/images/overviewDevHistory/2.png) (left bottom) / auto no-repeat;
-    background-color: #fff;
+  background: url(https://new.iasf.ac.cn/images/overviewDevHistory/1.png) (right 505px) / auto no-repeat,
+    url(https://new.iasf.ac.cn/images/overviewDevHistory/2.png) (left bottom) / auto no-repeat;
+  background-color: #fff;
 }
+
 .tabs {
-    display: flex;
-    justify-content: center;
-    box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
-    li {
-        padding: 25px 19px;
-        margin: 0 10px;
-        font-size: 1.1rem;
-        color: #333;
-        border-bottom: 4px solid transparent;
-        text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
-        cursor: pointer;
-        &.active {
-            color: #1583ff;
-            border-bottom-color: #1583ff;
-        }
+  display: flex;
+  justify-content: center;
+  box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
+
+  li {
+    padding: 25px 19px;
+    margin: 0 10px;
+    font-size: 1.1rem;
+    color: #333;
+    border-bottom: 4px solid transparent;
+    text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
+    cursor: pointer;
+
+    &.active {
+      color: #1583ff;
+      border-bottom-color: #1583ff;
     }
+  }
 }
+
 .history {
-    h2 {
-        position: relative;
-        font-size: 2.2rem;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        font-weight: 600;
-        color: #1c1c1c;
-    }
-    .en {
-        margin: -15px 0 40px;
-        font-size: 2.2rem;
-        font-family: PingFangSC-Light, PingFang SC;
-        font-weight: 300;
-        color: #e3e3e3;
-    }
+  h2 {
+    position: relative;
+    font-size: 2.2rem;
+    font-family: PingFangSC-Semibold, PingFang SC;
+    font-weight: 600;
+    color: #1c1c1c;
+  }
+
+  .en {
+    margin: -15px 0 40px;
+    font-size: 2.2rem;
+    font-family: PingFangSC-Light, PingFang SC;
+    font-weight: 300;
+    color: #e3e3e3;
+  }
 }
+
 .event {
-    display: flex;
-    justify-content: center;
-    .time {
-        width: 200px;
-        padding-right: 10px;
-        margin-right: 20px;
-        border-right: 1px solid #ddd;
-        li {
-            display: flex;
-            justify-content: flex-end;
-            align-items: center;
-            width: 190px;
-            padding-right: 45px;
-            line-height: 60px;
-            font-size: 1.4rem;
-            font-weight: 600;
-            font-family: SFProDisplay-Semibold, SFProDisplay;
-            color: #666;
-            box-shadow: inset 0px -1px 0px 0px #dddddd;
-            cursor: pointer;
-            &.active {
-                font-weight: 800;
-                color: #1a81f4;
-                background: linear-gradient(90deg, #ffffff 0%, #f3f8ff 100%);
-                &:before {
-                    content: '';
-                    width: 18px;
-                    height: 18px;
-                    background: url(https://new.iasf.ac.cn/images/overviewDevHistory/3.png) no-repeat;
-                    margin-right: 20px;
-                }
-            }
+  display: flex;
+  justify-content: center;
+
+  .time {
+    width: 200px;
+    padding-right: 10px;
+    margin-right: 20px;
+    border-right: 1px solid #ddd;
+
+    li {
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+      width: 190px;
+      padding-right: 45px;
+      line-height: 60px;
+      font-size: 1.4rem;
+      font-weight: 600;
+      font-family: SFProDisplay-Semibold, SFProDisplay;
+      color: #666;
+      box-shadow: inset 0px -1px 0px 0px #dddddd;
+      cursor: pointer;
+
+      &.active {
+        font-weight: 800;
+        color: #1a81f4;
+        background: linear-gradient(90deg, #ffffff 0%, #f3f8ff 100%);
+
+        &:before {
+          content: '';
+          width: 18px;
+          height: 18px;
+          background: url(https://new.iasf.ac.cn/images/overviewDevHistory/3.png) no-repeat;
+          margin-right: 20px;
         }
+      }
     }
-    .right {
-        width: 900px;
+  }
+
+  .right {
+    width: 900px;
+  }
+
+  .year {
+    margin: 0 0 20px 20px;
+    font-size: 3.8rem;
+    font-family: ToppanBunkyuMidashiGothicStdN-ExtraBold, ToppanBunkyuMidashiGothicStdN;
+    font-weight: 800;
+    color: #1a81f4;
+  }
+
+  .list {
+    border-top: 1px solid #ddd;
+
+    li {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 30px;
+      border-bottom: 1px solid #ddd;
     }
-    .year {
-        margin: 0 0 20px 20px;
-        font-size: 3.8rem;
-        font-family: ToppanBunkyuMidashiGothicStdN-ExtraBold, ToppanBunkyuMidashiGothicStdN;
-        font-weight: 800;
-        color: #1a81f4;
+
+    .texts {
+      width: 500px;
     }
-    .list {
-        border-top: 1px solid #ddd;
-        li {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 30px;
-            border-bottom: 1px solid #ddd;
-        }
-        .texts {
-            width: 500px;
-        }
-        .date {
-            margin-bottom: 15px;
-            font-size: 1.2rem;
-            font-family: PingFangSC-Semibold, PingFang SC;
-            font-weight: 600;
-            color: #333;
-        }
-        .text {
-            font-size: 1.1rem;
-            color: #333;
-            @include mul-ellipsis(3);
-            &:before {
-                content: '';
-                display: inline-block;
-                width: 7px;
-                height: 7px;
-                margin: 0 10px;
-                background-color: #666;
-                transform: rotate(45deg);
-            }
-        }
-        .pic {
-            width: 350px;
-            height: 195px;
-        }
+
+    .date {
+      margin-bottom: 15px;
+      font-size: 1.2rem;
+      font-family: PingFangSC-Semibold, PingFang SC;
+      font-weight: 600;
+      color: #333;
+    }
+
+    .text {
+      font-size: 1.1rem;
+      color: #333;
+      @include mul-ellipsis(3);
+
+      &:before {
+        content: '';
+        display: inline-block;
+        width: 7px;
+        height: 7px;
+        margin: 0 10px;
+        background-color: #666;
+        transform: rotate(45deg);
+      }
     }
+
+    .pic {
+      width: 350px;
+      height: 195px;
+    }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/overviewIntro.vue b/src/pages/column/page/overviewIntro.vue
index a80d824..d3306c9 100644
--- a/src/pages/column/page/overviewIntro.vue
+++ b/src/pages/column/page/overviewIntro.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/SFEL-概况-S³FEL介绍</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,62 +13,45 @@
     <div class="modules">
       <div class="relative">
         <div class="single-banner single-banner-overview">
-          <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>
 
       <ul class="tabs wow fadeInLeft">
         <template v-for="(item, i) in tabs">
-          <li :class="{active: i == active}"
-              :key="i"
-              @click="tabChange(i)">{{ item }}</li>
+          <li :class="{ active: i == active }" :key="i" @click="tabChange(i)">{{ item }}</li>
         </template>
       </ul>
 
       <div class="tab-content">
         <div class="intro c-wrap">
-          <img class="pic"
-               :src="modules[1].form.pic"
-               alt="">
+          <img class="pic" :src="modules[1].form.pic" alt="">
           <div class="right">
             <div class="relative">
               <h6 v-html="modules[1].form.title"></h6>
-              <img class="title-bg"
-                   src="https://new.iasf.ac.cn/images/overviewIntro/2.png"
-                   alt="">
+              <img class="title-bg" src="https://new.iasf.ac.cn/images/overviewIntro/2.png" alt="">
             </div>
 
-            <div class="text"
-                 v-html="modules[1].form.des"></div>
+            <div class="text" v-html="modules[1].form.des"></div>
           </div>
-          <div class="cover"
-               style="min-height: 300px;"
-               @click="toSet(1)">点击更换图片、标题与描述</div>
+          <div class="cover" style="min-height: 300px;" @click="toSet(1)">点击更换图片、标题与描述</div>
         </div>
         <div class="intro-bg">
           <div class="mask"></div>
           <div class="texts">
             <h6>{{ modules[2].form.title }}</h6>
-            <div class="des"
-                 v-html="modules[2].form.des"></div>
+            <div class="des" v-html="modules[2].form.des"></div>
           </div>
-          <div class="cover"
-               @click="toSet(2)">点击更换标题与描述</div>
+          <div class="cover" @click="toSet(2)">点击更换标题与描述</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>
 
@@ -86,25 +67,7 @@ export default {
       tabs: ['S³FEL介绍']
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '概况-介绍'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
     // tab回调
     tabChange (i) {
@@ -116,102 +79,122 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .wrap {
-    background: url(../../../assets/images/survey2.png) (bottom right) / auto no-repeat;
+  background: url(../../../assets/images/survey2.png) (bottom right) / auto no-repeat;
 }
+
 .tabs {
-    display: flex;
-    justify-content: center;
-    box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
-    li {
-        padding: 25px 19px;
-        margin: 0 10px;
-        font-size: 1.1rem;
-        color: #333;
-        border-bottom: 4px solid transparent;
-        text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
-        cursor: pointer;
-        &.active {
-            color: #1583ff;
-            border-bottom-color: #1583ff;
-        }
+  display: flex;
+  justify-content: center;
+  box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
+
+  li {
+    padding: 25px 19px;
+    margin: 0 10px;
+    font-size: 1.1rem;
+    color: #333;
+    border-bottom: 4px solid transparent;
+    text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
+    cursor: pointer;
+
+    &.active {
+      color: #1583ff;
+      border-bottom-color: #1583ff;
     }
+  }
 }
+
 .tab-content {
-    padding-top: 150px;
-    .intro {
-        display: flex;
-        margin-bottom: 110px;
-        .pic {
-            width: 600px;
-            margin-right: 50px;
-        }
-        .right {
-            width: 600px;
-        }
-        h6 {
-            position: relative;
-            font-size: 1.2rem;
-            color: #333;
-        }
-        .title-bg {
-            position: absolute;
-            top: -40px;
-            left: -20px;
-        }
-        .text {
-            margin-top: 40px;
-            font-size: 1rem;
-            color: #020202;
-            line-height: 2;
-        }
+  padding-top: 150px;
+
+  .intro {
+    display: flex;
+    margin-bottom: 110px;
+
+    .pic {
+      width: 600px;
+      margin-right: 50px;
     }
-    .intro-bg {
-        position: relative;
-        height: 275px;
-        padding-top: 90px;
-        color: #fff;
-        text-align: center;
-        background: url(https://new.iasf.ac.cn/images/overviewIntro/3.png) 0 0/100% 100% no-repeat;
-        .mask {
-            position: absolute;
-            top: 0;
-            right: 0;
-            bottom: 0;
-            left: 0;
-            content: '';
-            background-color: rgba(0, 0, 0, 0.3);
-        }
-        .texts {
-            position: relative;
-        }
-        h6 {
-            margin-bottom: 30px;
-            font-size: 2rem;
-            font-family: ToppanBunkyuMidashiGothicStdN-ExtraBold, ToppanBunkyuMidashiGothicStdN;
-            font-weight: 800;
-        }
-        .des {
-            font-size: 1.5rem;
-        }
+
+    .right {
+      width: 600px;
+    }
+
+    h6 {
+      position: relative;
+      font-size: 1.2rem;
+      color: #333;
+    }
+
+    .title-bg {
+      position: absolute;
+      top: -40px;
+      left: -20px;
+    }
+
+    .text {
+      margin-top: 40px;
+      font-size: 1rem;
+      color: #020202;
+      line-height: 2;
     }
+  }
+
+  .intro-bg {
+    position: relative;
+    height: 275px;
+    padding-top: 90px;
+    color: #fff;
+    text-align: center;
+    background: url(https://new.iasf.ac.cn/images/overviewIntro/3.png) 0 0/100% 100% no-repeat;
+
+    .mask {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      content: '';
+      background-color: rgba(0, 0, 0, 0.3);
+    }
+
+    .texts {
+      position: relative;
+    }
+
+    h6 {
+      margin-bottom: 30px;
+      font-size: 2rem;
+      font-family: ToppanBunkyuMidashiGothicStdN-ExtraBold, ToppanBunkyuMidashiGothicStdN;
+      font-weight: 800;
+    }
+
+    .des {
+      font-size: 1.5rem;
+    }
+  }
 }
+
 @media (max-width: 1200px) {
-    .tabs {
-        overflow: hidden;
-        overflow-x: auto;
-        white-space: normal;
-        justify-content: normal;
-        display: -webkit-box;
-        li {
-            white-space: normal;
-        }
+  .tabs {
+    overflow: hidden;
+    overflow-x: auto;
+    white-space: normal;
+    justify-content: normal;
+    display: -webkit-box;
+
+    li {
+      white-space: normal;
     }
-    .tab-content {
-        width: 90%;
-        span {
-            font-size: 1.35rem;
-        }
+  }
+
+  .tab-content {
+    width: 90%;
+
+    span {
+      font-size: 1.35rem;
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/overviewLocation.vue b/src/pages/column/page/overviewLocation.vue
index 95f70d3..5fc188d 100644
--- a/src/pages/column/page/overviewLocation.vue
+++ b/src/pages/column/page/overviewLocation.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/SFEL-概况-地理位置</p>
+      <p class="page-name">页面设置/{{ columnName }}</p>
       <div>
         <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 @click="back">放弃编辑</el-button> 
+        <el-button @click="back">放弃编辑</el-button>
       </div>
     </div>
 
@@ -23,7 +23,7 @@
 
       <ul class="tabs wow fadeInLeft">
         <template v-for="(item, i) in tabs">
-          <li :class="{active: i == active}" :key="i" @click="tabChange(i)">{{ item }}</li>
+          <li :class="{ active: i == active }" :key="i" @click="tabChange(i)">{{ item }}</li>
         </template>
       </ul>
 
@@ -44,35 +44,17 @@ import mixins from '@/mixins/page'
 import Modules from '@/const/modules'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       modules: Modules.overviewLocation,
       active: 0,
       tabs: ['地理位置']
     }
   },
-  mounted() {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '概况-地理位置'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
     // tab回调
-    tabChange(i) {
+    tabChange (i) {
       this.active = i
     },
   }
@@ -81,37 +63,44 @@ export default {
 
 <style lang="scss" scoped>
 @import "../../../styles/page/page.scss";
+
 .wrap {
   background: url(../../../assets/images/survey1.png) (0 559px)/auto no-repeat,
-              url(../../../assets/images/survey2.png) (bottom right)/auto no-repeat;
+    url(../../../assets/images/survey2.png) (bottom right)/auto no-repeat;
 }
+
 .tabs {
   display: flex;
   justify-content: center;
-  box-shadow: 0px 2px 10px 0px rgba(223,223,223,0.28);
+  box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
+
   li {
     padding: 25px 19px;
     margin: 0 10px;
     font-size: 22px;
     color: #333;
     border-bottom: 4px solid transparent;
-    text-shadow: 0px 2px 14px rgba(167,167,167,0.26);
+    text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
     cursor: pointer;
+
     &.active {
       color: #1583FF;
       border-bottom-color: #1583FF;
     }
   }
 }
+
 .tab-content {
   width: 1000px;
   padding: 77px 0;
   margin: 0 auto;
 }
+
 .video {
   width: 100%;
   margin-bottom: 55px;
 }
+
 .text {
   font-size: 18px;
   color: #020202;
diff --git a/src/pages/column/page/overviewSetup.vue b/src/pages/column/page/overviewSetup.vue
index dc4b15d..de5c4a3 100644
--- a/src/pages/column/page/overviewSetup.vue
+++ b/src/pages/column/page/overviewSetup.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/SFEL-概况-机构设置</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,22 +13,17 @@
     <div class="modules">
       <div class="relative">
         <div class="single-banner single-banner-overview">
-          <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>
 
       <ul class="tabs wow fadeInLeft">
         <template v-for="(item, i) in tabs">
-          <li :class="{active: i == active}"
-              :key="i"
-              @click="tabChange(i)">{{ item }}</li>
+          <li :class="{ active: i == active }" :key="i" @click="tabChange(i)">{{ item }}</li>
         </template>
       </ul>
 
@@ -38,30 +31,19 @@
         <div class="org c-wrap">
           <div class="left">
             <h6 v-html="modules[1].form.title"></h6>
-            <p class="text"
-               v-html="modules[1].form.des"></p>
+            <p class="text" v-html="modules[1].form.des"></p>
           </div>
-          <img class="pic"
-               src="https://new.iasf.ac.cn/images/overviewSetup/1.png"
-               alt="">
-          <div class="cover"
-               style="min-height: 300px;"
-               @click="toSet(1)">点击更换标题与描述</div>
+          <img class="pic" src="https://new.iasf.ac.cn/images/overviewSetup/1.png" alt="">
+          <div class="cover" style="min-height: 300px;" @click="toSet(1)">点击更换标题与描述</div>
         </div>
         <div class="lg-bg">
-          <img width="100%"
-               :src="modules[2].form.pic"
-               alt="">
-          <div class="cover"
-               @click="toSet(2)">点击更换图片</div>
+          <img width="100%" :src="modules[2].form.pic" alt="">
+          <div class="cover" @click="toSet(2)">点击更换图片</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>
 
@@ -77,25 +59,7 @@ export default {
       tabs: ['机构设置']
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '概况-机构设置'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
     // tab回调
     tabChange (i) {
@@ -107,59 +71,69 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .tabs {
-    display: flex;
-    justify-content: center;
-    box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
-    li {
-        padding: 25px 19px;
-        margin: 0 10px;
-        font-size: 1.1rem;
-        color: #333;
-        border-bottom: 4px solid transparent;
-        text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
-        cursor: pointer;
-        &.active {
-            color: #1583ff;
-            border-bottom-color: #1583ff;
-        }
+  display: flex;
+  justify-content: center;
+  box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
+
+  li {
+    padding: 25px 19px;
+    margin: 0 10px;
+    font-size: 1.1rem;
+    color: #333;
+    border-bottom: 4px solid transparent;
+    text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
+    cursor: pointer;
+
+    &.active {
+      color: #1583ff;
+      border-bottom-color: #1583ff;
     }
+  }
 }
+
 .tab-content {
-    padding: 77px 0;
+  padding: 77px 0;
 }
+
 .org {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 1294px;
-    padding: 9px 86px 29px 116px;
-    margin: 0 auto 50px;
-    background: #fcfcfc;
-    border-radius: 160px;
-    .left {
-        width: 705px;
-    }
-    h6 {
-        font-size: 1.4rem;
-        font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
-        font-weight: bold;
-        color: #333;
-    }
-    .text {
-        margin-top: 10px;
-        font-size: 1rem;
-        color: #020202;
-        line-height: 2rem;
-    }
-    .pic {
-        width: 320px;
-        height: 282px;
-    }
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 1294px;
+  padding: 9px 86px 29px 116px;
+  margin: 0 auto 50px;
+  background: #fcfcfc;
+  border-radius: 160px;
+
+  .left {
+    width: 705px;
+  }
+
+  h6 {
+    font-size: 1.4rem;
+    font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
+    font-weight: bold;
+    color: #333;
+  }
+
+  .text {
+    margin-top: 10px;
+    font-size: 1rem;
+    color: #020202;
+    line-height: 2rem;
+  }
+
+  .pic {
+    width: 320px;
+    height: 282px;
+  }
 }
+
 .lg-bg {
-    position: relative;
-    width: 85%;
-    margin: 0 auto;
+  position: relative;
+  width: 85%;
+  margin: 0 auto;
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/overviewTrailer.vue b/src/pages/column/page/overviewTrailer.vue
index afb51aa..f4479a8 100644
--- a/src/pages/column/page/overviewTrailer.vue
+++ b/src/pages/column/page/overviewTrailer.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/SFEL-概况-S³FEL宣传片</p>
+      <p class="page-name">页面设置/{{ columnName }}</p>
       <div>
         <el-button type="primary" @click="preview">预览</el-button>
         <el-button @click="save(0)">保存为草稿</el-button>
@@ -23,7 +23,7 @@
 
       <ul class="tabs wow fadeInLeft">
         <template v-for="(item, i) in tabs">
-          <li :class="{active: i == active}" :key="i" @click="tabChange(i)">{{ item }}</li>
+          <li :class="{ active: i == active }" :key="i" @click="tabChange(i)">{{ item }}</li>
         </template>
       </ul>
 
@@ -48,35 +48,17 @@ import mixins from '@/mixins/page'
 import Modules from '@/const/modules'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       modules: Modules.overviewTrailer,
       active: 0,
       tabs: ['S³FEL宣传片']
     }
   },
-  mounted() {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '概况-宣传片'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
     // tab回调
-    tabChange(i) {
+    tabChange (i) {
       this.active = i
     },
   }
@@ -85,37 +67,44 @@ export default {
 
 <style lang="scss" scoped>
 @import "../../../styles/page/page.scss";
+
 .wrap {
   background: url(../../../assets/images/survey1.png) (0 559px)/auto no-repeat,
-              url(../../../assets/images/survey2.png) (bottom right)/auto no-repeat;
+    url(../../../assets/images/survey2.png) (bottom right)/auto no-repeat;
 }
+
 .tabs {
   display: flex;
   justify-content: center;
-  box-shadow: 0px 2px 10px 0px rgba(223,223,223,0.28);
+  box-shadow: 0px 2px 10px 0px rgba(223, 223, 223, 0.28);
+
   li {
     padding: 25px 19px;
     margin: 0 10px;
     font-size: 22px;
     color: #333;
     border-bottom: 4px solid transparent;
-    text-shadow: 0px 2px 14px rgba(167,167,167,0.26);
+    text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
     cursor: pointer;
+
     &.active {
       color: #1583FF;
       border-bottom-color: #1583FF;
     }
   }
 }
+
 .tab-content {
   width: 1000px;
   padding: 77px 0;
   margin: 0 auto;
 }
+
 .video {
   width: 100%;
   margin-bottom: 55px;
 }
+
 .text {
   font-size: 18px;
   color: #020202;
diff --git a/src/pages/column/page/research.vue b/src/pages/column/page/research.vue
index ebb23a5..ae0a8b8 100644
--- a/src/pages/column/page/research.vue
+++ b/src/pages/column/page/research.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/RESEARCH</p>
+      <p class="page-name">页面设置/{{ columnName }}</p>
       <div>
         <el-button type="primary" @click="preview">预览</el-button>
         <el-button @click="save(0)">保存为草稿</el-button>
@@ -12,7 +12,8 @@
 
     <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="">
@@ -59,7 +60,7 @@
           </ul>
         </div>
       </div>
-      
+
       <div class="block">
         <div class="inner" style="width: 1558px">
           <div class="c-wrap">
@@ -90,105 +91,105 @@ import mixins from '@/mixins/page'
 import Modules from '@/const/modules'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       modules: Modules.research
     }
   },
-  mounted() {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: 'RESEARCH'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
-    
+
   }
 };
 </script>
 
 <style lang="scss" scoped>
 @import "../../../styles/page/page.scss";
+
 .area {
   display: flex;
+
   li {
     position: relative;
     width: 19%;
     height: 653px;
     color: #fff;
     background: url(../../../assets/images/research/res1.png) 0 0/100% 100% no-repeat;
+
     &:nth-child(2) {
       width: 21%;
       margin-top: 70px;
+
       .texts {
         background: #2B1B1C;
       }
     }
+
     &:nth-child(3) {
       .texts {
         background: #009C91;
       }
     }
+
     &:nth-child(4) {
       margin-top: 70px;
+
       .texts {
         background: #005388;
       }
     }
+
     &:nth-child(5) {
       width: 22%;
+
       .texts {
         background: #9A4E10;
       }
     }
   }
+
   .pic {
     width: 100%;
     height: 443px;
   }
+
   .texts {
     width: 100%;
     height: 210px;
     padding: 20px 40px;
     background: #08577B;
   }
+
   h6 {
     font-size: 30px;
     white-space: nowrap;
   }
+
   .des {
     font-size: 22px;
-    color: rgba(255,255,255,0.55);
+    color: rgba(255, 255, 255, 0.55);
   }
 }
+
 .group {
   display: flex;
   flex-wrap: wrap;
+
   li {
     position: relative;
     width: 448px;
     margin: 0 28px 39px 0;
+
     &:nth-child(3n) {
       margin-right: 0;
     }
   }
+
   img {
     width: 100%;
     height: 353px;
   }
+
   .text {
     display: flex;
     justify-content: center;
@@ -204,10 +205,12 @@ export default {
     background-color: #F5F5F5;
   }
 }
+
 .news {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
+
   li {
     position: relative;
     width: 448px;
@@ -215,28 +218,34 @@ export default {
     margin-right: 28px;
     color: #333;
     background-color: #fff;
-    box-shadow: 0px 5px 20px 0px rgba(98,117,163,0.08);
+    box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
     border-radius: 10px;
+
     &:nth-child(3n) {
       margin-right: 0;
     }
+
     &:hover {
       color: #fff;
       background-color: #0252D9;
     }
   }
+
   img {
     width: 427px;
     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;
diff --git a/src/pages/column/page/researchNew.vue b/src/pages/column/page/researchNew.vue
index 77f5eab..c71e86e 100644
--- a/src/pages/column/page/researchNew.vue
+++ b/src/pages/column/page/researchNew.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/RESEARCH</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,43 +13,32 @@
     <div class="modules">
       <div class="relative">
         <el-carousel height="480px"
-                     :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+          :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">
         <div class="c-wrap">
           <h2 class="b-title">{{ modules[1].form.title }}</h2>
           <p class="intro">{{ modules[1].form.des }}</p>
-          <div class="cover"
-               @click="toSet(1)">点击更换标题与描述</div>
+          <div class="cover" @click="toSet(1)">点击更换标题与描述</div>
         </div>
         <ul class="area">
           <template v-for="(item, i) in modules[2].list">
             <li :key="i">
-              <img :src="item.pic"
-                   alt=""
-                   class="pic">
+              <img :src="item.pic" alt="" class="pic">
               <div class="texts">
-                <img :src="require('@/assets/images/research/res' + (i + 1) + '-1.png')"
-                     alt=""
-                     class="icon">
+                <img :src="require('@/assets/images/research/res' + (i + 1) + '-1.png')" alt="" class="icon">
                 <h6>{{ item.title }}</h6>
                 <p class="des">{{ item.des }}</p>
               </div>
-              <div class="cover"
-                   @click="toSet(2, i)">点击更改图片、标题概述与链接</div>
+              <div class="cover" @click="toSet(2, i)">点击更改图片、标题概述与链接</div>
             </li>
           </template>
         </ul>
@@ -62,27 +49,20 @@
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[3].form.title }}</h2>
             <p class="intro">{{ modules[3].form.des }}</p>
-            <div class="cover"
-                 @click="toSet(3)">点击更换标题与描述</div>
+            <div class="cover" @click="toSet(3)">点击更换标题与描述</div>
           </div>
           <ul class="group">
-            <li v-for="(item, i) in modules[4].list"
-                :key="i">
-              <img :src="item.pic"
-                   alt="">
+            <li v-for="(item, i) in modules[4].list" :key="i">
+              <img :src="item.pic" alt="">
               <p class="text">{{ item.title }}</p>
-              <div class="cover"
-                   @click="toSet(4, i)">点击更改图片、标题与链接</div>
+              <div class="cover" @click="toSet(4, i)">点击更改图片、标题与链接</div>
             </li>
           </ul>
         </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>
 
@@ -96,25 +76,7 @@ export default {
       modules: Modules.research
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: 'RESEARCH'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -123,124 +85,150 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .area {
-    display: flex;
-    li {
-        position: relative;
-        width: 19%;
-        height: 653px;
-        color: #fff;
-        background: url(../../../assets/images/research/res1.png) 0 0/100% 100% no-repeat;
-        &:nth-child(2) {
-            width: 21%;
-            margin-top: 70px;
-            .texts {
-                background: #2b1b1c;
-            }
-        }
-        &:nth-child(3) {
-            .texts {
-                background: #009c91;
-            }
-        }
-        &:nth-child(4) {
-            margin-top: 70px;
-            .texts {
-                background: #005388;
-            }
-        }
-        &:nth-child(5) {
-            width: 22%;
-            .texts {
-                background: #9a4e10;
-            }
-        }
-    }
-    .pic {
-        width: 100%;
-        height: 443px;
+  display: flex;
+
+  li {
+    position: relative;
+    width: 19%;
+    height: 653px;
+    color: #fff;
+    background: url(../../../assets/images/research/res1.png) 0 0/100% 100% no-repeat;
+
+    &:nth-child(2) {
+      width: 21%;
+      margin-top: 70px;
+
+      .texts {
+        background: #2b1b1c;
+      }
     }
-    .texts {
-        width: 100%;
-        height: 210px;
-        padding: 20px 40px;
-        background: #08577b;
+
+    &:nth-child(3) {
+      .texts {
+        background: #009c91;
+      }
     }
-    h6 {
-        font-size: 30px;
-        white-space: nowrap;
+
+    &:nth-child(4) {
+      margin-top: 70px;
+
+      .texts {
+        background: #005388;
+      }
     }
-    .des {
-        font-size: 22px;
-        color: rgba(255, 255, 255, 0.55);
+
+    &:nth-child(5) {
+      width: 22%;
+
+      .texts {
+        background: #9a4e10;
+      }
     }
+  }
+
+  .pic {
+    width: 100%;
+    height: 443px;
+  }
+
+  .texts {
+    width: 100%;
+    height: 210px;
+    padding: 20px 40px;
+    background: #08577b;
+  }
+
+  h6 {
+    font-size: 30px;
+    white-space: nowrap;
+  }
+
+  .des {
+    font-size: 22px;
+    color: rgba(255, 255, 255, 0.55);
+  }
 }
+
 .group {
-    display: flex;
-    flex-wrap: wrap;
-    li {
-        position: relative;
-        width: 448px;
-        margin: 0 28px 39px 0;
-        &:nth-child(3n) {
-            margin-right: 0;
-        }
-    }
-    img {
-        width: 100%;
-        height: 353px;
-    }
-    .text {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 143px;
-        padding: 0 30px;
-        font-size: 30px;
-        font-family: SFProDisplay-Bold, SFProDisplay;
-        font-weight: bold;
-        line-height: 40px;
-        text-align: center;
-        color: #272727;
-        background-color: #f5f5f5;
+  display: flex;
+  flex-wrap: wrap;
+
+  li {
+    position: relative;
+    width: 448px;
+    margin: 0 28px 39px 0;
+
+    &:nth-child(3n) {
+      margin-right: 0;
     }
-}
-.news {
+  }
+
+  img {
+    width: 100%;
+    height: 353px;
+  }
+
+  .text {
     display: flex;
     justify-content: center;
-    flex-wrap: wrap;
-    li {
-        position: relative;
-        width: 448px;
-        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;
-        &:nth-child(3n) {
-            margin-right: 0;
-        }
-        &:hover {
-            color: #fff;
-            background-color: #0252d9;
-        }
-    }
-    img {
-        width: 427px;
-        height: 481px;
-    }
-    .texts {
-        padding: 0 18px 50px;
-    }
-    h6 {
-        margin: 35px 0 12px;
-        font-size: 24px;
-        line-height: 33px;
+    align-items: center;
+    height: 143px;
+    padding: 0 30px;
+    font-size: 30px;
+    font-family: SFProDisplay-Bold, SFProDisplay;
+    font-weight: bold;
+    line-height: 40px;
+    text-align: center;
+    color: #272727;
+    background-color: #f5f5f5;
+  }
+}
+
+.news {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+
+  li {
+    position: relative;
+    width: 448px;
+    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;
+
+    &:nth-child(3n) {
+      margin-right: 0;
     }
-    .des {
-        font-size: 18px;
-        line-height: 26px;
+
+    &:hover {
+      color: #fff;
+      background-color: #0252d9;
     }
+  }
+
+  img {
+    width: 427px;
+    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;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/researchTeam.vue b/src/pages/column/page/researchTeam.vue
index 43458df..53b79f0 100644
--- a/src/pages/column/page/researchTeam.vue
+++ b/src/pages/column/page/researchTeam.vue
@@ -2,13 +2,11 @@
   <!-- 关于IASF-研究团队 -->
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/关于IASF-研究团队</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -16,15 +14,12 @@
     <div class="modules">
       <div class="relative">
         <div class="single-banner single-banner-overview">
-          <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="content">
@@ -33,37 +28,27 @@
             <ul class="teams">
               <li>
                 <div class="line">
-                  <img src="https://new.iasf.ac.cn/images/researchTeam/3.png"
-                       alt=""
-                       class="icon">
+                  <img src="https://new.iasf.ac.cn/images/researchTeam/3.png" alt="" class="icon">
                   <span class="bold">姓名</span>
                   <span class="val">/ 岗位</span>
                 </div>
                 <div class="line">
-                  <img src="https://new.iasf.ac.cn/images/researchTeam/4.png"
-                       alt=""
-                       class="icon">
+                  <img src="https://new.iasf.ac.cn/images/researchTeam/4.png" alt="" class="icon">
                   <span class="text">专业 超低温总体</span>
                 </div>
                 <div class="line">
-                  <img src="https://new.iasf.ac.cn/images/researchTeam/5.png"
-                       alt=""
-                       class="icon">
+                  <img src="https://new.iasf.ac.cn/images/researchTeam/5.png" alt="" class="icon">
                   <span class="text">荣誉 杰青 万人</span>
                 </div>
               </li>
-              <div class="cover"
-                   @click="toSet(1)">关联栏目</div>
+              <div class="cover" @click="toSet(1)">关联栏目</div>
             </ul>
           </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>
 
@@ -78,25 +63,7 @@ export default {
       title: ''
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '关于IASF-研究团队'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -105,436 +72,514 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .content {
-    width: 1400px;
-    margin-top: 20px;
+  width: 1400px;
+  margin-top: 20px;
 }
+
 .article {
-    display: flex;
-    justify-content: center;
-    .left {
-        width: 66%;
-        .search {
-            display: inline-flex;
-            width: 34%;
-            input {
-                width: 100%;
-                height: 38px;
-                padding: 0 15px;
-                font-size: 14px;
-                color: #333;
-                background: #f7f7f7;
-                border: 0;
-                border-top-left-radius: 6px;
-                border-bottom-left-radius: 6px;
-                &:focus {
-                    outline: none;
-                }
-            }
+  display: flex;
+  justify-content: center;
+
+  .left {
+    width: 66%;
+
+    .search {
+      display: inline-flex;
+      width: 34%;
+
+      input {
+        width: 100%;
+        height: 38px;
+        padding: 0 15px;
+        font-size: 14px;
+        color: #333;
+        background: #f7f7f7;
+        border: 0;
+        border-top-left-radius: 6px;
+        border-bottom-left-radius: 6px;
+
+        &:focus {
+          outline: none;
         }
+      }
     }
-    .teams {
-        position: relative;
-        display: flex;
-        flex-wrap: wrap;
-        margin-top: 30px;
-        li {
-            position: relative;
-            width: calc((100% - 10px) / 2);
-            padding: 20px 30px;
-            margin: 0 10px 10px 0;
-            background: url(https://new.iasf.ac.cn/images/researchTeam/2.png) 0 0 / cover no-repeat;
-            &:nth-child(even) {
-                margin-right: 0;
-            }
-        }
-        .line {
-            display: flex;
-            align-items: center;
-            margin-bottom: 8px;
-        }
-        .icon {
-            margin-right: 8px;
-        }
-        .bold {
-            margin-right: 5px;
-            font-size: 1.1rem;
-            color: #333;
-        }
-        .val {
-            font-size: 1rem;
-            color: #999;
-        }
-        .text {
-            font-size: 1rem;
-            color: #666;
-        }
+  }
+
+  .teams {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 30px;
+
+    li {
+      position: relative;
+      width: calc((100% - 10px) / 2);
+      padding: 20px 30px;
+      margin: 0 10px 10px 0;
+      background: url(https://new.iasf.ac.cn/images/researchTeam/2.png) 0 0 / cover no-repeat;
+
+      &:nth-child(even) {
+        margin-right: 0;
+      }
     }
-    .notice {
-        display: flex;
-        li {
-            position: relative;
-            width: calc((100% - 20px) / 2);
-            height: 300px;
-            padding: 20px;
-            background-color: #fff;
-        }
-        .pic {
-            width: 100%;
-            height: 100%;
-        }
-        .text {
-            position: absolute;
-            bottom: 20px;
-            left: 20px;
-            width: calc(100% - 40px);
-            font-size: 1.6rem;
-            line-height: 66px;
-            text-align: center;
-            color: #fff;
-            background: rgba(32, 57, 81, 0.68);
-        }
+
+    .line {
+      display: flex;
+      align-items: center;
+      margin-bottom: 8px;
     }
-    .right {
-        width: 20%;
+
+    .icon {
+      margin-right: 8px;
     }
-    .column {
-        width: 100%;
-        margin-bottom: 25px;
-    }
-    /deep/.el-tree-node__content {
-        height: 44px;
-        background-color: #e5edf8;
-        border-bottom: 2px solid #fff;
-    }
-    /deep/.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-        color: #fff;
-        background-color: #0f5698;
-    }
-    .list {
-        margin-bottom: 20px;
-        li {
-            padding: 16px 0;
-            border-bottom: 1px solid #d8d8d8;
-        }
-        .text {
-            margin-bottom: 5px;
-            font-size: 14px;
-            cursor: pointer;
-            &:hover {
-                color: $main-color;
-            }
-        }
-        .date {
-            font-size: 12px;
-            color: #999;
-        }
+
+    .bold {
+      margin-right: 5px;
+      font-size: 1.1rem;
+      color: #333;
+    }
+
+    .val {
+      font-size: 1rem;
+      color: #999;
+    }
+
+    .text {
+      font-size: 1rem;
+      color: #666;
+    }
+  }
+
+  .notice {
+    display: flex;
+
+    li {
+      position: relative;
+      width: calc((100% - 20px) / 2);
+      height: 300px;
+      padding: 20px;
+      background-color: #fff;
+    }
+
+    .pic {
+      width: 100%;
+      height: 100%;
+    }
+
+    .text {
+      position: absolute;
+      bottom: 20px;
+      left: 20px;
+      width: calc(100% - 40px);
+      font-size: 1.6rem;
+      line-height: 66px;
+      text-align: center;
+      color: #fff;
+      background: rgba(32, 57, 81, 0.68);
+    }
+  }
+
+  .right {
+    width: 20%;
+  }
+
+  .column {
+    width: 100%;
+    margin-bottom: 25px;
+  }
+
+  /deep/.el-tree-node__content {
+    height: 44px;
+    background-color: #e5edf8;
+    border-bottom: 2px solid #fff;
+  }
+
+  /deep/.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
+    color: #fff;
+    background-color: #0f5698;
+  }
+
+  .list {
+    margin-bottom: 20px;
+
+    li {
+      padding: 16px 0;
+      border-bottom: 1px solid #d8d8d8;
     }
+
+    .text {
+      margin-bottom: 5px;
+      font-size: 14px;
+      cursor: pointer;
+
+      &:hover {
+        color: $main-color;
+      }
+    }
+
+    .date {
+      font-size: 12px;
+      color: #999;
+    }
+  }
 }
+
 @media (max-width: 1200px) {
-    .content {
-        width: 98%;
+  .content {
+    width: 98%;
+  }
+
+  .article {
+    flex-direction: column;
+
+    .left,
+    .right {
+      width: 100%;
     }
-    .article {
-        flex-direction: column;
-        .left,
-        .right {
-            width: 100%;
-        }
-        .left {
-            margin-bottom: 30px;
-        }
+
+    .left {
+      margin-bottom: 30px;
     }
+  }
 }
 
 @media (min-width: 280px) and (max-width: 750px) {
+  .article {
+    .recruit {
+      li {
+        flex-direction: column;
+      }
+
+      .pic {
+        width: 100%;
+        margin-bottom: 10px;
+      }
+    }
+
+    .notice {
+      flex-direction: column;
+
+      li {
+        width: 100%;
+      }
+    }
+  }
+}
+
+@media (max-width: 1200px) {
+  .content {
     .article {
+      flex-direction: column;
+
+      .left {
+        width: 100%;
+
         .recruit {
-            li {
-                flex-direction: column;
-            }
+          li {
+            flex-direction: column;
+
             .pic {
-                width: 100%;
-                margin-bottom: 10px;
+              width: 100%;
+            }
+
+            .texts {
+              margin-top: 0.8rem;
             }
+          }
         }
+
         .notice {
-            flex-direction: column;
-            li {
-                width: 100%;
-            }
+          flex-direction: column;
+
+          li {
+            width: 100%;
+          }
         }
-    }
-}
-@media (max-width: 1200px) {
-    .content {
-        .article {
-            flex-direction: column;
-            .left {
-                width: 100%;
-                .recruit {
-                    li {
-                        flex-direction: column;
-                        .pic {
-                            width: 100%;
-                        }
-                        .texts {
-                            margin-top: 0.8rem;
-                        }
-                    }
-                }
-                .notice {
-                    flex-direction: column;
-                    li {
-                        width: 100%;
-                    }
-                }
-            }
-            .right {
-                width: 100%;
-                .el-tree {
-                    display: none;
-                }
-            }
+      }
+
+      .right {
+        width: 100%;
+
+        .el-tree {
+          display: none;
         }
+      }
     }
+  }
 }
+
 @media (max-width: 320px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 13rem;
-            }
-            .texts {
-                left: 3rem;
-                top: 7rem;
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 13rem;
+      }
+
+      .texts {
+        left: 3rem;
+        top: 7rem;
+      }
+    }
+  }
+
+  .content {
+    .article {
+      .left {
+        .recruit {
+          li {
+            .pic {
+              height: 13rem;
             }
+          }
         }
-    }
-    .content {
-        .article {
-            .left {
-                .recruit {
-                    li {
-                        .pic {
-                            height: 13rem;
-                        }
-                    }
-                }
-                .notice {
-                    li {
-                        height: auto;
-                        .pic {
-                            height: 13rem;
-                        }
-                    }
-                }
+
+        .notice {
+          li {
+            height: auto;
+
+            .pic {
+              height: 13rem;
             }
+          }
         }
+      }
     }
+  }
 }
+
 @media (min-width: 320px) and (max-width: 375px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 15rem;
-            }
-            .texts {
-                left: 3rem;
-                top: 7rem;
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 15rem;
+      }
+
+      .texts {
+        left: 3rem;
+        top: 7rem;
+      }
+    }
+  }
+
+  .content {
+    .article {
+      .left {
+        .recruit {
+          li {
+            .pic {
+              height: 15rem;
             }
+          }
         }
-    }
-    .content {
-        .article {
-            .left {
-                .recruit {
-                    li {
-                        .pic {
-                            height: 15rem;
-                        }
-                    }
-                }
-                .notice {
-                    li {
-                        height: auto;
-                        .pic {
-                            height: 15rem;
-                        }
-                    }
-                }
+
+        .notice {
+          li {
+            height: auto;
+
+            .pic {
+              height: 15rem;
             }
+          }
         }
+      }
     }
+  }
 }
+
 @media (min-width: 375px) and (max-width: 480px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 18rem;
-            }
-            .texts {
-                left: 3rem;
-                top: 10rem;
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 18rem;
+      }
+
+      .texts {
+        left: 3rem;
+        top: 10rem;
+      }
+    }
+  }
+
+  .content {
+    .article {
+      .left {
+        .recruit {
+          li {
+            .pic {
+              height: 18rem;
             }
+          }
         }
-    }
-    .content {
-        .article {
-            .left {
-                .recruit {
-                    li {
-                        .pic {
-                            height: 18rem;
-                        }
-                    }
-                }
-                .notice {
-                    li {
-                        height: auto;
-                        .pic {
-                            height: 18rem;
-                        }
-                    }
-                }
+
+        .notice {
+          li {
+            height: auto;
+
+            .pic {
+              height: 18rem;
             }
+          }
         }
+      }
     }
+  }
 }
+
 @media (min-width: 480px) and (max-width: 640px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 20rem;
-            }
-            .texts {
-                left: 3rem;
-                top: 12rem;
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 20rem;
+      }
+
+      .texts {
+        left: 3rem;
+        top: 12rem;
+      }
+    }
+  }
+
+  .content {
+    .article {
+      .left {
+        .recruit {
+          li {
+            .pic {
+              height: 22rem;
             }
+          }
         }
-    }
-    .content {
-        .article {
-            .left {
-                .recruit {
-                    li {
-                        .pic {
-                            height: 22rem;
-                        }
-                    }
-                }
-                .notice {
-                    li {
-                        height: auto;
-                        .pic {
-                            height: 22rem;
-                        }
-                    }
-                }
+
+        .notice {
+          li {
+            height: auto;
+
+            .pic {
+              height: 22rem;
             }
+          }
         }
+      }
     }
+  }
 }
+
 @media (min-width: 640px) and (max-width: 768px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 22rem;
-            }
-            .texts {
-                left: 3rem;
-                top: 14rem;
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 22rem;
+      }
+
+      .texts {
+        left: 3rem;
+        top: 14rem;
+      }
+    }
+  }
+
+  .content {
+    .article {
+      .left {
+        .recruit {
+          li {
+            .pic {
+              height: 26rem;
             }
+          }
         }
-    }
-    .content {
-        .article {
-            .left {
-                .recruit {
-                    li {
-                        .pic {
-                            height: 26rem;
-                        }
-                    }
-                }
-                .notice {
-                    li {
-                        height: auto;
-                        .pic {
-                            height: 26rem;
-                        }
-                    }
-                }
+
+        .notice {
+          li {
+            height: auto;
+
+            .pic {
+              height: 26rem;
             }
+          }
         }
+      }
     }
+  }
 }
+
 @media (min-width: 768px) and (max-width: 980px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 26rem;
-            }
-            .texts {
-                left: 3rem;
-                top: 16rem;
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 26rem;
+      }
+
+      .texts {
+        left: 3rem;
+        top: 16rem;
+      }
+    }
+  }
+
+  .content {
+    .article {
+      .left {
+        .recruit {
+          li {
+            .pic {
+              height: 30rem;
             }
+          }
         }
-    }
-    .content {
-        .article {
-            .left {
-                .recruit {
-                    li {
-                        .pic {
-                            height: 30rem;
-                        }
-                    }
-                }
-                .notice {
-                    li {
-                        height: auto;
-                        .pic {
-                            height: 30rem;
-                        }
-                    }
-                }
+
+        .notice {
+          li {
+            height: auto;
+
+            .pic {
+              height: 30rem;
             }
+          }
         }
+      }
     }
+  }
 }
+
 @media (min-width: 980px) and (max-width: 1200px) {
-    .wrap {
-        .single-banner {
-            .banner-img {
-                height: 30rem;
-            }
-            .texts {
-                left: 3rem;
-                top: 18rem;
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 30rem;
+      }
+
+      .texts {
+        left: 3rem;
+        top: 18rem;
+      }
+    }
+  }
+
+  .content {
+    .article {
+      .left {
+        .recruit {
+          li {
+            .pic {
+              height: 35rem;
             }
+          }
         }
-    }
-    .content {
-        .article {
-            .left {
-                .recruit {
-                    li {
-                        .pic {
-                            height: 35rem;
-                        }
-                    }
-                }
-                .notice {
-                    li {
-                        height: auto;
-                        .pic {
-                            height: 35rem;
-                        }
-                    }
-                }
+
+        .notice {
+          li {
+            height: auto;
+
+            .pic {
+              height: 35rem;
             }
+          }
         }
+      }
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/science.vue b/src/pages/column/page/science.vue
index d174d08..70187ac 100644
--- a/src/pages/column/page/science.vue
+++ b/src/pages/column/page/science.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/科普之窗</p>
+      <p class="page-name">页面设置/{{ columnName }}</p>
       <div>
         <el-button type="primary" @click="preview">预览</el-button>
         <el-button @click="save(0)">保存为草稿</el-button>
@@ -61,60 +61,49 @@ import mixins from '@/mixins/page'
 import Modules from '@/const/modules'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       modules: Modules.science
     }
   },
-  mounted() {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '科普之窗'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
-    
+
   }
 };
 </script>
 
 <style lang="scss" scoped>
 @import "../../../styles/page/page.scss";
+
 .inner {
   width: 1200px;
 }
+
 .item {
   position: relative;
   margin-bottom: 58px;
+
   img {
     width: 100%;
     height: 508px;
   }
+
   &:nth-child(2) .texts {
     color: #fff;
     background: #33B3C1;
   }
+
   &:nth-child(3) .texts {
     color: #fff;
     background: #E47C22;
   }
+
   &:nth-child(even) .texts {
     left: auto;
     right: -28px;
   }
+
   .texts {
     position: absolute;
     top: 79px;
@@ -124,12 +113,14 @@ export default {
     color: #333;
     background: #FFF6E9;
   }
+
   h6 {
     margin-bottom: 14px;
     font-size: 36px;
     font-family: PingFangSC-Medium, PingFang SC;
     font-weight: 500;
   }
+
   .des {
     font-size: 18px;
   }
diff --git a/src/pages/column/page/scientific.vue b/src/pages/column/page/scientific.vue
index f5594a3..be42a9d 100644
--- a/src/pages/column/page/scientific.vue
+++ b/src/pages/column/page/scientific.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/科学研究</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,50 +13,35 @@
     <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>
             <p class="banner-des des">{{ modules[0].form.des }}</p>
           </div>
         </div>
-        <div class="cover"
-             @click="toSet(0)">点击更换banner与链接</div>
+        <div class="cover" @click="toSet(0)">点击更换banner与链接</div>
       </div>
 
       <div class="block gray">
         <div class="inner">
           <ul class="items">
             <li>
-              <img class="pic"
-                   :src="modules[1].form.pic"
-                   alt="">
+              <img class="pic" :src="modules[1].form.pic" alt="">
               <div class="texts">
                 <h6 v-html="modules[1].form.title"></h6>
-                <div class="text"
-                     v-html="modules[1].form.des"></div>
-                <img class="icon"
-                     src="@/assets/images/arrow.png"
-                     alt="">
+                <div class="text" v-html="modules[1].form.des"></div>
+                <img class="icon" src="@/assets/images/arrow.png" alt="">
               </div>
-              <div class="cover"
-                   @click="toSet(1)">点击更换图片、标题、概述与链接</div>
+              <div class="cover" @click="toSet(1)">点击更换图片、标题、概述与链接</div>
             </li>
             <li>
-              <img class="pic"
-                   :src="modules[2].form.pic"
-                   alt="">
+              <img class="pic" :src="modules[2].form.pic" alt="">
               <div class="texts">
                 <h6 v-html="modules[2].form.title"></h6>
-                <div class="text"
-                     v-html="modules[2].form.des"></div>
-                <img class="icon"
-                     src="@/assets/images/arrow.png"
-                     alt="">
+                <div class="text" v-html="modules[2].form.des"></div>
+                <img class="icon" src="@/assets/images/arrow.png" alt="">
               </div>
-              <div class="cover"
-                   @click="toSet(2)">点击更换图片、标题、概述与链接</div>
+              <div class="cover" @click="toSet(2)">点击更换图片、标题、概述与链接</div>
             </li>
           </ul>
         </div>
@@ -67,27 +50,16 @@
       <div class="about">
         <div class="inner">
           <div class="texts">
-            <div class="title wow fadeInUp"
-                 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>
-            <img class="m-t-10"
-                 width="42"
-                 src="@/assets/images/arrow-white.png"
-                 alt="">
+            <div class="title wow fadeInUp" 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>
+            <img class="m-t-10" width="42" src="@/assets/images/arrow-white.png" alt="">
           </div>
         </div>
-        <div class="cover"
-             @click="toSet(3)">点击更换标题、描述与链接</div>
+        <div class="cover" @click="toSet(3)">点击更换标题、描述与链接</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>
 
@@ -101,25 +73,7 @@ export default {
       modules: Modules.scientific
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '科学研究'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -128,170 +82,199 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .items {
-    li {
-        position: relative;
-        height: 600px;
-        margin-bottom: 60px;
-        &:nth-child(even) {
-            .texts {
-                left: auto;
-                right: 100px;
-            }
-        }
-        .pic {
-            width: 100%;
-            height: 100%;
-        }
-        .texts {
-            position: absolute;
-            top: 100px;
-            left: 80px;
-            width: 500px;
-            min-height: 350px;
-            padding: 30px;
-            color: #333;
-            background-color: rgba(255, 255, 255, 0.85);
-            border-radius: 0px 0px 100px 0px;
-            border-top: 4px solid #0280f1;
-        }
-        h6 {
-            font-size: 1.2rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-        }
-        .text {
-            margin: 1rem 0;
-            font-size: 1rem;
-            line-height: 1.6;
-        }
-        .icon {
-            width: 40px;
-        }
-    }
-}
-.program {
-    background: #fff;
-    .title {
-        position: relative;
-        display: flex;
-        justify-content: space-between;
-        align-items: flex-end;
-        padding-bottom: 25px;
-        margin-bottom: 30px;
-        border-bottom: 1px solid #ddd;
-        align-items: center;
-        h5 {
-            padding-left: 16px;
-            font-size: 1.6rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #333333;
-            line-height: 1;
-            border-left: 6px solid #2b96ef;
-        }
-        .sub {
-            font-size: 1.1rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #afb7bf;
-        }
-        .more {
-            font-size: 0.8rem;
-            color: #666;
-            cursor: pointer;
-        }
+  li {
+    position: relative;
+    height: 600px;
+    margin-bottom: 60px;
+
+    &:nth-child(even) {
+      .texts {
+        left: auto;
+        right: 100px;
+      }
     }
-    .slide {
-        display: flex;
-        margin-bottom: 14px;
-        cursor: pointer;
+
+    .pic {
+      width: 100%;
+      height: 100%;
     }
+
     .texts {
-        width: 51%;
-        padding: 56px;
-        background: #fbfbfb;
-        h6 {
-            font-size: 1.3rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #333333;
-        }
-        .des {
-            margin: 35px 0 25px;
-            font-size: 1rem;
-            color: #666;
-            line-height: 32px;
-        }
-        .meta {
-            font-size: 0.9rem;
-            color: #666;
-        }
+      position: absolute;
+      top: 100px;
+      left: 80px;
+      width: 500px;
+      min-height: 350px;
+      padding: 30px;
+      color: #333;
+      background-color: rgba(255, 255, 255, 0.85);
+      border-radius: 0px 0px 100px 0px;
+      border-top: 4px solid #0280f1;
     }
-    .img-wrap {
-        width: 49%;
-        height: 430px;
-        overflow: hidden;
+
+    h6 {
+      font-size: 1.2rem;
+      font-family: PingFangSC-Medium, PingFang SC;
     }
-    .pic {
-        width: 100%;
-        height: 100%;
-        transition: 0.5s;
+
+    .text {
+      margin: 1rem 0;
+      font-size: 1rem;
+      line-height: 1.6;
     }
-    .list {
-        display: flex;
-        li {
-            width: calc((100% - 28px) / 3);
-            height: 204px;
-            padding: 36px 22px;
-            margin-right: 14px;
-            background: url(../../../assets/images/sfel/7.png) no-repeat center;
-            background-size: 100% 100%;
-            transition: 0.5s;
-            cursor: pointer;
-            &: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 {
-            height: 90px;
-            margin-bottom: 30px;
-            font-size: 1rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #ffffff;
-            line-height: 30px;
-        }
-        .date {
-            font-size: 0.9rem;
-            font-family: LaoSangamMN;
-            color: #ffffff;
-        }
+
+    .icon {
+      width: 40px;
     }
+  }
 }
-.about {
+
+.program {
+  background: #fff;
+
+  .title {
     position: relative;
-    padding: 10rem 0 3rem;
-    text-align: center;
-    background: url(../../../assets/images/about-bg.png) no-repeat center center;
-    background-size: 100% 100%;
-    .texts {
-        padding: 2.375rem 3.75rem;
-        color: #fff;
-        background: rgba(111, 69, 36, 0.56);
-        border-radius: 17px;
-        transition: 0.3s;
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+    padding-bottom: 25px;
+    margin-bottom: 30px;
+    border-bottom: 1px solid #ddd;
+    align-items: center;
+
+    h5 {
+      padding-left: 16px;
+      font-size: 1.6rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #333333;
+      line-height: 1;
+      border-left: 6px solid #2b96ef;
+    }
+
+    .sub {
+      font-size: 1.1rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #afb7bf;
+    }
+
+    .more {
+      font-size: 0.8rem;
+      color: #666;
+      cursor: pointer;
+    }
+  }
+
+  .slide {
+    display: flex;
+    margin-bottom: 14px;
+    cursor: pointer;
+  }
+
+  .texts {
+    width: 51%;
+    padding: 56px;
+    background: #fbfbfb;
+
+    h6 {
+      font-size: 1.3rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #333333;
+    }
+
+    .des {
+      margin: 35px 0 25px;
+      font-size: 1rem;
+      color: #666;
+      line-height: 32px;
+    }
+
+    .meta {
+      font-size: 0.9rem;
+      color: #666;
     }
-    .title {
-        margin-bottom: 1rem;
-        font-size: 2.2rem;
+  }
+
+  .img-wrap {
+    width: 49%;
+    height: 430px;
+    overflow: hidden;
+  }
+
+  .pic {
+    width: 100%;
+    height: 100%;
+    transition: 0.5s;
+  }
+
+  .list {
+    display: flex;
+
+    li {
+      width: calc((100% - 28px) / 3);
+      height: 204px;
+      padding: 36px 22px;
+      margin-right: 14px;
+      background: url(../../../assets/images/sfel/7.png) no-repeat center;
+      background-size: 100% 100%;
+      transition: 0.5s;
+      cursor: pointer;
+
+      &: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 {
-        font-size: 1rem;
-        line-height: 1.6;
+      height: 90px;
+      margin-bottom: 30px;
+      font-size: 1rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #ffffff;
+      line-height: 30px;
     }
+
+    .date {
+      font-size: 0.9rem;
+      font-family: LaoSangamMN;
+      color: #ffffff;
+    }
+  }
+}
+
+.about {
+  position: relative;
+  padding: 10rem 0 3rem;
+  text-align: center;
+  background: url(../../../assets/images/about-bg.png) no-repeat center center;
+  background-size: 100% 100%;
+
+  .texts {
+    padding: 2.375rem 3.75rem;
+    color: #fff;
+    background: rgba(111, 69, 36, 0.56);
+    border-radius: 17px;
+    transition: 0.3s;
+  }
+
+  .title {
+    margin-bottom: 1rem;
+    font-size: 2.2rem;
+  }
+
+  .des {
+    font-size: 1rem;
+    line-height: 1.6;
+  }
 }
 </style>
diff --git a/src/pages/column/page/sfel.vue b/src/pages/column/page/sfel.vue
index 9daf980..b64c69f 100644
--- a/src/pages/column/page/sfel.vue
+++ b/src/pages/column/page/sfel.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/SFEL</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,19 +13,14 @@
     <div class="modules">
       <div class="relative">
         <el-carousel height="480px"
-                     :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+          :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">
@@ -38,61 +31,48 @@
               <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="https://new.iasf.ac.cn/images/about/5.png"
-                   alt="">
+              <img width="100%" height="480" src="https://new.iasf.ac.cn/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>
+                <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>
                 <p class="meta">2022-07-24 | Research</p>
               </div>
             </div>
             <ul class="card">
               <li>
-                <img class="pic"
-                     src="https://new.iasf.ac.cn/images/about/9.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/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="https://new.iasf.ac.cn/images/about/10.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/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="https://new.iasf.ac.cn/images/about/11.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/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>
@@ -105,44 +85,37 @@
               <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>
@@ -152,31 +125,24 @@
                 </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="https://new.iasf.ac.cn/images/about/9.png"
-                       alt="">
+                  <img class="pic" src="https://new.iasf.ac.cn/images/about/9.png" alt="">
                   <div class="texts">
                     <h6>喜讯！储存环三次谐波腔的带束实验验证及超导高频频腔</h6>
                     <div class="des">1月20日上午，光明区总工会组织的“关爱职工·情暖光明”春节工会关爱活动走进深圳综合粒子设施研究院，为奋战在综合性…</div>
                   </div>
                 </li>
                 <li>
-                  <img class="pic"
-                       src="https://new.iasf.ac.cn/images/about/9.png"
-                       alt="">
+                  <img class="pic" src="https://new.iasf.ac.cn/images/about/9.png" alt="">
                   <div class="texts">
                     <h6>光明区总工会为一线科研人员送上新春祝福</h6>
                     <div class="des">1月11日上午，深圳综合粒子设施研究院与深圳大学签署战略合作框架协议。深圳大学党委书记、校长李清泉深圳综合粒子设施研究院与深圳大学党委…</div>
                   </div>
                 </li>
                 <li>
-                  <img class="pic"
-                       src="https://new.iasf.ac.cn/images/about/9.png"
-                       alt="">
+                  <img class="pic" src="https://new.iasf.ac.cn/images/about/9.png" alt="">
                   <div class="texts">
                     <h6>深圳综合粒子设施研究院与中国科学院</h6>
                     <div class="des">1月20日上午，光明区总工会组织的“关爱职工·情暖光明”春节工会关爱活动走进深圳综合粒子设施研究院，为奋战在综合性…</div>
@@ -184,13 +150,11 @@
                 </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>
@@ -203,102 +167,73 @@
               <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="https://new.iasf.ac.cn/images/about/9.png"
-                   alt="">
+              <img width="100%" height="100%" src="https://new.iasf.ac.cn/images/about/9.png" alt="">
               <div class="text">关于2021年度深圳综合粒子设施研究院采购意向公开表</div>
             </div>
             <ul class="card-list">
               <li>
-                <img class="pic"
-                     src="https://new.iasf.ac.cn/images/about/10.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/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="https://new.iasf.ac.cn/images/about/10.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/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="https://new.iasf.ac.cn/images/about/10.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/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>
@@ -311,27 +246,17 @@
               <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="https://new.iasf.ac.cn/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="https://new.iasf.ac.cn/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="https://new.iasf.ac.cn/images/about/9.png"
-                       alt="">
+                <div class="item wow fadeInLeft" data-wow-delay="0.5s">
+                  <img width="100%" height="100%" src="https://new.iasf.ac.cn/images/about/9.png" alt="">
                   <div class="text">关于2021年度深圳综合粒子设施研究院采购意向公开表</div>
                 </div>
               </div>
@@ -351,15 +276,13 @@
               </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>
@@ -372,20 +295,16 @@
               <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>
@@ -399,19 +318,18 @@
               <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">
               <div class="texts">
                 <h6>超快自由电子激光脉冲特性诊断研究方面取得重要进展</h6>
-                <div class="des">X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段。对于绝大多数自由电子激研究院紧密围绕高水平建设综合性国家科学中心战略目标，面向国民经济主战场和世界科技前沿…</div>
+                <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>
@@ -427,17 +345,13 @@
                 <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>
 
@@ -451,25 +365,7 @@ export default {
       modules: Modules.sfel
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: 'SFEL'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -478,556 +374,664 @@ export default {
 
 <style lang="scss" scoped>
 @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;
-    cursor: pointer;
-    .pic {
-        width: 700px;
-        height: 380px;
+
+    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;
+      }
     }
-    .right {
-        position: relative;
-        width: 50%;
-        padding: 50px 50px 30px;
-        background: #1583ff;
-        color: #fff;
-        &:hover {
-            background: #465f85;
-            h6,
-            .des,
-            .meta {
-                color: #fff;
-                transform: translateY(15px);
-            }
-        }
+  }
+
+  h6 {
+    font-size: 24px;
+    transition: 0.3s;
+  }
+
+  .des {
+    margin: 30px 0;
+    font-size: 16px;
+    line-height: 24px;
+    transition: 0.3s;
+  }
+
+  .meta {
+    font-size: 16px;
+    transition: 0.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: 0.3s;
+
+    &:hover {
+      transform: scale(1.05);
+    }
+
+    &:last-child {
+      margin-right: 0;
     }
-    .inds {
+  }
+
+  .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: 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;
-            }
-        }
+        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;
-        transition: 0.3s;
+      font-size: 24px;
+      color: #272727;
     }
+
     .des {
-        margin: 30px 0;
-        font-size: 16px;
-        line-height: 24px;
-        transition: 0.3s;
+      margin-top: 10px;
+      font-size: 16px;
+      color: #666;
+      line-height: 30px;
     }
-    .meta {
-        font-size: 16px;
-        transition: 0.3s;
-    }
-}
-.card {
-    display: flex;
-    flex-wrap: wrap;
-    margin-top: 40px;
+  }
+
+  .right {
+    width: 824px;
+  }
+
+  .card-list {
     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: 0.3s;
-        &:hover {
-            transform: scale(1.05);
-        }
-        &:last-child {
-            margin-right: 0;
-        }
+      display: flex;
+      align-items: center;
+      padding: 24px;
+      margin-bottom: 18px;
+      background-color: #fff;
+      transition: 0.3s;
+
+      &:hover {
+        transform: scale(1.05);
+      }
     }
+
     .pic {
-        width: 100%;
-        height: 240px;
+      width: 116px;
+      height: 85px;
+      margin-right: 28px;
     }
+
     .texts {
-        padding: 40px 30px;
+      width: 504px;
+      margin-right: 60px;
     }
-    .meta {
-        font-size: 16px;
-        color: #666;
+
+    h6 {
+      margin-bottom: 10px;
+      font-size: 18px;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #1583ff;
     }
+
     .des {
-        margin: 10px 0;
-        font-size: 20px;
-        font-family: SFProDisplay;
-        font-weight: 500;
-        color: #333;
-        line-height: 28px;
+      font-size: 16px;
+      color: #666;
+      line-height: 26px;
+      -webkit-line-clamp: 2;
+    }
+  }
+
+  .slide {
+    position: relative;
+    height: 284px;
+
+    img {
+      width: 100%;
+      height: 100%;
     }
-    .arrow {
-        width: 36px;
+
+    .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);
     }
+  }
 }
 
-.notice {
-    background: url(../../../assets/images/sfel/3.png) 0 0 / cover no-repeat;
-}
-.shop-shows {
+.conference {
+  background: url(../../../assets/images/sfel/4.png) 0 0 / cover no-repeat;
+
+  .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;
-                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;
-        }
+  }
+
+  .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);
     }
-    .right {
-        width: 824px;
+  }
+
+  .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);
+      }
     }
-    .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;
-        }
+
+    .pic {
+      width: 188px;
+      height: 188px;
+      margin-right: 36px;
     }
-    .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);
-        }
+
+    h6 {
+      margin-bottom: 10px;
+      font-size: 20px;
+      color: #333;
     }
-}
-.conference {
-    background: url(../../../assets/images/sfel/4.png) 0 0 / cover no-repeat;
-    .shows {
-        display: flex;
+
+    .sum {
+      font-size: 16px;
+      color: #666;
     }
-    .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);
-        }
+
+    .text {
+      display: flex;
+      align-items: center;
+      margin: 10px 0;
     }
-    .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;
-        }
+
+    .icon {
+      margin-right: 5px;
     }
+  }
 }
 
 .media {
-    background: #fff;
-    .media-wrap {
-        display: flex;
+  background: #fff;
+
+  .media-wrap {
+    display: flex;
+  }
+
+  .left {
+    width: 55%;
+    margin-right: 1%;
+
+    .slides {
+      display: flex;
+      margin-bottom: 20px;
     }
-    .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;
-            }
-        }
+
+    .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);
+      }
     }
-    .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;
+
+    .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;
-    }
+  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;
-        }
+  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);
     }
-    img {
-        width: 100%;
-        height: 481px;
+
+    &:nth-child(3n) {
+      margin-right: 0;
     }
-    .texts {
-        padding: 0 18px 50px;
+
+    &:hover {
+      color: #fff;
+      background-color: #0252d9;
     }
+  }
+
+  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 {
-        margin: 35px 0 12px;
-        font-size: 24px;
-        line-height: 33px;
+      font-size: 24px;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #333333;
     }
+
     .des {
-        font-size: 18px;
-        line-height: 26px;
+      margin: 35px 0 25px;
+      font-size: 16px;
+      color: #666;
+      line-height: 32px;
     }
-}
-.program {
-    background: #fff;
-    .slide {
-        display: flex;
-        margin-bottom: 14px;
+
+    .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;
     }
-    .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;
-        }
+
+    .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/sfelNew.vue b/src/pages/column/page/sfelNew.vue
index 63a2029..1dd7305 100644
--- a/src/pages/column/page/sfelNew.vue
+++ b/src/pages/column/page/sfelNew.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/SFEL</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,19 +13,14 @@
     <div class="modules">
       <div class="relative">
         <el-carousel height="480px"
-                     :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+          :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">
@@ -38,61 +31,48 @@
               <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="https://new.iasf.ac.cn/images/about/5.png"
-                   alt="">
+              <img width="100%" height="480" src="https://new.iasf.ac.cn/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>
+                <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>
                 <p class="meta">2022-07-24 | Research</p>
               </div>
             </div>
             <ul class="card">
               <li>
-                <img class="pic"
-                     src="https://new.iasf.ac.cn/images/about/9.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/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="https://new.iasf.ac.cn/images/about/10.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/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="https://new.iasf.ac.cn/images/about/11.png"
-                     alt="">
+                <img class="pic" src="https://new.iasf.ac.cn/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>
@@ -105,61 +85,49 @@
               <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>
-            <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="https://new.iasf.ac.cn/images/about/9.png"
-                       alt="">
+                  <img class="pic" src="https://new.iasf.ac.cn/images/about/9.png" alt="">
                   <div class="texts">
                     <h6>喜讯！储存环三次谐波腔的带束实验验证及超导高频频腔</h6>
                     <div class="des">1月20日上午，光明区总工会组织的“关爱职工·情暖光明”春节工会关爱活动走进深圳综合粒子设施研究院，为奋战在综合性…</div>
                   </div>
                 </li>
                 <li>
-                  <img class="pic"
-                       src="https://new.iasf.ac.cn/images/about/9.png"
-                       alt="">
+                  <img class="pic" src="https://new.iasf.ac.cn/images/about/9.png" alt="">
                   <div class="texts">
                     <h6>光明区总工会为一线科研人员送上新春祝福</h6>
                     <div class="des">1月11日上午，深圳综合粒子设施研究院与深圳大学签署战略合作框架协议。深圳大学党委书记、校长李清泉深圳综合粒子设施研究院与深圳大学党委…</div>
                   </div>
                 </li>
                 <li>
-                  <img class="pic"
-                       src="https://new.iasf.ac.cn/images/about/9.png"
-                       alt="">
+                  <img class="pic" src="https://new.iasf.ac.cn/images/about/9.png" alt="">
                   <div class="texts">
                     <h6>深圳综合粒子设施研究院与中国科学院</h6>
                     <div class="des">1月20日上午，光明区总工会组织的“关爱职工·情暖光明”春节工会关爱活动走进深圳综合粒子设施研究院，为奋战在综合性…</div>
@@ -167,8 +135,7 @@
                 </li>
               </ul>
             </div>
-            <div class="cover"
-                 @click="toSet(4)">关联栏目</div>
+            <div class="cover" @click="toSet(4)">关联栏目</div>
           </div>
         </div>
       </div>
@@ -181,27 +148,17 @@
               <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="https://new.iasf.ac.cn/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="https://new.iasf.ac.cn/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="https://new.iasf.ac.cn/images/about/9.png"
-                       alt="">
+                <div class="item wow fadeInLeft" data-wow-delay="0.5s">
+                  <img width="100%" height="100%" src="https://new.iasf.ac.cn/images/about/9.png" alt="">
                   <div class="text">关于2021年度深圳综合粒子设施研究院采购意向公开表</div>
                 </div>
               </div>
@@ -221,15 +178,13 @@
               </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>
@@ -242,19 +197,18 @@
               <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">
               <div class="texts">
                 <h6>超快自由电子激光脉冲特性诊断研究方面取得重要进展</h6>
-                <div class="des">X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段。对于绝大多数自由电子激研究院紧密围绕高水平建设综合性国家科学中心战略目标，面向国民经济主战场和世界科技前沿…</div>
+                <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>
@@ -270,17 +224,13 @@
                 <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>
 
@@ -294,25 +244,7 @@ export default {
       modules: Modules.sfel
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: 'SFEL'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -321,556 +253,664 @@ export default {
 
 <style lang="scss" scoped>
 @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;
+  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;
-        &:hover {
-            background: #465f85;
-            h6,
-            .des,
-            .meta {
-                color: #fff;
-                transform: translateY(15px);
-            }
-        }
+        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: 0.2s;
+
+      &.active {
+        width: 30px;
+        background: rgba(255, 255, 255, 0.3);
+        border-radius: 5px;
+      }
+    }
+  }
+
+  h6 {
+    font-size: 24px;
+    transition: 0.3s;
+  }
+
+  .des {
+    margin: 30px 0;
+    font-size: 16px;
+    line-height: 24px;
+    transition: 0.3s;
+  }
+
+  .meta {
+    font-size: 16px;
+    transition: 0.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: 0.3s;
+
+    &:hover {
+      transform: scale(1.05);
+    }
+
+    &:last-child {
+      margin-right: 0;
     }
-    .inds {
+  }
+
+  .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: 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;
-            }
-        }
+        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;
-        transition: 0.3s;
+      font-size: 24px;
+      color: #272727;
     }
+
     .des {
-        margin: 30px 0;
-        font-size: 16px;
-        line-height: 24px;
-        transition: 0.3s;
-    }
-    .meta {
-        font-size: 16px;
-        transition: 0.3s;
+      margin-top: 10px;
+      font-size: 16px;
+      color: #666;
+      line-height: 30px;
     }
-}
-.card {
-    display: flex;
-    flex-wrap: wrap;
-    margin-top: 40px;
+  }
+
+  .right {
+    width: 824px;
+  }
+
+  .card-list {
     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: 0.3s;
-        &:hover {
-            transform: scale(1.05);
-        }
-        &:last-child {
-            margin-right: 0;
-        }
+      display: flex;
+      align-items: center;
+      padding: 24px;
+      margin-bottom: 18px;
+      background-color: #fff;
+      transition: 0.3s;
+
+      &:hover {
+        transform: scale(1.05);
+      }
     }
+
     .pic {
-        width: 100%;
-        height: 240px;
+      width: 116px;
+      height: 85px;
+      margin-right: 28px;
     }
+
     .texts {
-        padding: 40px 30px;
+      width: 504px;
+      margin-right: 60px;
     }
-    .meta {
-        font-size: 16px;
-        color: #666;
+
+    h6 {
+      margin-bottom: 10px;
+      font-size: 18px;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #1583ff;
     }
+
     .des {
-        margin: 10px 0;
-        font-size: 20px;
-        font-family: SFProDisplay;
-        font-weight: 500;
-        color: #333;
-        line-height: 28px;
+      font-size: 16px;
+      color: #666;
+      line-height: 26px;
+      -webkit-line-clamp: 2;
+    }
+  }
+
+  .slide {
+    position: relative;
+    height: 284px;
+
+    img {
+      width: 100%;
+      height: 100%;
     }
-    .arrow {
-        width: 36px;
+
+    .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);
     }
+  }
 }
 
-.notice {
-    background: url(../../../assets/images/sfel/3.png) 0 0 / cover no-repeat;
-}
-.shop-shows {
+.conference {
+  background: url(../../../assets/images/sfel/4.png) 0 0 / cover no-repeat;
+
+  .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;
-                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;
-        }
-    }
-    .right {
-        width: 824px;
-    }
-    .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;
-        }
+  }
+
+  .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);
     }
-    .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);
-        }
+  }
+
+  .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);
+      }
     }
-}
-.conference {
-    background: url(../../../assets/images/sfel/4.png) 0 0 / cover no-repeat;
-    .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);
-        }
+
+    .pic {
+      width: 188px;
+      height: 188px;
+      margin-right: 36px;
     }
-    .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;
-        }
+
+    h6 {
+      margin-bottom: 10px;
+      font-size: 20px;
+      color: #333;
     }
-}
 
-.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);
-            }
-        }
-        .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;
-            }
-        }
+    .sum {
+      font-size: 16px;
+      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;
-        }
+
+    .text {
+      display: flex;
+      align-items: center;
+      margin: 10px 0;
     }
-}
-.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;
+
+    .icon {
+      margin-right: 5px;
     }
+  }
 }
-.news {
+
+.media {
+  background: #fff;
+
+  .media-wrap {
     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;
+  }
+
+  .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: 481px;
+      width: 100%;
+      height: 422px;
     }
+
     .texts {
-        padding: 0 18px 50px;
+      padding: 40px 28px;
+      background: #fff;
     }
+
     h6 {
-        margin: 35px 0 12px;
-        font-size: 24px;
-        line-height: 33px;
+      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 {
-        font-size: 18px;
-        line-height: 26px;
+      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;
     }
+  }
+
+  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;
+  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;
     }
-    .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;
-        }
+
+    .des {
+      margin: 35px 0 25px;
+      font-size: 16px;
+      color: #666;
+      line-height: 32px;
     }
-    .pic {
-        width: 49%;
-        height: 430px;
+
+    .meta {
+      font-size: 14px;
+      color: #666;
     }
-    .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;
-        }
+  }
+
+  .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);
+      }
+    }
+
+    .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 a0c402d..2994e30 100644
--- a/src/pages/column/page/speech.vue
+++ b/src/pages/column/page/speech.vue
@@ -2,13 +2,11 @@
   <!-- 院长致辞 -->
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/院长致辞</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -16,45 +14,33 @@
     <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">
         <div class="inner c-wrap">
-          <img :src="modules[1].form.pic"
-               alt=""
-               class="pic">
+          <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 class="text" v-html="modules[1].form.des"></div>
           </div>
-          <div class="cover"
-               @click="toSet(1)">点击更换图片、标题、小标题与概述</div>
+          <div class="cover" @click="toSet(1)">点击更换图片、标题、小标题与概述</div>
         </div>
         <div class="sign c-wrap">
           签名：
-          <img :src="modules[2].form.pic"
-               alt="">
-          <div class="cover"
-               @click="toSet(2)">点击更换签名</div>
+          <img :src="modules[2].form.pic" alt="">
+          <div class="cover" @click="toSet(2)">点击更换签名</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>
 
@@ -68,25 +54,7 @@ export default {
       modules: Modules.speech
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '院长致辞'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -95,50 +63,60 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .block {
-    background: url(https://new.iasf.ac.cn/images/speech/2.png) no-repeat;
+  background: url(https://new.iasf.ac.cn/images/speech/2.png) no-repeat;
 }
+
 .inner {
-    display: flex;
-    align-items: flex-start;
-    .pic {
-        max-width: 480px;
-        margin-top: 2rem;
-    }
-    .texts {
-        margin-left: 113px;
-    }
-    h6 {
-        position: relative;
-        font-size: 2rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 600;
-        color: #333;
-    }
-    .en {
-        margin: -25px 0 40px;
-        font-size: 2.2rem;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        font-weight: 600;
-        color: rgba(216, 216, 216, 0.34);
-    }
-    .text {
-        font-size: 1rem;
-        color: #333;
-        line-height: 1.6;
-    }
+  display: flex;
+  align-items: flex-start;
+
+  .pic {
+    max-width: 480px;
+    margin-top: 2rem;
+  }
+
+  .texts {
+    margin-left: 113px;
+  }
+
+  h6 {
+    position: relative;
+    font-size: 2rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 600;
+    color: #333;
+  }
+
+  .en {
+    margin: -25px 0 40px;
+    font-size: 2.2rem;
+    font-family: PingFangSC-Semibold, PingFang SC;
+    font-weight: 600;
+    color: rgba(216, 216, 216, 0.34);
+  }
+
+  .text {
+    font-size: 1rem;
+    color: #333;
+    line-height: 1.6;
+  }
 }
+
 .sign {
-    width: 1400px;
-    min-height: 150px;
-    margin: 20px auto 0;
-    text-align: right;
-    img {
-        max-width: 150px;
-    }
-    .cover {
-        left: auto;
-        width: 300px;
-    }
+  width: 1400px;
+  min-height: 150px;
+  margin: 20px auto 0;
+  text-align: right;
+
+  img {
+    max-width: 150px;
+  }
+
+  .cover {
+    left: auto;
+    width: 300px;
+  }
 }
 </style>
diff --git a/src/pages/column/page/talent.vue b/src/pages/column/page/talent.vue
index 61e1922..8d78563 100644
--- a/src/pages/column/page/talent.vue
+++ b/src/pages/column/page/talent.vue
@@ -2,13 +2,11 @@
   <!-- 人才队伍 -->
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/人才队伍</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -16,41 +14,32 @@
     <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>
             <p class="banner-des">{{ modules[0].form.des }}</p>
           </div>
         </div>
-        <div class="cover"
-             @click="toSet(0)">点击更换banner与链接</div>
+        <div class="cover" @click="toSet(0)">点击更换banner与链接</div>
       </div>
 
       <div class="block talent">
         <div class="inner">
           <div class="item">
-            <img class="pic"
-                 :src="modules[1].form.pic"
-                 alt="">
+            <img class="pic" :src="modules[1].form.pic" alt="">
             <div class="texts">
               <h6>{{ modules[1].form.title }}</h6>
               <div class="des">{{ modules[1].form.des }}</div>
             </div>
-            <div class="cover"
-                 @click="toSet(1)">点击更改图片、标题概述与链接</div>
+            <div class="cover" @click="toSet(1)">点击更改图片、标题概述与链接</div>
           </div>
           <div class="item">
-            <img class="pic"
-                 :src="modules[2].form.pic"
-                 alt="">
+            <img class="pic" :src="modules[2].form.pic" alt="">
             <div class="texts">
               <h6>{{ modules[2].form.title }}</h6>
               <div class="des">{{ modules[2].form.des }}</div>
             </div>
-            <div class="cover"
-                 @click="toSet(2)">点击更改图片、标题概述与链接</div>
+            <div class="cover" @click="toSet(2)">点击更改图片、标题概述与链接</div>
           </div>
         </div>
       </div>
@@ -58,65 +47,50 @@
       <div class="style c-wrap">
         <div class="c-wrap">
           <h6 v-html="modules[3].form.title"></h6>
-          <div class="cover"
-               @click="toSet(3)">点击更换标题</div>
+          <div class="cover" @click="toSet(3)">点击更换标题</div>
         </div>
         <div class="c-wrap">
-          <el-carousel :interval="4000"
-                       type="card"
-                       height="510px">
+          <el-carousel :interval="4000" type="card" height="510px">
             <template v-for="(item, i) in modules[4].list">
-              <el-carousel-item v-if="item.isEnable"
-                                :key="i">
+              <el-carousel-item v-if="item.isEnable" :key="i">
                 <div class="item">
-                  <img :src="item.pic"
-                       alt="">
+                  <img :src="item.pic" alt="">
                   <p class="text">{{ item.des }}</p>
                 </div>
               </el-carousel-item>
             </template>
           </el-carousel>
-          <div class="cover"
-               @click="toSet(4)">点击更改图片、标题概述与链接</div>
+          <div class="cover" @click="toSet(4)">点击更改图片、标题概述与链接</div>
         </div>
       </div>
 
       <div class="block intro">
         <div class="inner">
           <div class="item">
-            <img class="pic"
-                 :src="modules[5].form.pic"
-                 alt="">
+            <img class="pic" :src="modules[5].form.pic" alt="">
             <div class="texts">
               <p class="type">{{ modules[5].form.subTitle }}</p>
               <h6>{{ modules[5].form.title }}</h6>
               <div class="des">{{ modules[5].form.des }}</div>
               <el-button type="primary">查看更多</el-button>
             </div>
-            <div class="cover"
-                 @click="toSet(5)">点击更改图片、标题、小标题、概述与链接</div>
+            <div class="cover" @click="toSet(5)">点击更改图片、标题、小标题、概述与链接</div>
           </div>
           <div class="item">
-            <img class="pic"
-                 :src="modules[6].form.pic"
-                 alt="">
+            <img class="pic" :src="modules[6].form.pic" alt="">
             <div class="texts">
               <p class="type">{{ modules[6].form.subTitle }}</p>
               <h6>{{ modules[6].form.title }}</h6>
               <div class="des">{{ modules[6].form.des }}</div>
               <el-button type="primary">查看更多</el-button>
             </div>
-            <div class="cover"
-                 @click="toSet(6)">点击更改图片、标题、小标题、概述与链接</div>
+            <div class="cover" @click="toSet(6)">点击更改图片、标题、小标题、概述与链接</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>
 
@@ -130,25 +104,7 @@ export default {
       modules: Modules.talent
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '人才队伍'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -157,111 +113,132 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .wrap {
-    background: #f8f9fb;
+  background: #f8f9fb;
 }
+
 .talent {
-    .inner {
-        width: 1504px;
-    }
-    .item {
-        position: relative;
-        display: flex;
-        padding: 42px;
-        margin-bottom: 36px;
-        background: #fff;
-        &:nth-child(even) {
-            flex-direction: row-reverse;
-            .texts {
-                padding-left: 0;
-            }
-        }
-    }
-    .pic {
-        width: 602px;
-        height: 465px;
-    }
-    .texts {
-        padding: 98px 72px 30px 80px;
-    }
-    h6 {
-        margin-bottom: 24px;
-        font-size: 50px;
-        font-family: PingFangSC-Light, PingFang SC;
-        font-weight: 300;
-        color: #333333;
-    }
-    .des {
-        font-size: 18px;
-        color: #333;
-        line-height: 33px;
+  .inner {
+    width: 1504px;
+  }
+
+  .item {
+    position: relative;
+    display: flex;
+    padding: 42px;
+    margin-bottom: 36px;
+    background: #fff;
+
+    &:nth-child(even) {
+      flex-direction: row-reverse;
+
+      .texts {
+        padding-left: 0;
+      }
     }
+  }
+
+  .pic {
+    width: 602px;
+    height: 465px;
+  }
+
+  .texts {
+    padding: 98px 72px 30px 80px;
+  }
+
+  h6 {
+    margin-bottom: 24px;
+    font-size: 50px;
+    font-family: PingFangSC-Light, PingFang SC;
+    font-weight: 300;
+    color: #333333;
+  }
+
+  .des {
+    font-size: 18px;
+    color: #333;
+    line-height: 33px;
+  }
 }
+
 .style {
-    h6 {
-        margin-bottom: 59px;
-        font-size: 48px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        text-align: center;
-        color: #333333;
-    }
-    .item {
-        position: relative;
-    }
-    img {
-        width: 100%;
-        height: 100%;
-    }
-    .text {
-        position: absolute;
-        bottom: 45px;
-        left: 0;
-        width: 100%;
-        padding: 0 30px;
-        line-height: 68px;
-        font-size: 24px;
-        color: #fff;
-        background: rgba(0, 0, 0, 0.38);
-    }
+  h6 {
+    margin-bottom: 59px;
+    font-size: 48px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    text-align: center;
+    color: #333333;
+  }
+
+  .item {
+    position: relative;
+  }
+
+  img {
+    width: 100%;
+    height: 100%;
+  }
+
+  .text {
+    position: absolute;
+    bottom: 45px;
+    left: 0;
+    width: 100%;
+    padding: 0 30px;
+    line-height: 68px;
+    font-size: 24px;
+    color: #fff;
+    background: rgba(0, 0, 0, 0.38);
+  }
 }
+
 .intro {
-    .inner {
-        width: 1504px;
-    }
-    .item {
-        position: relative;
-        display: flex;
-        align-items: center;
-        margin-bottom: 36px;
-        background: #fff;
-        &:nth-child(even) {
-            flex-direction: row-reverse;
-        }
-    }
-    .pic {
-        width: 848px;
-        height: 505px;
-    }
-    .texts {
-        padding: 0 58px;
-    }
-    .type {
-        font-size: 18px;
-        color: #333;
-    }
-    h6 {
-        margin: 20px 0;
-        font-size: 28px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #333333;
-    }
-    .des {
-        margin-bottom: 30px;
-        font-size: 16px;
-        color: #333;
-        line-height: 30px;
+  .inner {
+    width: 1504px;
+  }
+
+  .item {
+    position: relative;
+    display: flex;
+    align-items: center;
+    margin-bottom: 36px;
+    background: #fff;
+
+    &:nth-child(even) {
+      flex-direction: row-reverse;
     }
+  }
+
+  .pic {
+    width: 848px;
+    height: 505px;
+  }
+
+  .texts {
+    padding: 0 58px;
+  }
+
+  .type {
+    font-size: 18px;
+    color: #333;
+  }
+
+  h6 {
+    margin: 20px 0;
+    font-size: 28px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #333333;
+  }
+
+  .des {
+    margin-bottom: 30px;
+    font-size: 16px;
+    color: #333;
+    line-height: 30px;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/talentCenter.vue b/src/pages/column/page/talentCenter.vue
index 53508a4..c51bb38 100644
--- a/src/pages/column/page/talentCenter.vue
+++ b/src/pages/column/page/talentCenter.vue
@@ -2,13 +2,11 @@
   <!-- 人才中心 -->
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/人才中心</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -16,34 +14,26 @@
     <div class="modules">
       <div class="relative">
         <div class="single-banner single-banner-overview">
-          <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="content">
         <div class="article">
           <div class="left">
             <div class="c-wrap">
               <h6 class="title">{{ modules[1].form.title }}</h6>
-              <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>
             <ul class="recruit">
               <li>
                 <div class="c-wrap m-r-10">
-                  <img class="pic"
-                       :src="modules[2].form.pic"
-                       alt="">
-                  <div class="cover"
-                       @click="toSet(2)">点击更换图片</div>
+                  <img class="pic" :src="modules[2].form.pic" alt="">
+                  <div class="cover" @click="toSet(2)">点击更换图片</div>
                 </div>
                 <div class="texts">
                   <div class="c-wrap">
@@ -51,30 +41,22 @@
                       <h6 class="c-title">{{ modules[3].form.title }}</h6>
                       <div class="more">查看更多 ></div>
                     </div>
-                    <div class="des"
-                         v-html="modules[3].form.des"></div>
-                    <div class="cover"
-                         @click="toSet(3)">点击更换标题、链接与描述</div>
+                    <div class="des" v-html="modules[3].form.des"></div>
+                    <div class="cover" @click="toSet(3)">点击更换标题、链接与描述</div>
                   </div>
                   <p class="hot">热门岗位</p>
                   <div class="labels">
                     <template v-for="(item, i) in modules[4].list">
-                      <p v-if="item.isEnable"
-                         :key="i"
-                         class="label">{{ item.title }}</p>
+                      <p v-if="item.isEnable" :key="i" class="label">{{ item.title }}</p>
                     </template>
-                    <div class="cover"
-                         @click="toSet(4)">点击更换标签</div>
+                    <div class="cover" @click="toSet(4)">点击更换标签</div>
                   </div>
                 </div>
               </li>
               <li>
                 <div class="c-wrap m-r-10">
-                  <img class="pic"
-                       :src="modules[5].form.pic"
-                       alt="">
-                  <div class="cover"
-                       @click="toSet(5)">点击更换图片</div>
+                  <img class="pic" :src="modules[5].form.pic" alt="">
+                  <div class="cover" @click="toSet(5)">点击更换图片</div>
                 </div>
                 <div class="texts">
                   <div class="c-wrap">
@@ -82,40 +64,29 @@
                       <h6 class="c-title">{{ modules[6].form.title }}</h6>
                       <div class="more">查看更多 ></div>
                     </div>
-                    <div class="des"
-                         v-html="modules[6].form.des"></div>
-                    <div class="cover"
-                         @click="toSet(6)">点击更换标题、链接与描述</div>
+                    <div class="des" v-html="modules[6].form.des"></div>
+                    <div class="cover" @click="toSet(6)">点击更换标题、链接与描述</div>
                   </div>
                   <p class="hot">热门岗位</p>
                   <div class="labels">
                     <template v-for="(item, i) in modules[7].list">
-                      <p v-if="item.isEnable"
-                         :key="i"
-                         class="label">{{ item.title }}</p>
+                      <p v-if="item.isEnable" :key="i" class="label">{{ item.title }}</p>
                     </template>
-                    <div class="cover"
-                         @click="toSet(7)">点击更换标签</div>
+                    <div class="cover" @click="toSet(7)">点击更换标签</div>
                   </div>
                 </div>
               </li>
             </ul>
             <ul class="notice">
               <li class="m-r-10">
-                <img class="pic"
-                     :src="modules[8].form.pic"
-                     alt="">
+                <img class="pic" :src="modules[8].form.pic" alt="">
                 <p class="text">{{ modules[8].form.title }}</p>
-                <div class="cover"
-                     @click="toSet(8)">点击更换图片、标题与链接</div>
+                <div class="cover" @click="toSet(8)">点击更换图片、标题与链接</div>
               </li>
               <li>
-                <img class="pic"
-                     :src="modules[9].form.pic"
-                     alt="">
+                <img class="pic" :src="modules[9].form.pic" alt="">
                 <p class="text">{{ modules[9].form.title }}</p>
-                <div class="cover"
-                     @click="toSet(9)">点击更换图片、标题与链接</div>
+                <div class="cover" @click="toSet(9)">点击更换图片、标题与链接</div>
               </li>
             </ul>
           </div>
@@ -123,10 +94,7 @@
       </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>
 
@@ -140,25 +108,7 @@ export default {
       modules: Modules.talentCenter
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '人才中心'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -167,143 +117,172 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .wrap {
-    background-color: #f9fafa;
+  background-color: #f9fafa;
 }
+
 .content {
-    width: 1400px;
-    padding-top: 40px;
+  width: 1400px;
+  padding-top: 40px;
 }
+
 .article {
-    display: flex;
-    justify-content: center;
-    .left {
-        width: 66%;
-        .title {
-            padding-bottom: 10px;
-            font-size: 1.2rem;
-            color: #666;
-            border-bottom: 1px solid #eaeef2;
-        }
-        .text {
-            margin-top: 20px;
-            font-size: 1.1rem;
-            color: #333;
-            line-height: 28px;
-            p {
-                margin-bottom: 20px;
-            }
-        }
+  display: flex;
+  justify-content: center;
+
+  .left {
+    width: 66%;
+
+    .title {
+      padding-bottom: 10px;
+      font-size: 1.2rem;
+      color: #666;
+      border-bottom: 1px solid #eaeef2;
+    }
+
+    .text {
+      margin-top: 20px;
+      font-size: 1.1rem;
+      color: #333;
+      line-height: 28px;
+
+      p {
+        margin-bottom: 20px;
+      }
+    }
+  }
+
+  .recruit {
+    li {
+      display: flex;
+      padding: 20px;
+      margin-bottom: 24px;
+      background-color: #fff;
     }
-    .recruit {
-        li {
-            display: flex;
-            padding: 20px;
-            margin-bottom: 24px;
-            background-color: #fff;
-        }
-        .pic {
-            width: 410px;
-            height: 250px;
-            margin-right: 20px;
-        }
-        .c-title {
-            font-size: 1.2rem;
-            columns: #333;
-        }
-        .more {
-            font-size: 0.8rem;
-            color: #0648a8;
-            cursor: pointer;
-        }
-        .des {
-            margin: 20px 0;
-            font-size: 1rem;
-            color: #666;
-            line-height: 22px;
-        }
-        .hot {
-            margin-bottom: 10px;
-            font-size: 1.1rem;
-            color: #333;
-        }
-        .labels {
-            position: relative;
-            display: flex;
-            flex-wrap: wrap;
-        }
-        .label {
-            padding: 5px 15px;
-            margin: 0 15px 15px 0;
-            font-size: 1rem;
-            border-radius: 22px;
-            border: 1px solid #666;
-        }
+
+    .pic {
+      width: 410px;
+      height: 250px;
+      margin-right: 20px;
     }
-    .notice {
-        display: flex;
-        li {
-            position: relative;
-            width: calc((100% - 20px) / 2);
-            height: 300px;
-            padding: 20px;
-            background-color: #fff;
-        }
-        .pic {
-            width: 100%;
-            height: 100%;
-        }
-        .text {
-            position: absolute;
-            bottom: 20px;
-            left: 20px;
-            width: calc(100% - 40px);
-            font-size: 1.6rem;
-            line-height: 66px;
-            text-align: center;
-            color: #fff;
-            background: rgba(32, 57, 81, 0.68);
-        }
+
+    .c-title {
+      font-size: 1.2rem;
+      columns: #333;
     }
-    .right {
-        width: 20%;
+
+    .more {
+      font-size: 0.8rem;
+      color: #0648a8;
+      cursor: pointer;
     }
-    .column {
-        width: 100%;
-        margin-bottom: 25px;
+
+    .des {
+      margin: 20px 0;
+      font-size: 1rem;
+      color: #666;
+      line-height: 22px;
     }
-    /deep/.el-tree-node__content {
-        height: 44px;
-        background-color: #e5edf8;
-        border-bottom: 2px solid #fff;
+
+    .hot {
+      margin-bottom: 10px;
+      font-size: 1.1rem;
+      color: #333;
     }
-    /deep/.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-        color: #fff;
-        background-color: #0f5698;
+
+    .labels {
+      position: relative;
+      display: flex;
+      flex-wrap: wrap;
     }
-    .list {
-        margin-bottom: 20px;
-        li {
-            padding: 16px 0;
-            border-bottom: 1px solid #d8d8d8;
-        }
-        .text {
-            margin-bottom: 5px;
-            font-size: 14px;
-            cursor: pointer;
-            &:hover {
-                color: $main-color;
-            }
-        }
-        .date {
-            font-size: 12px;
-            color: #999;
-        }
+
+    .label {
+      padding: 5px 15px;
+      margin: 0 15px 15px 0;
+      font-size: 1rem;
+      border-radius: 22px;
+      border: 1px solid #666;
     }
+  }
+
+  .notice {
+    display: flex;
+
+    li {
+      position: relative;
+      width: calc((100% - 20px) / 2);
+      height: 300px;
+      padding: 20px;
+      background-color: #fff;
+    }
+
+    .pic {
+      width: 100%;
+      height: 100%;
+    }
+
+    .text {
+      position: absolute;
+      bottom: 20px;
+      left: 20px;
+      width: calc(100% - 40px);
+      font-size: 1.6rem;
+      line-height: 66px;
+      text-align: center;
+      color: #fff;
+      background: rgba(32, 57, 81, 0.68);
+    }
+  }
+
+  .right {
+    width: 20%;
+  }
+
+  .column {
+    width: 100%;
+    margin-bottom: 25px;
+  }
+
+  /deep/.el-tree-node__content {
+    height: 44px;
+    background-color: #e5edf8;
+    border-bottom: 2px solid #fff;
+  }
+
+  /deep/.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
+    color: #fff;
+    background-color: #0f5698;
+  }
+
+  .list {
+    margin-bottom: 20px;
+
+    li {
+      padding: 16px 0;
+      border-bottom: 1px solid #d8d8d8;
+    }
+
+    .text {
+      margin-bottom: 5px;
+      font-size: 14px;
+      cursor: pointer;
+
+      &:hover {
+        color: $main-color;
+      }
+    }
+
+    .date {
+      font-size: 12px;
+      color: #999;
+    }
+  }
 }
+
 @media (max-width: 1420px) {
-    .content {
-        width: 98%;
-    }
+  .content {
+    width: 98%;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/talentCentre.vue b/src/pages/column/page/talentCentre.vue
index 8fa3205..f5d66d8 100644
--- a/src/pages/column/page/talentCentre.vue
+++ b/src/pages/column/page/talentCentre.vue
@@ -2,13 +2,11 @@
   <!-- 人才中心 -->
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/人才中心</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -16,15 +14,12 @@
     <div class="modules">
       <div class="relative">
         <div class="single-banner single-banner-overview">
-          <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="content">
@@ -32,56 +27,38 @@
           <div class="left">
             <div class="c-wrap">
               <h6 class="talent-title">{{ modules[1].form.title }}</h6>
-              <div class="talent-text"
-                   v-html="modules[1].form.des"></div>
-              <div class="cover"
-                   @click="toSet(1)">点击更换标题与概述</div>
+              <div class="talent-text" v-html="modules[1].form.des"></div>
+              <div class="cover" @click="toSet(1)">点击更换标题与概述</div>
             </div>
             <ul class="people">
               <li>
-                <img class="pic"
-                     :src="modules[2].form.pic"
-                     alt="">
+                <img class="pic" :src="modules[2].form.pic" alt="">
                 <div class="texts">
                   <h6>{{ modules[2].form.title }}</h6>
                   <div class="line"></div>
-                  <div class="text"
-                       v-html="modules[2].form.des"></div>
-                  <img src="@/assets/images/arrow.png"
-                       alt="">
+                  <div class="text" v-html="modules[2].form.des"></div>
+                  <img src="@/assets/images/arrow.png" alt="">
                 </div>
-                <div class="cover"
-                     @click="toSet(2)">点击更换图片、标题、概述与链接</div>
+                <div class="cover" @click="toSet(2)">点击更换图片、标题、概述与链接</div>
               </li>
               <li>
-                <img class="pic"
-                     :src="modules[3].form.pic"
-                     alt="">
+                <img class="pic" :src="modules[3].form.pic" alt="">
                 <div class="texts">
                   <h6>{{ modules[3].form.title }}</h6>
                   <div class="line"></div>
-                  <div class="text"
-                       v-html="modules[3].form.des"></div>
-                  <img src="@/assets/images/arrow.png"
-                       alt="">
+                  <div class="text" v-html="modules[3].form.des"></div>
+                  <img src="@/assets/images/arrow.png" alt="">
                 </div>
-                <div class="cover"
-                     @click="toSet(3)">点击更换图片、标题、概述与链接</div>
+                <div class="cover" @click="toSet(3)">点击更换图片、标题、概述与链接</div>
               </li>
             </ul>
           </div>
 
           <div class="right">
             <div class="c-wrap">
-              <el-tree class="column"
-                       ref="column"
-                       :data="modules[4].list"
-                       highlight-current
-                       :expand-on-click-node="false"
-                       :props="defaultProps"
-                       node-key="id"></el-tree>
-              <div class="cover"
-                   @click="toSet(4)">点击更换标题与链接</div>
+              <el-tree class="column" ref="column" :data="modules[4].list" highlight-current
+                :expand-on-click-node="false" :props="defaultProps" node-key="id"></el-tree>
+              <div class="cover" @click="toSet(4)">点击更换标题与链接</div>
             </div>
 
             <p class="l-title">人才资讯</p>
@@ -90,18 +67,14 @@
                 <p class="text">喜报 | 深圳粒子研究院荣获全国科研…</p>
                 <span class="date">2022-08-09</span>
               </li>
-              <div class="cover"
-                   @click="toSet(5)">点击关联栏目</div>
+              <div class="cover" @click="toSet(5)">点击关联栏目</div>
             </ul>
           </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>
 
@@ -119,25 +92,7 @@ export default {
       },
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '人才中心'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -146,131 +101,156 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .content {
-    margin-top: 20px;
-    background-color: #fff;
+  margin-top: 20px;
+  background-color: #fff;
 }
+
 .l-title {
-    position: relative;
-    padding-bottom: 20px;
-    font-size: 1rem;
-    font-family: PingFangSC-Medium, PingFang SC;
-    color: #000;
-    line-height: 1.6;
-    border-bottom: 1px solid #ddd;
-    &:after {
-        content: '';
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        width: 30px;
-        height: 2px;
-        background-color: #156ceb;
-    }
+  position: relative;
+  padding-bottom: 20px;
+  font-size: 1rem;
+  font-family: PingFangSC-Medium, PingFang SC;
+  color: #000;
+  line-height: 1.6;
+  border-bottom: 1px solid #ddd;
+
+  &:after {
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 30px;
+    height: 2px;
+    background-color: #156ceb;
+  }
 }
+
 .article {
-    display: flex;
-    justify-content: center;
-    .left {
-        width: 66%;
-        margin-right: 20px;
-        .talent-title {
-            padding-bottom: 10px;
-            font-size: 1.2rem;
-            color: #666;
-            border-bottom: 1px solid #eaeef2;
-        }
-        .talent-text {
-            margin: 20px 0;
-            font-size: 1.1rem;
-            color: #333;
-            line-height: 28px;
-            p {
-                margin-bottom: 20px;
-            }
-        }
+  display: flex;
+  justify-content: center;
+
+  .left {
+    width: 66%;
+    margin-right: 20px;
+
+    .talent-title {
+      padding-bottom: 10px;
+      font-size: 1.2rem;
+      color: #666;
+      border-bottom: 1px solid #eaeef2;
     }
-    .people {
-        margin-top: 4rem;
-        li {
-            position: relative;
-            height: 450px;
-            margin-bottom: 2rem;
-            &:nth-child(even) {
-                .texts {
-                    left: 50px;
-                    right: auto;
-                    background: rgba(255, 255, 255, 0.43);
-                }
-            }
-        }
-        .pic {
-            width: 100%;
-            height: 100%;
-        }
+
+    .talent-text {
+      margin: 20px 0;
+      font-size: 1.1rem;
+      color: #333;
+      line-height: 28px;
+
+      p {
+        margin-bottom: 20px;
+      }
+    }
+  }
+
+  .people {
+    margin-top: 4rem;
+
+    li {
+      position: relative;
+      height: 450px;
+      margin-bottom: 2rem;
+
+      &:nth-child(even) {
         .texts {
-            position: absolute;
-            top: 60px;
-            right: 50px;
-            width: 380px;
-            padding: 50px 25px;
-            background: rgba(243, 251, 255, 0.82);
-        }
-        h6 {
-            font-size: 1.2rem;
-            font-family: PingFangSC-Semibold, PingFang SC;
-            font-weight: 600;
-            color: #2a4b65;
-        }
-        .line {
-            width: 93px;
-            height: 1px;
-            margin: 1rem 0;
-            background: #3e6473;
-        }
-        .text {
-            margin-bottom: 1rem;
-            font-size: 1rem;
-            font-family: PingFangSC-Regular, PingFang SC;
-            color: #2a4b65;
-            line-height: 1.6;
+          left: 50px;
+          right: auto;
+          background: rgba(255, 255, 255, 0.43);
         }
+      }
     }
-    .right {
-        width: 20%;
+
+    .pic {
+      width: 100%;
+      height: 100%;
     }
-    .column {
-        width: 100%;
-        margin-bottom: 25px;
+
+    .texts {
+      position: absolute;
+      top: 60px;
+      right: 50px;
+      width: 380px;
+      padding: 50px 25px;
+      background: rgba(243, 251, 255, 0.82);
     }
-    /deep/.el-tree-node__content {
-        height: 44px;
-        background-color: #e5edf8;
-        border-bottom: 2px solid #fff;
+
+    h6 {
+      font-size: 1.2rem;
+      font-family: PingFangSC-Semibold, PingFang SC;
+      font-weight: 600;
+      color: #2a4b65;
     }
-    /deep/.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-        color: #fff;
-        background-color: #0f5698;
+
+    .line {
+      width: 93px;
+      height: 1px;
+      margin: 1rem 0;
+      background: #3e6473;
     }
-    .list {
-        position: relative;
-        margin-bottom: 20px;
-        li {
-            padding: 16px 0;
-            border-bottom: 1px solid #d8d8d8;
-        }
-        .text {
-            margin-bottom: 5px;
-            font-size: 14px;
-            cursor: pointer;
-            &:hover {
-                color: $main-color;
-            }
-        }
-        .date {
-            font-size: 12px;
-            color: #999;
-        }
+
+    .text {
+      margin-bottom: 1rem;
+      font-size: 1rem;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #2a4b65;
+      line-height: 1.6;
+    }
+  }
+
+  .right {
+    width: 20%;
+  }
+
+  .column {
+    width: 100%;
+    margin-bottom: 25px;
+  }
+
+  /deep/.el-tree-node__content {
+    height: 44px;
+    background-color: #e5edf8;
+    border-bottom: 2px solid #fff;
+  }
+
+  /deep/.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
+    color: #fff;
+    background-color: #0f5698;
+  }
+
+  .list {
+    position: relative;
+    margin-bottom: 20px;
+
+    li {
+      padding: 16px 0;
+      border-bottom: 1px solid #d8d8d8;
     }
+
+    .text {
+      margin-bottom: 5px;
+      font-size: 14px;
+      cursor: pointer;
+
+      &:hover {
+        color: $main-color;
+      }
+    }
+
+    .date {
+      font-size: 12px;
+      color: #999;
+    }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/team.vue b/src/pages/column/page/team.vue
index 33d09d7..1adf89b 100644
--- a/src/pages/column/page/team.vue
+++ b/src/pages/column/page/team.vue
@@ -2,13 +2,11 @@
   <!-- 人才中心 -->
   <div class="wrap p-b-30">
     <div class="actions">
-      <p class="page-name">页面设置/关于IASF-核心团队</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -16,43 +14,32 @@
     <div class="modules">
       <div class="relative">
         <div class="single-banner single-banner-overview">
-          <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="content">
         <div class="left c-wrap">
           <ul class="list">
-            <li v-for="(item, i) in modules[1].list"
-                :key="i">
-              <img :src="item.pic"
-                   alt=""
-                   class="pic">
+            <li v-for="(item, i) in modules[1].list" :key="i">
+              <img :src="item.pic" alt="" class="pic">
               <div class="texts">
                 <h6>{{ item.title }}</h6>
                 <p class="job">{{ item.subTitle }}</p>
-                <div class="text"
-                     v-html="item.des"></div>
+                <div class="text" v-html="item.des"></div>
               </div>
             </li>
           </ul>
-          <div class="cover"
-               @click="toSet(1)">点击更换图片、标题、描述</div>
+          <div class="cover" @click="toSet(1)">点击更换图片、标题、描述</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>
 
@@ -66,25 +53,7 @@ export default {
       modules: Modules.team
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '关于IASF-核心团队'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -93,47 +62,56 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .wrap {
-    background-color: #fff;
+  background-color: #fff;
 }
+
 .content {
-    display: flex;
-    width: 1200px;
-    margin: 30px auto;
-    .list {
-        position: relative;
-        li {
-            position: relative;
-            display: flex;
-            align-items: center;
-            padding-bottom: 30px;
-            margin-bottom: 30px;
-            border-bottom: 1px solid #ddd;
-            &:last-child {
-                border-bottom: 0;
-            }
-        }
-        .pic {
-            width: 224px;
-            height: 268px;
-            margin-right: 25px;
-        }
-        h6 {
-            font-size: 1.2rem;
-            font-family: PingFangSC-Medium, PingFang SC;
-            color: #333;
-        }
-        .job {
-            margin: 10px 0;
-            font-size: 1rem;
-            font-family: PingFangSC-Regular, PingFang SC;
-            color: #333;
-        }
-        .text {
-            font-size: 1rem;
-            font-family: PingFangSC-Regular, PingFang SC;
-            color: #333;
-        }
+  display: flex;
+  width: 1200px;
+  margin: 30px auto;
+
+  .list {
+    position: relative;
+
+    li {
+      position: relative;
+      display: flex;
+      align-items: center;
+      padding-bottom: 30px;
+      margin-bottom: 30px;
+      border-bottom: 1px solid #ddd;
+
+      &:last-child {
+        border-bottom: 0;
+      }
     }
+
+    .pic {
+      width: 224px;
+      height: 268px;
+      margin-right: 25px;
+    }
+
+    h6 {
+      font-size: 1.2rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+      color: #333;
+    }
+
+    .job {
+      margin: 10px 0;
+      font-size: 1rem;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #333;
+    }
+
+    .text {
+      font-size: 1rem;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #333;
+    }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/userSharing.vue b/src/pages/column/page/userSharing.vue
index 3b9a015..e3bcea6 100644
--- a/src/pages/column/page/userSharing.vue
+++ b/src/pages/column/page/userSharing.vue
@@ -1,13 +1,11 @@
 <template>
   <div class="wrap">
     <div class="actions">
-      <p class="page-name">页面设置/用户共享</p>
+      <p class="page-name">页面设置/{{ columnName }}</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>
@@ -15,16 +13,13 @@
     <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>
             <p class="banner-des">{{ modules[0].form.des }}</p>
           </div>
         </div>
-        <div class="cover"
-             @click="toSet(0)">点击更换banner与链接</div>
+        <div class="cover" @click="toSet(0)">点击更换banner与链接</div>
       </div>
 
       <div class="block share">
@@ -32,14 +27,10 @@
           <div class="left">
             <h6 v-html="modules[1].form.title"></h6>
             <p class="en">USERS SHARE</p>
-            <div class="des"
-                 v-html="modules[1].form.des"></div>
+            <div class="des" v-html="modules[1].form.des"></div>
           </div>
-          <div class="cover"
-               @click="toSet(1)">点击更换描述</div>
-          <img class="pic"
-               :src="modules[1].form.pic"
-               alt="">
+          <div class="cover" @click="toSet(1)">点击更换描述</div>
+          <img class="pic" :src="modules[1].form.pic" alt="">
           <div class="card">
             <p class="title">{{ modules[1].form.subTitle }}</p>
             <p class="en-text">{{ modules[1].form.enTitle }}</p>
@@ -50,37 +41,28 @@
       <div class="block gray">
         <ul class="group">
           <li>
-            <img src="@/assets/images/userSharing/2.png"
-                 alt="">
+            <img src="@/assets/images/userSharing/2.png" alt="">
             <h6>{{ modules[2].form.title }}</h6>
             <div class="des">{{ modules[2].form.des }}</div>
-            <div class="cover"
-                 @click="toSet(2)">点击更换标题、描述与链接</div>
+            <div class="cover" @click="toSet(2)">点击更换标题、描述与链接</div>
           </li>
           <li>
-            <img src="@/assets/images/userSharing/3.png"
-                 alt="">
+            <img src="@/assets/images/userSharing/3.png" alt="">
             <h6>{{ modules[3].form.title }}</h6>
             <div class="des">{{ modules[3].form.des }}</div>
-            <div class="cover"
-                 @click="toSet(3)">点击更换标题、描述与链接</div>
+            <div class="cover" @click="toSet(3)">点击更换标题、描述与链接</div>
           </li>
           <li>
-            <img src="@/assets/images/userSharing/4.png"
-                 alt="">
+            <img src="@/assets/images/userSharing/4.png" alt="">
             <h6>{{ modules[4].form.title }}</h6>
             <div class="des">{{ modules[4].form.des }}</div>
-            <div class="cover"
-                 @click="toSet(4)">点击更换标题、描述与链接</div>
+            <div class="cover" @click="toSet(4)">点击更换标题、描述与链接</div>
           </li>
         </ul>
       </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>
 
@@ -94,25 +76,7 @@ export default {
       modules: Modules.userSharing
     }
   },
-  mounted () {
-    this.$store.commit('user/setCrumbs', [
-      {
-        name: '站点管理',
-        route: '/site'
-      },
-      {
-        name: '内容管理',
-        route: '/column'
-      },
-      {
-        name: '栏目管理',
-        route: '/column'
-      },
-      {
-        name: '用户共享'
-      }
-    ])
-  },
+  mounted () { },
   methods: {
 
   }
@@ -121,96 +85,111 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../styles/page/page.scss';
+
 .share {
+  position: relative;
+
+  .inner {
+    display: flex;
+    width: 1476px;
+  }
+
+  .left {
+    width: 509px;
+  }
+
+  h6 {
     position: relative;
-    .inner {
-        display: flex;
-        width: 1476px;
-    }
-    .left {
-        width: 509px;
-    }
-    h6 {
-        position: relative;
-        font-size: 48px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #333333;
-    }
-    .en {
-        margin-top: -35px;
-        font-size: 45px;
-        font-family: AppleSystemUIFont;
-        color: #e4e4e4;
-    }
-    .des {
-        margin-top: 25px;
-        font-size: 18px;
-        color: #333;
-        line-height: 37px;
-        overflow: visible;
-    }
-    .pic {
-        width: 944px;
-        height: 568px;
-        border-top-left-radius: 20px;
-    }
-    .card {
-        position: absolute;
-        bottom: 29px;
-        left: 0;
-        width: 1068px;
-        height: 145px;
-        padding: 20px 0 0 11%;
-        background: #7bacc4;
-        border-radius: 0px 100px 0px 0px;
-        opacity: 0.88;
-    }
-    .title {
-        margin-bottom: 10px;
-        font-size: 40px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #fff;
-    }
-    .en-text {
-        font-size: 28px;
-        font-family: AppleSystemUIFont;
-        color: #fff;
-        letter-spacing: 2px;
-    }
+    font-size: 48px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #333333;
+  }
+
+  .en {
+    margin-top: -35px;
+    font-size: 45px;
+    font-family: AppleSystemUIFont;
+    color: #e4e4e4;
+  }
+
+  .des {
+    margin-top: 25px;
+    font-size: 18px;
+    color: #333;
+    line-height: 37px;
+    overflow: visible;
+  }
+
+  .pic {
+    width: 944px;
+    height: 568px;
+    border-top-left-radius: 20px;
+  }
+
+  .card {
+    position: absolute;
+    bottom: 29px;
+    left: 0;
+    width: 1068px;
+    height: 145px;
+    padding: 20px 0 0 11%;
+    background: #7bacc4;
+    border-radius: 0px 100px 0px 0px;
+    opacity: 0.88;
+  }
+
+  .title {
+    margin-bottom: 10px;
+    font-size: 40px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #fff;
+  }
+
+  .en-text {
+    font-size: 28px;
+    font-family: AppleSystemUIFont;
+    color: #fff;
+    letter-spacing: 2px;
+  }
 }
+
 .group {
-    display: flex;
-    justify-content: center;
-    li {
-        position: relative;
-        width: 420px;
-        height: 390px;
-        padding: 195px 0 0 32px;
-        margin-right: 20px;
-        color: #fff;
-    }
-    img {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-    }
-    h6 {
-        position: relative;
-        font-size: 36px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-    }
-    .des {
-        position: relative;
-        margin-top: 16px;
-        font-size: 18px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        line-height: 31px;
-    }
+  display: flex;
+  justify-content: center;
+
+  li {
+    position: relative;
+    width: 420px;
+    height: 390px;
+    padding: 195px 0 0 32px;
+    margin-right: 20px;
+    color: #fff;
+  }
+
+  img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+  h6 {
+    position: relative;
+    font-size: 36px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+  }
+
+  .des {
+    position: relative;
+    margin-top: 16px;
+    font-size: 18px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    line-height: 31px;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/setting.js b/src/setting.js
index 317ebcb..8a84f59 100644
--- a/src/setting.js
+++ b/src/setting.js
@@ -3,9 +3,7 @@
  * */
 const isDev = process.env.NODE_ENV === 'development' // 开发环境
 let host = `${location.origin}/`
-if (isDev) {
-  host = 'http://192.168.31.51:10000/'
-}
+
 const Setting = {
   /**
    * 基础配置