diff --git a/src/assets/images/page/industrial.png b/src/assets/images/page/industrial.png
new file mode 100644
index 0000000..f0ca585
Binary files /dev/null and b/src/assets/images/page/industrial.png differ
diff --git a/src/assets/images/page/mission.png b/src/assets/images/page/mission.png
new file mode 100644
index 0000000..06e2e49
Binary files /dev/null and b/src/assets/images/page/mission.png differ
diff --git a/src/assets/images/page/researchTeam.png b/src/assets/images/page/researchTeam.png
new file mode 100644
index 0000000..2e85257
Binary files /dev/null and b/src/assets/images/page/researchTeam.png differ
diff --git a/src/assets/images/page/scientific.png b/src/assets/images/page/scientific.png
new file mode 100644
index 0000000..c80fe9b
Binary files /dev/null and b/src/assets/images/page/scientific.png differ
diff --git a/src/const/modules.js b/src/const/modules.js
index 7edba8f..f52222b 100644
--- a/src/const/modules.js
+++ b/src/const/modules.js
@@ -6762,4 +6762,611 @@ export default {
       }
     },
   ],
+  mission: [
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+      ],
+      form: {
+        pic: 'http://10.10.11.7/images/mission/1.png',
+        title: '关于IASF/使命、愿景、价值观',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        }
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        title: '使命',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: `建设运营标志性、稀缺性、先进性综合粒子设施  
+        中能同步辐射光源、中能高重复频率X射线自由电子激光
+        服务大湾区高新技术产业 
+        集成电路、生物医药、先进材料和先进制造等
+        发展产业核心关键技术相关的多学科前沿基础研究 
+        物理、化学、生物、材料、医学等`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        title: '愿景',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: `成为粤港澳大湾区科技和产业创新驱动发展引擎和高质量发展先锋，勇当国家战略科技力量“第一方阵”排头兵。`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+      ],
+      form: {
+        title: '指导思想',
+      }
+    },
+    {
+      type: 'introduce',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true,
+          crop: false
+        },
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        pic: '',
+        title: '',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        isEnable: 1,
+        des: ``
+      },
+      list: [
+        {
+          pic: 'http://10.10.11.7/images/mission/4.png',
+          title: '凝心聚力',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+          isEnable: 1,
+          des: `IASF的工作人员来自五湖四海、大江南北，但大家目的一致，齐心协力建设世界一流的光源设施，为建设粤港澳大湾区国际科技创新中心做出有力支撑。`
+        },
+        {
+          pic: 'http://10.10.11.7/images/mission/5.png',
+          title: '开放合作',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+          isEnable: 1,
+          des: `粤港澳大湾区是中国开放程度最高的区域，我们坚持以最开放的心态、最务实的姿态，向各个国家和地区的科学家们敞开合作大门，邀请湾区企业和一带一路国家共同参与项目的建设和运营。`
+        }
+      ]
+    },
+  ],
+  scientific: [
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        pic: 'http://10.10.11.7/images/overview/15.png',
+        title: '科学研究',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: '加速推进深圳综合粒子设施一期工程建设的各项前期准备工作，是研究院当前的首要任务。'
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        pic: 'http://10.10.11.7/images/home/2.png',
+        title: '深圳产业光源',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: `围绕国家重大战略需求，以战略性新兴产业发展需求为牵引、以核心关键技术攻关为导向，建设一台中能、高亮度、小发射度的高性能同步辐射产业光源，提升前沿基础和产业技术的原始创新能力，服务高新技术产业发展，支撑粤港澳大湾区综合性国家科学中心和社会主义先行示范区的经济社会发展和产业技术创新。`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        pic: 'http://10.10.11.7/images/home/3.png',
+        title: '深圳自由电子激光 ',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: `以前沿科学技术发展和核心产业需求为导向，助力解决国家重大发展需求，并特别专注于推动半导体光刻、量子材料、能源科学、生物医药、燃烧科学、大气环境、星际科学、原子分子物理等前沿科学和应用产业的持续创新发展，实现深圳战略性新兴产业技术瓶颈及其相关根源性科学问题的重大突破。`
+      }
+    },
+    {
+      type: 'column',
+      form: {
+        site: '',
+        column: '',
+        articleNum: '',
+        columnTitle: 1,
+        columnTitleCustom: ''
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '概述',
+          required: true
+        }
+      ],
+      form: {
+        title: '关于综合粒子设施',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: `第二次工业革命以来,构成我们物质世界的电子、光子、质子、中子、中微子等形形色色的微观粒子陆续被发现,每一次发现都代表着人类科技文明的巨大进步。如今,这些微观粒子已经成为了科学家们进军微观世界、深刻理解物质世界的探测媒介,而利用这些微观粒子开展科学研究的大科学装置，则被称之为综合粒子设施。`
+      }
+    },
+  ],
+  industrial: [
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+      ],
+      form: {
+        pic: 'http://10.10.11.7/images/industrial/1.png',
+        title: '产业应用',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        }
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        pic: 'http://10.10.11.7/images/industrial/2.png',
+        title: '大科学时代的“科技灯塔”',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: `随着新一轮科技革命和产业变革突飞猛进，学科交叉融合不断发展，科学研究范式发生深刻变革，科学技术和经济社会发展加速渗透融合。在大科学时代，科学发现与发明、产业技术创新，也越来越离不开大科学装置的支持。`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        pic: 'http://10.10.11.7/images/industrial/3.png',
+        title: '建成具有全球影响力的科技和产业创新高地',
+        des: `制造业是国民经济的“压舱石”，也是我国高质量发展的“顶梁柱”。粤港澳大湾区产业体系完备、创新要素集聚，科技研发与产业转化能力突出，互补性强，正着力构建具有国际竞争力的现代化产业体系。
+
+        深圳把握全球新一轮科技革命和产业变革趋势，衔接广东省“10+10”战略新兴产业集群规划，出台深圳发展壮大“20+8”产业集群计划，提出发展以先进制造业为主体的20个战略性新兴产业集群，前瞻布局8大未来产业。`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '概述',
+          required: true
+        }
+      ],
+      form: {
+        title: '产业用户需求调研计划',
+        des: `支撑大湾区综合性国家科学中心建设的公益性科研事业单位`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        pic: 'http://10.10.11.7/images/home/2.png',
+        title: '深圳产业光源',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: `深圳产业光源以大湾区战略性新兴产业发展需求为牵引、以核心关键技术攻关为导向，明确定位为产业光源，是国内首个专注于服务产业创新和经济发展的第四代同步辐射光源。我们将“深入产业第一线“，实际了解用户痛点，收集“卡脖子”问题症结，将产业发展面临的实际问题凝炼成具体的科学问题，寻找并制定解决方法，以“4R理念”形成对真实样品和真实的制备条件在真实环境下进行的实时测量的应用场景终极服务方案，为产业线站建设提前布局。`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        pic: 'http://10.10.11.7/images/home/3.png',
+        title: '深圳自由电子激光 ',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: `深圳自由电子激光装置聚焦国家重大需求、国际科学前沿和地区产业引领的战略目标进行布局的关键，聚焦关键核心“卡脖子”技术背后前沿科学基础问题，努力实现深圳战略性新兴产业技术瓶颈及其相关根源性科学问题的重大突破。我们将以“产业/应用/科研需求”为导向，进一步深入挖掘产业（企业）、科研院所、高校用户的“用光”需求，继续深入优化装置设计，服务。`
+      }
+    },
+  ],
 }
\ No newline at end of file
diff --git a/src/pages/column/page/industrial.vue b/src/pages/column/page/industrial.vue
new file mode 100644
index 0000000..a4dfc3f
--- /dev/null
+++ b/src/pages/column/page/industrial.vue
@@ -0,0 +1,214 @@
+<template>
+  <div class="wrap">
+    <div class="actions">
+      <p class="page-name">页面设置/产业应用</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>
+      </div>
+    </div>
+    
+    <div class="modules">
+      <div class="relative">
+        <div class="single-banner">
+          <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>
+
+      <div class="block history gray">
+        <div class="inner">
+          <h2 class="wow fadeInLeft" style="margin-left: 57px">{{ 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">{{ modules[1].form.des }}</div>
+            </div>
+            <img class="bg" width="562" height="506" :src="modules[1].form.pic" alt="">
+          </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="">
+          <div class="right">
+            <h6>{{ modules[2].form.subTitle }}</h6>
+            <div class="text" v-html="modules[2].form.des"></div>
+          </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">{{ modules[3].form.title }}</h2>
+            <p class="intro">{{ modules[3].form.des }}</p>
+            <div class="cover" @click="toSet(3)">点击更换标题与描述</div>
+          </div>
+          <ul class="plan">
+            <li>
+              <div class="left">
+                <h6>{{ modules[4].form.title }}</h6>
+                <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>
+            </li>
+            <li>
+              <div class="left">
+                <h6>{{ modules[5].form.title }}</h6>
+                <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>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+
+    <Module ref="module" :data.sync="curData" :visible.sync="diaVisible" @moduleSubmit="moduleSubmit" />
+  </div>
+</template>
+
+<script>
+import mixins from '@/mixins/page'
+import Modules from '@/const/modules'
+export default {
+  mixins: [mixins],
+  data() {
+    return {
+      modules: Modules.mission
+    }
+  },
+  mounted() {
+    this.$store.commit('user/setCrumbs', [
+      {
+        name: '站点管理',
+        route: '/site'
+      },
+      {
+        name: '内容管理',
+        route: '/column'
+      },
+      {
+        name: '栏目管理',
+        route: '/column'
+      },
+      {
+        name: '产业应用'
+      }
+    ])
+  },
+  methods: {
+    
+  }
+};
+</script>
+
+<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: .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 {
+    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;
+      }
+    }
+    .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;
+    }
+  }
+}
+</style>
diff --git a/src/pages/column/page/mission.vue b/src/pages/column/page/mission.vue
new file mode 100644
index 0000000..404c7b5
--- /dev/null
+++ b/src/pages/column/page/mission.vue
@@ -0,0 +1,370 @@
+<template>
+  <div class="wrap">
+    <div class="actions">
+      <p class="page-name">页面设置/关于IASF-使命愿景价值观</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>
+      </div>
+    </div>
+    
+    <div class="modules">
+      <div class="relative">
+        <div class="single-banner">
+          <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>
+
+      <div class="block">
+        <div class="inner">
+          <div
+            class="item">
+            <img src="@/assets/images/science/1.png" alt="" />
+            <div class="texts">
+              <h6>{{ modules[1].form.title }}</h6>
+              <div class="des">{{ modules[1].form.des }}</div>
+            </div>
+            <div class="cover" style="left: -35px" @click="toSet(1)">点击更改标题概述与链接</div>
+          </div>
+          <div
+            class="item">
+            <img src="@/assets/images/science/2.png" alt="" />
+            <div class="texts rightText">
+              <h6>{{ modules[2].form.title }}</h6>
+              <div class="des">{{ modules[2].form.des }}</div>
+            </div>
+            <div class="cover" style="right: -35px" @click="toSet(2)">点击更改标题概述与链接</div>
+          </div>
+        </div>
+      </div>
+
+      <div class="block mind gray">
+        <div class="inner">
+          <div class="c-wrap">
+            <h6 class="m-title">{{ 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">
+                <div class="texts">
+                  <h6>{{ item.title }}</h6>
+                  <div class="des" v-html="item.des"></div>
+                </div>
+              </li>
+            </template>
+            <div class="cover" @click="toSet(4)">点击更换图片、标题、概述与链接</div>
+          </ul>
+        </div>
+      </div>
+    </div>
+
+    <Module ref="module" :data.sync="curData" :visible.sync="diaVisible" @moduleSubmit="moduleSubmit" />
+  </div>
+</template>
+
+<script>
+import mixins from '@/mixins/page'
+import Modules from '@/const/modules'
+export default {
+  mixins: [mixins],
+  data() {
+    return {
+      modules: Modules.mission
+    }
+  },
+  mounted() {
+    this.$store.commit('user/setCrumbs', [
+      {
+        name: '站点管理',
+        route: '/site'
+      },
+      {
+        name: '内容管理',
+        route: '/column'
+      },
+      {
+        name: '栏目管理',
+        route: '/column'
+      },
+      {
+        name: '关于IASF-使命愿景价值观'
+      }
+    ])
+  },
+  methods: {
+    
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+@import "../../../styles/page/page.scss";
+.inner {
+  width: 1200px;
+}
+.item {
+  position: relative;
+  margin-bottom: 58px;
+  &:hover {
+    .texts {
+      color: #fff;
+      transform: scale(1.05);
+      background: #32b6e9 !important;
+    }
+  }
+  img {
+    width: 90%;
+    height: 400px;
+  }
+  &:nth-child(2) .texts {
+    left: auto;
+    right: 0;
+    color: #fff;
+    background: rgba(40,179,255,0.34);
+  }
+  .texts {
+    position: absolute;
+    top: 79px;
+    left: -28px;
+    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;
+    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;
+    }
+    .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();
+    }
+    .des {
+      font-size: 1rem;
+      color: #666;
+      line-height: 1.5;
+    }
+  }
+}
+@media (max-width: 1200px) {
+  body {
+    width: 100% !important;
+  }
+  .inner {
+    width: 100%;
+  }
+  .item {
+    img {
+      margin-left: 30px;
+    }
+    .rightText {
+      right: 12px !important;
+    }
+    .texts {
+      width: 85%;
+      box-sizing: border-box;
+      left: 12px;
+      .des{
+        -webkit-line-clamp: inherit
+      }
+    }
+  }
+}
+@media (max-width: 320px) {
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 13rem;
+      }
+      .texts {
+        top: 6rem;
+        left: 12rem;
+        .banner-title{
+          font-size: 1.5rem;
+          margin-bottom: .5rem;
+        }
+        .banner-des{
+          font-size: .85rem;
+        }
+      }
+    }
+  }
+  .block {
+    .inner {
+      img {
+        height: 18rem;
+      }
+      .texts {
+        padding: 1.25rem;
+        top: 1.5rem;
+      }
+    }
+  }
+}
+@media (min-width: 320px) and (max-width: 375px) {
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 13rem;
+      }
+      .texts {
+        top: 6rem;
+        left: 12rem;
+        .banner-title{
+          font-size: 1.5rem;
+          margin-bottom: .5rem;
+        }
+        .banner-des{
+          font-size: .85rem;
+        }
+      }
+    }
+  }
+}
+@media (min-width: 375px) and (max-width: 480px) {
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 20rem;
+      }
+      .texts {
+        top: 10rem;
+        left: 12rem;
+        .banner-title{
+          font-size: 1.5rem;
+          margin-bottom: .5rem;
+        }
+        .banner-des{
+          font-size: .85rem;
+        }
+      }
+    }
+  }
+}
+@media (min-width: 480px) and (max-width: 640px) {
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 25rem;
+      }
+      .texts {
+        top: 10rem;
+        left: 12rem;
+        .banner-title{
+          font-size: 2rem;
+          margin-bottom: .5rem;
+        }
+        .banner-des{
+          font-size: .85rem;
+        }
+      }
+    }
+  }
+}
+@media (min-width: 640px) and (max-width: 768px) {
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 35rem;
+      }
+      .texts {
+        top: 20rem;
+        left: 12rem;
+        .banner-title{
+          font-size: 2rem;
+          margin-bottom: .5rem;
+        }
+        .banner-des{
+          font-size: .85rem;
+        }
+      }
+    }
+  }
+}
+@media (min-width: 768px) and (max-width: 980px) {
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 35rem;
+      }
+      .texts {
+        top: 20rem;
+        left: 12rem;
+        .banner-title{
+          font-size: 2rem;
+          margin-bottom: .5rem;
+        }
+        .banner-des{
+          font-size: .85rem;
+        }
+      }
+    }
+  }
+}
+@media (min-width: 980px) and (max-width: 1200px) {
+  .wrap {
+    .single-banner {
+      .banner-img {
+        height: 40rem;
+      }
+      .texts {
+        top: 20rem;
+        left: 12rem;
+        .banner-title{
+          font-size: 2rem;
+          margin-bottom: .5rem;
+        }
+        .banner-des{
+          font-size: .85rem;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/column/page/overview.vue b/src/pages/column/page/overview.vue
index d3f76a9..b26bfbe 100644
--- a/src/pages/column/page/overview.vue
+++ b/src/pages/column/page/overview.vue
@@ -23,7 +23,7 @@
 
       <div class="block about gray">
         <div class="inner">
-          <div class="c-wrap">
+          <div class="c-wrap" style="width: 40%">
             <img :src="modules[1].form.pic" alt="" class="pic" />
             <div class="cover" @click="toSet(1)">点击更换图片</div>
           </div>
@@ -191,6 +191,7 @@ export default {
     margin-right: 30px;
   }
   .texts {
+    width: 50%;
     margin-left: 20px;
   }
   h6 {
diff --git a/src/pages/column/page/scientific.vue b/src/pages/column/page/scientific.vue
new file mode 100644
index 0000000..6bf6385
--- /dev/null
+++ b/src/pages/column/page/scientific.vue
@@ -0,0 +1,288 @@
+<template>
+  <div class="wrap">
+    <div class="actions">
+      <p class="page-name">页面设置/关于IASF-组织架构</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>
+      </div>
+    </div>
+    
+    <div class="modules">
+      <div class="relative">
+        <div class="single-banner">
+          <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>
+
+      <div class="block gray">
+        <div class="inner">
+          <ul class="items">
+            <li>
+              <img class="pic" :src="modules[1].form.pic" alt="">
+              <div class="texts">
+                <h6>{{ 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>
+              <div class="cover" @click="toSet(1)">点击更换图片、标题、概述与链接</div>
+            </li>
+            <li>
+              <img class="pic" :src="modules[2].form.pic" alt="">
+              <div class="texts">
+                <h6>{{ 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>
+              <div class="cover" @click="toSet(2)">点击更换图片、标题、概述与链接</div>
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="block program">
+        <div class="inner">
+          <div class="title">
+            <h5>
+              {{ modules[3].form.title }}
+              <span class="sub">{{ modules[3].form.subTitle }}</span>
+            </h5>
+            <span class="more">MORE</span>
+            <div class="cover" @click="toSet(3)">点击更换标题与小标题</div>
+          </div>
+          <div class="c-wrap">
+            <div class="slide">
+              <div class="texts">
+                <h6>超快自由电子激光脉冲特性诊断研究方面取得重要进展</h6>
+                <div class="des">X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段。对于绝大多数自由电子激研究院紧密围绕高水平建设综合性国家科学中心战略目标，面向国民经济主战场和世界科技前沿…</div>
+                <div class="meta">发表日期：2022.01.10 &emsp;浏览量：备份</div>
+              </div>
+              <img class="pic" src="@/assets/images/survey3.png" alt="">
+            </div>
+            <ul class="list">
+              <li>
+                <div class="des">X射线自由电子激光是基于国际最先进的超导加速器技术研发的装置，对于未来产业发展和基础科学应用有重要作用</div>
+                <p class="date">2022.10.10</p>
+              </li>
+              <li>
+                <div class="des">X射线自由电子激光是基于国际最先进的超导加速器技术研发的装置，对于未来产业发展和基础科学应用有重要作用</div>
+                <p class="date">2022.10.10</p>
+              </li>
+              <li>
+                <div class="des">X射线自由电子激光是基于国际最先进的超导加速器技术研发的装置，对于未来产业发展和基础科学应用有重要作用</div>
+                <p class="date">2022.10.10</p>
+              </li>
+            </ul>
+            <div class="cover" @click="toSet(4)">关联栏目</div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="about">
+        <div class="inner">
+          <div class="texts">
+            <div class="title wow fadeInUp" data-wow-delay="0.7s">{{ modules[5].form.title }}</div>
+            <div class="des wow fadeInDown" data-wow-delay="1s" v-html="modules[5].form.des"></div>
+          </div>
+          <img src="@/assets/images/arrow-white.png" alt="">
+        </div>
+        <div class="cover" @click="toSet(5)">点击更换标题与描述</div>
+      </div>
+    </div>
+
+    <Module ref="module" :data.sync="curData" :visible.sync="diaVisible" @moduleSubmit="moduleSubmit" />
+  </div>
+</template>
+
+<script>
+import mixins from '@/mixins/page'
+import Modules from '@/const/modules'
+export default {
+  mixins: [mixins],
+  data() {
+    return {
+      modules: Modules.scientific
+    }
+  },
+  mounted() {
+    this.$store.commit('user/setCrumbs', [
+      {
+        name: '站点管理',
+        route: '/site'
+      },
+      {
+        name: '内容管理',
+        route: '/column'
+      },
+      {
+        name: '栏目管理',
+        route: '/column'
+      },
+      {
+        name: '关于IASF-组织架构'
+      }
+    ])
+  },
+  methods: {
+    
+  }
+};
+</script>
+
+<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, .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;
+  .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: .9rem;
+      color: #666;
+    }
+  }
+  .img-wrap {
+    width: 49%;
+    height: 430px;
+    overflow: hidden;
+  }
+  .pic {
+    width: 100%;
+    height: 100%;
+    transition: .5s;
+  }
+  &:hover {
+    .pic {
+      transform: scale(1.3);
+    }
+  }
+  .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: .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);
+      }
+      &:hover {
+        transform: translateY(20px);
+      }
+    }
+    .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: .9rem;
+      font-family: LaoSangamMN;
+      color: #FFFFFF;
+    }
+  }
+}
+.about {
+  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, .56);
+    border-radius: 17px;
+    transition: .3s;
+    &:hover {
+      background: rgba(239, 126, 10, .56);
+      transform: translateY(10px);
+    }
+  }
+  .title {
+    margin-bottom: 1rem;
+    font-size: 2.2rem;
+  }
+  .des {
+    font-size: 1rem;
+    line-height: 1.6;
+  }
+}
+</style>
diff --git a/src/router/modules/column.js b/src/router/modules/column.js
index 163465a..a334e08 100644
--- a/src/router/modules/column.js
+++ b/src/router/modules/column.js
@@ -197,5 +197,13 @@ export default {
       path: `overview`,
       component: () => import('@/pages/column/page/overview'),
     },
+    {
+      path: `scientific`,
+      component: () => import('@/pages/column/page/scientific'),
+    },
+    {
+      path: `industrial`,
+      component: () => import('@/pages/column/page/industrial'),
+    },
   ]
 }