From d83017600ff02ec1abd25ca9ae4f41f27fff5e12 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Fri, 7 Jul 2023 14:31:07 +0800
Subject: [PATCH] =?UTF-8?q?=E8=87=AA=E7=94=B1=E7=94=B5=E5=AD=90=E6=BF=80?=
 =?UTF-8?q?=E5=85=89=E6=A0=87=E9=A2=98=E6=94=B9=E6=88=90=E5=AF=8C=E6=96=87?=
 =?UTF-8?q?=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/const/modules.js                         |  18 +-
 src/pages/column/page/deviceIntroBeam.vue    |   2 +-
 src/pages/column/page/deviceIntroLayout.vue  | 220 ++++++++-------
 src/pages/column/page/deviceIntroLinear.vue  | 244 ++++++++--------
 src/pages/column/page/exp.vue                | 223 ++++++++-------
 src/pages/column/page/overviewDevHistory.vue | 277 ++++++++++---------
 src/pages/column/page/overviewIntro.vue      | 231 +++++++++-------
 src/pages/column/page/overviewSetup.vue      | 144 +++++-----
 src/pages/column/page/talent.vue             |   2 +-
 src/pages/column/page/userSharing.vue        | 230 ++++++++-------
 10 files changed, 876 insertions(+), 715 deletions(-)

diff --git a/src/const/modules.js b/src/const/modules.js
index d1f4940..e1850a0 100644
--- a/src/const/modules.js
+++ b/src/const/modules.js
@@ -3779,7 +3779,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -4024,7 +4024,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -4219,7 +4219,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -4946,7 +4946,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -5087,7 +5087,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -5227,7 +5227,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -5359,7 +5359,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -5437,7 +5437,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
@@ -5551,7 +5551,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
diff --git a/src/pages/column/page/deviceIntroBeam.vue b/src/pages/column/page/deviceIntroBeam.vue
index 0cd1513..75c754b 100644
--- a/src/pages/column/page/deviceIntroBeam.vue
+++ b/src/pages/column/page/deviceIntroBeam.vue
@@ -33,7 +33,7 @@
       <div class="block share">
         <div class="inner">
           <div class="c-wrap">
-            <h6>{{ modules[1].form.title }}</h6>
+            <h6 v-html="modules[1].form.title"></h6>
             <p class="en"
                v-html="modules[1].form.des"></p>
             <div class="cover"
diff --git a/src/pages/column/page/deviceIntroLayout.vue b/src/pages/column/page/deviceIntroLayout.vue
index 28c6e91..f0aed54 100644
--- a/src/pages/column/page/deviceIntroLayout.vue
+++ b/src/pages/column/page/deviceIntroLayout.vue
@@ -3,59 +3,87 @@
     <div class="actions">
       <p class="page-name">页面设置/装置介绍</p>
       <div>
-        <el-button type="primary" @click="preview">预览</el-button>
+        <el-button type="primary"
+                   @click="preview">预览</el-button>
         <el-button @click="save(0)">保存为草稿</el-button>
-        <el-button type="primary" @click="save(1)">发布</el-button>
+        <el-button type="primary"
+                   @click="save(1)">发布</el-button>
         <el-button @click="back">放弃编辑</el-button>
       </div>
     </div>
 
     <div class="modules">
       <div class="relative">
-        <el-carousel height="480px" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+        <el-carousel height="480px"
+                     :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
           <template v-for="(item, i) in modules[0].list">
-            <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
-              <img width="100%" height="100%" :src="item.pic" alt="">
+            <el-carousel-item v-if="item.pic && item.isEnable"
+                              :key="i">
+              <img width="100%"
+                   height="100%"
+                   :src="item.pic"
+                   alt="">
             </el-carousel-item>
           </template>
         </el-carousel>
-        <div class="cover" @click="toSet(0)">点击更换banner与链接</div>
+        <div class="cover"
+             @click="toSet(0)">点击更换banner与链接</div>
       </div>
 
       <div class="block share">
         <div class="inner">
           <div class="c-wrap">
-            <h6>{{ modules[1].form.title }}</h6>
+            <h6 v-html="modules[1].form.title"></h6>
             <p class="en">{{ modules[1].form.subTitle }}</p>
-            <div class="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="http://10.10.11.7/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="http://10.10.11.7/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">
         <h6>{{ modules[4].form.title }}</h6>
-        <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>
       </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>
 
@@ -64,12 +92,12 @@ import mixins from '@/mixins/page'
 import Modules from '@/const/modules'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       modules: Modules.deviceIntroLayout
     }
   },
-  mounted() {
+  mounted () {
     this.$store.commit('user/setCrumbs', [
       {
         name: '站点管理',
@@ -89,92 +117,92 @@ export default {
     ])
   },
   methods: {
-    
+
   }
 };
 </script>
 
 <style lang="scss" scoped>
-@import "../../../styles/page/page.scss";
+@import '../../../styles/page/page.scss';
 .wrap {
-  background: url(http://10.10.11.7/images/device/4.png) bottom right/auto no-repeat;
+    background: url(http://10.10.11.7/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;
-    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(http://10.10.11.7/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;
-  }
+    .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(http://10.10.11.7/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;
-  h6 {
-    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;
+    h6 {
+        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 981456a..66641ff 100644
--- a/src/pages/column/page/deviceIntroLinear.vue
+++ b/src/pages/column/page/deviceIntroLinear.vue
@@ -3,40 +3,55 @@
     <div class="actions">
       <p class="page-name">页面设置/装置介绍</p>
       <div>
-        <el-button type="primary" @click="preview">预览</el-button>
+        <el-button type="primary"
+                   @click="preview">预览</el-button>
         <el-button @click="save(0)">保存为草稿</el-button>
-        <el-button type="primary" @click="save(1)">发布</el-button>
+        <el-button type="primary"
+                   @click="save(1)">发布</el-button>
         <el-button @click="back">放弃编辑</el-button>
       </div>
     </div>
 
     <div class="modules">
       <div class="relative">
-        <el-carousel height="480px" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+        <el-carousel height="480px"
+                     :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
           <template v-for="(item, i) in modules[0].list">
-            <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
-              <img width="100%" height="100%" :src="item.pic" alt="">
+            <el-carousel-item v-if="item.pic && item.isEnable"
+                              :key="i">
+              <img width="100%"
+                   height="100%"
+                   :src="item.pic"
+                   alt="">
             </el-carousel-item>
           </template>
         </el-carousel>
-        <div class="cover" @click="toSet(0)">点击更换banner与链接</div>
+        <div class="cover"
+             @click="toSet(0)">点击更换banner与链接</div>
       </div>
 
       <div class="block history gray">
         <div class="inner">
           <div class="c-wrap">
-            <h2 class="wow fadeInLeft">{{ 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="http://10.10.11.7/images/device/10.png" alt="">
+            <img class="bg"
+                 src="http://10.10.11.7/images/device/10.png"
+                 alt="">
           </div>
         </div>
       </div>
@@ -45,19 +60,26 @@
         <div class="inner">
           <div class="left c-wrap">
             <h5>{{ modules[3].form.title }}</h5>
-            <img :src="modules[3].form.pic" alt="">
-            <div class="cover" @click="toSet(3)">点击更改标题与图片</div>
+            <img :src="modules[3].form.pic"
+                 alt="">
+            <div class="cover"
+                 @click="toSet(3)">点击更改标题与图片</div>
           </div>
           <div class="right c-wrap">
             <h6>{{ modules[4].form.title }}</h6>
-            <img :src="modules[4].form.pic" alt="">
-            <div class="cover" @click="toSet(4)">点击更改标题与图片</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>
 
@@ -66,12 +88,12 @@ import mixins from '@/mixins/page'
 import Modules from '@/const/modules'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       modules: Modules.deviceIntroLinear
     }
   },
-  mounted() {
+  mounted () {
     this.$store.commit('user/setCrumbs', [
       {
         name: '站点管理',
@@ -91,106 +113,106 @@ export default {
     ])
   },
   methods: {
-    
+
   }
 };
 </script>
 
 <style lang="scss" scoped>
-@import "../../../styles/page/page.scss";
+@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: .3s;
-    &:hover {
-      transform: scale(1.05);
+    .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;
     }
-  }
-  .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%;
-  }
-  h5 {
-    margin-bottom: 15px;
-    font-size: 20px;
-    font-family: PingFangSC-Medium, PingFang SC;
-    font-weight: 500;
-    color: #2A2A2A;
-  }
-  h6 {
-    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;
-  }
-  img {
-    width: 100%;
-    height: 85%;
-  }
+    .inner {
+        display: flex;
+        width: 90%;
+        max-width: 1504px;
+    }
+    .left {
+        width: 30%;
+    }
+    .right {
+        width: 68%;
+        margin-left: 2%;
+    }
+    h5 {
+        margin-bottom: 15px;
+        font-size: 20px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #2a2a2a;
+    }
+    h6 {
+        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;
+    }
+    img {
+        width: 100%;
+        height: 85%;
+    }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/exp.vue b/src/pages/column/page/exp.vue
index 032c09e..f2b1016 100644
--- a/src/pages/column/page/exp.vue
+++ b/src/pages/column/page/exp.vue
@@ -3,76 +3,110 @@
     <div class="actions">
       <p class="page-name">页面设置/装置介绍-实验站</p>
       <div>
-        <el-button type="primary" @click="preview">预览</el-button>
+        <el-button type="primary"
+                   @click="preview">预览</el-button>
         <el-button @click="save(0)">保存为草稿</el-button>
-        <el-button type="primary" @click="save(1)">发布</el-button>
+        <el-button type="primary"
+                   @click="save(1)">发布</el-button>
         <el-button @click="back">放弃编辑</el-button>
       </div>
     </div>
 
     <div class="modules">
       <div class="relative">
-        <el-carousel height="480px" :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+        <el-carousel height="480px"
+                     :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
           <template v-for="(item, i) in modules[0].list">
-            <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
-              <img width="100%" height="100%" :src="item.pic" alt="">
+            <el-carousel-item v-if="item.pic && item.isEnable"
+                              :key="i">
+              <img width="100%"
+                   height="100%"
+                   :src="item.pic"
+                   alt="">
             </el-carousel-item>
           </template>
         </el-carousel>
-        <div class="cover" @click="toSet(0)">点击更换banner与链接</div>
+        <div class="cover"
+             @click="toSet(0)">点击更换banner与链接</div>
       </div>
 
       <div class="block station">
         <div class="inner c-wrap">
-          <h6>{{ modules[1].form.title }}</h6>
+          <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>
 
@@ -82,21 +116,21 @@ import Modules from '@/const/modules'
 import Util from '@/libs/util'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       modules: Modules.exp,
       Util
     }
   },
   computed: {
-    isVideo() {
+    isVideo () {
       const { pic } = this.modules[1].form
       const ext = pic.substr(pic.lastIndexOf('.') + 1)
       console.log(33, pic)
       return Util.isVideo(ext)
     }
   },
-  mounted() {
+  mounted () {
     this.$store.commit('user/setCrumbs', [
       {
         name: '站点管理',
@@ -116,79 +150,80 @@ export default {
     ])
   },
   methods: {
-    
+
   }
 };
 </script>
 
 <style lang="scss" scoped>
-@import "../../../styles/page/page.scss";
+@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/overviewDevHistory.vue b/src/pages/column/page/overviewDevHistory.vue
index ca716f7..726bfbf 100644
--- a/src/pages/column/page/overviewDevHistory.vue
+++ b/src/pages/column/page/overviewDevHistory.vue
@@ -3,67 +3,88 @@
     <div class="actions">
       <p class="page-name">页面设置/SFEL-概况-发展历程</p>
       <div>
-        <el-button type="primary" @click="preview">预览</el-button>
+        <el-button type="primary"
+                   @click="preview">预览</el-button>
         <el-button @click="save(0)">保存为草稿</el-button>
-        <el-button type="primary" @click="save(1)">发布</el-button>
-        <el-button @click="back">放弃编辑</el-button> 
+        <el-button type="primary"
+                   @click="save(1)">发布</el-button>
+        <el-button @click="back">放弃编辑</el-button>
       </div>
     </div>
 
     <div class="modules">
       <div class="relative">
         <div class="single-banner 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">{{ 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>
 
@@ -72,7 +93,7 @@ import mixins from '@/mixins/page'
 import Modules from '@/const/modules'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       modules: Modules.overviewDevHistory,
       active: 0,
@@ -80,7 +101,7 @@ export default {
       curYear: 0
     }
   },
-  mounted() {
+  mounted () {
     this.$store.commit('user/setCrumbs', [
       {
         name: '站点管理',
@@ -101,7 +122,7 @@ export default {
   },
   methods: {
     // tab回调
-    tabChange(i) {
+    tabChange (i) {
       this.active = i
     },
   }
@@ -109,128 +130,128 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../../styles/page/page.scss";
+@import '../../../styles/page/page.scss';
 .wrap {
-  background: url(http://10.10.11.7/images/overviewDevHistory/1.png) (right 505px)/auto no-repeat,
-              url(http://10.10.11.7/images/overviewDevHistory/2.png) (left bottom)/auto no-repeat;
-  background-color: #fff;
+    background: url(http://10.10.11.7/images/overviewDevHistory/1.png) (right 505px) / auto no-repeat,
+        url(http://10.10.11.7/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(http://10.10.11.7/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(http://10.10.11.7/images/overviewDevHistory/3.png) no-repeat;
+                    margin-right: 20px;
+                }
+            }
         }
-      }
     }
-  }
-  .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;
-    }
-    .texts {
-      width: 500px;
-    }
-    .date {
-      margin-bottom: 15px;
-      font-size: 1.2rem;
-      font-family: PingFangSC-Semibold, PingFang SC;
-      font-weight: 600;
-      color: #333;
+    .right {
+        width: 900px;
     }
-    .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);
-      }
+    .year {
+        margin: 0 0 20px 20px;
+        font-size: 3.8rem;
+        font-family: ToppanBunkyuMidashiGothicStdN-ExtraBold, ToppanBunkyuMidashiGothicStdN;
+        font-weight: 800;
+        color: #1a81f4;
     }
-    .pic {
-      width: 350px;
-      height: 195px;
+    .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;
+        }
     }
-  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/column/page/overviewIntro.vue b/src/pages/column/page/overviewIntro.vue
index 4fc2d95..f25873c 100644
--- a/src/pages/column/page/overviewIntro.vue
+++ b/src/pages/column/page/overviewIntro.vue
@@ -3,54 +3,74 @@
     <div class="actions">
       <p class="page-name">页面设置/SFEL-概况-S³FEL介绍</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 @click="back">放弃编辑</el-button> 
+        <el-button type="primary"
+                   @click="save(1)">发布</el-button>
+        <el-button @click="back">放弃编辑</el-button>
       </div>
     </div>
 
     <div class="modules">
       <div class="relative">
         <div class="single-banner 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">
-          <img class="pic" src="http://10.10.11.7/images/overviewIntro/1.png" alt="">
+          <img class="pic"
+               src="http://10.10.11.7/images/overviewIntro/1.png"
+               alt="">
           <div class="right c-wrap">
-            <h6>
-              {{ modules[1].form.title }}
-              <img class="title-bg" src="http://10.10.11.7/images/overviewIntro/2.png" alt="">
-            </h6>
-            <div class="text" v-html="modules[1].form.des"></div>
-            <div class="cover" style="min-height: 300px;" @click="toSet(1)">点击更换标题与描述</div>
+            <div class="relative">
+              <h6 v-html="modules[1].form.title"></h6>
+              <img class="title-bg"
+                   src="http://10.10.11.7/images/overviewIntro/2.png"
+                   alt="">
+            </div>
+
+            <div class="text"
+                 v-html="modules[1].form.des"></div>
+            <div class="cover"
+                 style="min-height: 300px;"
+                 @click="toSet(1)">点击更换标题与描述</div>
           </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>
 
@@ -59,14 +79,14 @@ import mixins from '@/mixins/page'
 import Modules from '@/const/modules'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       modules: Modules.overviewIntro,
       active: 0,
       tabs: ['S³FEL介绍']
     }
   },
-  mounted() {
+  mounted () {
     this.$store.commit('user/setCrumbs', [
       {
         name: '站点管理',
@@ -87,7 +107,7 @@ export default {
   },
   methods: {
     // tab回调
-    tabChange(i) {
+    tabChange (i) {
       this.active = i
     },
   }
@@ -95,104 +115,103 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../../styles/page/page.scss";
+@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;
+    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;
+        }
     }
-    .right {
-      width: 600px;
+    .intro-bg {
+        position: relative;
+        height: 275px;
+        padding-top: 90px;
+        color: #fff;
+        text-align: center;
+        background: url(http://10.10.11.7/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;
+        }
     }
-    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(http://10.10.11.7/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, .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/overviewSetup.vue b/src/pages/column/page/overviewSetup.vue
index 8b5e0d0..f02f207 100644
--- a/src/pages/column/page/overviewSetup.vue
+++ b/src/pages/column/page/overviewSetup.vue
@@ -3,47 +3,65 @@
     <div class="actions">
       <p class="page-name">页面设置/SFEL-概况-机构设置</p>
       <div>
-        <el-button type="primary" @click="preview">预览</el-button>
+        <el-button type="primary"
+                   @click="preview">预览</el-button>
         <el-button @click="save(0)">保存为草稿</el-button>
-        <el-button type="primary" @click="save(1)">发布</el-button>
+        <el-button type="primary"
+                   @click="save(1)">发布</el-button>
         <el-button @click="back">放弃编辑</el-button>
       </div>
     </div>
-    
+
     <div class="modules">
       <div class="relative">
         <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="org c-wrap">
           <div class="left">
-            <h6>{{ modules[1].form.title }}</h6>
-            <p class="text" v-html="modules[1].form.des"></p>
+            <h6 v-html="modules[1].form.title"></h6>
+            <p class="text"
+               v-html="modules[1].form.des"></p>
           </div>
-          <img class="pic" src="http://10.10.11.7/images/overviewSetup/1.png" alt="">
-          <div class="cover" style="min-height: 300px;" @click="toSet(1)">点击更换标题与描述</div>
+          <img class="pic"
+               src="http://10.10.11.7/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>
 
@@ -52,14 +70,14 @@ import mixins from '@/mixins/page'
 import Modules from '@/const/modules'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       modules: Modules.overviewSetup,
       active: 0,
       tabs: ['机构设置']
     }
   },
-  mounted() {
+  mounted () {
     this.$store.commit('user/setCrumbs', [
       {
         name: '站点管理',
@@ -80,7 +98,7 @@ export default {
   },
   methods: {
     // tab回调
-    tabChange(i) {
+    tabChange (i) {
       this.active = i
     },
   }
@@ -88,60 +106,60 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../../../styles/page/page.scss";
+@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/talent.vue b/src/pages/column/page/talent.vue
index fc9bfb6..61e1922 100644
--- a/src/pages/column/page/talent.vue
+++ b/src/pages/column/page/talent.vue
@@ -57,7 +57,7 @@
 
       <div class="style c-wrap">
         <div class="c-wrap">
-          <h6>{{ modules[3].form.title }}</h6>
+          <h6 v-html="modules[3].form.title"></h6>
           <div class="cover"
                @click="toSet(3)">点击更换标题</div>
         </div>
diff --git a/src/pages/column/page/userSharing.vue b/src/pages/column/page/userSharing.vue
index cdde56c..bd1d79c 100644
--- a/src/pages/column/page/userSharing.vue
+++ b/src/pages/column/page/userSharing.vue
@@ -3,9 +3,11 @@
     <div class="actions">
       <p class="page-name">页面设置/用户共享</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>
@@ -13,24 +15,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>
             <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">
         <div class="inner c-wrap">
           <div class="left">
-            <h6>{{ modules[1].form.title }}</h6>
+            <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="@/assets/images/userSharing/1.png" alt="">
+          <div class="cover"
+               @click="toSet(1)">点击更换描述</div>
+          <img class="pic"
+               src="@/assets/images/userSharing/1.png"
+               alt="">
           <div class="card">
             <p class="title">{{ modules[1].form.subTitle }}</p>
             <p class="en-text">EFFICIENT OPERATION, CLASSIFICATION OPEN</p>
@@ -41,28 +50,37 @@
       <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>
 
@@ -71,12 +89,12 @@ import mixins from '@/mixins/page'
 import Modules from '@/const/modules'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       modules: Modules.userSharing
     }
   },
-  mounted() {
+  mounted () {
     this.$store.commit('user/setCrumbs', [
       {
         name: '站点管理',
@@ -96,103 +114,103 @@ export default {
     ])
   },
   methods: {
-    
+
   }
 };
 </script>
 
 <style lang="scss" scoped>
-@import "../../../styles/page/page.scss";
+@import '../../../styles/page/page.scss';
 .share {
-  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;
-  }
+    .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;
+    }
 }
 .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