diff --git a/src/assets/images/page/aboutNew.png b/src/assets/images/page/aboutNew.png
new file mode 100644
index 0000000..24558ae
Binary files /dev/null and b/src/assets/images/page/aboutNew.png differ
diff --git a/src/assets/images/page/sfelNew.png b/src/assets/images/page/sfelNew.png
new file mode 100644
index 0000000..0d97ddc
Binary files /dev/null and b/src/assets/images/page/sfelNew.png differ
diff --git a/src/const/modules.js b/src/const/modules.js
index 39c6585..1be155c 100644
--- a/src/const/modules.js
+++ b/src/const/modules.js
@@ -806,7 +806,7 @@ export default {
       }
     },
   ],
-  careers: [
+  aboutNew: [
     {
       type: 'introduce',
       forms: [
@@ -847,8 +847,8 @@ export default {
       },
       list: [
         {
-          pic: 'http://10.10.11.7/images/careers/1.png',
-          title: 'CAREERS',
+          pic: 'http://10.10.11.7/images/about/1.png',
+          title: 'ABOUT',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -879,6 +879,11 @@ export default {
           label: '标题',
           required: true
         },
+        {
+          type: 'textarea',
+          prop: 'subTitle',
+          label: '小标题'
+        },
         {
           type: 'link',
           prop: 'link',
@@ -891,8 +896,9 @@ export default {
         }
       ],
       form: {
-        pic: 'http://10.10.11.7/images/careers/2.png',
-        title: 'Research',
+        pic: 'http://10.10.11.7/images/about/2.png',
+        title: 'Our History',
+        subTitle: 'Throughout the world, most of the top science and technology innovation centers are distributed',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -904,18 +910,34 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: 'Positions'
+        des: `Greater Bay area is the most economically developed China. Therefore, in 2019, the Chinese central government proposed to build this region an international science ion cente.
+
+          As one of the core cities in the bay area, with the convenient transportation infrastructure.`
       }
     },
     {
       type: 'form',
       forms: [
         {
-          type: 'upload',
-          prop: 'pic',
-          label: '图片',
+          type: 'input',
+          prop: 'title',
+          label: '标题',
           required: true
         },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '概述'
+        }
+      ],
+      form: {
+        title: 'Our Values',
+        des: 'What makes a light chaser'
+      }
+    },
+    {
+      type: 'form',
+      forms: [
         {
           type: 'input',
           prop: 'title',
@@ -930,12 +952,12 @@ export default {
         {
           type: 'textarea',
           prop: 'des',
-          label: '描述'
+          label: '概述',
+          required: true
         }
       ],
       form: {
-        pic: 'http://10.10.11.7/images/careers/3.png',
-        title: 'Engineering',
+        title: 'Integrity',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -947,18 +969,12 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: 'Positions'
+        des: '2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen…'
       }
     },
     {
       type: 'form',
       forms: [
-        {
-          type: 'upload',
-          prop: 'pic',
-          label: '图片',
-          required: true
-        },
         {
           type: 'input',
           prop: 'title',
@@ -973,12 +989,12 @@ export default {
         {
           type: 'textarea',
           prop: 'des',
-          label: '描述'
+          label: '概述',
+          required: true
         }
       ],
       form: {
-        pic: 'http://10.10.11.7/images/careers/4.png',
-        title: 'Management Staff',
+        title: 'Adventure',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -990,18 +1006,49 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: 'Positions'
+        des: '2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen…'
       }
     },
     {
       type: 'form',
       forms: [
         {
-          type: 'upload',
-          prop: 'pic',
-          label: '图片',
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '概述',
           required: true
+        }
+      ],
+      form: {
+        title: 'Serve',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
         },
+        des: '2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen…'
+      }
+    },
+    {
+      type: 'form',
+      forms: [
         {
           type: 'input',
           prop: 'title',
@@ -1016,12 +1063,12 @@ export default {
         {
           type: 'textarea',
           prop: 'des',
-          label: '描述'
+          label: '概述',
+          required: true
         }
       ],
       form: {
-        pic: 'http://10.10.11.7/images/careers/5.png',
-        title: 'Post-doc Programs',
+        title: 'Focus on Future',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -1033,7 +1080,7 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: 'Positions'
+        des: '2021 is another challenging year for the Institute of Advanced Science Facilities, Shenzhen…'
       }
     },
     {
@@ -1052,115 +1099,73 @@ export default {
         }
       ],
       form: {
-        title: 'Profiles',
-        des: 'What makes a light chaser'
+        title: 'Facts',
+        des: 'Strength in numbers'
       }
     },
     {
-      type: 'introduce',
+      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: '描述'
+          label: '概述'
         }
       ],
       form: {
-        pic: '',
-        title: '',
-        link: {
-          linkName: '无',
-          connectionType: 1,
-          columnId: [],
-          articleId: '',
-          linkAddress	: '',
-          site: '',
-          otherColumnId: [],
-          otherArticleId: '',
-          isOpen: 1
-        },
-        des: ''
-      },
-      list: [
-        {
-          pic: 'http://10.10.11.7/images/careers/6.png',
-          title: 'IASF started its journey to chase light, push the boundaries forward, and discover the unknown.',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
-          des: 'Throughout the world, most of the top science and technology innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area in Japan.',
-          isEnable: 1
-        },
+        title: '2020',
+        des: 'The year IASF was founded'
+      }
+    },
+    {
+      type: 'form',
+      forms: [
         {
-          pic: 'http://10.10.11.7/images/careers/7.png',
-          title: 'IASF started its journey to chase light, push the boundaries forward, and discover the unknown.',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
-          des: 'Throughout the world, most of the top science and technology innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area in Japan.',
-          isEnable: 1
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
         },
         {
-          pic: 'http://10.10.11.7/images/careers/8.png',
-          title: 'IASF started its journey to chase light, push the boundaries forward, and discover the unknown.',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
-          des: 'Throughout the world, most of the top science and technology innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area in Japan.',
-          isEnable: 1
+          type: 'textarea',
+          prop: 'des',
+          label: '概述'
         }
-      ]
+      ],
+      form: {
+        title: '2',
+        des: 'Facility projects'
+      }
     },
     {
-      type: 'introduce',
+      type: 'form',
       forms: [
         {
-          type: 'upload',
-          prop: 'pic',
-          label: '图片',
+          type: 'input',
+          prop: 'title',
+          label: '标题',
           required: true
         },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '概述'
+        }
+      ],
+      form: {
+        title: '240',
+        des: 'Employees'
+      }
+    },
+    {
+      type: 'form',
+      forms: [
         {
           type: 'input',
           prop: 'title',
@@ -1169,23 +1174,152 @@ export default {
         },
         {
           type: 'textarea',
-          prop: 'subTitle',
-          label: '小标题'
-        },
+          prop: 'des',
+          label: '概述'
+        }
+      ],
+      form: {
+        title: '10',
+        des: 'Academicians'
+      }
+    },
+    {
+      type: 'form',
+      forms: [
         {
-          type: 'link',
-          prop: 'link',
-          label: '链接'
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
         },
         {
           type: 'textarea',
           prop: 'des',
-          label: '描述'
+          label: '概述'
         }
       ],
       form: {
-        pic: '',
-        title: '',
+        title: '45%',
+        des: 'Hold doctorates or the highest degree in their field'
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '概述'
+        }
+      ],
+      form: {
+        title: '$32B+',
+        des: 'Facility construction need-based grant aid provided '
+      }
+    },
+    {
+      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/about/5.png',
+        title: 'Strategic Plan',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: 'IASF is driven to serve the Science and industry, and solve grand challenges through research and innovation. We are open and creative, pursuing scientific management and decision-making.'
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '概述'
+        }
+      ],
+      form: {
+        title: 'Govening Board & Leadership',
+        des: 'What makes a ligh chinese bay chaser'
+      }
+    },
+    {
+      type: 'introduce',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'subTitle',
+          label: '小标题'
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        pic: '',
+        title: '',
         subTitle: '',
         link: {
           linkName: '无',
@@ -1198,13 +1332,14 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: ''
+        des: '',
+        isEnable: 1
       },
       list: [
         {
-          pic: 'http://10.10.11.7/images/careers/9.png',
-          title: 'Benefits',
-          subTitle: 'YOU ARE IN GOOD HANDS',
+          pic: 'http://10.10.11.7/images/about/6.png',
+          title: 'Sun Dongbai',
+          subTitle: 'Founder and 1st PRESIDENT OF THE INSTITUTE OF ADVANCED SCIENCE FACILITIES, SHENZHEN',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -1216,13 +1351,13 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
-          des: 'We offer the most competitive package to assure the welfare of our people at IAST.',
+          des: 'Dr. Sun was the executive vice president of Sun Yat- and vice president of the University of Science and Technology Beijing (2008-2017). One of the most widely well-known material scientists aation',
           isEnable: 1
         },
         {
-          pic: 'http://10.10.11.7/images/careers/10.png',
-          title: 'Traineeships',
-          subTitle: 'YOUR FUTURE STARTS HERE',
+          pic: 'http://10.10.11.7/images/about/7.png',
+          title: 'Yang Xueming',
+          subTitle: 'Vice President of the Institute of Advanced Scienc, Shenzhen',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -1234,13 +1369,13 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
-          des: 'IASF works with research institutions, universities, and others, to provide a pathway for future scientists, engineers, and industry leaders.',
+          des: 'Dr. Yang is a world-recognized physical chemistry scientist, an Academician of the Chinese Academy of Science, an awardee of the National Science Fund for Distinguished Young Scholars',
           isEnable: 1
         },
         {
-          pic: 'http://10.10.11.7/images/careers/11.png',
-          title: 'Programs',
-          subTitle: 'YOUR INSPIRATION HAS GREAT SUPPORTS',
+          pic: 'http://10.10.11.7/images/about/8.png',
+          title: 'Ulf KALSSON',
+          subTitle: 'The Chairman of Science and Technology Advisory Committee',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -1252,22 +1387,39 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
-          des: 'We collect various professional and funding resources to support your dream and ideas, your job is as simple as it looks, go for it!',
+          des: 'Dr. Ulf Karlsson is a joint professor of Linköping University and KTH Royal Institute of Technology. He established the laboratory of material science and was the director of the materials science platform',
           isEnable: 1
         }
       ]
     },
-  ],
-  edu: [
     {
-      type: 'introduce',
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '概述'
+        }
+      ],
+      form: {
+        title: 'Committees',
+        des: 'What makes a ligh chinese bay chaser'
+      }
+    },
+    {
+      type: 'form',
       forms: [
         {
           type: 'upload',
           prop: 'pic',
           label: '图片',
-          required: true,
-          crop: false
+          required: true
         },
         {
           type: 'input',
@@ -1279,11 +1431,17 @@ export default {
           type: 'link',
           prop: 'link',
           label: '链接'
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
         }
       ],
       form: {
-        pic: '',
-        title: '',
+        pic: 'http://10.10.11.7/images/about/9.png',
+        title: 'Science and Technology',
+        subTitle: '',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -1295,26 +1453,8 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        isEnable: 1
-      },
-      list: [
-        {
-          pic: 'http://10.10.11.7/images/edu/1.png',
-          title: 'EDUCATION & COLLABORATION',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
-          isEnable: 1
-        }
-      ]
+        des: 'installation and nanostructuring'
+      }
     },
     {
       type: 'form',
@@ -1343,8 +1483,9 @@ export default {
         }
       ],
       form: {
-        pic: 'http://10.10.11.7/images/edu/2.png',
-        title: 'Partnership',
+        pic: 'http://10.10.11.7/images/about/10.png',
+        title: 'User Committee',
+        subTitle: '',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -1356,7 +1497,7 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: `Together, Stronger`
+        des: 'installation and nanostructuring'
       }
     },
     {
@@ -1386,8 +1527,9 @@ export default {
         }
       ],
       form: {
-        pic: 'http://10.10.11.7/images/edu/2.png',
-        title: 'Programs',
+        pic: 'http://10.10.11.7/images/about/11.png',
+        title: 'Industry Advancement Committee',
+        subTitle: '',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -1399,7 +1541,7 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: `Our campus is Shenzhen and Beyound`
+        des: 'installation and nanostructuring'
       }
     },
     {
@@ -1418,20 +1560,18 @@ export default {
         }
       ],
       form: {
-        title: 'Engagement',
-        des: 'Serving Community'
+        title: 'Staff & Organization Chart',
+        des: 'Meet the light chaser'
       }
     },
     {
-      type: 'introduce',
+      type: 'form',
       forms: [
         {
           type: 'upload',
           prop: 'pic',
           label: '图片',
-          required: true,
-					width: 540,
-					height: 506
+          required: true
         },
         {
           type: 'input',
@@ -1439,11 +1579,6 @@ export default {
           label: '标题',
           required: true
         },
-        {
-          type: 'textarea',
-          prop: 'subTitle',
-          label: '小标题'
-        },
         {
           type: 'link',
           prop: 'link',
@@ -1456,8 +1591,8 @@ export default {
         }
       ],
       form: {
-        pic: '',
-        title: '',
+        pic: 'http://10.10.11.7/images/about/12.png',
+        title: 'Throughout the world, most of the top science and technology innovation centers are distributed',
         subTitle: '',
         link: {
           linkName: '无',
@@ -1470,70 +1605,14 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: ''
-      },
-      list: [
-        {
-          pic: 'http://10.10.11.7/images/edu/3.png',
-          title: 'community service',
-          subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
-          des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
-          isEnable: 1
-        },
-        {
-          pic: 'http://10.10.11.7/images/edu/4.png',
-          title: 'community service',
-          subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
-          des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
-          isEnable: 1
-        },
-        {
-          pic: 'http://10.10.11.7/images/edu/5.png',
-          title: 'community service',
-          subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
-          des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
-          isEnable: 1
-        }
-      ]
-    },
-  ],
-  home: [
-    {
-      type: 'introduce',
-      forms: [
+        des: 'The IASF has over 300 employees, of which 50% hold a Ph.D. degree, and more than 25% of core positions had abroad research and management experience.'
+      }
+    },
+  ],
+  careers: [
+    {
+      type: 'introduce',
+      forms: [
         {
           type: 'upload',
           prop: 'pic',
@@ -1571,8 +1650,8 @@ export default {
       },
       list: [
         {
-          pic: 'http://10.10.11.7/images/home/1.png',
-          title: 'HOME',
+          pic: 'http://10.10.11.7/images/careers/1.png',
+          title: 'CAREERS',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -1591,21 +1670,44 @@ export default {
     {
       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: '概述'
+          label: '描述'
         }
       ],
       form: {
-        title: 'OUR FACILITIES',
-        des: 'IASF will carry a world-class light source research park by operating a synchrotron radiation facility and a soft X-ray Superconducting free-electron laser facility.'
+        pic: 'http://10.10.11.7/images/careers/2.png',
+        title: 'Research',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: 'Positions'
       }
     },
     {
@@ -1635,8 +1737,8 @@ export default {
         }
       ],
       form: {
-        pic: 'http://10.10.11.7/images/home/2.png',
-        title: 'Shenzhen Innovation Lightsource Facility',
+        pic: 'http://10.10.11.7/images/careers/3.png',
+        title: 'Engineering',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -1648,7 +1750,7 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: 'The Shenzhen synchrotron radiation facility has a fourth-generation diffraction-limited storage ring with an electron energy of 3 GeV at a low emittance of 50-150 pm·rad, and it provides photons with broad range energy from 4 meV to 160 keV.'
+        des: 'Positions'
       }
     },
     {
@@ -1678,8 +1780,8 @@ export default {
         }
       ],
       form: {
-        pic: 'http://10.10.11.7/images/home/3.png',
-        title: 'Shenzhen Soft X-ray Superconducting Free-electron Laser Facility ',
+        pic: 'http://10.10.11.7/images/careers/4.png',
+        title: 'Management Staff',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -1691,37 +1793,50 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: 'Shenzhen XFEL consists of a 2.5 GeV CW superconducting linear accelerator and four initial undulator lines, aiming at generating X-Rays between 40 eV and 1 keV at rates up to 1MHz.'
+        des: 'Positions'
       }
     },
     {
       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: '概述'
+          label: '描述'
         }
       ],
       form: {
-        title: 'Latest information',
-        des: 'Keep up with what happen with IASF'
-      }
-    },
-    {
-      type: 'column',
-      form: {
-        site: '',
-        column: '',
-        articleNum: '',
-        columnTitle: 1,
-        columnTitleCustom: ''
+        pic: 'http://10.10.11.7/images/careers/5.png',
+        title: 'Post-doc Programs',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: 'Positions'
       }
     },
     {
@@ -1740,8 +1855,8 @@ export default {
         }
       ],
       form: {
-        title: "Light Chasers' Home at IASF",
-        des: 'Keep up with what happen with IASF'
+        title: 'Profiles',
+        des: 'What makes a light chaser'
       }
     },
     {
@@ -1759,11 +1874,6 @@ export default {
           label: '标题',
           required: true
         },
-        {
-          type: 'textarea',
-          prop: 'subTitle',
-          label: '小标题'
-        },
         {
           type: 'link',
           prop: 'link',
@@ -1778,7 +1888,6 @@ export default {
       form: {
         pic: '',
         title: '',
-        subTitle: '',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -1795,8 +1904,7 @@ export default {
       list: [
         {
           pic: 'http://10.10.11.7/images/careers/6.png',
-          title: 'SHAO Jiahang, PH.D.',
-          subTitle: '',
+          title: 'IASF started its journey to chase light, push the boundaries forward, and discover the unknown.',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -1808,13 +1916,12 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
-          isEnable: 1,
-          des: '“..., The new facility (S3FEL) will provide the brightest soft X-ray laser to both scientific and industrial users worldwide, enabling applications that are beyond imagination, ...”…'
+          des: 'Throughout the world, most of the top science and technology innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area in Japan.',
+          isEnable: 1
         },
         {
           pic: 'http://10.10.11.7/images/careers/7.png',
-          title: 'PENG Ziling, Ph.D.',
-          subTitle: '',
+          title: 'IASF started its journey to chase light, push the boundaries forward, and discover the unknown.',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -1826,13 +1933,12 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
-          isEnable: 1,
-          des: '“..., With so many young, professional, and passionate workmates, I treasure the moments we spent on fruitful discussions, brainstorming, teamworking, and the leisure activities on the Guangming farm just next to our worksite, ...”…'
+          des: 'Throughout the world, most of the top science and technology innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area in Japan.',
+          isEnable: 1
         },
         {
           pic: 'http://10.10.11.7/images/careers/8.png',
-          title: 'CHEN Rikun, M.S.',
-          subTitle: '',
+          title: 'IASF started its journey to chase light, push the boundaries forward, and discover the unknown.',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -1844,20 +1950,31 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
-          isEnable: 1,
-          des: '“..., Working is more of a learning process for a young professional. Every day at IASF I try to learn to write properly, communicate effectively, and solve problems. As getting more experience, I feel excited to grow with IASF, ...”.…'
+          des: 'Throughout the world, most of the top science and technology innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area in Japan.',
+          isEnable: 1
         }
       ]
     },
     {
-      type: 'form',
+      type: 'introduce',
       forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
         {
           type: 'input',
           prop: 'title',
           label: '标题',
           required: true
         },
+        {
+          type: 'textarea',
+          prop: 'subTitle',
+          label: '小标题'
+        },
         {
           type: 'link',
           prop: 'link',
@@ -1866,12 +1983,13 @@ export default {
         {
           type: 'textarea',
           prop: 'des',
-          label: '概述',
-          required: true
+          label: '描述'
         }
       ],
       form: {
-        title: 'ABOUT',
+        pic: '',
+        title: '',
+        subTitle: '',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -1883,52 +2001,77 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: 'The Institute of Advanced Science Facilities in Shenzhen, China is home to world-class science, world-class facilities, and world-class people. Located 25 miles east of Shenzhen city center, on a 1.2 acre campus, IASF has over three hundred researchers and support staff.…'
-      }
-    },
-    {
-      type: 'form',
-      forms: [
+        des: ''
+      },
+      list: [
         {
-          type: 'input',
-          prop: 'title',
-          label: '标题',
-          required: true
+          pic: 'http://10.10.11.7/images/careers/9.png',
+          title: 'Benefits',
+          subTitle: 'YOU ARE IN GOOD HANDS',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+          des: 'We offer the most competitive package to assure the welfare of our people at IAST.',
+          isEnable: 1
         },
         {
-          type: 'textarea',
-          prop: 'des',
-          label: '概述'
-        }
-      ],
-      form: {
-        title: 'IASF at a glance',
-        des: ''
-      }
-    },
-    {
-      type: 'form',
-      forms: [
-        {
-          type: 'input',
-          prop: 'title',
-          label: '标题',
-          required: true
+          pic: 'http://10.10.11.7/images/careers/10.png',
+          title: 'Traineeships',
+          subTitle: 'YOUR FUTURE STARTS HERE',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+          des: 'IASF works with research institutions, universities, and others, to provide a pathway for future scientists, engineers, and industry leaders.',
+          isEnable: 1
         },
         {
-          type: 'textarea',
-          prop: 'des',
-          label: '概述'
+          pic: 'http://10.10.11.7/images/careers/11.png',
+          title: 'Programs',
+          subTitle: 'YOUR INSPIRATION HAS GREAT SUPPORTS',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+          des: 'We collect various professional and funding resources to support your dream and ideas, your job is as simple as it looks, go for it!',
+          isEnable: 1
         }
-      ],
-      form: {
-        title: '2020',
-        des: 'The year IASF was founded'
-      }
+      ]
     },
+  ],
+  edu: [
     {
-      type: 'form',
+      type: 'introduce',
       forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true,
+          crop: false
+        },
         {
           type: 'input',
           prop: 'title',
@@ -1936,54 +2079,130 @@ export default {
           required: true
         },
         {
-          type: 'textarea',
-          prop: 'des',
-          label: '概述'
+          type: 'link',
+          prop: 'link',
+          label: '链接'
         }
       ],
       form: {
-        title: '2',
-        des: 'Facility projects'
-      }
+        pic: '',
+        title: '',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        isEnable: 1
+      },
+      list: [
+        {
+          pic: 'http://10.10.11.7/images/edu/1.png',
+          title: 'EDUCATION & COLLABORATION',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+          isEnable: 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: '概述'
+          label: '描述'
         }
       ],
       form: {
-        title: '240',
-        des: 'Employees'
+        pic: 'http://10.10.11.7/images/edu/2.png',
+        title: 'Partnership',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: `Together, Stronger`
       }
     },
     {
       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: '概述'
+          label: '描述'
         }
       ],
       form: {
-        title: '10',
-        des: 'Academicians'
+        pic: 'http://10.10.11.7/images/edu/2.png',
+        title: 'Programs',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: `Our campus is Shenzhen and Beyound`
       }
     },
     {
@@ -2002,32 +2221,119 @@ export default {
         }
       ],
       form: {
-        title: '45%',
-        des: 'Hold doctorates or the highest degree in their field'
+        title: 'Engagement',
+        des: 'Serving Community'
       }
     },
     {
-      type: 'form',
+      type: 'introduce',
       forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true,
+					width: 540,
+					height: 506
+        },
         {
           type: 'input',
           prop: 'title',
           label: '标题',
           required: true
         },
+        {
+          type: 'textarea',
+          prop: 'subTitle',
+          label: '小标题'
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
         {
           type: 'textarea',
           prop: 'des',
-          label: '概述'
+          label: '描述'
         }
       ],
       form: {
-        title: '$32B+',
-        des: 'Facility construction need-based grant aid provided '
-      }
+        pic: '',
+        title: '',
+        subTitle: '',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: ''
+      },
+      list: [
+        {
+          pic: 'http://10.10.11.7/images/edu/3.png',
+          title: 'community service',
+          subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+          des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
+          isEnable: 1
+        },
+        {
+          pic: 'http://10.10.11.7/images/edu/4.png',
+          title: 'community service',
+          subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+          des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
+          isEnable: 1
+        },
+        {
+          pic: 'http://10.10.11.7/images/edu/5.png',
+          title: 'community service',
+          subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+          des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
+          isEnable: 1
+        }
+      ]
     },
   ],
-  news: [
+  home: [
     {
       type: 'introduce',
       forms: [
@@ -2068,8 +2374,8 @@ export default {
       },
       list: [
         {
-          pic: 'http://10.10.11.7/images/news/1.png',
-          title: 'NEWS & EVENTS',
+          pic: 'http://10.10.11.7/images/home/1.png',
+          title: 'HOME',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -2086,94 +2392,109 @@ export default {
       ]
     },
     {
-      type: 'columns',
-      form: {
-        columnName: '',
-        site: '',
-        column: '',
-        articleNum: '',
-        columnTitle: 1,
-        columnTitleCustom: ''
-      },
-      list: [
+      type: 'form',
+      forms: [
         {
-          columnName: 'General news',
-          site: '',
-          column: '',
-          articleNum: '',
-          columnTitle: 1,
-          columnTitleCustom: ''
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
         },
         {
-          columnName: 'Research news',
-          site: '',
-          column: '',
-          articleNum: '',
-          columnTitle: 1,
-          columnTitleCustom: ''
-        },
+          type: 'textarea',
+          prop: 'des',
+          label: '概述'
+        }
+      ],
+      form: {
+        title: 'OUR FACILITIES',
+        des: 'IASF will carry a world-class light source research park by operating a synchrotron radiation facility and a soft X-ray Superconducting free-electron laser facility.'
+      }
+    },
+    {
+      type: 'form',
+      forms: [
         {
-          columnName: 'General news',
-          site: '',
-          column: '',
-          articleNum: '',
-          columnTitle: 1,
-          columnTitleCustom: ''
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
         },
         {
-          columnName: 'General news',
-          site: '',
-          column: '',
-          articleNum: '',
-          columnTitle: 1,
-          columnTitleCustom: ''
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
         },
         {
-          columnName: 'Research news',
-          site: '',
-          column: '',
-          articleNum: '',
-          columnTitle: 1,
-          columnTitleCustom: ''
+          type: 'link',
+          prop: 'link',
+          label: '链接'
         },
         {
-          columnName: 'Journal covers',
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        pic: 'http://10.10.11.7/images/home/2.png',
+        title: 'Shenzhen Innovation Lightsource Facility',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
           site: '',
-          column: '',
-          articleNum: '',
-          columnTitle: 1,
-          columnTitleCustom: ''
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
         },
-      ]
+        des: 'The Shenzhen synchrotron radiation facility has a fourth-generation diffraction-limited storage ring with an electron energy of 3 GeV at a low emittance of 50-150 pm·rad, and it provides photons with broad range energy from 4 meV to 160 keV.'
+      }
     },
     {
       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: '概述'
+          label: '描述'
         }
       ],
       form: {
-        title: 'Seminars & Workshops',
-        des: 'What makes a ligh chinese bay chaser'
-      }
-    },
-    {
-      type: 'column',
-      form: {
-        site: '',
-        column: '',
-        articleNum: '',
-        columnTitle: 1,
-        columnTitleCustom: ''
+        pic: 'http://10.10.11.7/images/home/3.png',
+        title: 'Shenzhen Soft X-ray Superconducting Free-electron Laser Facility ',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: 'Shenzhen XFEL consists of a 2.5 GeV CW superconducting linear accelerator and four initial undulator lines, aiming at generating X-Rays between 40 eV and 1 keV at rates up to 1MHz.'
       }
     },
     {
@@ -2192,8 +2513,8 @@ export default {
         }
       ],
       form: {
-        title: 'Conference',
-        des: 'What makes a ligh chinese bay chaser'
+        title: 'Latest information',
+        des: 'Keep up with what happen with IASF'
       }
     },
     {
@@ -2202,23 +2523,13 @@ export default {
         site: '',
         column: '',
         articleNum: '',
-        articleNumOpt: 8,
         columnTitle: 1,
         columnTitleCustom: ''
       }
     },
-  ],
-  newsPress: [
     {
-      type: 'introduce',
+      type: 'form',
       forms: [
-        {
-          type: 'upload',
-          prop: 'pic',
-          label: '图片',
-          required: true,
-          crop: false
-        },
         {
           type: 'input',
           prop: 'title',
@@ -2226,45 +2537,15 @@ export default {
           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
-      },
-      list: [
-        {
-          pic: 'http://10.10.11.7/images/news/1.png',
-          title: 'NEWS & EVENTS',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
-          isEnable: 1
-        }
-      ]
+        title: "Light Chasers' Home at IASF",
+        des: 'Keep up with what happen with IASF'
+      }
     },
     {
       type: 'introduce',
@@ -2316,9 +2597,9 @@ export default {
       },
       list: [
         {
-          pic: 'http://10.10.11.7/images/newsPress/1.png',
-          title: 'Reports',
-          subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
+          pic: 'http://10.10.11.7/images/careers/6.png',
+          title: 'SHAO Jiahang, PH.D.',
+          subTitle: '',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -2330,13 +2611,13 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
-          des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
-          isEnable: 1
+          isEnable: 1,
+          des: '“..., The new facility (S3FEL) will provide the brightest soft X-ray laser to both scientific and industrial users worldwide, enabling applications that are beyond imagination, ...”…'
         },
         {
-          pic: 'http://10.10.11.7/images/newsPress/2.png',
-          title: 'Brochures',
-          subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
+          pic: 'http://10.10.11.7/images/careers/7.png',
+          title: 'PENG Ziling, Ph.D.',
+          subTitle: '',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -2348,13 +2629,13 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
-          des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
-          isEnable: 1
+          isEnable: 1,
+          des: '“..., With so many young, professional, and passionate workmates, I treasure the moments we spent on fruitful discussions, brainstorming, teamworking, and the leisure activities on the Guangming farm just next to our worksite, ...”…'
         },
         {
-          pic: 'http://10.10.11.7/images/newsPress/3.png',
-          title: 'Gallery',
-          subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
+          pic: 'http://10.10.11.7/images/careers/8.png',
+          title: 'CHEN Rikun, M.S.',
+          subTitle: '',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -2366,23 +2647,14 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
-          des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
-          isEnable: 1
+          isEnable: 1,
+          des: '“..., Working is more of a learning process for a young professional. Every day at IASF I try to learn to write properly, communicate effectively, and solve problems. As getting more experience, I feel excited to grow with IASF, ...”.…'
         }
       ]
     },
-  ],
-  newsProcurement: [
     {
-      type: 'introduce',
+      type: 'form',
       forms: [
-        {
-          type: 'upload',
-          prop: 'pic',
-          label: '图片',
-          required: true,
-          crop: false
-        },
         {
           type: 'input',
           prop: 'title',
@@ -2393,11 +2665,16 @@ export default {
           type: 'link',
           prop: 'link',
           label: '链接'
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '概述',
+          required: true
         }
       ],
       form: {
-        pic: '',
-        title: '',
+        title: 'ABOUT',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -2409,36 +2686,12 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        isEnable: 1
-      },
-      list: [
-        {
-          pic: 'http://10.10.11.7/images/news/1.png',
-          title: 'NEWS & EVENTS',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
-          isEnable: 1
-        }
-      ]
+        des: 'The Institute of Advanced Science Facilities in Shenzhen, China is home to world-class science, world-class facilities, and world-class people. Located 25 miles east of Shenzhen city center, on a 1.2 acre campus, IASF has over three hundred researchers and support staff.…'
+      }
     },
     {
-      type: 'introduce',
+      type: 'form',
       forms: [
-        {
-          type: 'upload',
-          prop: 'pic',
-          label: '图片',
-          required: true
-        },
         {
           type: 'input',
           prop: 'title',
@@ -2447,106 +2700,78 @@ export default {
         },
         {
           type: 'textarea',
-          prop: 'subTitle',
-          label: '小标题'
-        },
+          prop: 'des',
+          label: '概述'
+        }
+      ],
+      form: {
+        title: 'IASF at a glance',
+        des: ''
+      }
+    },
+    {
+      type: 'form',
+      forms: [
         {
-          type: 'link',
-          prop: 'link',
-          label: '链接'
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
         },
         {
           type: 'textarea',
           prop: 'des',
-          label: '描述'
+          label: '概述'
         }
       ],
       form: {
-        pic: '',
-        title: '',
-        subTitle: '',
-        link: {
-          linkName: '无',
-          connectionType: 1,
-          columnId: [],
-          articleId: '',
-          linkAddress	: '',
-          site: '',
-          otherColumnId: [],
-          otherArticleId: '',
-          isOpen: 1
-        },
-        des: ''
-      },
-      list: [
-        {
-          pic: 'http://10.10.11.7/images/newsProcurement/1.png',
-          title: 'Project ',
-          subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
-          des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
-          isEnable: 1
-        },
+        title: '2020',
+        des: 'The year IASF was founded'
+      }
+    },
+    {
+      type: 'form',
+      forms: [
         {
-          pic: 'http://10.10.11.7/images/newsProcurement/2.png',
-          title: 'Goods',
-          subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
-          des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
-          isEnable: 1
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
         },
         {
-          pic: 'http://10.10.11.7/images/newsProcurement/3.png',
-          title: 'Service',
-          subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
-          des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
-          isEnable: 1
+          type: 'textarea',
+          prop: 'des',
+          label: '概述'
         }
-      ]
+      ],
+      form: {
+        title: '2',
+        des: 'Facility projects'
+      }
     },
-  ],
-  research: [
     {
-      type: 'introduce',
+      type: 'form',
       forms: [
         {
-          type: 'upload',
-          prop: 'pic',
-          label: '图片',
-          required: true,
-          crop: false
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
         },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '概述'
+        }
+      ],
+      form: {
+        title: '240',
+        des: 'Employees'
+      }
+    },
+    {
+      type: 'form',
+      forms: [
         {
           type: 'input',
           prop: 'title',
@@ -2554,45 +2779,35 @@ export default {
           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
+        title: '10',
+        des: 'Academicians'
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
         },
-        isEnable: 1
-      },
-      list: [
         {
-          pic: 'http://10.10.11.7/images/research/1.png',
-          title: 'RESEARCH',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
-          isEnable: 1
+          type: 'textarea',
+          prop: 'des',
+          label: '概述'
         }
-      ]
+      ],
+      form: {
+        title: '45%',
+        des: 'Hold doctorates or the highest degree in their field'
+      }
     },
     {
       type: 'form',
@@ -2610,18 +2825,21 @@ export default {
         }
       ],
       form: {
-        title: 'Research Areas',
-        des: 'What we can do and beyound'
+        title: '$32B+',
+        des: 'Facility construction need-based grant aid provided '
       }
     },
+  ],
+  news: [
     {
-      type: 'forms',
+      type: 'introduce',
       forms: [
         {
           type: 'upload',
           prop: 'pic',
           label: '图片',
-          required: true
+          required: true,
+          crop: false
         },
         {
           type: 'input',
@@ -2633,11 +2851,6 @@ export default {
           type: 'link',
           prop: 'link',
           label: '链接'
-        },
-        {
-          type: 'textarea',
-          prop: 'des',
-          label: '描述'
         }
       ],
       form: {
@@ -2654,12 +2867,12 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: ''
+        isEnable: 1
       },
       list: [
         {
-          pic: 'http://10.10.11.7/images/research/res1.png',
-          title: 'Physics',
+          pic: 'http://10.10.11.7/images/news/1.png',
+          title: 'NEWS & EVENTS',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -2671,71 +2884,68 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
-          des: 'Research Field Description',
-        },
+          isEnable: 1
+        }
+      ]
+    },
+    {
+      type: 'columns',
+      form: {
+        columnName: '',
+        site: '',
+        column: '',
+        articleNum: '',
+        columnTitle: 1,
+        columnTitleCustom: ''
+      },
+      list: [
         {
-          pic: 'http://10.10.11.7/images/research/res2.png',
-          title: 'Chemistry',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
-          des: 'Research Field Description',
+          columnName: 'General news',
+          site: '',
+          column: '',
+          articleNum: '',
+          columnTitle: 1,
+          columnTitleCustom: ''
         },
         {
-          pic: 'http://10.10.11.7/images/research/res3.png',
-          title: 'Biology',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
-          des: 'Research Field Description',
+          columnName: 'Research news',
+          site: '',
+          column: '',
+          articleNum: '',
+          columnTitle: 1,
+          columnTitleCustom: ''
         },
         {
-          pic: 'http://10.10.11.7/images/research/res4.png',
-          title: 'Advanced Materials ',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
-          des: 'Research Field Description',
+          columnName: 'General news',
+          site: '',
+          column: '',
+          articleNum: '',
+          columnTitle: 1,
+          columnTitleCustom: ''
         },
         {
-          pic: 'http://10.10.11.7/images/research/res5.png',
-          title: 'Advanced Manufacturing',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
-          des: 'Research Field Description',
+          columnName: 'General news',
+          site: '',
+          column: '',
+          articleNum: '',
+          columnTitle: 1,
+          columnTitleCustom: ''
+        },
+        {
+          columnName: 'Research news',
+          site: '',
+          column: '',
+          articleNum: '',
+          columnTitle: 1,
+          columnTitleCustom: ''
+        },
+        {
+          columnName: 'Journal covers',
+          site: '',
+          column: '',
+          articleNum: '',
+          columnTitle: 1,
+          columnTitleCustom: ''
         },
       ]
     },
@@ -2755,18 +2965,62 @@ export default {
         }
       ],
       form: {
-        title: 'R&D Group',
+        title: 'Seminars & Workshops',
         des: 'What makes a ligh chinese bay chaser'
       }
     },
     {
-      type: 'forms',
+      type: 'column',
+      form: {
+        site: '',
+        column: '',
+        articleNum: '',
+        columnTitle: 1,
+        columnTitleCustom: ''
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '概述'
+        }
+      ],
+      form: {
+        title: 'Conference',
+        des: 'What makes a ligh chinese bay chaser'
+      }
+    },
+    {
+      type: 'column',
+      form: {
+        site: '',
+        column: '',
+        articleNum: '',
+        articleNumOpt: 8,
+        columnTitle: 1,
+        columnTitleCustom: ''
+      }
+    },
+  ],
+  newsPress: [
+    {
+      type: 'introduce',
       forms: [
         {
           type: 'upload',
           prop: 'pic',
           label: '图片',
-          required: true
+          required: true,
+          crop: false
         },
         {
           type: 'input',
@@ -2793,87 +3047,13 @@ export default {
           otherColumnId: [],
           otherArticleId: '',
           isOpen: 1
-        }
+        },
+        isEnable: 1
       },
       list: [
         {
-          pic: 'http://10.10.11.7/images/research/3.png',
-          title: 'Accelerator Cryogenic System',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          }
-        },
-        {
-          pic: 'http://10.10.11.7/images/research/4.png',
-          title: 'Accelerator Laser Science ',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          }
-        },
-        {
-          pic: 'http://10.10.11.7/images/research/5.png',
-          title: 'Quantum Materials',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          }
-        },
-        {
-          pic: 'http://10.10.11.7/images/research/6.png',
-          title: 'Surface Science and Catalysis',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          }
-        },
-        {
-          pic: 'http://10.10.11.7/images/research/7.png',
-          title: 'Atomic and Molecular Science',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          }
-        },
-        {
-          pic: 'http://10.10.11.7/images/research/8.png',
-          title: 'Atmospheric and Interstellar Science',
+          pic: 'http://10.10.11.7/images/news/1.png',
+          title: 'NEWS & EVENTS',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -2884,33 +3064,13 @@ export default {
             otherColumnId: [],
             otherArticleId: '',
             isOpen: 1
-          }
-        },
-      ]
-    },
-    
-    {
-      type: 'form',
-      forms: [
-        {
-          type: 'input',
-          prop: 'title',
-          label: '标题',
-          required: true
-        },
-        {
-          type: 'textarea',
-          prop: 'des',
-          label: '概述'
+          },
+          isEnable: 1
         }
-      ],
-      form: {
-        title: 'Publications',
-        des: 'What makes a ligh chinese bay chaser'
-      }
+      ]
     },
     {
-      type: 'forms',
+      type: 'introduce',
       forms: [
         {
           type: 'upload',
@@ -2924,6 +3084,11 @@ export default {
           label: '标题',
           required: true
         },
+        {
+          type: 'textarea',
+          prop: 'subTitle',
+          label: '小标题'
+        },
         {
           type: 'link',
           prop: 'link',
@@ -2938,6 +3103,7 @@ export default {
       form: {
         pic: '',
         title: '',
+        subTitle: '',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -2953,8 +3119,9 @@ export default {
       },
       list: [
         {
-          pic: 'http://10.10.11.7/images/research/12.png',
-          title: '这里是标题一句话标题',
+          pic: 'http://10.10.11.7/images/newsPress/1.png',
+          title: 'Reports',
+          subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -2966,11 +3133,13 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
-          des: 'Online single-shot characterization of ultrafast pulses from high-gain free-electron lasers, Li Zeng，Chao Feng，Duan Gu，Xiaofan Wang，Kaiqing Zhang，Bo Liu，Zhentang Zhao，Fundamental Research',
+          des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
+          isEnable: 1
         },
         {
-          pic: 'http://10.10.11.7/images/research/13.png',
-          title: '这里是标题一句话标题',
+          pic: 'http://10.10.11.7/images/newsPress/2.png',
+          title: 'Brochures',
+          subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -2982,15 +3151,13 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
-          des: `产生超快水窗波段X射线的ESASE方案模拟
-          涂凌君 ，冯超 ，王晓凡 ， 赵振堂 ，
-          强激光与粒子束, 
-          2022, 34(3):031019
-          `,
+          des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
+          isEnable: 1
         },
         {
-          pic: 'http://10.10.11.7/images/research/14.png',
-          title: '这里是标题一句话标题',
+          pic: 'http://10.10.11.7/images/newsPress/3.png',
+          title: 'Gallery',
+          subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -3002,14 +3169,13 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
-          des: `多层膜元件热应力分析方法、系统和终端设备，申请(专利)号：CN202111530134.0，
-          申请日：2021-12-14，申请公布号：CN114239355A，申请人：深圳综合粒子设施研究院，发明人：徐中民
-          `
-        },
+          des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
+          isEnable: 1
+        }
       ]
     },
   ],
-  application: [
+  newsProcurement: [
     {
       type: 'introduce',
       forms: [
@@ -3050,8 +3216,8 @@ export default {
       },
       list: [
         {
-          pic: 'http://10.10.11.7/images/application/1.png',
-          title: 'APPLICATION',
+          pic: 'http://10.10.11.7/images/news/1.png',
+          title: 'NEWS & EVENTS',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -3068,7 +3234,7 @@ export default {
       ]
     },
     {
-      type: 'form',
+      type: 'introduce',
       forms: [
         {
           type: 'upload',
@@ -3099,62 +3265,9 @@ export default {
         }
       ],
       form: {
-        pic: 'http://10.10.11.7/images/research/2.png',
-        title: 'Why IASF?',
-        subTitle: `IASF started its journey to chase light, 
-        The one that can drive innovation, 
-        push the boundaries forward, and discover the unknown.`,
-        link: {
-          linkName: '无',
-          connectionType: 1,
-          columnId: [],
-          articleId: '',
-          linkAddress	: '',
-          site: '',
-          otherColumnId: [],
-          otherArticleId: '',
-          isOpen: 1
-        },
-        des: `Throughout the world, most of the top science and technology innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area in Japan. And the Guangdong-Hong Kong-Macao IASF`
-      }
-    },
-    {
-      type: 'form',
-      forms: [
-        {
-          type: 'input',
-          prop: 'title',
-          label: '标题',
-          required: true
-        },
-        {
-          type: 'textarea',
-          prop: 'des',
-          label: '概述'
-        }
-      ],
-      form: {
-        title: 'Applications',
-        des: 'What makes a ligh chinese bay chaser'
-      }
-    },
-    {
-      type: 'forms',
-      forms: [
-        {
-          type: 'input',
-          prop: 'title',
-          label: '标题',
-          required: true
-        },
-        {
-          type: 'link',
-          prop: 'link',
-          label: '链接'
-        }
-      ],
-      form: {
+        pic: '',
         title: '',
+        subTitle: '',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -3165,11 +3278,14 @@ export default {
           otherColumnId: [],
           otherArticleId: '',
           isOpen: 1
-        }
+        },
+        des: ''
       },
       list: [
         {
-          title: 'Astronomical Science',
+          pic: 'http://10.10.11.7/images/newsProcurement/1.png',
+          title: 'Project ',
+          subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -3181,9 +3297,13 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
+          des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
+          isEnable: 1
         },
         {
-          title: 'Physics',
+          pic: 'http://10.10.11.7/images/newsProcurement/2.png',
+          title: 'Goods',
+          subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -3195,9 +3315,13 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
+          des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
+          isEnable: 1
         },
         {
-          title: 'Quantum Materials',
+          pic: 'http://10.10.11.7/images/newsProcurement/3.png',
+          title: 'Service',
+          subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -3209,23 +3333,55 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
+          des: 'Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area …',
+          isEnable: 1
+        }
+      ]
+    },
+  ],
+  research: [
+    {
+      type: 'introduce',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true,
+          crop: false
         },
         {
-          title: 'Energy Catalytic',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
         },
         {
-          title: 'Biomedicine',
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        }
+      ],
+      form: {
+        pic: '',
+        title: '',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        isEnable: 1
+      },
+      list: [
+        {
+          pic: 'http://10.10.11.7/images/research/1.png',
+          title: 'RESEARCH',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -3237,9 +3393,76 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
+          isEnable: 1
+        }
+      ]
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
         },
         {
-          title: 'New Energy',
+          type: 'textarea',
+          prop: 'des',
+          label: '概述'
+        }
+      ],
+      form: {
+        title: 'Research Areas',
+        des: 'What we can do and beyound'
+      }
+    },
+    {
+      type: 'forms',
+      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: '',
+        title: '',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: ''
+      },
+      list: [
+        {
+          pic: 'http://10.10.11.7/images/research/res1.png',
+          title: 'Physics',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -3251,9 +3474,11 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
+          des: 'Research Field Description',
         },
         {
-          title: 'Cancer Treatment',
+          pic: 'http://10.10.11.7/images/research/res2.png',
+          title: 'Chemistry',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -3265,9 +3490,11 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
+          des: 'Research Field Description',
         },
         {
-          title: 'Atomic Science',
+          pic: 'http://10.10.11.7/images/research/res3.png',
+          title: 'Biology',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -3279,9 +3506,11 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
+          des: 'Research Field Description',
         },
         {
-          title: 'Radioactive Waste Materials',
+          pic: 'http://10.10.11.7/images/research/res4.png',
+          title: 'Advanced Materials ',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -3293,9 +3522,11 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
+          des: 'Research Field Description',
         },
         {
-          title: 'High-sensitivity Detection',
+          pic: 'http://10.10.11.7/images/research/res5.png',
+          title: 'Advanced Manufacturing',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -3307,6 +3538,7 @@ export default {
             otherArticleId: '',
             isOpen: 1
           },
+          des: 'Research Field Description',
         },
       ]
     },
@@ -3368,8 +3600,8 @@ export default {
       },
       list: [
         {
-          pic: 'http://10.10.11.7/images/application/3.png',
-          title: 'Biomedicine',
+          pic: 'http://10.10.11.7/images/research/3.png',
+          title: 'Accelerator Cryogenic System',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -3383,8 +3615,8 @@ export default {
           }
         },
         {
-          pic: 'http://10.10.11.7/images/application/4.png',
-          title: 'Advanced Materials ',
+          pic: 'http://10.10.11.7/images/research/4.png',
+          title: 'Accelerator Laser Science ',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -3398,9 +3630,9 @@ export default {
           }
         },
         {
-          pic: 'http://10.10.11.7/images/application/5.png',
-          title: 'Advanced Manufacturing',
-          link: {
+          pic: 'http://10.10.11.7/images/research/5.png',
+          title: 'Quantum Materials',
+          link: {
             linkName: '无',
             connectionType: 1,
             columnId: [],
@@ -3413,8 +3645,8 @@ export default {
           }
         },
         {
-          pic: 'http://10.10.11.7/images/application/6.png',
-          title: 'High-throughput Measurements ',
+          pic: 'http://10.10.11.7/images/research/6.png',
+          title: 'Surface Science and Catalysis',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -3428,8 +3660,8 @@ export default {
           }
         },
         {
-          pic: 'http://10.10.11.7/images/application/7.png',
-          title: 'Marine Titanium Alloy',
+          pic: 'http://10.10.11.7/images/research/7.png',
+          title: 'Atomic and Molecular Science',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -3443,8 +3675,8 @@ export default {
           }
         },
         {
-          pic: 'http://10.10.11.7/images/application/8.png',
-          title: 'Lead Bismuth Reactor',
+          pic: 'http://10.10.11.7/images/research/8.png',
+          title: 'Atmospheric and Interstellar Science',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -3459,6 +3691,7 @@ export default {
         },
       ]
     },
+    
     {
       type: 'form',
       forms: [
@@ -3475,22 +3708,979 @@ export default {
         }
       ],
       form: {
-        title: 'Research & Industry News',
+        title: 'Publications',
         des: 'What makes a ligh chinese bay chaser'
       }
     },
     {
-      type: 'column',
+      type: 'forms',
+      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: {
-        site: '',
-        column: '',
-        articleNum: '',
-        columnTitle: 1,
-        columnTitleCustom: ''
+        pic: '',
+        title: '',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: ''
+      },
+      list: [
+        {
+          pic: 'http://10.10.11.7/images/research/12.png',
+          title: '这里是标题一句话标题',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+          des: 'Online single-shot characterization of ultrafast pulses from high-gain free-electron lasers, Li Zeng，Chao Feng，Duan Gu，Xiaofan Wang，Kaiqing Zhang，Bo Liu，Zhentang Zhao，Fundamental Research',
+        },
+        {
+          pic: 'http://10.10.11.7/images/research/13.png',
+          title: '这里是标题一句话标题',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+          des: `产生超快水窗波段X射线的ESASE方案模拟
+          涂凌君 ，冯超 ，王晓凡 ， 赵振堂 ，
+          强激光与粒子束, 
+          2022, 34(3):031019
+          `,
+        },
+        {
+          pic: 'http://10.10.11.7/images/research/14.png',
+          title: '这里是标题一句话标题',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+          des: `多层膜元件热应力分析方法、系统和终端设备，申请(专利)号：CN202111530134.0，
+          申请日：2021-12-14，申请公布号：CN114239355A，申请人：深圳综合粒子设施研究院，发明人：徐中民
+          `
+        },
+      ]
+    },
+  ],
+  application: [
+    {
+      type: 'introduce',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true,
+          crop: false
+        },
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        }
+      ],
+      form: {
+        pic: '',
+        title: '',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        isEnable: 1
+      },
+      list: [
+        {
+          pic: 'http://10.10.11.7/images/application/1.png',
+          title: 'APPLICATION',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+          isEnable: 1
+        }
+      ]
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'subTitle',
+          label: '小标题'
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        pic: 'http://10.10.11.7/images/research/2.png',
+        title: 'Why IASF?',
+        subTitle: `IASF started its journey to chase light, 
+        The one that can drive innovation, 
+        push the boundaries forward, and discover the unknown.`,
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: `Throughout the world, most of the top science and technology innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area in Japan. And the Guangdong-Hong Kong-Macao IASF`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '概述'
+        }
+      ],
+      form: {
+        title: 'Applications',
+        des: 'What makes a ligh chinese bay chaser'
       }
     },
-  ],
-  science: [
+    {
+      type: 'forms',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        }
+      ],
+      form: {
+        title: '',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        }
+      },
+      list: [
+        {
+          title: 'Astronomical Science',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: 'Physics',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: 'Quantum Materials',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: 'Energy Catalytic',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: 'Biomedicine',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: 'New Energy',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: 'Cancer Treatment',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: 'Atomic Science',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: 'Radioactive Waste Materials',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: 'High-sensitivity Detection',
+          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: 'des',
+          label: '概述'
+        }
+      ],
+      form: {
+        title: 'R&D Group',
+        des: 'What makes a ligh chinese bay chaser'
+      }
+    },
+    {
+      type: 'forms',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        }
+      ],
+      form: {
+        pic: '',
+        title: '',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        }
+      },
+      list: [
+        {
+          pic: 'http://10.10.11.7/images/application/3.png',
+          title: 'Biomedicine',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          }
+        },
+        {
+          pic: 'http://10.10.11.7/images/application/4.png',
+          title: 'Advanced Materials ',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          }
+        },
+        {
+          pic: 'http://10.10.11.7/images/application/5.png',
+          title: 'Advanced Manufacturing',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          }
+        },
+        {
+          pic: 'http://10.10.11.7/images/application/6.png',
+          title: 'High-throughput Measurements ',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          }
+        },
+        {
+          pic: 'http://10.10.11.7/images/application/7.png',
+          title: 'Marine Titanium Alloy',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          }
+        },
+        {
+          pic: 'http://10.10.11.7/images/application/8.png',
+          title: 'Lead Bismuth Reactor',
+          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: 'des',
+          label: '概述'
+        }
+      ],
+      form: {
+        title: 'Research & Industry News',
+        des: 'What makes a ligh chinese bay chaser'
+      }
+    },
+    {
+      type: 'column',
+      form: {
+        site: '',
+        column: '',
+        articleNum: '',
+        columnTitle: 1,
+        columnTitleCustom: ''
+      }
+    },
+  ],
+  science: [
+    {
+      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/science/1.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: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        title: '为什么要建设S³FEL？',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: `2006年，世界上第一台软X射线自由电子激光诞生于德国汉堡同步加速器实验室。 2009年，世界第一台硬X 射线自由电子线性相干光源 成功出光， LCLS可提供更高亮度和更好横向相干性的XFEL脉冲…`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        title: 'X射线是什么',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: `光源是人类文明发展的助推器。从火光到激光，每次光源的发展创新都有效推动了科学技术的发展，显著改变了人类认识世界的方式，并引起了人类社会的广泛变革。先进光源是人类探测物质分子、原子和壳和工具。`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        title: 'X射线自由电子激光',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: `FEL是一种以真空中相对论电子束为工作介质、在周期变化磁场中以受激辐射方式放大电磁波的新型强相干光源。FEL的装置通常由加速器、波荡器和光束线站三部分组成的波长连续可调，可覆盖极紫外…`
+      }
+    },
+  ],
+  talent: [
+    {
+      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/talent/1.png',
+        title: '人才队伍',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: 'S³FEL正大力引进国内、外高端创新人才和团队，成长为竞争力和影响力卓越的世界一流科学大装置。'
+      }
+    },
+    {
+      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/talent/2.png',
+        title: '人才队伍',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: `S³FEL已拥有一支高学历、高素质、高技术水平、高执行力，并勇于创新的工程技术团队。团队结构合理，包含研究人员、工程技术人员和管理人员等多种核心技术人才。 
+        S³FEL正大力引进国内、外高端创新人才和团队，成长为竞争力和影响力卓越的世界一流科学大装置。 `
+      }
+    },
+    {
+      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/talent/3.png',
+        title: '人才需求',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        des: `S³FEL是集“世界一流、深圳特色”的标志性、稀缺性、先进性于一体的自由电子激光重大科研平台。S3FEL的建设将紧密围绕高水平建设综合性国家科学中心的战略目标，面向国民经济主战场和世界科技前沿，汇聚全球高端创新资源，依托先行示范区政策、产业、资本、市场和技术等优势。 
+        S³FEL将服务于集成电路、生物医药、先进材料和先进制造等大湾区高新技术产业，以及产业核心关键技术发展相关的物理、化学、生物、材料、医学等多学科前沿基础研究。
+        S³FEL欢迎物理学、光学工程、机械工程、动力工程及工程热物理、仪器科学与技术、电气工程、电子科学与技术、控制科学与工程、信息与通信工程、计算机科学与技术、材料科学与工程、化学、生物学、力学、测绘科学与技术等各专业人才的加入，共享发展新机遇，共创湾区大未来。`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'editor',
+          prop: 'title',
+          label: '标题',
+          required: true
+        }
+      ],
+      form: {
+        title: '人物风采'
+      }
+    },
+    {
+      type: 'introduce',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+      ],
+      form: {
+        pic: '',
+        title: '',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
+        isEnable: 1
+      },
+      list: [
+        {
+          pic: 'http://10.10.11.7/images/talent/2.png',
+          title: '这是一条描述',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+          isEnable: 1
+        },
+        {
+          pic: 'http://10.10.11.7/images/talent/3.png',
+          title: '这是一条描述',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+          isEnable: 1
+        },
+        {
+          pic: 'http://10.10.11.7/images/talent/2.png',
+          title: '这是一条描述',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+          isEnable: 1
+        },
+      ]
+    },
     {
       type: 'form',
       forms: [
@@ -3506,6 +4696,11 @@ export default {
           label: '标题',
           required: true
         },
+        {
+          type: 'textarea',
+          prop: 'subTitle',
+          label: '小标题'
+        },
         {
           type: 'link',
           prop: 'link',
@@ -3518,8 +4713,9 @@ export default {
         }
       ],
       form: {
-        pic: 'http://10.10.11.7/images/science/1.png',
-        title: '科普之窗',
+        pic: 'http://10.10.11.7/images/talent/2.png',
+        title: '在校生/毕业生',
+        subTitle: '校园招聘',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -3531,18 +4727,29 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: '向全世界科技界实行开放共享，促进信息、材料、能源、生物、环境、化学等多个基础科学领域的极速发展。'
+        des: `S³FEL已拥有一支高学历、高素质、高技术水平、高执行力，并勇于创新的工程技术团队。团队结构合理，包含研究人员、工程技术人员和管理人员等多种核心技术人才。 S³FEL正大力引进国内、外高端创新人才和团队，成长为竞争力和影响力卓越的世界一流科学大装置。`
       }
     },
     {
       type: 'form',
       forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
         {
           type: 'input',
           prop: 'title',
           label: '标题',
           required: true
         },
+        {
+          type: 'textarea',
+          prop: 'subTitle',
+          label: '小标题'
+        },
         {
           type: 'link',
           prop: 'link',
@@ -3555,7 +4762,9 @@ export default {
         }
       ],
       form: {
-        title: '为什么要建设S³FEL？',
+        pic: 'http://10.10.11.7/images/talent/3.png',
+        title: '有经验的职场人士',
+        subTitle: '社会招聘',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -3567,12 +4776,22 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: `2006年，世界上第一台软X射线自由电子激光诞生于德国汉堡同步加速器实验室。 2009年，世界第一台硬X 射线自由电子线性相干光源 成功出光， LCLS可提供更高亮度和更好横向相干性的XFEL脉冲…`
+        des: `S³FEL已拥有一支高学历、高素质、高技术水平、高执行力，并勇于创新的工程技术团队。团队结构合理，包含研究人员、工程技术人员和管理人员等多种核心技术人才。 S³FEL正大力引进国内…`
       }
     },
+  ],
+  userSharing: [
     {
       type: 'form',
       forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true,
+          width: 1920,
+					height: 345
+        },
         {
           type: 'input',
           prop: 'title',
@@ -3591,7 +4810,8 @@ export default {
         }
       ],
       form: {
-        title: 'X射线是什么',
+        pic: 'http://10.10.11.7/images/userSharing/1.png',
+        title: '用户共享',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -3603,22 +4823,37 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: `光源是人类文明发展的助推器。从火光到激光，每次光源的发展创新都有效推动了科学技术的发展，显著改变了人类认识世界的方式，并引起了人类社会的广泛变革。先进光源是人类探测物质分子、原子和壳和工具。`
+        des: '向全世界科技界实行开放共享，促进信息、材料、能源、生物、环境、化学等多个基础科学领域的极速发展。'
       }
     },
     {
       type: 'form',
       forms: [
         {
-          type: 'input',
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true,
+          width: 720,
+					height: 420
+        },
+        {
+          type: 'editor',
           prop: 'title',
           label: '标题',
           required: true
         },
         {
-          type: 'link',
-          prop: 'link',
-          label: '链接'
+          type: 'input',
+          prop: 'subTitle',
+          label: '小标题',
+          required: false
+        },
+        {
+          type: 'input',
+          prop: 'enTitle',
+          label: '英文标题',
+          required: false
         },
         {
           type: 'textarea',
@@ -3627,32 +4862,16 @@ export default {
         }
       ],
       form: {
-        title: 'X射线自由电子激光',
-        link: {
-          linkName: '无',
-          connectionType: 1,
-          columnId: [],
-          articleId: '',
-          linkAddress	: '',
-          site: '',
-          otherColumnId: [],
-          otherArticleId: '',
-          isOpen: 1
-        },
-        des: `FEL是一种以真空中相对论电子束为工作介质、在周期变化磁场中以受激辐射方式放大电磁波的新型强相干光源。FEL的装置通常由加速器、波荡器和光束线站三部分组成的波长连续可调，可覆盖极紫外…`
+				pic: 'http://10.10.11.7/images/userSharing/2.png',
+        title: '用户共享',
+        subTitle: '高效运行、分类开放',
+				enTitle: 'EFFICIENT OPERATION, CLASSIFICATION OPEN',
+        des: `S³FEL是由深圳市政府投资建设的新一代自由电子激光大科学装置，将成为世界上顶级的先进光源大科学装置，是支撑深圳社会主义先行示范区和大湾区综合性国家科学中心建设的大型公共科技创新平台，对提升我国的科技影响力、集聚顶尖科技人才、推动科技创新具有非常重要的意义。 S³FEL以“高效运行、分类开放”为共享理念，向全世界科技界实行开放共享，促进信息、材料、能源、生物化学等多个基础科学领域的极速发展。`
       }
     },
-  ],
-  talent: [
     {
       type: 'form',
       forms: [
-        {
-          type: 'upload',
-          prop: 'pic',
-          label: '图片',
-          required: true
-        },
         {
           type: 'input',
           prop: 'title',
@@ -3671,8 +4890,7 @@ export default {
         }
       ],
       form: {
-        pic: 'http://10.10.11.7/images/talent/1.png',
-        title: '人才队伍',
+        title: '机时申请',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -3684,18 +4902,13 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: 'S³FEL正大力引进国内、外高端创新人才和团队，成长为竞争力和影响力卓越的世界一流科学大装置。'
+        des: `向全世界科技界实行开放共享，多个基础科学领域的极速发展。
+        `
       }
     },
     {
       type: 'form',
       forms: [
-        {
-          type: 'upload',
-          prop: 'pic',
-          label: '图片',
-          required: true
-        },
         {
           type: 'input',
           prop: 'title',
@@ -3714,8 +4927,7 @@ export default {
         }
       ],
       form: {
-        pic: 'http://10.10.11.7/images/talent/2.png',
-        title: '人才队伍',
+        title: '实时运行动态',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -3727,19 +4939,12 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: `S³FEL已拥有一支高学历、高素质、高技术水平、高执行力，并勇于创新的工程技术团队。团队结构合理，包含研究人员、工程技术人员和管理人员等多种核心技术人才。 
-        S³FEL正大力引进国内、外高端创新人才和团队，成长为竞争力和影响力卓越的世界一流科学大装置。 `
+        des: `促进信息、材料、能源、生物、环境、化学等多个基础科学领域的极速发展。 `
       }
     },
     {
       type: 'form',
       forms: [
-        {
-          type: 'upload',
-          prop: 'pic',
-          label: '图片',
-          required: true
-        },
         {
           type: 'input',
           prop: 'title',
@@ -3758,8 +4963,7 @@ export default {
         }
       ],
       form: {
-        pic: 'http://10.10.11.7/images/talent/3.png',
-        title: '人才需求',
+        title: '用户常见问题',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -3771,25 +4975,11 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: `S³FEL是集“世界一流、深圳特色”的标志性、稀缺性、先进性于一体的自由电子激光重大科研平台。S3FEL的建设将紧密围绕高水平建设综合性国家科学中心的战略目标，面向国民经济主战场和世界科技前沿，汇聚全球高端创新资源，依托先行示范区政策、产业、资本、市场和技术等优势。 
-        S³FEL将服务于集成电路、生物医药、先进材料和先进制造等大湾区高新技术产业，以及产业核心关键技术发展相关的物理、化学、生物、材料、医学等多学科前沿基础研究。
-        S³FEL欢迎物理学、光学工程、机械工程、动力工程及工程热物理、仪器科学与技术、电气工程、电子科学与技术、控制科学与工程、信息与通信工程、计算机科学与技术、材料科学与工程、化学、生物学、力学、测绘科学与技术等各专业人才的加入，共享发展新机遇，共创湾区大未来。`
-      }
-    },
-    {
-      type: 'form',
-      forms: [
-        {
-          type: 'editor',
-          prop: 'title',
-          label: '标题',
-          required: true
-        }
-      ],
-      form: {
-        title: '人物风采'
+        des: `常见问题答案，也能提问由深圳市政府投资建设的新一代自由`
       }
     },
+  ],
+  exp: [
     {
       type: 'introduce',
       forms: [
@@ -3797,7 +4987,8 @@ export default {
           type: 'upload',
           prop: 'pic',
           label: '图片',
-          required: true
+          required: true,
+          crop: false
         },
         {
           type: 'input',
@@ -3809,7 +5000,7 @@ export default {
           type: 'link',
           prop: 'link',
           label: '链接'
-        },
+        }
       ],
       form: {
         pic: '',
@@ -3829,40 +5020,8 @@ export default {
       },
       list: [
         {
-          pic: 'http://10.10.11.7/images/talent/2.png',
-          title: '这是一条描述',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
-          isEnable: 1
-        },
-        {
-          pic: 'http://10.10.11.7/images/talent/3.png',
-          title: '这是一条描述',
-          link: {
-            linkName: '无',
-            connectionType: 1,
-            columnId: [],
-            articleId: '',
-            linkAddress	: '',
-            site: '',
-            otherColumnId: [],
-            otherArticleId: '',
-            isOpen: 1
-          },
-          isEnable: 1
-        },
-        {
-          pic: 'http://10.10.11.7/images/talent/2.png',
-          title: '这是一条描述',
+          pic: 'http://10.10.11.7/images/exp/1.png',
+          title: '装置介绍',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -3875,18 +5034,47 @@ export default {
             isOpen: 1
           },
           isEnable: 1
-        },
+        }
       ]
     },
     {
       type: 'form',
       forms: [
         {
-          type: 'upload',
+          type: 'editor',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'input',
+          prop: 'subTitle',
+          label: '小标题'
+        },
+        {
+          type: 'media',
           prop: 'pic',
-          label: '图片',
+          label: '资源',
           required: true
         },
+        {
+          type: 'editor',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        title: '实验线站',
+        subTitle: 'EXPERIMENT STATIONS',
+        pic: 'http://10.10.11.7/images/exp/2.png',
+        des: `       科学实验站是S³FEL面向国家重大需求、聚焦科学前沿和引领地区产业发展的关键，旨在重点探究量子材料、能源催化、生物医药、大气与星际科学、原子分子科学等领域的关键技术和科学难题。S³FEL的供光具有超高时间分辨（40飞秒）、超高重复频率（最高百万赫兹）和超高亮度（电子束能量达2.5 Gev）的特点。
+
+        S³FEL可在原子尺度上研究复杂生物分子和材料的结构及组成，进而绘制病毒或细胞的原子量级三维精细结构，有助于科学家更深入地了解生物分子的结构和功能，为新药研发提供依据。在能源催化领域，S³FEL可研究飞秒内的化学变化，如化学键的形成和断裂、反应体系中电荷和能量的转移、反应过程中催化剂表面结构的动态演变等， 有助于科学家更好地研究复杂催化过程的反应机理和动力学过程，进而提高传统能源的利用效率，加快新能源开发。S³FEL还可用于探索极端电场或磁场强度下的物质变化，如研究星云和恒星的演变，探索生命的起源等。`
+      }
+    },
+    {
+      type: 'form',
+      forms: [
         {
           type: 'input',
           prop: 'title',
@@ -3894,25 +5082,43 @@ export default {
           required: true
         },
         {
-          type: 'textarea',
-          prop: 'subTitle',
-          label: '小标题'
+          type: 'link',
+          prop: 'link',
+          label: '链接'
+        },
+      ],
+      form: {
+        title: '量子材料',
+        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: {
-        pic: 'http://10.10.11.7/images/talent/2.png',
-        title: '在校生/毕业生',
-        subTitle: '校园招聘',
+        title: '能源催化',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -3924,44 +5130,25 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: `S³FEL已拥有一支高学历、高素质、高技术水平、高执行力，并勇于创新的工程技术团队。团队结构合理，包含研究人员、工程技术人员和管理人员等多种核心技术人才。 S³FEL正大力引进国内、外高端创新人才和团队，成长为竞争力和影响力卓越的世界一流科学大装置。`
       }
     },
     {
       type: 'form',
       forms: [
-        {
-          type: 'upload',
-          prop: 'pic',
-          label: '图片',
-          required: true
-        },
         {
           type: 'input',
           prop: 'title',
           label: '标题',
           required: true
         },
-        {
-          type: 'textarea',
-          prop: 'subTitle',
-          label: '小标题'
-        },
         {
           type: 'link',
           prop: 'link',
           label: '链接'
         },
-        {
-          type: 'textarea',
-          prop: 'des',
-          label: '描述'
-        }
       ],
       form: {
-        pic: 'http://10.10.11.7/images/talent/3.png',
-        title: '有经验的职场人士',
-        subTitle: '社会招聘',
+        title: '生物医药',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -3973,22 +5160,11 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: `S³FEL已拥有一支高学历、高素质、高技术水平、高执行力，并勇于创新的工程技术团队。团队结构合理，包含研究人员、工程技术人员和管理人员等多种核心技术人才。 S³FEL正大力引进国内…`
       }
     },
-  ],
-  userSharing: [
     {
       type: 'form',
       forms: [
-        {
-          type: 'upload',
-          prop: 'pic',
-          label: '图片',
-          required: true,
-          width: 1920,
-					height: 345
-        },
         {
           type: 'input',
           prop: 'title',
@@ -4000,15 +5176,9 @@ export default {
           prop: 'link',
           label: '链接'
         },
-        {
-          type: 'textarea',
-          prop: 'des',
-          label: '描述'
-        }
       ],
       form: {
-        pic: 'http://10.10.11.7/images/userSharing/1.png',
-        title: '用户共享',
+        title: '大气雾霾与团簇研究',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -4020,50 +5190,36 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: '向全世界科技界实行开放共享，促进信息、材料、能源、生物、环境、化学等多个基础科学领域的极速发展。'
       }
     },
     {
       type: 'form',
       forms: [
         {
-          type: 'upload',
-          prop: 'pic',
-          label: '图片',
-          required: true,
-          width: 720,
-					height: 420
-        },
-        {
-          type: 'editor',
+          type: 'input',
           prop: 'title',
           label: '标题',
           required: true
         },
         {
-          type: 'input',
-          prop: 'subTitle',
-          label: '小标题',
-          required: false
-        },
-        {
-          type: 'input',
-          prop: 'enTitle',
-          label: '英文标题',
-          required: false
+          type: 'link',
+          prop: 'link',
+          label: '链接'
         },
-        {
-          type: 'textarea',
-          prop: 'des',
-          label: '描述'
-        }
       ],
       form: {
-				pic: 'http://10.10.11.7/images/userSharing/2.png',
-        title: '用户共享',
-        subTitle: '高效运行、分类开放',
-				enTitle: 'EFFICIENT OPERATION, CLASSIFICATION OPEN',
-        des: `S³FEL是由深圳市政府投资建设的新一代自由电子激光大科学装置，将成为世界上顶级的先进光源大科学装置，是支撑深圳社会主义先行示范区和大湾区综合性国家科学中心建设的大型公共科技创新平台，对提升我国的科技影响力、集聚顶尖科技人才、推动科技创新具有非常重要的意义。 S³FEL以“高效运行、分类开放”为共享理念，向全世界科技界实行开放共享，促进信息、材料、能源、生物化学等多个基础科学领域的极速发展。`
+        title: '星际化学',
+        link: {
+          linkName: '无',
+          connectionType: 1,
+          columnId: [],
+          articleId: '',
+          linkAddress	: '',
+          site: '',
+          otherColumnId: [],
+          otherArticleId: '',
+          isOpen: 1
+        },
       }
     },
     {
@@ -4080,14 +5236,9 @@ export default {
           prop: 'link',
           label: '链接'
         },
-        {
-          type: 'textarea',
-          prop: 'des',
-          label: '描述'
-        }
       ],
       form: {
-        title: '机时申请',
+        title: '原子分子物理',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -4099,13 +5250,19 @@ export default {
           otherArticleId: '',
           isOpen: 1
         },
-        des: `向全世界科技界实行开放共享，多个基础科学领域的极速发展。
-        `
       }
     },
+  ],
+  overviewTrailer: [
     {
       type: 'form',
       forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
         {
           type: 'input',
           prop: 'title',
@@ -4124,7 +5281,8 @@ export default {
         }
       ],
       form: {
-        title: '实时运行动态',
+        pic: 'http://10.10.11.7/images/survey/1.png',
+        title: 'S³FEL概况',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -4135,13 +5293,42 @@ export default {
           otherColumnId: [],
           otherArticleId: '',
           isOpen: 1
+        }
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'video',
+          prop: 'video',
+          label: '视频',
+          required: true
         },
-        des: `促进信息、材料、能源、生物、环境、化学等多个基础科学领域的极速发展。 `
+        {
+          type: 'editor',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        video: '',
+        des: `<p style="line-height: 32px;"><span style="font-family: Microsoft Yahei;"><span style="font-size: 19px;">&nbsp; &nbsp; &nbsp; 2006年，世界上第一台软X射线自由电子激光（简称FLASH）诞生于德国汉堡同步加速器实验室。 FLASH首次发出波长短至13.5 纳米、每秒150次脉冲、脉冲激光能量高达170 微焦的激光，并首次得到了非晶样品的高分辨率衍射图像。2009年，世界第一台硬X 射线自由电子线性相干光源 (简称LCLS)成功出光。 LCLS可提供更高亮度和更好横向相干性的XFEL脉冲，且脉冲亮度高达13.6 GeV。</span></span></p>
+
+        <p style="line-height: 32px;"><span style="font-family: Microsoft Yahei;"><span style="font-size: 19px;">&nbsp; &nbsp; &nbsp; 我国在自由电子激光领域建成和在建的装置共有四台，分别是由中国科学院大连化学物理研究所牵头建设的大连相干光源出光，低重复频率，主要工作在极紫外波段）、由中国科学院上海应用物理研究所牵头建设的软X射线自由电子激光装置（ 2021年建成出光，低重复频率，主要工作在软X射线波段）、由上海科技大学牵头建设的硬X射线自由电子激光装置（建设中，高重复频率，主要工作在硬X射线波段）、由深圳综合粒子设施研究院牵头建设的深圳中能高重复频率X射线自由电子激光。</span></span></p>`
       }
     },
+  ],
+  overviewLocation: [
     {
       type: 'form',
       forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true
+        },
         {
           type: 'input',
           prop: 'title',
@@ -4160,7 +5347,8 @@ export default {
         }
       ],
       form: {
-        title: '用户常见问题',
+        pic: 'http://10.10.11.7/images/survey/1.png',
+        title: 'S³FEL概况',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -4171,12 +5359,26 @@ export default {
           otherColumnId: [],
           otherArticleId: '',
           isOpen: 1
-        },
-        des: `常见问题答案，也能提问由深圳市政府投资建设的新一代自由`
+        }
+      }
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'editor',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        des: `<p style="margin-bottom: 60px;line-height: 1.5;"><span style="font-family: 'Microsoft Yahei'; font-size: 19px;">&nbsp; &nbsp; &nbsp; S&sup3;FEL是光明科学城大科学装置集群的重要成员，建设地点位于深圳市光明区北片区，毗邻莲塘水库，占地面积约40万平方米，其中S&sup3;FEL装置的主体建筑总长约1800米。</span></p>
+        
+        <img src="http://10.10.11.7/images/survey/2.png" alt="" >`
       }
     },
   ],
-  exp: [
+  sfel: [
     {
       type: 'introduce',
       forms: [
@@ -4217,8 +5419,8 @@ export default {
       },
       list: [
         {
-          pic: 'http://10.10.11.7/images/exp/1.png',
-          title: '装置介绍',
+          pic: 'http://10.10.11.7/images/sfel/1.png',
+          title: '',
           link: {
             linkName: '无',
             connectionType: 1,
@@ -4238,7 +5440,7 @@ export default {
       type: 'form',
       forms: [
         {
-          type: 'editor',
+          type: 'input',
           prop: 'title',
           label: '标题',
           required: true
@@ -4247,86 +5449,21 @@ export default {
           type: 'input',
           prop: 'subTitle',
           label: '小标题'
-        },
-        {
-          type: 'media',
-          prop: 'pic',
-          label: '资源',
-          required: true
-        },
-        {
-          type: 'editor',
-          prop: 'des',
-          label: '描述'
         }
       ],
       form: {
-        title: '实验线站',
-        subTitle: 'EXPERIMENT STATIONS',
-        pic: 'http://10.10.11.7/images/exp/2.png',
-        des: `       科学实验站是S³FEL面向国家重大需求、聚焦科学前沿和引领地区产业发展的关键，旨在重点探究量子材料、能源催化、生物医药、大气与星际科学、原子分子科学等领域的关键技术和科学难题。S³FEL的供光具有超高时间分辨（40飞秒）、超高重复频率（最高百万赫兹）和超高亮度（电子束能量达2.5 Gev）的特点。
-
-        S³FEL可在原子尺度上研究复杂生物分子和材料的结构及组成，进而绘制病毒或细胞的原子量级三维精细结构，有助于科学家更深入地了解生物分子的结构和功能，为新药研发提供依据。在能源催化领域，S³FEL可研究飞秒内的化学变化，如化学键的形成和断裂、反应体系中电荷和能量的转移、反应过程中催化剂表面结构的动态演变等， 有助于科学家更好地研究复杂催化过程的反应机理和动力学过程，进而提高传统能源的利用效率，加快新能源开发。S³FEL还可用于探索极端电场或磁场强度下的物质变化，如研究星云和恒星的演变，探索生命的起源等。`
-      }
-    },
-    {
-      type: 'form',
-      forms: [
-        {
-          type: 'input',
-          prop: 'title',
-          label: '标题',
-          required: true
-        },
-        {
-          type: 'link',
-          prop: 'link',
-          label: '链接'
-        },
-      ],
-      form: {
-        title: '量子材料',
-        link: {
-          linkName: '无',
-          connectionType: 1,
-          columnId: [],
-          articleId: '',
-          linkAddress	: '',
-          site: '',
-          otherColumnId: [],
-          otherArticleId: '',
-          isOpen: 1
-        },
+        title: '新闻动态',
+        subTitle: 'NEWS CENTER'
       }
     },
     {
-      type: 'form',
-      forms: [
-        {
-          type: 'input',
-          prop: 'title',
-          label: '标题',
-          required: true
-        },
-        {
-          type: 'link',
-          prop: 'link',
-          label: '链接'
-        },
-      ],
+      type: 'column',
       form: {
-        title: '能源催化',
-        link: {
-          linkName: '无',
-          connectionType: 1,
-          columnId: [],
-          articleId: '',
-          linkAddress	: '',
-          site: '',
-          otherColumnId: [],
-          otherArticleId: '',
-          isOpen: 1
-        },
+        site: '',
+        column: '',
+        articleNum: '',
+        columnTitle: 1,
+        columnTitleCustom: ''
       }
     },
     {
@@ -4339,24 +5476,24 @@ export default {
           required: true
         },
         {
-          type: 'link',
-          prop: 'link',
-          label: '链接'
-        },
+          type: 'input',
+          prop: 'subTitle',
+          label: '小标题'
+        }
       ],
       form: {
-        title: '生物医药',
-        link: {
-          linkName: '无',
-          connectionType: 1,
-          columnId: [],
-          articleId: '',
-          linkAddress	: '',
-          site: '',
-          otherColumnId: [],
-          otherArticleId: '',
-          isOpen: 1
-        },
+        title: '通知公告',
+        subTitle: ' ANNOUNCEMENTS'
+      }
+    },
+    {
+      type: 'column',
+      form: {
+        site: '',
+        column: '',
+        articleNum: '',
+        columnTitle: 1,
+        columnTitleCustom: ''
       }
     },
     {
@@ -4369,24 +5506,24 @@ export default {
           required: true
         },
         {
-          type: 'link',
-          prop: 'link',
-          label: '链接'
-        },
+          type: 'input',
+          prop: 'subTitle',
+          label: '小标题'
+        }
       ],
       form: {
-        title: '大气雾霾与团簇研究',
-        link: {
-          linkName: '无',
-          connectionType: 1,
-          columnId: [],
-          articleId: '',
-          linkAddress	: '',
-          site: '',
-          otherColumnId: [],
-          otherArticleId: '',
-          isOpen: 1
-        },
+        title: '学术活动',
+        subTitle: ' ACADEMIC ACTIVITIES'
+      }
+    },
+    {
+      type: 'column',
+      form: {
+        site: '',
+        column: '',
+        articleNum: '',
+        columnTitle: 1,
+        columnTitleCustom: ''
       }
     },
     {
@@ -4399,24 +5536,24 @@ export default {
           required: true
         },
         {
-          type: 'link',
-          prop: 'link',
-          label: '链接'
-        },
+          type: 'input',
+          prop: 'subTitle',
+          label: '小标题'
+        }
       ],
       form: {
-        title: '星际化学',
-        link: {
-          linkName: '无',
-          connectionType: 1,
-          columnId: [],
-          articleId: '',
-          linkAddress	: '',
-          site: '',
-          otherColumnId: [],
-          otherArticleId: '',
-          isOpen: 1
-        },
+        title: '媒体采风',
+        subTitle: ' MEDIA COVERAGE'
+      }
+    },
+    {
+      type: 'column',
+      form: {
+        site: '',
+        column: '',
+        articleNum: '',
+        columnTitle: 1,
+        columnTitleCustom: ''
       }
     },
     {
@@ -4429,30 +5566,18 @@ export default {
           required: true
         },
         {
-          type: 'link',
-          prop: 'link',
-          label: '链接'
-        },
+          type: 'input',
+          prop: 'subTitle',
+          label: '小标题'
+        }
       ],
       form: {
-        title: '原子分子物理',
-        link: {
-          linkName: '无',
-          connectionType: 1,
-          columnId: [],
-          articleId: '',
-          linkAddress	: '',
-          site: '',
-          otherColumnId: [],
-          otherArticleId: '',
-          isOpen: 1
-        },
+        title: '出版物',
+        subTitle: ' PUBLICATIONS'
       }
     },
-  ],
-  overviewTrailer: [
     {
-      type: 'form',
+      type: 'forms',
       forms: [
         {
           type: 'upload',
@@ -4478,8 +5603,8 @@ export default {
         }
       ],
       form: {
-        pic: 'http://10.10.11.7/images/survey/1.png',
-        title: 'S³FEL概况',
+        pic: '',
+        title: '',
         link: {
           linkName: '无',
           connectionType: 1,
@@ -4490,42 +5615,69 @@ export default {
           otherColumnId: [],
           otherArticleId: '',
           isOpen: 1
-        }
-      }
-    },
-    {
-      type: 'form',
-      forms: [
+        },
+        des: ''
+      },
+      list: [
         {
-          type: 'video',
-          prop: 'video',
-          label: '视频',
-          required: true
+          pic: 'http://10.10.11.7/images/research/12.png',
+          title: '这里是标题一句话标题',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+          des: 'Online single-shot characterization of ultrafast pulses from high-gain free-electron lasers, Li Zeng，Chao Feng，Duan Gu，Xiaofan Wang，Kaiqing Zhang，Bo Liu，Zhentang Zhao，Fundamental Research',
         },
         {
-          type: 'editor',
-          prop: 'des',
-          label: '描述'
-        }
-      ],
-      form: {
-        video: '',
-        des: `<p style="line-height: 32px;"><span style="font-family: Microsoft Yahei;"><span style="font-size: 19px;">&nbsp; &nbsp; &nbsp; 2006年，世界上第一台软X射线自由电子激光（简称FLASH）诞生于德国汉堡同步加速器实验室。 FLASH首次发出波长短至13.5 纳米、每秒150次脉冲、脉冲激光能量高达170 微焦的激光，并首次得到了非晶样品的高分辨率衍射图像。2009年，世界第一台硬X 射线自由电子线性相干光源 (简称LCLS)成功出光。 LCLS可提供更高亮度和更好横向相干性的XFEL脉冲，且脉冲亮度高达13.6 GeV。</span></span></p>
-
-        <p style="line-height: 32px;"><span style="font-family: Microsoft Yahei;"><span style="font-size: 19px;">&nbsp; &nbsp; &nbsp; 我国在自由电子激光领域建成和在建的装置共有四台，分别是由中国科学院大连化学物理研究所牵头建设的大连相干光源出光，低重复频率，主要工作在极紫外波段）、由中国科学院上海应用物理研究所牵头建设的软X射线自由电子激光装置（ 2021年建成出光，低重复频率，主要工作在软X射线波段）、由上海科技大学牵头建设的硬X射线自由电子激光装置（建设中，高重复频率，主要工作在硬X射线波段）、由深圳综合粒子设施研究院牵头建设的深圳中能高重复频率X射线自由电子激光。</span></span></p>`
-      }
+          pic: 'http://10.10.11.7/images/research/13.png',
+          title: '这里是标题一句话标题',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+          des: `产生超快水窗波段X射线的ESASE方案模拟
+          涂凌君 ，冯超 ，王晓凡 ， 赵振堂 ，
+          强激光与粒子束, 
+          2022, 34(3):031019
+          `,
+        },
+        {
+          pic: 'http://10.10.11.7/images/research/14.png',
+          title: '这里是标题一句话标题',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+          des: `多层膜元件热应力分析方法、系统和终端设备，申请(专利)号：CN202111530134.0，
+          申请日：2021-12-14，申请公布号：CN114239355A，申请人：深圳综合粒子设施研究院，发明人：徐中民
+          `
+        },
+      ]
     },
-  ],
-  overviewLocation: [
     {
       type: 'form',
       forms: [
-        {
-          type: 'upload',
-          prop: 'pic',
-          label: '图片',
-          required: true
-        },
         {
           type: 'input',
           prop: 'title',
@@ -4533,49 +5685,28 @@ export default {
           required: true
         },
         {
-          type: 'link',
-          prop: 'link',
-          label: '链接'
-        },
-        {
-          type: 'textarea',
-          prop: 'des',
-          label: '描述'
+          type: 'input',
+          prop: 'subTitle',
+          label: '小标题'
         }
       ],
       form: {
-        pic: 'http://10.10.11.7/images/survey/1.png',
-        title: 'S³FEL概况',
-        link: {
-          linkName: '无',
-          connectionType: 1,
-          columnId: [],
-          articleId: '',
-          linkAddress	: '',
-          site: '',
-          otherColumnId: [],
-          otherArticleId: '',
-          isOpen: 1
-        }
+        title: '工程进展',
+        subTitle: 'PRROJECT PROGRESS'
       }
     },
     {
-      type: 'form',
-      forms: [
-        {
-          type: 'editor',
-          prop: 'des',
-          label: '描述'
-        }
-      ],
+      type: 'column',
       form: {
-        des: `<p style="margin-bottom: 60px;line-height: 1.5;"><span style="font-family: 'Microsoft Yahei'; font-size: 19px;">&nbsp; &nbsp; &nbsp; S&sup3;FEL是光明科学城大科学装置集群的重要成员，建设地点位于深圳市光明区北片区，毗邻莲塘水库，占地面积约40万平方米，其中S&sup3;FEL装置的主体建筑总长约1800米。</span></p>
-        
-        <img src="http://10.10.11.7/images/survey/2.png" alt="" >`
+        site: '',
+        column: '',
+        articleNum: '',
+        columnTitle: 1,
+        columnTitleCustom: ''
       }
     },
   ],
-  sfel: [
+  sfelNew: [
     {
       type: 'introduce',
       forms: [
diff --git a/src/layouts/navbar/index.vue b/src/layouts/navbar/index.vue
index a7e9b06..2d6ceab 100644
--- a/src/layouts/navbar/index.vue
+++ b/src/layouts/navbar/index.vue
@@ -1,84 +1,114 @@
 <template>
   <div>
-    <div v-show="!collapse" class="flex-1">
+    <div v-show="!collapse"
+         class="flex-1">
       <div class="logo">
-        <img src="@/assets/images/logo.png" alt="">
+        <img src="@/assets/images/logo.png"
+             alt="">
         <span>网站管理后台</span>
       </div>
-      <el-menu
-        :default-active="active"
-        :default-openeds="['user']"
-        background-color="#001529"
-        text-color="#fff"
-        active-text-color="#fff"
-        :collapse="collapse"
-        :collapse-transition="false"
-        @select="menuSelect"
-      >
+      <el-menu :default-active="active"
+               :default-openeds="['user']"
+               background-color="#001529"
+               text-color="#fff"
+               active-text-color="#fff"
+               :collapse="collapse"
+               :collapse-transition="false"
+               @select="menuSelect">
         <template v-for="item in menus">
           <template v-if="item.subs">
-            <el-submenu :index="item.index" :key="item.index">
-                <template slot="title">
-                  <img class="icon" :src="require('@/assets/images/' + item.icon + '.png')" alt="">
-                  <span slot="title">{{ item.title }}</span>
-                </template>
-                <template v-for="subItem in item.subs">
-                  <el-submenu v-if="subItem.subs" :index="subItem.index" :key="subItem.index">
-                    <template slot="title">{{ subItem.title }}</template>
-                    <el-menu-item v-for="(threeItem,i) in subItem.subs" :key="i" :index="threeItem.index">{{ threeItem.title }}</el-menu-item>
-                  </el-submenu>
-                  <el-menu-item v-else :index="subItem.index" :key="subItem.index">{{ subItem.title }}</el-menu-item>
-                </template>
+            <el-submenu :index="item.index"
+                        :key="item.index">
+              <template slot="title">
+                <img class="icon"
+                     :src="require('@/assets/images/' + item.icon + '.png')"
+                     alt="">
+                <span slot="title">{{ item.title }}</span>
+              </template>
+              <template v-for="subItem in item.subs">
+                <el-submenu v-if="subItem.subs"
+                            :index="subItem.index"
+                            :key="subItem.index">
+                  <template slot="title">{{ subItem.title }}</template>
+                  <el-menu-item v-for="(threeItem,i) in subItem.subs"
+                                :key="i"
+                                :index="threeItem.index">{{ threeItem.title }}</el-menu-item>
+                </el-submenu>
+                <el-menu-item v-else
+                              :index="subItem.index"
+                              :key="subItem.index">{{ subItem.title }}</el-menu-item>
+              </template>
             </el-submenu>
           </template>
           <template v-else>
-            <el-menu-item :index="item.index" :key="item.index">
-              <img class="icon" :src="require('@/assets/images/' + item.icon + '.png')" alt="">
+            <el-menu-item :index="item.index"
+                          :key="item.index">
+              <img class="icon"
+                   :src="require('@/assets/images/' + item.icon + '.png')"
+                   alt="">
               <span slot="title">{{ item.title }}</span>
             </el-menu-item>
           </template>
         </template>
       </el-menu>
     </div>
-    <div v-show="collapse" class="light">
+    <div v-show="collapse"
+         class="light">
       <div class="col-wrap">
-        <img class="logo-icon" src="@/assets/images/logo.png" alt="">
+        <img class="logo-icon"
+             src="@/assets/images/logo.png"
+             alt="">
         <ul class="col-nav">
-          <li v-for="(item, i) in colNav" :key="i" @click="menuSelect(item.index)">
-            <img width="16" :src="require('@/assets/images/' + item.icon + '.png')" alt="">
+          <li v-for="(item, i) in colNav"
+              :key="i"
+              @click="menuSelect(item.index)">
+            <img width="16"
+                 :src="require('@/assets/images/' + item.icon + '.png')"
+                 alt="">
           </li>
         </ul>
       </div>
       <div class="col-menu">
         <div class="name">{{ site.siteName }}</div>
-        <el-menu
-          v-if="colRefresh"
-          :default-active="siteActive"
-          background-color="#fff"
-          text-color="#333"
-          active-text-color="#fff"
-          :collapse-transition="false"
-          router
-        >
+        <el-menu v-if="colRefresh"
+                 :default-active="siteActive"
+                 background-color="#fff"
+                 text-color="#333"
+                 active-text-color="#fff"
+                 :collapse-transition="false"
+                 router>
           <template v-for="item in sites">
             <template v-if="item.subs">
-              <el-submenu :index="item.index" :key="item.index">
-                  <template slot="title">
-                    <img width="14" class="icon" :src="require('@/assets/images/' + item.icon + '.png')" alt="">
-                    <span slot="title">{{ item.title }}</span>
-                  </template>
-                  <template v-for="subItem in item.subs">
-                    <el-submenu v-if="subItem.subs" :index="subItem.index" :key="subItem.index">
-                      <template slot="title">{{ subItem.title }}</template>
-                      <el-menu-item v-for="(threeItem,i) in subItem.subs" :key="i" :index="threeItem.index">{{ threeItem.title }}</el-menu-item>
-                    </el-submenu>
-                    <el-menu-item v-else :index="subItem.index" :key="subItem.index">{{ subItem.title }}</el-menu-item>
-                  </template>
+              <el-submenu :index="item.index"
+                          :key="item.index">
+                <template slot="title">
+                  <img width="14"
+                       class="icon"
+                       :src="require('@/assets/images/' + item.icon + '.png')"
+                       alt="">
+                  <span slot="title">{{ item.title }}</span>
+                </template>
+                <template v-for="subItem in item.subs">
+                  <el-submenu v-if="subItem.subs"
+                              :index="subItem.index"
+                              :key="subItem.index">
+                    <template slot="title">{{ subItem.title }}</template>
+                    <el-menu-item v-for="(threeItem,i) in subItem.subs"
+                                  :key="i"
+                                  :index="threeItem.index">{{ threeItem.title }}</el-menu-item>
+                  </el-submenu>
+                  <el-menu-item v-else
+                                :index="subItem.index"
+                                :key="subItem.index">{{ subItem.title }}</el-menu-item>
+                </template>
               </el-submenu>
             </template>
             <template v-else>
-              <el-menu-item :index="item.index" :key="item.index">
-                <img class="icon" :src="require('@/assets/images/' + item.icon + '.png')" alt="">
+              <el-menu-item :index="item.index"
+                            :key="item.index">
+                <img class="icon"
+                     :src="require('@/assets/images/' + item.icon + '.png')"
+                     alt="">
                 <span slot="title">{{ item.title }}</span>
               </el-menu-item>
             </template>
@@ -93,228 +123,228 @@
 import { mapState, mapActions } from 'vuex'
 import Setting from '@/setting'
 export default {
-    data() {
-      return {
-        site: this.$store.state.content.site,
-        collapse: false,
-        active: this.$route.path,
-        siteActive: '/column',
-        menus: [],
-        defaultMenus: [
-          {
-            icon: 'site',
-            index: '/site/list',
-            title: '站点管理'
-          },
-          {
-            icon: 'user',
-            index: 'user',
-            title: '用户管理',
-            subs: [
-              {
-                index: '/user/list',
-                title: '组织与账号管理'
-              },
-              {
-                index: '/role/list',
-                title: '角色管理'
-              },
-              {
-                index: '/userGroup/list',
-                title: '用户组管理'
-              }
-            ]
-          },
-          {
-            icon: 'annex',
-            index: '/annex/list',
-            title: '附件管理'
-          }
-        ],
-        colNav: [
-          {
-            index: '/site/list',
-            icon: 'site-active'
-          },
-          {
-            index: 'user',
-            icon: 'user'
-          },
-          {
-            index: '/annex/list',
-            icon: 'annex'
-          }
-        ],
-        sites: [
-          {
-            icon: 'content',
-            index: 'content',
-            title: '内容管理',
-            subs: [
-              {
-                index: '/column',
-                title: '栏目管理'
-              },
-              {
-                index: '/article',
-                title: '文章管理'
-              }
-            ]
-          }
-        ],
-        colRefresh: true
-      };
-    },
-    computed: {
-      ...mapState('auth', [
-        'btns'
-      ])
-    },
-    watch: {
-      "$route"(to, from) {
-        this.active = `/${this.$route.path.split('/')[1]}/list`
-        const { path } = this.$route
-        const ori = this.collapse
-        this.collapse = !!this.sites[0].subs.find(e => path.includes(e.index))
-        // 刷新菜单
-        if ((!ori && this.sites[0].subs.find(e => from.path.includes(e.index))) || path === '/site/list') {
-          this.siteActive = '/column'
-          this.colRefresh = false
-          this.$nextTick(() => {
-            this.colRefresh = true
-          })
+  data () {
+    return {
+      site: this.$store.state.content.site,
+      collapse: false,
+      active: this.$route.path,
+      siteActive: '/column',
+      menus: [],
+      defaultMenus: [
+        {
+          icon: 'site',
+          index: '/site/list',
+          title: '站点管理'
+        },
+        {
+          icon: 'user',
+          index: 'user',
+          title: '用户管理',
+          subs: [
+            {
+              index: '/user/list',
+              title: '组织与账号管理'
+            },
+            {
+              index: '/role/list',
+              title: '角色管理'
+            },
+            {
+              index: '/userGroup/list',
+              title: '用户组管理'
+            }
+          ]
+        },
+        {
+          icon: 'annex',
+          index: '/annex/list',
+          title: '附件管理'
         }
-        this.site = this.$store.state.content.site
-      }
-    },
-    created() {
-      // 获取当前路由，如果是在站点导航里面的页面，则展开站点导航并选中该路径
+      ],
+      colNav: [
+        {
+          index: '/site/list',
+          icon: 'site-active'
+        },
+        {
+          index: 'user',
+          icon: 'user'
+        },
+        {
+          index: '/annex/list',
+          icon: 'annex'
+        }
+      ],
+      sites: [
+        {
+          icon: 'content',
+          index: 'content',
+          title: '内容管理',
+          subs: [
+            {
+              index: '/column',
+              title: '栏目管理'
+            },
+            {
+              index: '/article',
+              title: '文章管理'
+            }
+          ]
+        }
+      ],
+      colRefresh: true
+    };
+  },
+  computed: {
+    ...mapState('auth', [
+      'btns'
+    ])
+  },
+  watch: {
+    "$route" (to, from) {
+      this.active = `/${this.$route.path.split('/')[1]}/list`
       const { path } = this.$route
+      const ori = this.collapse
       this.collapse = !!this.sites[0].subs.find(e => path.includes(e.index))
-      if (this.collapse) this.siteActive = '/' + path.split('/')[1]
-      this.initMenu()
+      // 刷新菜单
+      if ((!ori && this.sites[0].subs.find(e => from.path.includes(e.index))) || path === '/site/list') {
+        this.siteActive = '/column'
+        this.colRefresh = false
+        this.$nextTick(() => {
+          this.colRefresh = true
+        })
+      }
+      this.site = this.$store.state.content.site
+    }
+  },
+  created () {
+    // 获取当前路由，如果是在站点导航里面的页面，则展开站点导航并选中该路径
+    const { path } = this.$route
+    this.collapse = !!this.sites[0].subs.find(e => path.includes(e.index))
+    if (this.collapse) this.siteActive = '/' + path.split('/')[1]
+    this.initMenu()
+  },
+  methods: {
+    ...mapActions('user', [
+      'logout'
+    ]),
+    // 菜单选择
+    menuSelect (index) {
+      this.collapse = false
+      // 用户管理只需展开导航，其他的则跳转
+      if (index.includes('/')) {
+        this.$router.push(index)
+      } else {
+        this.active = '/user/list'
+        this.$router.push('/user/list')
+      }
     },
-    methods: {
-      ...mapActions('user', [
-        'logout'
-      ]),
-      // 菜单选择
-      menuSelect(index) {
-        this.collapse = false
-        // 用户管理只需展开导航，其他的则跳转
-        if (index.includes('/')) {
-          this.$router.push(index)
-        } else {
-          this.active = '/user/list'
-          this.$router.push('/user/list')
-        }
-      },
-      // 初始化菜单
-      initMenu() {
-        // 如果开启了动态路由，则取store里的路由匹配
-        if (Setting.dynamicRoute) {
-          const { btns } = this
-          const menus = []
-          this.defaultMenus.map(e => {
-            if (btns.find(n => n.includes(e.index) || n === e.title)) {
-              // 匹配子菜单
-              if (e.subs && e.subs.length) {
-                const children = []
-                e.subs.map((j, i) => {
-                  btns.find(n => n.includes(j.index)) && children.push(j)
-                })
-                e.subs = children
-              }
-              menus.push(e)
+    // 初始化菜单
+    initMenu () {
+      // 如果开启了动态路由，则取store里的路由匹配
+      if (Setting.dynamicRoute) {
+        const { btns } = this
+        const menus = []
+        this.defaultMenus.map(e => {
+          if (btns.find(n => n.includes(e.index) || n === e.title)) {
+            // 匹配子菜单
+            if (e.subs && e.subs.length) {
+              const children = []
+              e.subs.map((j, i) => {
+                btns.find(n => n.includes(j.index)) && children.push(j)
+              })
+              e.subs = children
             }
-          })
-          this.menus = menus
-        } else {
-          this.menus = this.defaultMenus
-        }
+            menus.push(e)
+          }
+        })
+        this.menus = menus
+      } else {
+        this.menus = this.defaultMenus
       }
     }
+  }
 };
 </script>
 
 <style lang="scss" scoped>
-.nav{
-  height: 100%;
-  background-color: #001529;
-  box-shadow: 2px 0px 6px 0px rgba(92,111,130,0.3500);
-  overflow: auto;
-  .logo {
-    display: flex;
-    align-items: center;
-    padding-left: 28px;
-    margin: 15px 0 26px;
-    font-size: 16px;
-    color: #fff;
-    img {
-      margin-right: 8px;
-    }
-  }
-  /deep/.el-menu{
-    border-right: 0 !important;
-    .icon{
-      margin: 0 11px 0 5px;
-    }
-    .el-menu-item{
-      &.is-active{
-        background-color: #2962FF !important;
-      }
-    }
-    .el-menu .el-menu-item {
-      padding-left: 50px !important;
-    }
-  }
-  .light {
-    display: flex;
+.nav {
     height: 100%;
-    background-color: #fff;
-    overflow: hidden;
-    .col-wrap {
-      width: 64px;
-      background-color: #001529;
-    }
-    .logo-icon {
-      width: 41px;
-      margin: 16px 0 30px 7px;
-    }
-    .col-nav {
-      text-align: center;
-      li {
-        padding: 25px 0;
-        cursor: pointer;
-      }
-    }
-    .name {
-      margin: 17px 0 27px 15px;
-      font-size: 15px;
-      font-weight: 600;
-      text-align: center;
-      color: #333;
-      line-height: 32px;
-    }
-    .col-menu {
-      width: 192px;
+    background-color: #001529;
+    box-shadow: 2px 0px 6px 0px rgba(92, 111, 130, 0.35);
+    overflow: auto;
+    .logo {
+        display: flex;
+        align-items: center;
+        padding-left: 28px;
+        margin: 15px 0 26px;
+        font-size: 16px;
+        color: #fff;
+        img {
+            margin-right: 8px;
+        }
     }
-    /deep/.el-submenu__title {
-      padding-left: 14px !important;
+    /deep/.el-menu {
+        border-right: 0 !important;
+        .icon {
+            margin: 0 11px 0 5px;
+        }
+        .el-menu-item {
+            &.is-active {
+                background-color: #2962ff !important;
+            }
+        }
+        .el-menu .el-menu-item {
+            padding-left: 50px !important;
+        }
     }
-    .icon {
-      margin-left: 0;
+    .light {
+        display: flex;
+        height: 100%;
+        background-color: #fff;
+        overflow: hidden;
+        .col-wrap {
+            width: 64px;
+            background-color: #001529;
+        }
+        .logo-icon {
+            width: 41px;
+            margin: 16px 0 30px 7px;
+        }
+        .col-nav {
+            text-align: center;
+            li {
+                padding: 25px 0;
+                cursor: pointer;
+            }
+        }
+        .name {
+            margin: 17px 0 27px 15px;
+            font-size: 15px;
+            font-weight: 600;
+            text-align: center;
+            color: #333;
+            line-height: 32px;
+        }
+        .col-menu {
+            width: 192px;
+        }
+        /deep/.el-submenu__title {
+            padding-left: 14px !important;
+        }
+        .icon {
+            margin-left: 0;
+        }
     }
-  }
 }
 
 .sidebar::-webkit-scrollbar {
-  width: 0;
+    width: 0;
 }
 .sidebar-el-menu:not(.el-menu--collapse) {
-  width: 100%;
+    width: 100%;
 }
 .sidebar > ul {
-  height: 100%;
+    height: 100%;
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/article/add/index.vue b/src/pages/article/add/index.vue
index 3f9aa3b..6d57cba 100644
--- a/src/pages/article/add/index.vue
+++ b/src/pages/article/add/index.vue
@@ -231,6 +231,11 @@
         <el-form-item v-if="form.articleTemplate === 25"
                       prop="time"
                       label="起止时间">
+          <!-- <el-input placeholder="请输入起止时间"
+                    v-model.trim="form.source"
+                    clearable
+                    maxlength="50"
+                    class="inline-input"></el-input> -->
           <el-date-picker style="width: 300px"
                           v-model="form.time"
                           type="datetimerange"
diff --git a/src/pages/column/page/aboutNew.vue b/src/pages/column/page/aboutNew.vue
new file mode 100644
index 0000000..7ea1ae1
--- /dev/null
+++ b/src/pages/column/page/aboutNew.vue
@@ -0,0 +1,462 @@
+<template>
+  <div class="wrap">
+    <div class="actions">
+      <p class="page-name">页面设置/ABOUT</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">
+        <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>
+          </template>
+        </el-carousel>
+        <div class="cover"
+             @click="toSet(0)">点击更换banner与链接</div>
+      </div>
+
+      <div class="block history gray">
+        <div class="inner c-wrap">
+          <h2 style="margin-left: 57px">{{ modules[1].form.title }}</h2>
+          <div class="texts">
+            <div class="left">
+              <h2>{{ modules[1].form.subTitle }}</h2>
+              <div class="line"></div>
+              <div class="des">{{ modules[1].form.des }}</div>
+            </div>
+            <img class="bg"
+                 width="562"
+                 height="506"
+                 :src="modules[1].form.pic"
+                 alt="">
+          </div>
+          <div class="cover"
+               @click="toSet(1)">点击更改图片、标题概述与链接</div>
+        </div>
+      </div>
+
+      <div class="block gray">
+        <div class="inner">
+          <div class="c-wrap">
+            <h2 class="b-title">{{ modules[7].form.title }}</h2>
+            <p class="intro">{{ modules[7].form.des }}</p>
+            <div class="cover"
+                 @click="toSet(7)">点击更换标题与描述</div>
+          </div>
+          <ul class="stat">
+            <li>
+              <p class="num">{{ modules[8].form.title }}</p>
+              <p class="text">{{ modules[8].form.des }}</p>
+              <div class="cover"
+                   @click="toSet(8)">点击更换标题与描述</div>
+            </li>
+            <li>
+              <p class="num">{{ modules[9].form.title }}</p>
+              <p class="text">{{ modules[9].form.des }}</p>
+              <div class="cover"
+                   @click="toSet(9)">点击更换标题与描述</div>
+            </li>
+            <li>
+              <p class="num">{{ modules[10].form.title }}</p>
+              <p class="text">{{ modules[10].form.des }}</p>
+              <div class="cover"
+                   @click="toSet(10)">点击更换标题与描述</div>
+            </li>
+            <li>
+              <p class="num">{{ modules[11].form.title }}</p>
+              <p class="text">{{ modules[11].form.des }}</p>
+              <div class="cover"
+                   @click="toSet(11)">点击更换标题与描述</div>
+            </li>
+            <li>
+              <p class="num">{{ modules[12].form.title }}</p>
+              <p class="text">{{ modules[12].form.des }}</p>
+              <div class="cover"
+                   @click="toSet(12)">点击更换标题与描述</div>
+            </li>
+            <li>
+              <p class="num">{{ modules[13].form.title }}</p>
+              <p class="text">{{ modules[13].form.des }}</p>
+              <div class="cover"
+                   @click="toSet(13)">点击更换标题与描述</div>
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="plan c-wrap">
+        <div class="inner">
+          <img class="pic"
+               :src="modules[14].form.pic"
+               alt="">
+          <div class="texts">
+            <h6>{{ modules[14].form.title }}</h6>
+            <div class="des">{{ modules[14].form.des }}</div>
+            <img src="@/assets/images/arrow-white.png"
+                 alt="">
+          </div>
+        </div>
+        <div class="cover"
+             style="height: calc(100% + 60px);"
+             @click="toSet(14)">点击更换标题、概述与跳转</div>
+      </div>
+
+      <div class="block">
+        <div class="inner">
+          <div class="c-wrap">
+            <h2 class="b-title">{{ modules[15].form.title }}</h2>
+            <p class="intro">{{ modules[15].form.des }}</p>
+            <div class="cover"
+                 @click="toSet(15)">点击更换标题与描述</div>
+          </div>
+          <ul class="people">
+            <template v-for="(item, i) in modules[16].list">
+              <li v-if="item.isEnable"
+                  :key="i">
+                <img class="pic"
+                     :src="item.pic"
+                     alt="">
+                <div class="texts">
+                  <p class="sub">{{ item.subTitle }}</p>
+                  <h6>{{ item.title }}</h6>
+                  <p class="des">{{ item.des }}</p>
+                  <img class="arrow"
+                       src="@/assets/images/arrow.png"
+                       alt="">
+                </div>
+              </li>
+            </template>
+            <div class="cover"
+                 @click="toSet(16)">点击更改图片、标题概述与链接</div>
+          </ul>
+        </div>
+      </div>
+
+      <div class="block list-block gray">
+        <div class="inner">
+          <div class="c-wrap">
+            <h2 class="b-title">{{ modules[17].form.title }}</h2>
+            <p class="intro">{{ modules[17].form.des }}</p>
+            <div class="cover"
+                 @click="toSet(17)">点击更换标题与描述</div>
+          </div>
+          <ul class="list">
+            <li>
+              <img class="pic"
+                   :src="modules[18].form.pic"
+                   alt="">
+              <h6>{{ modules[18].form.title }}</h6>
+              <p class="des">{{ modules[18].form.des }}</p>
+              <div class="cover"
+                   @click="toSet(18)">点击更改图片、标题概述与链接</div>
+            </li>
+            <li>
+              <img class="pic"
+                   :src="modules[19].form.pic"
+                   alt="">
+              <h6>{{ modules[19].form.title }}</h6>
+              <p class="des">{{ modules[19].form.des }}</p>
+              <div class="cover"
+                   @click="toSet(19)">点击更改图片、标题概述与链接</div>
+            </li>
+            <li>
+              <img class="pic"
+                   :src="modules[20].form.pic"
+                   alt="">
+              <h6>{{ modules[20].form.title }}</h6>
+              <p class="des">{{ modules[20].form.des }}</p>
+              <div class="cover"
+                   @click="toSet(20)">点击更改图片、标题概述与链接</div>
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="block">
+        <div class="inner">
+          <div class="c-wrap">
+            <h2 class="b-title">{{ modules[21].form.title }}</h2>
+            <p class="intro">{{ modules[21].form.des }}</p>
+            <div class="cover"
+                 @click="toSet(21)">点击更换标题与描述</div>
+          </div>
+          <div class="staff">
+            <div class="left">
+              <h6>{{ modules[22].form.title }}</h6>
+              <div class="des">{{ modules[22].form.des }}</div>
+            </div>
+            <img class="pic"
+                 :src="modules[22].form.pic"
+                 alt="">
+            <div class="cover"
+                 @click="toSet(22)">点击更改图片、标题概述与链接</div>
+          </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.about
+    }
+  },
+  mounted () {
+    this.$store.commit('user/setCrumbs', [
+      {
+        name: '站点管理',
+        route: '/site'
+      },
+      {
+        name: '内容管理',
+        route: '/column'
+      },
+      {
+        name: '栏目管理',
+        route: '/column'
+      },
+      {
+        name: 'ABOUT'
+      }
+    ])
+  },
+  methods: {
+
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+@import '../../../styles/page/page.scss';
+.history {
+    h2 {
+        font-size: 30px;
+        color: #333;
+    }
+    .texts {
+        display: flex;
+        justify-content: space-between;
+        padding: 82px 57px 30px;
+        margin-top: 20px;
+        background-color: #fff;
+        border-radius: 100px 0px 0px 0px;
+    }
+    .left {
+        width: 695px;
+    }
+    .line {
+        width: 136px;
+        height: 2px;
+        margin: 20px 0;
+        background: #d7d7d7;
+    }
+    .des {
+        font-size: 22px;
+        color: #181818;
+        line-height: 31px;
+    }
+    .bg {
+        margin: -122px 0 0 0;
+        border-top-right-radius: 40px;
+    }
+}
+.card {
+    display: flex;
+    flex-wrap: wrap;
+    li {
+        position: relative;
+        width: 686px;
+        height: 277px;
+        padding: 70px 67px 20px;
+        margin-bottom: 28px;
+        color: #fff;
+        &:nth-child(odd) {
+            margin-right: 28px;
+        }
+    }
+    .item1 {
+        background: url(../../../assets/images/about/3.png) 0 0/100% 100% no-repeat;
+    }
+    .item2 {
+        background-color: #4984b6;
+    }
+    .item3 {
+        background-color: #567180;
+    }
+    .item4 {
+        background: url(../../../assets/images/about/4.png) 0 0/100% 100% no-repeat;
+    }
+    h6 {
+        margin-bottom: 10px;
+        font-size: 40px;
+        font-family: toppan;
+    }
+    .des {
+        font-size: 18px;
+    }
+}
+.plan {
+    padding: 73px 0;
+    background: #072947;
+    .inner {
+        display: flex;
+        justify-content: space-between;
+        width: 1575px;
+    }
+    .pic {
+        width: 664px;
+        height: 488px;
+        margin-bottom: -120px;
+    }
+    .texts {
+        width: 802px;
+        margin-top: 36px;
+        color: #fff;
+    }
+    h6 {
+        font-size: 36px;
+    }
+    .des {
+        margin: 20px 0;
+        font-size: 20px;
+    }
+}
+.people {
+    position: relative;
+    li {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 126px;
+        &:nth-child(even) {
+            flex-direction: row-reverse;
+        }
+    }
+    .pic {
+        width: 660px;
+        height: 465px;
+    }
+    .texts {
+        width: 680px;
+        padding-top: 90px;
+    }
+    h6 {
+        margin: 20px 0;
+        font-size: 40px;
+    }
+    .sub {
+        font-size: 20px;
+        color: #020202;
+    }
+    .des {
+        font-size: 18px;
+        color: #020202;
+        line-height: 30px;
+    }
+}
+.list-block {
+    .inner {
+        width: 80%;
+        padding: 90px 0;
+        background-color: #fff;
+    }
+}
+.list {
+    display: flex;
+    justify-content: center;
+    li {
+        position: relative;
+        width: calc((100% - 100px) / 3);
+        padding-bottom: 30px;
+        margin-right: 28px;
+        text-align: center;
+        background-color: #f5f5f5;
+        &:last-child {
+            margin-right: 0;
+        }
+    }
+    .pic {
+        width: 100%;
+        height: 353px;
+    }
+    h6 {
+        margin: 35px 0 5px;
+        font-size: 24px;
+        color: #272727;
+    }
+    .des {
+        font-size: 16px;
+        color: #757575;
+    }
+}
+.staff {
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    background: #f8f8f8;
+    .left {
+        width: 658px;
+        margin: 50px 0 0 46px;
+    }
+    h6 {
+        margin-bottom: 30px;
+        font-size: 30px;
+        color: #333;
+    }
+    .des {
+        font-size: 20px;
+        color: #333;
+        line-height: 34px;
+    }
+    .pic {
+        width: 650px;
+    }
+}
+.stat {
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+    margin-top: 60px;
+    li {
+        position: relative;
+        width: 30%;
+        margin-bottom: 50px;
+    }
+    .num {
+        margin-bottom: 10px;
+        font-size: 60px;
+        font-weight: 800;
+        font-family: toppan;
+        color: #035ce1;
+        line-height: 49px;
+    }
+    .text {
+        font-size: 24px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/column/page/sfelNew.vue b/src/pages/column/page/sfelNew.vue
new file mode 100644
index 0000000..2cac2a5
--- /dev/null
+++ b/src/pages/column/page/sfelNew.vue
@@ -0,0 +1,876 @@
+<template>
+  <div class="wrap">
+    <div class="actions">
+      <p class="page-name">页面设置/SFEL</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">
+        <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>
+          </template>
+        </el-carousel>
+        <div class="cover"
+             @click="toSet(0)">点击更换banner与链接</div>
+      </div>
+
+      <div class="block banner-block">
+        <div class="inner">
+          <div class="title">
+            <h5>
+              {{ modules[1].form.title }}
+              <span class="sub">{{ modules[1].form.subTitle }}</span>
+            </h5>
+            <span class="more">MORE</span>
+            <div class="cover"
+                 @click="toSet(1)">点击更换标题与小标题</div>
+          </div>
+          <div class="c-wrap">
+            <div class="sfel-banner">
+              <img width="100%"
+                   height="480"
+                   src="http://10.10.11.7/images/about/5.png"
+                   alt="">
+              <div class="right">
+                <h6>IASF is driven to serve the Science and industry, and solve grand challenges through research and innovation. We are open and creative</h6>
+                <div class="des">Innovation centers are distributed in the bay areas, such as the San Francisco Bay area, the New York Bay area, and the Tokyo Bay area in Japan. And the Guangdong-Hong Kong-Macao Greater Bay </div>
+                <p class="meta">2022-07-24 | Research</p>
+              </div>
+            </div>
+            <ul class="card">
+              <li>
+                <img class="pic"
+                     src="http://10.10.11.7/images/about/9.png"
+                     alt="">
+                <div class="texts">
+                  <p class="meta">2022-09-09 | Research</p>
+                  <div class="des">IASF is driven to serve the Science and industry, and solve grand </div>
+                  <img class="arrow"
+                       src="@/assets/images/arrow.png"
+                       alt="">
+                </div>
+              </li>
+              <li>
+                <img class="pic"
+                     src="http://10.10.11.7/images/about/10.png"
+                     alt="">
+                <div class="texts">
+                  <p class="meta">2022-09-09 | Research</p>
+                  <div class="des">IASF is driven to serve the Science and industry, and solve grand </div>
+                  <img class="arrow"
+                       src="@/assets/images/arrow.png"
+                       alt="">
+                </div>
+              </li>
+              <li>
+                <img class="pic"
+                     src="http://10.10.11.7/images/about/11.png"
+                     alt="">
+                <div class="texts">
+                  <p class="meta">2022-09-09 | Research</p>
+                  <div class="des">IASF is driven to serve the Science and industry, and solve grand </div>
+                  <img class="arrow"
+                       src="@/assets/images/arrow.png"
+                       alt="">
+                </div>
+              </li>
+            </ul>
+            <div class="cover"
+                 @click="toSet(2)">关联栏目</div>
+          </div>
+        </div>
+      </div>
+
+      <div class="block notice">
+        <div class="inner lg">
+          <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="shop-shows c-wrap">
+            <div class="left wow fadeInLeft"
+                 data-wow-delay="0.5s">
+              <el-carousel height="432px">
+                <el-carousel-item>
+                  <div class="item">
+                    <img src="@/assets/images/survey3.png"
+                         alt="">
+                    <p class="text">关于2021年度深圳综合粒子设施研究院采购意向公开表</p>
+                  </div>
+                </el-carousel-item>
+                <el-carousel-item>
+                  <div class="item">
+                    <img src="@/assets/images/survey3.png"
+                         alt="">
+                    <p class="text">关于2021年度深圳综合粒子设施研究院采购意向公开表</p>
+                  </div>
+                </el-carousel-item>
+                <el-carousel-item>
+                  <div class="item">
+                    <img src="@/assets/images/survey3.png"
+                         alt="">
+                    <p class="text">关于2021年度深圳综合粒子设施研究院采购意向公开表</p>
+                  </div>
+                </el-carousel-item>
+              </el-carousel>
+            </div>
+            <div class="right wow fadeInRight"
+                 data-wow-delay="0.5s">
+              <ul class="card-list">
+                <li>
+                  <img class="pic"
+                       src="http://10.10.11.7/images/about/9.png"
+                       alt="">
+                  <div class="texts">
+                    <h6>喜讯！储存环三次谐波腔的带束实验验证及超导高频频腔</h6>
+                    <div class="des">1月20日上午，光明区总工会组织的“关爱职工·情暖光明”春节工会关爱活动走进深圳综合粒子设施研究院，为奋战在综合性…</div>
+                  </div>
+                </li>
+                <li>
+                  <img class="pic"
+                       src="http://10.10.11.7/images/about/9.png"
+                       alt="">
+                  <div class="texts">
+                    <h6>光明区总工会为一线科研人员送上新春祝福</h6>
+                    <div class="des">1月11日上午，深圳综合粒子设施研究院与深圳大学签署战略合作框架协议。深圳大学党委书记、校长李清泉深圳综合粒子设施研究院与深圳大学党委…</div>
+                  </div>
+                </li>
+                <li>
+                  <img class="pic"
+                       src="http://10.10.11.7/images/about/9.png"
+                       alt="">
+                  <div class="texts">
+                    <h6>深圳综合粒子设施研究院与中国科学院</h6>
+                    <div class="des">1月20日上午，光明区总工会组织的“关爱职工·情暖光明”春节工会关爱活动走进深圳综合粒子设施研究院，为奋战在综合性…</div>
+                  </div>
+                </li>
+              </ul>
+            </div>
+            <div class="cover"
+                 @click="toSet(4)">关联栏目</div>
+          </div>
+        </div>
+      </div>
+
+      <div class="block media">
+        <div class="inner">
+          <div class="title">
+            <h5>
+              {{ modules[7].form.title }}
+              <span class="sub">{{ modules[7].form.subTitle }}</span>
+            </h5>
+            <span class="more">MORE</span>
+            <div class="cover"
+                 @click="toSet(7)">点击更换标题与小标题</div>
+          </div>
+          <div class="media-wrap c-wrap">
+            <div class="left">
+              <div class="slides">
+                <div class="item wow fadeInLeft"
+                     data-wow-delay="0.5s"
+                     style="margin-right: 20px">
+                  <img width="100%"
+                       height="100%"
+                       src="http://10.10.11.7/images/about/9.png"
+                       alt="">
+                  <div class="text">关于2021年度深圳综合粒子设施研究院采购意向公开表</div>
+                </div>
+                <div class="item wow fadeInLeft"
+                     data-wow-delay="0.5s">
+                  <img width="100%"
+                       height="100%"
+                       src="http://10.10.11.7/images/about/9.png"
+                       alt="">
+                  <div class="text">关于2021年度深圳综合粒子设施研究院采购意向公开表</div>
+                </div>
+              </div>
+              <ul class="list">
+                <li>
+                  <h6>对话未来科学奖得主杨学明：真正自立自强要靠在实验科学先进仪器</h6>
+                  <div class="des">6月12日上午，深圳综合粒子设施研究院与深圳大学签署战略合作框架协议。深圳大学党委书记、校长李清泉深大学签署圳大学党委…</div>
+                </li>
+                <li>
+                  <h6>对话未来科学奖得主杨学明：真正自立自强要靠在实验科学先进仪器</h6>
+                  <div class="des">6月12日上午，深圳综合粒子设施研究院与深圳大学签署战略合作框架协议。深圳大学党委书记、校长李清泉深大学签署圳大学党委…</div>
+                </li>
+                <li>
+                  <h6>对话未来科学奖得主杨学明：真正自立自强要靠在实验科学先进仪器</h6>
+                  <div class="des">6月12日上午，深圳综合粒子设施研究院与深圳大学签署战略合作框架协议。深圳大学党委书记、校长李清泉深大学签署圳大学党委…</div>
+                </li>
+              </ul>
+            </div>
+            <div class="right">
+              <img src="@/assets/images/survey3.png"
+                   alt="">
+              <div class="texts">
+                <h6>关于2021年度深圳综合粒子设施研究院采购公开表</h6>
+                <div class="des">把一个基因切成两段，分别翻译成两段蛋白片段，还会有原来的功能吗？实多数蛋白片段会…</div>
+              </div>
+            </div>
+            <div class="cover"
+                 @click="toSet(8)">关联栏目</div>
+          </div>
+        </div>
+      </div>
+
+      <div class="block program">
+        <div class="inner c-wrap">
+          <div class="title">
+            <h5>
+              {{ modules[11].form.title }}
+              <span class="sub">{{ modules[11].form.subTitle }}</span>
+            </h5>
+            <span class="more">MORE</span>
+            <div class="cover"
+                 @click="toSet(11)">点击更换标题与小标题</div>
+          </div>
+          <div class="c-wrap">
+            <div class="slide">
+              <div class="texts">
+                <h6>超快自由电子激光脉冲特性诊断研究方面取得重要进展</h6>
+                <div class="des">X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段。对于绝大多数自由电子激研究院紧密围绕高水平建设综合性国家科学中心战略目标，面向国民经济主战场和世界科技前沿…</div>
+                <div class="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(12)">关联栏目</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.sfel
+    }
+  },
+  mounted () {
+    this.$store.commit('user/setCrumbs', [
+      {
+        name: '站点管理',
+        route: '/site'
+      },
+      {
+        name: '内容管理',
+        route: '/column'
+      },
+      {
+        name: '栏目管理',
+        route: '/column'
+      },
+      {
+        name: 'SFEL'
+      }
+    ])
+  },
+  methods: {
+
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+@import '../../../styles/page/page.scss';
+.title {
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+    padding-bottom: 25px;
+    margin-bottom: 30px;
+    border-bottom: 1px solid #ddd;
+    h5 {
+        padding-left: 16px;
+        font-size: 36px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #333333;
+        line-height: 1;
+        border-left: 6px solid #2b96ef;
+    }
+    .sub {
+        font-size: 22px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #afb7bf;
+    }
+    .more {
+        font-size: 14px;
+        color: #666;
+        cursor: pointer;
+    }
+}
+.lg {
+    width: 1505px;
+}
+/deep/.articles {
+    width: 50%;
+    .el-carousel__indicators--horizontal {
+        bottom: 20px;
+        left: 804px;
+    }
+}
+.banner-block {
+    background: url(../../../assets/images/sfel/2.png) 0 0 / cover no-repeat;
+}
+.sfel-banner {
+    display: flex;
+    cursor: pointer;
+    .pic {
+        width: 700px;
+        height: 380px;
+    }
+    .right {
+        position: relative;
+        width: 50%;
+        padding: 50px 50px 30px;
+        background: #1583ff;
+        color: #fff;
+        &:hover {
+            background: #465f85;
+            h6,
+            .des,
+            .meta {
+                color: #fff;
+                transform: translateY(15px);
+            }
+        }
+    }
+    .inds {
+        position: absolute;
+        bottom: 40px;
+        left: 60px;
+        display: flex;
+        li {
+            width: 10px;
+            height: 10px;
+            margin-right: 12px;
+            background: #ffffff;
+            border-radius: 50%;
+            transition: 0.2s;
+            &.active {
+                width: 30px;
+                background: rgba(255, 255, 255, 0.3);
+                border-radius: 5px;
+            }
+        }
+    }
+    h6 {
+        font-size: 24px;
+        transition: 0.3s;
+    }
+    .des {
+        margin: 30px 0;
+        font-size: 16px;
+        line-height: 24px;
+        transition: 0.3s;
+    }
+    .meta {
+        font-size: 16px;
+        transition: 0.3s;
+    }
+}
+.card {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 40px;
+    li {
+        width: calc((100% - 56px) / 3);
+        margin-right: 28px;
+        box-shadow: 0px 0px 20px 0px rgba(176, 176, 176, 0.21);
+        border-radius: 6px;
+        transition: 0.3s;
+        &:hover {
+            transform: scale(1.05);
+        }
+        &:last-child {
+            margin-right: 0;
+        }
+    }
+    .pic {
+        width: 100%;
+        height: 240px;
+    }
+    .texts {
+        padding: 40px 30px;
+    }
+    .meta {
+        font-size: 16px;
+        color: #666;
+    }
+    .des {
+        margin: 10px 0;
+        font-size: 20px;
+        font-family: SFProDisplay;
+        font-weight: 500;
+        color: #333;
+        line-height: 28px;
+    }
+    .arrow {
+        width: 36px;
+    }
+}
+
+.notice {
+    background: url(../../../assets/images/sfel/3.png) 0 0 / cover no-repeat;
+}
+.shop-shows {
+    display: flex;
+    .left {
+        width: 660px;
+        margin-right: 20px;
+        .item {
+            position: relative;
+            height: 100%;
+            img {
+                width: 100%;
+                height: 100%;
+            }
+            .text {
+                position: absolute;
+                bottom: 0;
+                left: 0;
+                width: 100%;
+                padding: 0 20px;
+                font-size: 18px;
+                color: #fff;
+                line-height: 59px;
+                background-color: rgba(0, 0, 0, 0.57);
+            }
+        }
+        .card-wrap {
+            display: flex;
+            margin-top: 18px;
+        }
+        .cards {
+            padding: 20px;
+            background-color: #fff;
+            h6 {
+                margin-bottom: 10px;
+                font-size: 18px;
+                color: #48525e;
+            }
+            .sum {
+                font-size: 14px;
+                color: #6d7c8e;
+            }
+            .date {
+                margin-top: 24px;
+                font-size: 14px;
+                color: #c4ccd7;
+            }
+        }
+        h6 {
+            font-size: 24px;
+            color: #272727;
+        }
+        .des {
+            margin-top: 10px;
+            font-size: 16px;
+            color: #666;
+            line-height: 30px;
+        }
+    }
+    .right {
+        width: 824px;
+    }
+    .card-list {
+        li {
+            display: flex;
+            align-items: center;
+            padding: 24px;
+            margin-bottom: 18px;
+            background-color: #fff;
+            transition: 0.3s;
+            &:hover {
+                transform: scale(1.05);
+            }
+        }
+        .pic {
+            width: 116px;
+            height: 85px;
+            margin-right: 28px;
+        }
+        .texts {
+            width: 504px;
+            margin-right: 60px;
+        }
+        h6 {
+            margin-bottom: 10px;
+            font-size: 18px;
+            font-family: PingFangSC-Medium, PingFang SC;
+            font-weight: 500;
+            color: #1583ff;
+        }
+        .des {
+            font-size: 16px;
+            color: #666;
+            line-height: 26px;
+            -webkit-line-clamp: 2;
+        }
+    }
+    .slide {
+        position: relative;
+        height: 284px;
+        img {
+            width: 100%;
+            height: 100%;
+        }
+        .text {
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            padding: 0 12px;
+            line-height: 59px;
+            font-size: 18px;
+            font-family: PingFangSC-Medium, PingFang SC;
+            font-weight: 500;
+            color: #ffffff;
+            background-color: rgba(0, 0, 0, 0.57);
+        }
+    }
+}
+.conference {
+    background: url(../../../assets/images/sfel/4.png) 0 0 / cover no-repeat;
+    .shows {
+        display: flex;
+    }
+    .left {
+        position: relative;
+        width: 688px;
+        height: 688px;
+        margin-right: 20px;
+        cursor: pointer;
+        .text {
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            padding: 0 12px;
+            line-height: 59px;
+            font-size: 18px;
+            font-family: PingFangSC-Medium, PingFang SC;
+            font-weight: 500;
+            color: #ffffff;
+            background-color: rgba(0, 0, 0, 0.57);
+        }
+    }
+    .card-list {
+        width: 784px;
+        li {
+            display: flex;
+            align-items: center;
+            padding: 14px;
+            margin-bottom: 21px;
+            background-color: #fff;
+            cursor: pointer;
+            transition: 0.3s;
+            &:last-child {
+                margin-bottom: 0;
+            }
+            &:hover {
+                transform: translateX(20px);
+            }
+        }
+        .pic {
+            width: 188px;
+            height: 188px;
+            margin-right: 36px;
+        }
+        h6 {
+            margin-bottom: 10px;
+            font-size: 20px;
+            color: #333;
+        }
+        .sum {
+            font-size: 16px;
+            color: #666;
+        }
+        .text {
+            display: flex;
+            align-items: center;
+            margin: 10px 0;
+        }
+        .icon {
+            margin-right: 5px;
+        }
+    }
+}
+
+.media {
+    background: #fff;
+    .media-wrap {
+        display: flex;
+    }
+    .left {
+        width: 55%;
+        margin-right: 1%;
+        .slides {
+            display: flex;
+            margin-bottom: 20px;
+        }
+        .item {
+            position: relative;
+            width: 366px;
+            height: 197px;
+            img {
+                width: 100%;
+                height: 100%;
+            }
+            .text {
+                position: absolute;
+                bottom: 0;
+                left: 0;
+                width: 100%;
+                padding: 0 27px;
+                line-height: 48px;
+                font-size: 16px;
+                color: #ffffff;
+                @include ellipsis;
+                background-color: rgba(0, 0, 0, 0.49);
+            }
+        }
+        .list {
+            padding: 34px 36px;
+            background: #fff;
+            box-shadow: 0px 0px 30px 0px rgba(48, 48, 48, 0.08);
+            li {
+                margin-bottom: 41px;
+                &:last-child {
+                    margin-bottom: 0;
+                }
+            }
+            h6 {
+                margin-bottom: 17px;
+                font-size: 20px;
+                font-family: PingFangSC-Medium, PingFang SC;
+                font-weight: 500;
+                color: #272727;
+                line-height: 20px;
+                text-shadow: 0px 0px 30px rgba(48, 48, 48, 0.08);
+            }
+            .des {
+                font-size: 14px;
+                color: #666;
+            }
+        }
+    }
+    .right {
+        width: 44%;
+        box-shadow: 0px 0px 30px 0px rgba(48, 48, 48, 0.08);
+        img {
+            width: 100%;
+            height: 422px;
+        }
+        .texts {
+            padding: 40px 28px;
+            background: #fff;
+        }
+        h6 {
+            font-size: 24px;
+            font-family: PingFangSC-Medium, PingFang SC;
+            font-weight: 500;
+            color: #272727;
+            line-height: 39px;
+            text-shadow: 0px 0px 30px rgba(48, 48, 48, 0.08);
+        }
+        .des {
+            margin-top: 16px;
+            font-size: 16px;
+            color: #666;
+        }
+    }
+}
+.news {
+    background: url(../../../assets/images/sfel/5.png) (0 504px) / auto no-repeat,
+        url(../../../assets/images/sfel/6.png) (bottom right) / auto no-repeat;
+    .inner {
+        width: 1400px;
+    }
+}
+.news {
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+    li {
+        position: relative;
+        width: calc((100% - 56px) / 3);
+        padding: 11px;
+        margin-right: 28px;
+        color: #333;
+        background-color: #fff;
+        box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
+        border-radius: 10px;
+        transition: 0.3s;
+        &:hover {
+            transform: translateY(20px);
+        }
+        &:nth-child(3n) {
+            margin-right: 0;
+        }
+        &:hover {
+            color: #fff;
+            background-color: #0252d9;
+        }
+    }
+    img {
+        width: 100%;
+        height: 481px;
+    }
+    .texts {
+        padding: 0 18px 50px;
+    }
+    h6 {
+        margin: 35px 0 12px;
+        font-size: 24px;
+        line-height: 33px;
+    }
+    .des {
+        font-size: 18px;
+        line-height: 26px;
+    }
+}
+.program {
+    background: #fff;
+    .slide {
+        display: flex;
+        margin-bottom: 14px;
+    }
+    .texts {
+        width: 51%;
+        padding: 56px;
+        background: #fbfbfb;
+        h6 {
+            font-size: 24px;
+            font-family: PingFangSC-Medium, PingFang SC;
+            font-weight: 500;
+            color: #333333;
+        }
+        .des {
+            margin: 35px 0 25px;
+            font-size: 16px;
+            color: #666;
+            line-height: 32px;
+        }
+        .meta {
+            font-size: 14px;
+            color: #666;
+        }
+    }
+    .pic {
+        width: 49%;
+        height: 430px;
+    }
+    .list {
+        display: flex;
+        li {
+            width: calc((100% - 44px) / 3);
+            padding: 36px 22px;
+            margin-right: 14px;
+            background: url(../../../assets/images/sfel/7.png) 0 0 / cover no-repeat;
+            &:nth-child(2) {
+                background-image: url(../../../assets/images/sfel/8.png);
+            }
+            &:nth-child(3) {
+                margin-right: 0;
+                background-image: url(../../../assets/images/sfel/9.png);
+            }
+        }
+        .des {
+            margin-bottom: 30px;
+            font-size: 18px;
+            font-family: PingFangSC-Medium, PingFang SC;
+            font-weight: 500;
+            color: #ffffff;
+            line-height: 30px;
+        }
+        .date {
+            font-size: 16px;
+            font-family: LaoSangamMN;
+            color: #ffffff;
+        }
+    }
+}
+.tools {
+    position: absolute;
+    top: 600px;
+    left: 0;
+    width: 226px;
+    text-align: center;
+    .logo {
+        padding: 44px 0;
+        background: #0c60be;
+        box-shadow: 0px 0px 20px 0px rgba(184, 191, 200, 0.3);
+    }
+    .nav {
+        li {
+            padding: 0 10px;
+            font-size: 24px;
+            line-height: 83px;
+            color: #fff;
+            background-color: #1d1d1d;
+            cursor: pointer;
+            @include ellipsis;
+            &.active {
+                background-color: #1583ff;
+            }
+        }
+    }
+}
+@media (max-width: 1520px) {
+    .lg {
+        width: 98%;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/router/modules/column.js b/src/router/modules/column.js
index fc6af34..5d4df8b 100644
--- a/src/router/modules/column.js
+++ b/src/router/modules/column.js
@@ -251,5 +251,15 @@ export default {
       component: () => import('@/pages/column/page/iasf'),
       meta: { title: 'IASF中文首页' }
     },
+    {
+      path: `aboutNew`,
+      component: () => import('@/pages/column/page/aboutNew'),
+      meta: { title: '关于我们' }
+    },
+    {
+      path: `sfelNew`,
+      component: () => import('@/pages/column/page/sfelNew'),
+      meta: { title: 'SFEL(1)' }
+    },
   ]
 }