diff --git a/src/assets/images/industrial/app1-1.png b/src/assets/images/industrial/app1-1.png
new file mode 100644
index 0000000..6e39841
Binary files /dev/null and b/src/assets/images/industrial/app1-1.png differ
diff --git a/src/assets/images/industrial/app1.png b/src/assets/images/industrial/app1.png
new file mode 100644
index 0000000..aab4b80
Binary files /dev/null and b/src/assets/images/industrial/app1.png differ
diff --git a/src/assets/images/industrial/app10-1.png b/src/assets/images/industrial/app10-1.png
new file mode 100644
index 0000000..42ab9f7
Binary files /dev/null and b/src/assets/images/industrial/app10-1.png differ
diff --git a/src/assets/images/industrial/app10.png b/src/assets/images/industrial/app10.png
new file mode 100644
index 0000000..afb1910
Binary files /dev/null and b/src/assets/images/industrial/app10.png differ
diff --git a/src/assets/images/industrial/app11-1.png b/src/assets/images/industrial/app11-1.png
new file mode 100644
index 0000000..03157df
Binary files /dev/null and b/src/assets/images/industrial/app11-1.png differ
diff --git a/src/assets/images/industrial/app11.png b/src/assets/images/industrial/app11.png
new file mode 100644
index 0000000..df8ae50
Binary files /dev/null and b/src/assets/images/industrial/app11.png differ
diff --git a/src/assets/images/industrial/app12-1.png b/src/assets/images/industrial/app12-1.png
new file mode 100644
index 0000000..12e0ec3
Binary files /dev/null and b/src/assets/images/industrial/app12-1.png differ
diff --git a/src/assets/images/industrial/app12.png b/src/assets/images/industrial/app12.png
new file mode 100644
index 0000000..547cbfc
Binary files /dev/null and b/src/assets/images/industrial/app12.png differ
diff --git a/src/assets/images/industrial/app13-1.png b/src/assets/images/industrial/app13-1.png
new file mode 100644
index 0000000..833b96d
Binary files /dev/null and b/src/assets/images/industrial/app13-1.png differ
diff --git a/src/assets/images/industrial/app13.png b/src/assets/images/industrial/app13.png
new file mode 100644
index 0000000..47e0b45
Binary files /dev/null and b/src/assets/images/industrial/app13.png differ
diff --git a/src/assets/images/industrial/app14-1.png b/src/assets/images/industrial/app14-1.png
new file mode 100644
index 0000000..bc03497
Binary files /dev/null and b/src/assets/images/industrial/app14-1.png differ
diff --git a/src/assets/images/industrial/app14.png b/src/assets/images/industrial/app14.png
new file mode 100644
index 0000000..f853f52
Binary files /dev/null and b/src/assets/images/industrial/app14.png differ
diff --git a/src/assets/images/industrial/app15-1.png b/src/assets/images/industrial/app15-1.png
new file mode 100644
index 0000000..1e8c779
Binary files /dev/null and b/src/assets/images/industrial/app15-1.png differ
diff --git a/src/assets/images/industrial/app15.png b/src/assets/images/industrial/app15.png
new file mode 100644
index 0000000..f721e28
Binary files /dev/null and b/src/assets/images/industrial/app15.png differ
diff --git a/src/assets/images/industrial/app16-1.png b/src/assets/images/industrial/app16-1.png
new file mode 100644
index 0000000..cb5aca7
Binary files /dev/null and b/src/assets/images/industrial/app16-1.png differ
diff --git a/src/assets/images/industrial/app16.png b/src/assets/images/industrial/app16.png
new file mode 100644
index 0000000..0e5e607
Binary files /dev/null and b/src/assets/images/industrial/app16.png differ
diff --git a/src/assets/images/industrial/app2-1.png b/src/assets/images/industrial/app2-1.png
new file mode 100644
index 0000000..d5cabd2
Binary files /dev/null and b/src/assets/images/industrial/app2-1.png differ
diff --git a/src/assets/images/industrial/app2.png b/src/assets/images/industrial/app2.png
new file mode 100644
index 0000000..be5bc24
Binary files /dev/null and b/src/assets/images/industrial/app2.png differ
diff --git a/src/assets/images/industrial/app3-1.png b/src/assets/images/industrial/app3-1.png
new file mode 100644
index 0000000..c1841ba
Binary files /dev/null and b/src/assets/images/industrial/app3-1.png differ
diff --git a/src/assets/images/industrial/app3.png b/src/assets/images/industrial/app3.png
new file mode 100644
index 0000000..1fd81bb
Binary files /dev/null and b/src/assets/images/industrial/app3.png differ
diff --git a/src/assets/images/industrial/app4-1.png b/src/assets/images/industrial/app4-1.png
new file mode 100644
index 0000000..a4f2bf9
Binary files /dev/null and b/src/assets/images/industrial/app4-1.png differ
diff --git a/src/assets/images/industrial/app4.png b/src/assets/images/industrial/app4.png
new file mode 100644
index 0000000..31b1a0e
Binary files /dev/null and b/src/assets/images/industrial/app4.png differ
diff --git a/src/assets/images/industrial/app5-1.png b/src/assets/images/industrial/app5-1.png
new file mode 100644
index 0000000..91da43c
Binary files /dev/null and b/src/assets/images/industrial/app5-1.png differ
diff --git a/src/assets/images/industrial/app5.png b/src/assets/images/industrial/app5.png
new file mode 100644
index 0000000..f6f856b
Binary files /dev/null and b/src/assets/images/industrial/app5.png differ
diff --git a/src/assets/images/industrial/app6-1.png b/src/assets/images/industrial/app6-1.png
new file mode 100644
index 0000000..00794c3
Binary files /dev/null and b/src/assets/images/industrial/app6-1.png differ
diff --git a/src/assets/images/industrial/app6.png b/src/assets/images/industrial/app6.png
new file mode 100644
index 0000000..c008ae0
Binary files /dev/null and b/src/assets/images/industrial/app6.png differ
diff --git a/src/assets/images/industrial/app7-1.png b/src/assets/images/industrial/app7-1.png
new file mode 100644
index 0000000..6b8ffb3
Binary files /dev/null and b/src/assets/images/industrial/app7-1.png differ
diff --git a/src/assets/images/industrial/app7.png b/src/assets/images/industrial/app7.png
new file mode 100644
index 0000000..26993f0
Binary files /dev/null and b/src/assets/images/industrial/app7.png differ
diff --git a/src/assets/images/industrial/app8-1.png b/src/assets/images/industrial/app8-1.png
new file mode 100644
index 0000000..a8c194d
Binary files /dev/null and b/src/assets/images/industrial/app8-1.png differ
diff --git a/src/assets/images/industrial/app8.png b/src/assets/images/industrial/app8.png
new file mode 100644
index 0000000..9279ed3
Binary files /dev/null and b/src/assets/images/industrial/app8.png differ
diff --git a/src/assets/images/industrial/app9-1.png b/src/assets/images/industrial/app9-1.png
new file mode 100644
index 0000000..04593f0
Binary files /dev/null and b/src/assets/images/industrial/app9-1.png differ
diff --git a/src/assets/images/industrial/app9.png b/src/assets/images/industrial/app9.png
new file mode 100644
index 0000000..cfc11a5
Binary files /dev/null and b/src/assets/images/industrial/app9.png differ
diff --git a/src/const/modules.js b/src/const/modules.js
index 5eb8cd9..3b38601 100644
--- a/src/const/modules.js
+++ b/src/const/modules.js
@@ -7956,6 +7956,313 @@ export default {
         },
         des: `深圳自由电子激光装置聚焦国家重大需求、国际科学前沿和地区产业引领的战略目标进行布局的关键，聚焦关键核心“卡脖子”技术背后前沿科学基础问题，努力实现深圳战略性新兴产业技术瓶颈及其相关根源性科学问题的重大突破。我们将以“产业/应用/科研需求”为导向，进一步深入挖掘产业（企业）、科研院所、高校用户的“用光”需求，继续深入优化装置设计，服务。`
       }
+    },
+
+		{
+      type: 'form',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '概述'
+        }
+      ],
+      form: {
+        title: '应用方向',
+        des: '支撑大湾区综合性国家科学中心建设的公益性科研事业单位'
+      }
+    },
+    {
+      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: '集成电路',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '锂电池',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '第三代半导体',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '先进材料',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '先进制造',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '汽车制造',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '量子材料',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '生物医药',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '疾病诊疗',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '大健康',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+				
+        {
+          title: '新能源',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '能源催化',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '现代农业',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '节能环保',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '海洋装备',
+          link: {
+            linkName: '无',
+            connectionType: 1,
+            columnId: [],
+            articleId: '',
+            linkAddress	: '',
+            site: '',
+            otherColumnId: [],
+            otherArticleId: '',
+            isOpen: 1
+          },
+        },
+        {
+          title: '核能',
+          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: '产业案例',
+        des: '支撑大湾区综合性国家科学中心建设的公益性科研事业单位'
+      }
+    },{
+      type: 'column',
+      form: {
+        site: '',
+        column: '',
+        articleNum: '',
+        columnTitle: 1,
+        columnTitleCustom: ''
+      }
     },
   ],
   researchTeam: [
diff --git a/src/pages/article/add/index.vue b/src/pages/article/add/index.vue
index cff9d51..c7fc1f8 100644
--- a/src/pages/article/add/index.vue
+++ b/src/pages/article/add/index.vue
@@ -160,8 +160,7 @@
       <!-- 期刊详情 or 论文 -->
       <template v-if="isJournal || isThesis">
         <div class="item-line">
-          <el-form-item v-if="!isThesis"
-                        prop="doi"
+          <el-form-item prop="doi"
                         label="DOI">
             <el-input placeholder="请输入DOI"
                       v-model.trim="form.doi"
@@ -218,15 +217,7 @@
                     :rows="3"></el-input>
         </el-form-item>
       </template>
-      <el-form-item v-if="isPublication"
-                    prop="mainBody"
-                    label="正文">
-        <Editor api-key='rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda'
-                v-model="form.mainBody"
-                :init="editorConfig" />
-      </el-form-item>
-      <div v-else-if="!isPublication"
-           class="item-line">
+      <div class="item-line">
         <el-form-item prop="source"
                       label="来源">
           <el-input placeholder="请输入来源"
@@ -408,7 +399,7 @@
             </div>
           </el-upload>
         </el-form-item>
-        <el-form-item v-if="form.articleTemplate === 22 || form.articleTemplate === 25"
+        <el-form-item v-if="form.articleTemplate === 22 || form.articleTemplate === 25 || form.articleTemplate === 69"
                       prop="bannerImg"
                       label="Banner图(选填)"
                       style="flex: 1;">
@@ -430,136 +421,136 @@
             </div>
           </el-upload>
         </el-form-item>
-        <el-form-item v-if="form.articleTemplate === 22 || form.articleTemplate === 23 || form.articleTemplate === 25"
-                      prop="mainBody"
-                      label="正文">
+      </template>
+      <el-form-item v-if="form.articleTemplate !== 24 && form.articleTemplate !== 26"
+                    prop="mainBody"
+                    label="正文">
+        <Editor api-key='rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda'
+                v-model="form.mainBody"
+                :init="editorConfig" />
+      </el-form-item>
+      <template v-if="isJournal">
+        <el-form-item prop="publicationTypeId"
+                      label="出版物类型">
+          <el-select style="width: 234px;"
+                     v-model="form.publicationTypeId">
+            <template v-for="item in publicationTypes">
+              <el-option :key="item.id"
+                         :label="item.name"
+                         :value="item.id">
+              </el-option>
+            </template>
+          </el-select>
+        </el-form-item>
+        <el-form-item prop="quote"
+                      label="引用">
+          <el-input style="width: 940px"
+                    type="textarea"
+                    v-model="form.quote"
+                    :rows="3"></el-input>
+        </el-form-item>
+        <el-form-item prop="articleKeyWord"
+                      label="关键字">
+          <el-input style="width: 940px"
+                    v-model="form.articleKeyWord"></el-input>
+        </el-form-item>
+        <el-form-item prop="mainBody"
+                      label="摘要">
           <Editor api-key='rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda'
                   v-model="form.mainBody"
                   :init="editorConfig" />
         </el-form-item>
-        <template v-if="isJournal">
-          <el-form-item prop="publicationTypeId"
-                        label="出版物类型">
-            <el-select style="width: 234px;"
-                       v-model="form.publicationTypeId">
-              <template v-for="item in publicationTypes">
-                <el-option :key="item.id"
-                           :label="item.name"
-                           :value="item.id">
-                </el-option>
-              </template>
+      </template>
+      <template v-if="form.articleTemplate === 24">
+        <el-form-item prop="connectionType"
+                      label="连接类型">
+          <el-radio-group v-model="form.connectionType">
+            <el-radio :label="1">站内链接</el-radio>
+            <el-radio :label="2">站外链接</el-radio>
+            <el-radio :label="3">其他站点链接</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <template v-if="form.connectionType === 1">
+          <el-form-item label="站内链接">
+            <el-cascader v-model="links"
+                         :options="columns"
+                         :props="columnProps"
+                         clearable
+                         @change="getArticle"></el-cascader>
+          </el-form-item>
+          <el-form-item label="文章">
+            <el-select v-model="article"
+                       clearable>
+              <el-option v-for="item in articles"
+                         :key="item.id"
+                         :label="item.title"
+                         :value="item.id">
+              </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item prop="quote"
-                        label="引用">
-            <el-input style="width: 940px"
-                      type="textarea"
-                      v-model="form.quote"
-                      :rows="3"></el-input>
+        </template>
+        <el-form-item v-show="form.connectionType === 2"
+                      prop="linkAddress"
+                      label="站外链接">
+          <el-input placeholder="请输入站外链接"
+                    v-model.trim="form.linkAddress"
+                    clearable></el-input>
+        </el-form-item>
+        <template v-if="form.connectionType === 3">
+          <el-form-item prop="siteSelection"
+                        label="站点选择">
+            <el-select v-model="form.siteSelection"
+                       @change="getOtherColumn">
+              <el-option v-for="item in sites"
+                         :key="item.id"
+                         :label="item.siteName"
+                         :value="item.id">
+              </el-option>
+            </el-select>
           </el-form-item>
-          <el-form-item prop="articleKeyWord"
-                        label="关键字">
-            <el-input style="width: 940px"
-                      v-model="form.articleKeyWord"></el-input>
+          <el-form-item label="栏目">
+            <el-cascader v-model="otherLink"
+                         :options="otherColumns"
+                         :props="columnProps"
+                         clearable
+                         @change="getArticle"></el-cascader>
           </el-form-item>
-          <el-form-item prop="mainBody"
-                        label="摘要">
-            <Editor api-key='rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda'
-                    v-model="form.mainBody"
-                    :init="editorConfig" />
+          <el-form-item label="文章">
+            <el-select v-model="otherArticle"
+                       clearable>
+              <el-option v-for="item in otherArticles"
+                         :key="item.id"
+                         :label="item.title"
+                         :value="item.id">
+              </el-option>
+            </el-select>
           </el-form-item>
         </template>
-        <el-form-item v-if="form.articleTemplate === 22 || form.articleTemplate === 23 || form.articleTemplate === 25"
-                      prop="file"
-                      label="文件上传">
-          <el-upload :before-upload="fileBeforeUpload"
-                     :on-remove="handleRemove"
-                     :on-success="uploadSuccessFile"
-                     :action="this.api.upload"
-                     :file-list="form.fileList"
-                     :headers="headers"
-                     :data="{
+        <el-form-item prop="isOpen"
+                      label="新窗口打开">
+          <el-switch v-model="form.isOpen"
+                     :active-value="1"
+                     :inactive-value="0">
+          </el-switch>
+        </el-form-item>
+      </template>
+      <el-form-item v-if="form.articleTemplate !== 24 && form.articleTemplate !== 26"
+                    prop="file"
+                    label="文件上传">
+        <el-upload :before-upload="fileBeforeUpload"
+                   :on-remove="handleRemove"
+                   :on-success="uploadSuccessFile"
+                   :action="this.api.upload"
+                   :file-list="form.fileList"
+                   :headers="headers"
+                   :data="{
               quote: form.title,
               site: site.siteName,
               uploader: userName
             }">
-            <el-button>上传</el-button>
-          </el-upload>
-        </el-form-item>
-        <template v-if="form.articleTemplate === 24">
-          <el-form-item prop="connectionType"
-                        label="连接类型">
-            <el-radio-group v-model="form.connectionType">
-              <el-radio :label="1">站内链接</el-radio>
-              <el-radio :label="2">站外链接</el-radio>
-              <el-radio :label="3">其他站点链接</el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <template v-if="form.connectionType === 1">
-            <el-form-item label="站内链接">
-              <el-cascader v-model="links"
-                           :options="columns"
-                           :props="columnProps"
-                           clearable
-                           @change="getArticle"></el-cascader>
-            </el-form-item>
-            <el-form-item label="文章">
-              <el-select v-model="article"
-                         clearable>
-                <el-option v-for="item in articles"
-                           :key="item.id"
-                           :label="item.title"
-                           :value="item.id">
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </template>
-          <el-form-item v-show="form.connectionType === 2"
-                        prop="linkAddress"
-                        label="站外链接">
-            <el-input placeholder="请输入站外链接"
-                      v-model.trim="form.linkAddress"
-                      clearable></el-input>
-          </el-form-item>
-          <template v-if="form.connectionType === 3">
-            <el-form-item prop="siteSelection"
-                          label="站点选择">
-              <el-select v-model="form.siteSelection"
-                         @change="getOtherColumn">
-                <el-option v-for="item in sites"
-                           :key="item.id"
-                           :label="item.siteName"
-                           :value="item.id">
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="栏目">
-              <el-cascader v-model="otherLink"
-                           :options="otherColumns"
-                           :props="columnProps"
-                           clearable
-                           @change="getArticle"></el-cascader>
-            </el-form-item>
-            <el-form-item label="文章">
-              <el-select v-model="otherArticle"
-                         clearable>
-                <el-option v-for="item in otherArticles"
-                           :key="item.id"
-                           :label="item.title"
-                           :value="item.id">
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </template>
-          <el-form-item prop="isOpen"
-                        label="新窗口打开">
-            <el-switch v-model="form.isOpen"
-                       :active-value="1"
-                       :inactive-value="0">
-            </el-switch>
-          </el-form-item>
-        </template>
-      </template>
+          <el-button>上传</el-button>
+        </el-upload>
+      </el-form-item>
     </el-form>
     <div class="btns">
       <el-button type="primary"
@@ -1050,6 +1041,8 @@ export default {
         if (!form.templateStatus) {
           form.articleTemplate = (data.typeId === 1 || data.typeId === 4) ? data.detailStyleId : 23
         }
+        console.log("🚀 ~ file: index.vue:1057 ~ this.$post ~ form:", form)
+
         this.handleRules()
         this.getClassification()
         this.$nextTick(() => {
diff --git a/src/pages/column/page/industrial.vue b/src/pages/column/page/industrial.vue
index f696a9b..378324d 100644
--- a/src/pages/column/page/industrial.vue
+++ b/src/pages/column/page/industrial.vue
@@ -3,46 +3,63 @@
     <div class="actions">
       <p class="page-name">页面设置/产业应用</p>
       <div>
-        <el-button type="primary" @click="preview">预览</el-button>
+        <el-button type="primary"
+                   @click="preview">预览</el-button>
         <el-button @click="save(0)">保存为草稿</el-button>
-        <el-button type="primary" @click="save(1)">发布</el-button>
+        <el-button type="primary"
+                   @click="save(1)">发布</el-button>
         <el-button @click="back">放弃编辑</el-button>
       </div>
     </div>
-    
+
     <div class="modules">
       <div class="relative">
         <div class="single-banner">
-          <img class="banner-img" :src="modules[0].form.pic" alt="" />
+          <img class="banner-img"
+               :src="modules[0].form.pic"
+               alt="" />
           <div class="texts">
             <h6 class="banner-title">{{ modules[0].form.title }}</h6>
           </div>
         </div>
-        <div class="cover" @click="toSet(0)">点击更换banner与链接</div>
+        <div class="cover"
+             @click="toSet(0)">点击更换banner与链接</div>
       </div>
 
       <div class="block history gray">
         <div class="inner c-wrap">
-          <h2 class="wow fadeInLeft" style="margin-left: 57px">{{ modules[1].form.title }}</h2>
-          <div class="texts wow fadeInDown" data-wow-delay="0.5s">
+          <h2 class="wow fadeInLeft"
+              style="margin-left: 57px">{{ modules[1].form.title }}</h2>
+          <div class="texts wow fadeInDown"
+               data-wow-delay="0.5s">
             <div class="left">
               <h2>{{ modules[1].form.subTitle }}</h2>
-              <div class="des" v-html="modules[1].form.des"></div>
+              <div class="des"
+                   v-html="modules[1].form.des"></div>
             </div>
-            <img class="bg" width="562" height="506" :src="modules[1].form.pic" alt="">
+            <img class="bg"
+                 width="562"
+                 height="506"
+                 :src="modules[1].form.pic"
+                 alt="">
           </div>
-          <div class="cover" @click="toSet(1)">点击更改图片、标题概述与链接</div>
+          <div class="cover"
+               @click="toSet(1)">点击更改图片、标题概述与链接</div>
         </div>
       </div>
-      
+
       <div class="block land">
         <div class="inner">
-          <img class="pic" :src="modules[2].form.pic" alt="">
+          <img class="pic"
+               :src="modules[2].form.pic"
+               alt="">
           <div class="right">
             <h6>{{ modules[2].form.title }}</h6>
-            <div class="text" v-html="modules[2].form.des"></div>
+            <div class="text"
+                 v-html="modules[2].form.des"></div>
           </div>
-          <div class="cover" @click="toSet(2)">点击更改图片、标题与概述</div>
+          <div class="cover"
+               @click="toSet(2)">点击更改图片、标题与概述</div>
         </div>
       </div>
 
@@ -50,34 +67,140 @@
         <div class="inner">
           <div class="c-wrap">
             <h2 class="b-title">{{ modules[3].form.title }}</h2>
-            <p class="intro" v-html="modules[3].form.des"></p>
-            <div class="cover" @click="toSet(3)">点击更换标题与描述</div>
+            <p class="intro"
+               v-html="modules[3].form.des"></p>
+            <div class="cover"
+                 @click="toSet(3)">点击更换标题与描述</div>
           </div>
           <ul class="plan">
             <li>
               <div class="left">
                 <h6>{{ modules[4].form.title }}</h6>
-                <div class="text" v-html="modules[4].form.des"></div>
-                <img src="@/assets/images/arrow.png" alt="">
+                <div class="text"
+                     v-html="modules[4].form.des"></div>
+                <img src="@/assets/images/arrow.png"
+                     alt="">
               </div>
-              <img class="pic" :src="modules[4].form.pic" alt="">
-              <div class="cover" @click="toSet(4)">点击更换标题、描述、链接与图片</div>
+              <img class="pic"
+                   :src="modules[4].form.pic"
+                   alt="">
+              <div class="cover"
+                   @click="toSet(4)">点击更换标题、描述、链接与图片</div>
             </li>
             <li>
               <div class="left">
                 <h6>{{ modules[5].form.title }}</h6>
-                <div class="text" v-html="modules[5].form.des"></div>
-                <img src="@/assets/images/arrow.png" alt="">
+                <div class="text"
+                     v-html="modules[5].form.des"></div>
+                <img src="@/assets/images/arrow.png"
+                     alt="">
+              </div>
+              <img class="pic"
+                   :src="modules[5].form.pic"
+                   alt="">
+              <div class="cover"
+                   @click="toSet(5)">点击更换标题、描述、链接与图片</div>
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="block">
+        <div class="inner app-inner">
+          <div class="c-wrap">
+            <h2 class="b-title wow fadeInUp">{{ modules[6].form.title }}</h2>
+            <p class="intro wow fadeInUp"
+               data-wow-delay="0.5s">{{ modules[6].form.des }}</p>
+            <div class="cover"
+                 @click="toSet(6)">点击更换标题与描述</div>
+          </div>
+          <ul class="app">
+            <li v-for="(item, i) in modules[7].list"
+                :key="i"
+                class="wow fadeInDown"
+                :data-wow-delay="(0.2 * i).toFixed(1) + 's'">
+              <img class="bg"
+                   :src="require('@/assets/images/industrial/app' + (i + 1) + '.png')"
+                   alt="">
+              <img class="icon"
+                   :src="require('@/assets/images/industrial/app' + (i + 1) + '-1.png')"
+                   alt="">
+              <p class="text">{{ item.title }}</p>
+              <div class="cover"
+                   @click="toSet(7, i)">点击更标题与链接</div>
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="block news-block">
+        <div class="inner">
+          <div class="c-wrap">
+            <h2 class="b-title">{{ modules[8].form.title }}</h2>
+            <p class="intro">{{ modules[8].form.des }}</p>
+            <div class="cover"
+                 @click="toSet(8)">点击更换标题与描述</div>
+          </div>
+          <ul class="news">
+            <li>
+              <img src="http://10.10.11.7/images/home/3.png"
+                   alt="">
+              <div class="texts">
+                <span class="meta">2022-07-24 | 综合新闻</span>
+                <h6>X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段</h6>
+              </div>
+            </li>
+            <li>
+              <img src="http://10.10.11.7/images/home/3.png"
+                   alt="">
+              <div class="texts">
+                <span class="meta">2022-07-24 | 综合新闻</span>
+                <h6>X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段</h6>
+              </div>
+            </li>
+            <li>
+              <img src="http://10.10.11.7/images/home/3.png"
+                   alt="">
+              <div class="texts">
+                <span class="meta">2022-07-24 | 综合新闻</span>
+                <h6>X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段</h6>
+              </div>
+            </li>
+            <li>
+              <img src="http://10.10.11.7/images/home/3.png"
+                   alt="">
+              <div class="texts">
+                <span class="meta">2022-07-24 | 综合新闻</span>
+                <h6>X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段</h6>
+              </div>
+            </li>
+            <li>
+              <img src="http://10.10.11.7/images/home/3.png"
+                   alt="">
+              <div class="texts">
+                <span class="meta">2022-07-24 | 综合新闻</span>
+                <h6>X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段</h6>
               </div>
-              <img class="pic" :src="modules[5].form.pic" alt="">
-              <div class="cover" @click="toSet(5)">点击更换标题、描述、链接与图片</div>
             </li>
+            <li>
+              <img src="http://10.10.11.7/images/home/3.png"
+                   alt="">
+              <div class="texts">
+                <span class="meta">2022-07-24 | 综合新闻</span>
+                <h6>X射线自由电子激光已经成为了化学、生物、物理等领域不可或缺的研究手段</h6>
+              </div>
+            </li>
+            <div class="cover"
+                 @click="toSet(9)">点击更换标题与描述</div>
           </ul>
         </div>
       </div>
     </div>
 
-    <Module ref="module" :data.sync="curData" :visible.sync="diaVisible" @moduleSubmit="moduleSubmit" />
+    <Module ref="module"
+            :data.sync="curData"
+            :visible.sync="diaVisible"
+            @moduleSubmit="moduleSubmit" />
   </div>
 </template>
 
@@ -86,12 +209,12 @@ import mixins from '@/mixins/page'
 import Modules from '@/const/modules'
 export default {
   mixins: [mixins],
-  data() {
+  data () {
     return {
       modules: Modules.industrial
     }
   },
-  mounted() {
+  mounted () {
     this.$store.commit('user/setCrumbs', [
       {
         name: '站点管理',
@@ -111,105 +234,181 @@ export default {
     ])
   },
   methods: {
-    
+
   }
 };
 </script>
 
 <style lang="scss" scoped>
-@import "../../../styles/page/page.scss";
+@import '../../../styles/page/page.scss';
 .history {
-  h2 {
-    font-size: 1.8rem;
-    color: #333;
-  }
-  .texts {
-    display: flex;
-    justify-content: space-between;
-    padding: 82px 57px 30px;
-    margin-top: 20px;
-    background-color: #fff;
-    border-radius: 100px 0px 0px 0px;
-    transition: .3s;
-    &:hover {
-      transform: scale(1.05);
+    h2 {
+        font-size: 1.8rem;
+        color: #333;
+    }
+    .texts {
+        display: flex;
+        justify-content: space-between;
+        padding: 82px 57px 30px;
+        margin-top: 20px;
+        background-color: #fff;
+        border-radius: 100px 0px 0px 0px;
+        transition: 0.3s;
+        &:hover {
+            transform: scale(1.05);
+        }
+    }
+    .left {
+        width: 695px;
+    }
+    .des {
+        margin: 20px 0;
+        font-size: 1.2rem;
+        color: #181818;
+        line-height: 31px;
+    }
+    .bg {
+        margin: -122px 0 0 0;
     }
-  }
-  .left {
-    width: 695px;
-  }
-  .des {
-    margin: 20px 0;
-    font-size: 1.2rem;
-    color: #181818;
-    line-height: 31px;
-  }
-  .bg {
-    margin: -122px 0 0 0;
-  }
 }
 .land {
-  .inner {
-    position: relative;
-    display: flex;
-  }
-  .pic {
-    width: 50%;
-    height: 450px;
-  }
-  .right {
-    width: 50%;
-  }
-  h6 {
-    margin-left: 50px;
-    font-size: 1.3rem;
-    font-family: PingFangSC-Semibold, PingFang SC;
-    color: #333;
-    @include ellipsis();
-  }
-  .text {
-    height: 405px;
-    padding: 50px;
-    margin-top: 1rem;
-    background: rgba(242,246,248,0.45);
-    border-radius: 0px 100px 0px 0px;
-  }
+    .inner {
+        position: relative;
+        display: flex;
+    }
+    .pic {
+        width: 50%;
+        height: 450px;
+    }
+    .right {
+        width: 50%;
+    }
+    h6 {
+        margin-left: 50px;
+        font-size: 1.3rem;
+        font-family: PingFangSC-Semibold, PingFang SC;
+        color: #333;
+        @include ellipsis();
+    }
+    .text {
+        height: 405px;
+        padding: 50px;
+        margin-top: 1rem;
+        background: rgba(242, 246, 248, 0.45);
+        border-radius: 0px 100px 0px 0px;
+    }
 }
 .plan {
-  li {
-    position: relative;
+    li {
+        position: relative;
+        display: flex;
+        height: 500px;
+        margin-bottom: 60px;
+        color: #333;
+        background-color: #fff;
+        border-radius: 100px 0px 0px 0px;
+        &:nth-child(even) {
+            flex-direction: row-reverse;
+            .pic {
+                margin: -20px 0 0 -20px;
+                border-radius: 0 100px 0 0;
+            }
+        }
+        .left {
+            width: 50%;
+            padding: 50px;
+        }
+        h6 {
+            font-size: 1.4rem;
+            font-family: PingFangSC-Medium, PingFang SC;
+        }
+        .text {
+            margin: 1rem 0;
+            font-size: 1rem;
+            line-height: 1.6;
+        }
+        .pic {
+            width: 48%;
+            height: 500px;
+            margin: -20px -20px 0 0;
+            border-radius: 100px 0 0 0;
+        }
+    }
+}
+
+.app-inner {
+    width: 1558px;
+}
+.app {
     display: flex;
-    height: 500px;
-    margin-bottom: 60px;
-    color: #333;
-    background-color: #fff;
-    border-radius: 100px 0px 0px 0px;
-    &:nth-child(even) {
-      flex-direction: row-reverse;
-      .pic {
-        margin: -20px 0 0 -20px;
-        border-radius: 0 100px 0 0;
-      }
+    flex-wrap: wrap;
+    li {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        width: 368px;
+        height: 252px;
+        margin: 0 14px 14px 0;
+        transition: 0.3s;
+        &:hover {
+            transform: scale(1.05);
+            .icon {
+                transform: rotateY(180deg);
+            }
+        }
+        &:nth-child(4n) {
+            margin-right: 0;
+        }
     }
-    .left {
-      width: 50%;
-      padding: 50px;
+    .bg {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
     }
-    h6 {
-      font-size: 1.4rem;
-      font-family: PingFangSC-Medium, PingFang SC;
+    .icon {
+        position: relative;
     }
     .text {
-      margin: 1rem 0;
-      font-size: 1rem;
-      line-height: 1.6;
+        position: relative;
+        margin-top: 20px;
+        font-size: 32px;
+        color: #fff;
     }
-    .pic {
-      width: 48%;
-      height: 500px;
-      margin: -20px -20px 0 0;
-      border-radius: 100px 0 0 0;
+}
+.news {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    li {
+        width: calc((100% - 34px) / 3);
+        margin: 0 17px 20px 0;
+        background-color: #fff;
+        &:nth-child(3n) {
+            margin-right: 0;
+        }
+    }
+    img {
+        width: 100%;
+        height: 220px;
+    }
+    .texts {
+        padding: 20px 24px;
+        background-color: #fff;
+    }
+    h6 {
+        margin-top: 8px;
+        font-size: 1rem;
+        color: #333;
+        text-shadow: 0px 0px 20px rgba(176, 176, 176, 0.21);
+    }
+    .meta {
+        font-size: 0.9rem;
+        color: #666;
+        text-shadow: 0px 0px 20px rgba(176, 176, 176, 0.21);
     }
-  }
 }
 </style>