diff --git a/src/const/modules.js b/src/const/modules.js
index 4e07e62..7edba8f 100644
--- a/src/const/modules.js
+++ b/src/const/modules.js
@@ -5130,12 +5130,6 @@ export default {
           required: true,
           crop: false
         },
-        {
-          type: 'input',
-          prop: 'title',
-          label: '标题',
-          required: true
-        },
         {
           type: 'link',
           prop: 'link',
@@ -5144,7 +5138,6 @@ export default {
       ],
       form: {
         pic: '',
-        title: '',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -5354,11 +5347,6 @@ export default {
           prop: 'link',
           label: '链接'
         },
-        {
-          type: 'textarea',
-          prop: 'des',
-          label: '描述'
-        }
       ],
       form: {
         pic: 'http://10.10.11.7/images/estate/4.png',
@@ -5418,11 +5406,6 @@ export default {
           prop: 'link',
           label: '链接'
         },
-        {
-          type: 'textarea',
-          prop: 'des',
-          label: '描述'
-        }
       ],
       form: {
         pic: 'http://10.10.11.7/images/estate/4.png',
@@ -5512,11 +5495,6 @@ export default {
           prop: 'link',
           label: '链接'
         },
-        {
-          type: 'textarea',
-          prop: 'des',
-          label: '描述'
-        }
       ],
       form: {
         pic: 'http://10.10.11.7/images/estate/4.png',
@@ -5591,11 +5569,6 @@ export default {
           prop: 'link',
           label: '链接'
         },
-        {
-          type: 'textarea',
-          prop: 'des',
-          label: '描述'
-        }
       ],
       form: {
         pic: 'http://10.10.11.7/images/estate/4.png',
@@ -5770,11 +5743,6 @@ export default {
           prop: 'link',
           label: '链接'
         },
-        {
-          type: 'textarea',
-          prop: 'des',
-          label: '描述'
-        }
       ],
       form: {
         pic: 'http://10.10.11.7/images/talentCenter/5.png',
@@ -6030,4 +5998,768 @@ export default {
       }
     },
   ],
+  governance: [
+    {
+      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/governance/1.png',
+        title: '关于IASF/治理结构观',
+        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: 'editor',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        pic: 'http://10.10.11.7/images/governance/2.png',
+        title: '治理结构',
+        des: `深圳综合粒子设施研究院是深圳市委市政府充分发挥中国特色社会主义制度优势，探索市场化、法制化、国际化下设立的公益性科研事业单位，遵循理事会治理机制，坚持党委领导下的校长负责制。
+
+        《深圳综合粒子设施研究院理事会章程》《深圳综合粒子设施研究院章程》于2020年6月4日研究院第一届理事会第一次会议通过。`
+      }
+    },
+    {
+      type: 'label',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+      ],
+      form: {
+        title: '',
+      },
+      list: [
+        {
+          title: '理事会',
+        },
+        {
+          title: '研究院党委',
+        },
+        {
+          title: '院长办公会议',
+        },
+        {
+          title: '职工代表大会',
+        },
+        {
+          title: '科技委员会',
+        },
+        {
+          title: '用户委员会',
+        },
+        {
+          title: '产业促进委员会',
+        },
+        {
+          title: '学术委员会',
+        },
+      ]
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'editor',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        pic: 'http://10.10.11.7/images/governance/8.png',
+        title: '产业促进委员会',
+        des: `       产业促进委员会对理事会负责，是贯彻战略性新兴产业发展需求牵引导向，强化设施服务深圳和大湾区高新技术产业发展，加强“从0 到1”原创科技成果持续供给产业，强化科技服务经济的专门机构。
+
+        产业促进委员会主要负责根据深圳和大湾区产业需求及发展动态，挖掘、凝练高新技术产业发展的“卡脖子”技术和下一代产业发展关键技术；对研究院设施的产业需求、建设方案和性能指标进行咨询建议，参与编制设施中产业板块线站机时分配方案；收集产业用户对设施的管理运行模式、装置使用和升级需求、重点合作课题的建议和意见，为设施服务产业发展方向、研究计划、运行管理等的完善和改进提供决策参考；负责对定期举办产业用户培训进行指导，积极引导高新技术企业与研究院深度合作，促进设施服务产业经济发展。`
+      }
+    },
+  ],
+  org: [
+    {
+      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/overview/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: 'editor',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        title: '组织架构',
+        des: `院长办公会是研究院行政议事决策机构，主要职责是研究决定研究院的事业发展规划、年度工作计划和具体规章制度，科学研究、技术攻关、设施建设的计划和安排，内设机构设置方案和负责人任免，职工的聘任和解聘，年度财务预算方案的拟订和执行，资产保护和管理，国际交流合作等行政工作重要事务。研究院本着按需设置、灵活调整、集约高效、运转有序的原则设置管理支撑部门和项目工程经理部门两类内设机构。`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: false
+        },
+      ],
+      form: {
+        pic: 'http://10.10.11.7/images/overview/14.png',
+      },
+    },
+  ],
+  devHistory: [
+    {
+      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/overview/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: 'textarea',
+          prop: 'subTitle',
+          label: '小标题'
+        },
+        {
+          type: 'editor',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        title: '发展历程',
+        subTitle: 'DEVELOPMENT HISTORY',
+        des: `深圳综合粒子设施研究院的诞生，源于粤港澳大湾区建设这个重大国家战略建设的实际须要。2017年7月，习近平总书记在香港亲自见证《深化粤港澳合作推进大湾区建设框架协议》的签署，首次提出建设粤港澳大湾区国际科技创新中心。而在深圳布局建设代表国际科技创新中心标志性、稀缺性、先进性的重大科技基础设，成为各界共识。`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'subTitle',
+          label: '小标题'
+        },
+        {
+          type: 'editor',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        title: '发展大事记',
+        subTitle: 'DEVELOPMENT HISTORY',
+        des: `
+        1月5日	     陆续与中科院沈科仪、深圳大学、松山湖材料实验室、比亚迪等企业、高校和科研院所签约，对外合作步伐加快。
+        6月10日	中共深圳综合粒子设施研究院党委批复成立。
+        8月5日	研究院党员大会召开，选举产生首届两委班子。
+        10月14日	深圳综合粒子设施研究院加入国际超导加速器联盟。`
+      }
+    },
+  ],
+  overview: [
+    {
+      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/overview/1.png',
+        title: '关于IASF/概况',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        }
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
+      ],
+      form: {
+        pic: 'http://10.10.11.7/images/overview/2.png',
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        title: '关于我们',
+        des: `深圳综合粒子设施研究院坐落在大湾区综合性国家科学中心主阵地——深圳光明科学城，成立于2022年5月13日，是深圳推进粤港澳大湾区、中国特色社会主义先行示范区“双区”建设和打造高质量发展高地的重要战略布局。`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        title: '核心宗旨',
+        des: `研究院的宗旨是紧密围绕高水平建设大湾区综合性国家科学中心的战略目标，面向经济主战场和世界科技前沿，充分吸纳国际国内高端创新资源，依托先行示范区政策、产业、资本、市场和技术等优势，建设世界一流重大科技基础设施和重大科研平台，建设国际一流科研机构。`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      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/3.png',
+        title: '深圳自由电子激光',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: `建设一台基于超导高频技术的高重复频率X射线自由电子激光装置。`
+      }
+    },
+    {
+      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/overview/3.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/overview/4.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/overview/5.png',
+        title: '人才队伍',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: `“以宏伟事业吸引人才、以发展空间留住人才,以优厚待遇保障人才”的原则，高质量建设稳定自主的科学研究、工程技术和管理服务队伍。`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        title: '深圳综合粒子设施研究院速览',
+        des: `建设世界一流重大科技基础设施和重大科研平台，建设国际一流科研机构`
+      }
+    },
+    {
+      type: 'label',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+      ],
+      form: {
+        title: '',
+      },
+      list: [
+        {
+          title: '公益性科研事业单位、新型研发机构、重大科技基础设施法人单位。',
+        },
+        {
+          title: '实行理事会领导下的院长负责制，市场化、国际化、法制化下实行企业化运营。',
+        },
+        {
+          title: '承担重大科技基础设施全生命周期的规划、设计、建设、运营任务。',
+        },
+        {
+          title: '聚焦服务粤港澳大湾区科学研究和高新技术产业发展需要。',
+        },
+        {
+          title: ' 位置：深圳北部光明科学城的大装置集群核心区。',
+        },
+        {
+          title: '距离：光明高铁站(6km), 松山湖科学城(10km) 深圳大学城(21km)，深圳机场(23km)，皇岗口岸(32km)。',
+        },
+        {
+          title: '成立日期，2020年5月13日。',
+        },
+      ]
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        title: '300+',
+        des: `在职员工`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        title: '85%',
+        des: `工程技术人员`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        title: '200+',
+        des: `培养专项博士`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
+      ],
+      form: {
+        pic: 'http://10.10.11.7/images/overview/6.png',
+      }
+    },
+  ],
 }
\ No newline at end of file
diff --git a/src/mixins/page/index.js b/src/mixins/page/index.js
index 200fd25..da54726 100644
--- a/src/mixins/page/index.js
+++ b/src/mixins/page/index.js
@@ -71,13 +71,13 @@ export default {
           const str = json[json.state ? 'theEditedJson' : 'jsonBeforeEditing']
           const list = JSON.parse(str)
           this.originModules = str // 原始json，用以页面离开的时候判断是否需要提示保存
-          console.log("🚀 ~ file: index.js:82 ~ this.$post ~ this.modules:", this.modules)
 
           list.map((e, i) => {
             if ((e.type === 'banner' || e.type === 'introduce' || e.type === 'history' || e.type === 'label') && !e.originForm) {
               e.originForm = modules[i].originForm
             }
           })
+          console.log("🚀 ~ file: index.js:82 ~ this.$post ~ this.modules:", list)
 
           this.modules = list
 
diff --git a/src/pages/column/page/devHistory.vue b/src/pages/column/page/devHistory.vue
new file mode 100644
index 0000000..ab405f9
--- /dev/null
+++ b/src/pages/column/page/devHistory.vue
@@ -0,0 +1,103 @@
+<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 history">
+        <div class="inner">
+          <div class="c-wrap">
+            <h6>{{ modules[1].form.title }}</h6>
+            <p class="en">{{ modules[1].form.subTitle }}</p>
+            <div class="text" v-html="modules[1].form.des"></div>
+            <div class="cover" @click="toSet(1)">点击更换标题、小标题与概述</div>
+          </div>
+
+          <div class="c-wrap">
+            <h6 style="font-size: 1.6rem">{{ modules[2].form.title }}</h6>
+            <p class="en" style="margin-top: -15px;font-size: 1.6rem">{{ modules[2].form.subTitle }}</p>
+            <div class="text" v-html="modules[2].form.des"></div>
+            <div class="cover" @click="toSet(2)">点击更换标题、小标题与概述</div>
+          </div>
+        </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.devHistory
+    }
+  },
+  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";
+.history {
+  h6 {
+    position: relative;
+    font-size: 2.4rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #333333;
+  }
+  .en {
+    margin-top: -25px;
+    font-size: 2.4rem;
+    font-family: PingFangSC-Light, PingFang SC;
+    font-weight: 300;
+    color: #E3E3E3;
+  }
+  .text {
+    margin: 30px 0;
+  }
+}
+</style>
diff --git a/src/pages/column/page/governance.vue b/src/pages/column/page/governance.vue
new file mode 100644
index 0000000..a403b18
--- /dev/null
+++ b/src/pages/column/page/governance.vue
@@ -0,0 +1,206 @@
+<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 history gray">
+        <div class="inner">
+          <div class="texts c-wrap">
+            <div class="left">
+              <h2>{{ modules[1].form.title }}</h2>
+              <div class="des" v-html="modules[1].form.des"></div>
+            </div>
+            <img class="bg" width="562" height="506" :src="modules[1].form.pic" alt="">
+            <div class="cover" style="top: -100px" @click="toSet(1)">点击更换标题、描述与图片</div>
+          </div>
+        </div>
+      </div>
+
+      <div class="cards">
+        <ul>
+          <li v-for="(item, i) in modules[2].list" :key="i">{{ item.title }}</li>
+          <div class="cover" @click="toSet(2)">点击更换标题</div>
+        </ul>
+      </div>
+
+      <div class="block committee gray">
+        <div class="inner c-wrap">
+          <div class="left">
+            <h2>{{ modules[3].form.title }}</h2>
+            <div class="text" v-html="modules[3].form.des"></div>
+          </div>
+          <img class="pic" :src="modules[3].form.pic" alt="">
+          <div class="cover" @click="toSet(3)">点击更换标题、描述与图片</div>
+        </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.governance
+    }
+  },
+  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";
+.history {
+  h2 {
+    padding-bottom: 15px;
+    font-size: 1.2rem;
+    color: #333;
+    &:after {
+      content: '';
+      display: block;
+      width: 65px;
+      height: 3px;
+      margin-top: 20px;
+      background: #0280F1;
+    }
+  }
+  .texts {
+    display: flex;
+    justify-content: space-between;
+    padding: 82px 0 50px 30px;
+    margin-top: 20px;
+    background-color: #fff;
+    border-radius: 100px 0px 0px 0px;
+    transition: .3s;
+    &:hover {
+      transform: scale(1.05);
+    }
+  }
+  .left {
+    width: 695px;
+  }
+  .des {
+    margin: 20px 0;
+    font-size: 1.2rem;
+    color: #181818;
+    line-height: 31px;
+  }
+  .bg {
+    margin: -122px 0 0 0;
+  }
+}
+.cards {
+  padding: 60px 0;
+  ul {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+    width: 1200px;
+    margin: 0 auto;
+  }
+  li {
+    width: 260px;
+    margin: 0 30px 50px 0;
+    line-height: 84px;
+    font-size: 1.2rem;
+    color: #333;
+    text-align: center;
+    @include ellipsis();
+    background: url(http://10.10.11.7/images/governance/3.png) 0 0/cover no-repeat;
+    cursor: pointer;
+    &:nth-child(2) {
+      background-image: url(http://10.10.11.7/images/governance/4.png);
+    }
+    &:nth-child(3) {
+      background-image: url(http://10.10.11.7/images/governance/5.png);
+    }
+    &:nth-child(4) {
+      background-image: url(http://10.10.11.7/images/governance/4.png);
+    }
+    &:nth-child(5) {
+      background-image: url(http://10.10.11.7/images/governance/7.png);
+    }
+    &:nth-child(6) {
+      background-image: url(http://10.10.11.7/images/governance/6.png);
+    }
+    &:nth-child(8) {
+      background-image: url(http://10.10.11.7/images/governance/6.png);
+    }
+    &:hover {
+      color: #fff;
+      background: #0D84F2;
+    }
+  }
+}
+.committee {
+  .inner {
+    display: flex;
+    align-items: center;
+  }
+  .left {
+    width: 50%;
+    margin-right: 2%;
+  }
+  h2 {
+    margin-bottom: 20px;
+    font-size: 1.2rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    color: #333;
+  }
+  .text {
+    font-size: 1rem;
+    font-family: PingFangSC-Regular, PingFang SC;
+    line-height: 1.5;
+    color: #333;
+  }
+  .pic {
+    width: 48%;
+    height: 300px;
+  }
+}
+</style>
diff --git a/src/pages/column/page/org.vue b/src/pages/column/page/org.vue
new file mode 100644
index 0000000..a017c3d
--- /dev/null
+++ b/src/pages/column/page/org.vue
@@ -0,0 +1,118 @@
+<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 single-banner-overview">
+          <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="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>
+          </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>
+        </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.org
+    }
+  },
+  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";
+.tab-content {
+  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;
+  }
+}
+.lg-bg {
+  position: relative;
+  width: 85%;
+  margin: 0 auto;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/column/page/overview.vue b/src/pages/column/page/overview.vue
new file mode 100644
index 0000000..d3f76a9
--- /dev/null
+++ b/src/pages/column/page/overview.vue
@@ -0,0 +1,354 @@
+<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 about gray">
+        <div class="inner">
+          <div class="c-wrap">
+            <img :src="modules[1].form.pic" alt="" class="pic" />
+            <div class="cover" @click="toSet(1)">点击更换图片</div>
+          </div>
+          <div class="texts">
+            <div class="c-wrap">
+              <h6>{{ modules[2].form.title }}</h6>
+              <div class="des" v-html="modules[2].form.des"></div>
+              <div class="cover" @click="toSet(2)">点击更换标题与描述</div>
+            </div>
+            <div class="c-wrap">
+              <h6>{{ modules[3].form.title }}</h6>
+              <div class="des" v-html="modules[3].form.des"></div>
+              <div class="cover" @click="toSet(3)">点击更换标题与描述</div>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="block fac">
+        <div class="inner">
+          <div class="c-wrap">
+            <h2 class="b-title">{{ modules[4].form.title }}</h2>
+            <p class="intro">{{ modules[4].form.des }}</p>
+            <div class="cover" @click="toSet(4)">点击更换标题与描述</div>
+          </div>
+          <ul class="card">
+            <li>
+              <img :src="modules[5].form.pic" alt="" class="pic" />
+              <div class="texts">
+                <h6>{{ modules[5].form.title }}</h6>
+                <div class="text" v-html="modules[5].form.des"></div>
+                <img src="@/assets/images/arrow.png" alt="" class="arrow">
+              </div>
+              <div class="cover" @click="toSet(5)">点击更换图片、标题、描述与链接</div>
+            </li>
+            <li>
+              <img :src="modules[6].form.pic" alt="" class="pic" />
+              <div class="texts">
+                <h6>{{ modules[6].form.title }}</h6>
+                <div class="text" v-html="modules[6].form.des"></div>
+                <img src="@/assets/images/arrow.png" alt="" class="arrow">
+              </div>
+              <div class="cover" @click="toSet(6)">点击更换图片、标题、描述与链接</div>
+            </li>
+          </ul>
+          <ul class="l-card">
+            <li>
+              <img :src="modules[7].form.pic" alt="" class="pic" />
+              <div class="texts">
+                <h6>{{ modules[7].form.title }}</h6>
+                <div class="text" v-html="modules[7].form.des"></div>
+              </div>
+              <div class="cover" @click="toSet(7)">点击更换图片、标题、描述与链接</div>
+            </li>
+            <li>
+              <img :src="modules[8].form.pic" alt="" class="pic" />
+              <div class="texts">
+                <h6>{{ modules[8].form.title }}</h6>
+                <div class="text" v-html="modules[8].form.des"></div>
+              </div>
+              <div class="cover" @click="toSet(8)">点击更换图片、标题、描述与链接</div>
+            </li>
+            <li>
+              <img :src="modules[9].form.pic" alt="" class="pic" />
+              <div class="texts">
+                <h6>{{ modules[9].form.title }}</h6>
+                <div class="text" v-html="modules[9].form.des"></div>
+              </div>
+              <div class="cover" @click="toSet(9)">点击更换图片、标题、描述与链接</div>
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="block scan gray">
+        <div class="c-wrap">
+          <h2 class="b-title">{{ modules[10].form.title }}</h2>
+          <p class="intro">{{ modules[10].form.des }}</p>
+          <div class="cover" @click="toSet(10)">点击更换标题与描述</div>
+        </div>
+        <div class="scan-inner">
+          <div class="left">
+            <div class="c-wrap">
+              <div class="line" v-for="(item, i) in modules[11].list" :key="i">{{ item.title }}</div>
+              <div class="cover" @click="toSet(11)">点击更换标题</div>
+            </div>
+            <ul class="total">
+              <li>
+                <p class="num">{{ modules[12].form.title }}</p>
+                <p class="text">{{ modules[12].form.des }}</p>
+                <div class="cover" style="width: 100px;" @click="toSet(12)">标题描述</div>
+              </li>
+              <li>
+                <p class="num">{{ modules[13].form.title }}</p>
+                <p class="text">{{ modules[13].form.des }}</p>
+                <div class="cover" style="width: 100px;" @click="toSet(13)">标题描述</div>
+              </li>
+              <li>
+                <p class="num">{{ modules[14].form.title }}</p>
+                <p class="text">{{ modules[14].form.des }}</p>
+                <div class="cover" style="width: 100px;" @click="toSet(14)">标题描述</div>
+              </li>
+            </ul>
+          </div>
+          <div class="c-wrap">
+            <img :src="modules[15].form.pic" alt="" class="pic" />
+            <div class="cover" @click="toSet(15)">点击更换图片</div>
+          </div>
+        </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.overview
+    }
+  },
+  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";
+.about {
+  padding-top: 0;
+  .inner {
+    position: relative;
+    display: flex;
+    padding: 20px;
+    background-color: #fff;
+  }
+  .pic {
+    width: 100%;
+    height: 330px;
+    margin-right: 30px;
+  }
+  .texts {
+    margin-left: 20px;
+  }
+  h6 {
+    font-size: 1.2rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    color: #333;
+    &:before {
+      content: '';
+      display: block;
+      width: 28px;
+      height: 4px;
+      margin-bottom: 12px;
+      background: #0280F1;
+    }
+  }
+  .des {
+    margin: 20px 0;
+    font-size: 1rem;
+    color: #666;
+    line-height: 2;
+  }
+}
+.fac {
+  .card {
+    display: flex;
+    li {
+      position: relative;
+      width: calc((100% - 20px) / 2);
+      color: #333;
+      background-color: #FCFBFB;
+      &:first-child {
+        margin-right: 20px;
+      }
+    }
+    .pic {
+      width: 100%;
+      height: 350px;
+    }
+    .texts {
+      padding: 20px;
+    }
+    h6 {
+      margin-bottom: 10px;
+      font-size: 1.2rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+    }
+    .text {
+      font-size: 1rem;
+    }
+  }
+  .l-card {
+    display: flex;
+    margin-top: 20px;
+    li {
+      position: relative;
+      width: calc((100% - 40px) / 3);
+      height: 380px;
+      margin-right: 20px;
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+    .pic {
+      width: 100%;
+      height: 100%;
+    }
+    .texts {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      padding: 140px 30px 0;
+      color: #fff;
+      background-color: rgba(0, 0, 0, .5);
+    }
+    h6 {
+      margin-bottom: 15px;
+      font-size: 2rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+    }
+    .text {
+      font-size: 1rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+      line-height: 2;
+      @include mul-ellipsis(4);
+    }
+  }
+}
+.scan {
+  .scan-inner {
+    display: flex;
+    padding-left: 20%;
+  }
+  .left {
+    width: 30%;
+    margin-right: 80px;
+  }
+  .line {
+    display: flex;
+    align-items: center;
+    margin-bottom: 30px;
+    &:before {
+      content: '';
+      min-width: 50px;
+      width: 50px;
+      height: 50px;
+      margin-right: 20px;
+      background: url(http://10.10.11.7/images/overview/7.png) 0 0/100% 100% no-repeat;
+    }
+    &:nth-child(2):before {
+      background-image: url(http://10.10.11.7/images/overview/8.png);
+    }
+    &:nth-child(3):before {
+      background-image: url(http://10.10.11.7/images/overview/9.png);
+    }
+    &:nth-child(4):before {
+      background-image: url(http://10.10.11.7/images/overview/10.png);
+    }
+    &:nth-child(5):before {
+      background-image: url(http://10.10.11.7/images/overview/11.png);
+    }
+    &:nth-child(6):before {
+      background-image: url(http://10.10.11.7/images/overview/12.png);
+    }
+    &:nth-child(7):before {
+      background-image: url(http://10.10.11.7/images/overview/13.png);
+    }
+    .text {
+      font-size: 1rem;
+      font-family: PingFangSC-Medium, PingFang SC;
+      color: #333;
+      line-height: 2;
+      @include mul-ellipsis(2);
+    }
+  }
+  .total {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 50px;
+    li {
+      position: relative;
+    }
+    .num {
+      margin-bottom: 10px;
+      font-size: 2rem;
+      font-family: ToppanBunkyuMidashiMinchoStdN-ExtraBold, ToppanBunkyuMidashiMinchoStdN;
+      font-weight: 800;
+      color: #1583FF;
+    }
+    .text {
+      font-size: 1rem;
+      color: #333;
+    }
+  }
+  .pic {
+    width: 70%;
+    height: 700px;
+  }
+}
+</style>
diff --git a/src/router/modules/column.js b/src/router/modules/column.js
index 379bf1a..163465a 100644
--- a/src/router/modules/column.js
+++ b/src/router/modules/column.js
@@ -181,5 +181,21 @@ export default {
       path: `talentCenter`,
       component: () => import('@/pages/column/page/talentCenter'),
     },
+    {
+      path: `governance`,
+      component: () => import('@/pages/column/page/governance'),
+    },
+    {
+      path: `org`,
+      component: () => import('@/pages/column/page/org'),
+    },
+    {
+      path: `devHistory`,
+      component: () => import('@/pages/column/page/devHistory'),
+    },
+    {
+      path: `overview`,
+      component: () => import('@/pages/column/page/overview'),
+    },
   ]
 }