diff --git a/src/api/index.js b/src/api/index.js
index 8f268bb..3c2c378 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -56,4 +56,15 @@ export default {
   savePage: `iasf/sysColumnLongPage/save`,
   saveRedisPage: `iasf/sysColumnLongPage/saveTheCache`,
   updatePage: `iasf/sysColumnLongPage/update`,
+  queryClassif: `iasf/content/classification/allTheQuery`,
+  delClassif: `iasf/content/classification/delete`,
+  checkClassif: `iasf/content/classification/checkForHeavy`,
+  saveClassif: `iasf/content/classification/save`,
+  updateClassif: `iasf/content/classification/update`,
+  checkLabel: `iasf/content/label/checkForHeavy`,
+  delLabel: `iasf/content/label/delete`,
+  checkLabel: `iasf/content/label/checkForHeavy`,
+  queryLabel: `iasf/content/label/queryAllArticleSubjectTags`,
+  saveLabel: `iasf/content/label/save`,
+  updateLabel: `iasf/content/label/update`,
 }
\ No newline at end of file
diff --git a/src/assets/images/newsProcurement/1.png b/src/assets/images/newsProcurement/1.png
new file mode 100644
index 0000000..bb7eb83
Binary files /dev/null and b/src/assets/images/newsProcurement/1.png differ
diff --git a/src/assets/images/newsProcurement/2.png b/src/assets/images/newsProcurement/2.png
new file mode 100644
index 0000000..caf5ac9
Binary files /dev/null and b/src/assets/images/newsProcurement/2.png differ
diff --git a/src/assets/images/newsProcurement/3.png b/src/assets/images/newsProcurement/3.png
new file mode 100644
index 0000000..afdd5f1
Binary files /dev/null and b/src/assets/images/newsProcurement/3.png differ
diff --git a/src/assets/images/page/newsProcurement.png b/src/assets/images/page/newsProcurement.png
new file mode 100644
index 0000000..fc285aa
Binary files /dev/null and b/src/assets/images/page/newsProcurement.png differ
diff --git a/src/const/column.js b/src/const/column.js
index 9d76159..e433f15 100644
--- a/src/const/column.js
+++ b/src/const/column.js
@@ -94,6 +94,11 @@ export default {
       id: 6,
       path: 'newsPress',
       name: 'NEWS&EVENTS-PRESS ROOM'
+    },
+    {
+      id: 7,
+      path: 'newsProcurement',
+      name: 'NEWS&EVENTS-PROCUREMENT'
     }
   ],
 }
\ No newline at end of file
diff --git a/src/pages/article/add/editor.js b/src/pages/article/add/editor.js
index 39faec9..fed7f86 100644
--- a/src/pages/article/add/editor.js
+++ b/src/pages/article/add/editor.js
@@ -342,7 +342,7 @@ export default {
     editor.on('init', function(ed) {
       // 设置默认字体
       ed.target.editorCommands.execCommand("fontName", false, "PingFang SC")
-      ed.target.editorCommands.execCommand("fontSize", false, "19px");
+      ed.target.editorCommands.execCommand("fontSize", false, "19px")
     })
   },
 }
\ No newline at end of file
diff --git a/src/pages/article/add/index.vue b/src/pages/article/add/index.vue
index 8891c66..8d41562 100644
--- a/src/pages/article/add/index.vue
+++ b/src/pages/article/add/index.vue
@@ -53,6 +53,54 @@
           ></el-input>
         </el-form-item>
       </div>
+      <div class="item-line">
+        <el-form-item prop="source" label="编辑">
+          <el-input
+            placeholder="请输入编辑"
+            v-model.trim="form.source"
+            clearable
+            maxlength="15"
+            class="inline-input"
+            @change="nameChange"
+          ></el-input>
+        </el-form-item>
+        <el-form-item prop="author" label="审核">
+          <el-input
+            placeholder="请输入审核"
+            v-model.trim="form.author"
+            clearable
+            maxlength="15"
+            class="inline-input"
+            @change="nameChange"
+          ></el-input>
+        </el-form-item>
+      </div>
+      <div class="item-line">
+        <el-form-item prop="source" label="所属分类">
+          <el-select style="width: 234px;" v-model="form.typeId">
+            <el-option
+              v-for="item in classifications"
+              :key="item.id"
+              :label="item.classificationName"
+              :value="item.id">
+            </el-option>
+          </el-select>
+          <!-- <el-button class="set-btn" type="primary" @click="setClass">设置</el-button> -->
+          <el-button class="set-btn" type="primary">设置</el-button>
+        </el-form-item>
+        <el-form-item prop="author" label="主题标签">
+          <el-select style="width: 234px;" v-model="form.typeId">
+            <el-option
+              v-for="item in labels"
+              :key="item.id"
+              :label="item.labelName"
+              :value="item.id">
+            </el-option>
+          </el-select>
+          <!-- <el-button class="set-btn" type="primary" @click="setLabel">设置</el-button> -->
+          <el-button class="set-btn" type="primary">设置</el-button>
+        </el-form-item>
+      </div>
       <el-form-item prop="summary" label="摘要">
         <el-input
           style="width: 940px"
@@ -203,6 +251,70 @@
         :fixedNumber.sync="fixedNumber"
         @upload="customUpload" />
     </el-dialog>
+    
+    <el-dialog title="所属分类设置" :visible.sync="classVisible" width="500px" :close-on-click-modal="false" class="manage-dia">
+      <div class="plus">
+        <i class="el-icon-circle-plus-outline" @click="addClass"></i>
+      </div>
+      <el-table :data="classifications" ref="table" header-align="center" row-key="id">
+        <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
+        <el-table-column prop="classificationName" label="分类名称" align="center" min-width="130">
+          <template slot-scope="scope">
+            <el-input
+              v-if="scope.row.edit"
+              placeholder="请输入分类名称"
+              v-model="scope.row.classificationName"
+              clearable
+              maxlength="30"
+            ></el-input>
+            <span v-else>{{ scope.row.classificationName }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="updateTime1" label="是否引用" align="center" min-width="60">否</el-table-column>
+        <el-table-column label="操作" align="center" min-width="60">
+          <template slot-scope="scope">
+            <i v-if="scope.row.edit" class="el-icon-check edit" @click="submitClass(scope.row)"></i>
+            <i v-else class="el-icon-edit edit" @click="editClass(scope.row)"></i>
+            <i class="el-icon-delete del" @click="delClass(scope.row)"></i>
+          </template>
+        </el-table-column>
+      </el-table>
+      <span slot="footer">
+        <el-button @click="classVisible = false">返回</el-button>
+      </span>
+    </el-dialog>
+    
+    <el-dialog title="主题标签设置" :visible.sync="labelVisible" width="500px" :close-on-click-modal="false" class="manage-dia">
+      <div class="plus">
+        <i class="el-icon-circle-plus-outline" @click="addLabel"></i>
+      </div>
+      <el-table :data="labels" ref="table" header-align="center" row-key="id">
+        <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
+        <el-table-column prop="labelName" label="主题名称" align="center" min-width="130">
+          <template slot-scope="scope">
+            <el-input
+              v-if="scope.row.edit"
+              placeholder="请输入主题名称"
+              v-model="scope.row.labelName"
+              clearable
+              maxlength="30"
+            ></el-input>
+            <span v-else>{{ scope.row.labelName }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="updateTime1" label="是否引用" align="center" min-width="60">否</el-table-column>
+        <el-table-column label="操作" align="center" min-width="60">
+          <template slot-scope="scope">
+            <i v-if="scope.row.edit" class="el-icon-check edit" @click="submitLabel(scope.row)"></i>
+            <i v-else class="el-icon-edit edit" @click="editLabel(scope.row)"></i>
+            <i class="el-icon-delete del" @click="delLabel(scope.row)"></i>
+          </template>
+        </el-table-column>
+      </el-table>
+      <span slot="footer">
+        <el-button @click="labelVisible = false">返回</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -217,6 +329,7 @@ export default {
     data() {
         return {
           site: this.$store.state.content.site,
+          userId: this.$store.state.user.userId,
           nameRepeat: false,
           types: ColumnConst.types,
           templates: ColumnConst.templates,
@@ -261,6 +374,9 @@ export default {
             releaseTime: [
               { required: true, message: '请选择发布日期', trigger: 'change' }
             ],
+            titleImg: [
+              { required: true, message: '请上传封面图', trigger: 'change' }
+            ],
             mainBody: [
               { required: true, message: '请输入正文', trigger: 'blur' }
             ],
@@ -276,7 +392,11 @@ export default {
           isUpload: false,
           fixedNumber: [1.76, 1],
           file: {}, // 当前被选择的图片文件
-          isBanner: 0
+          isBanner: 0,
+          classifications: [],
+          classVisible: false,
+          labels: [],
+          labelVisible: false
         };
     },
     computed: {
@@ -339,6 +459,8 @@ export default {
       ])
       this.getList()
       this.form.id && this.getData()
+      // this.getClassification()
+      // this.getLabel()
     },
     methods: {
       // 获取栏目
@@ -391,6 +513,105 @@ export default {
           if (file) this.fileList = [{name: file, url: file}] // 文件上传回显
         }).catch(err => {})
       },
+      // 获取所属分类
+      getClassification() {
+        this.$post(`${this.api.queryClassif}?siteId=${this.site.id}`).then(({ data }) => {
+          this.classifications = data
+        }).catch(err => {})
+      },
+      // 显示所属分类弹框
+      setClass() {
+        this.classVisible = true
+      },
+      // 新增所属分类
+      addClass() {
+        this.classifications.push({
+          edit: true,
+          id: '',
+          classificationName: ''
+        })
+      },
+      // 编辑所属分类
+      editClass(row) {
+        this.$set(row, 'edit', 1)
+      },
+      // 删除所属分类
+      delClass(row) {
+        this.$confirm('确定要删除吗？', '提示', {
+          type: 'warning'
+        }).then(() => {
+          this.$post(`${this.api.delClassif}?id=${row.id}`).then(res => {
+            util.successMsg('删除成功')
+            this.getClassification()
+          }).catch(res => {})
+        }).catch(() => {})
+      },
+      // 提交所属分类
+      submitClass(row) {
+        this.$post(`${this.api.checkClassif}?classificationName=${row.classificationName}&siteId=${this.site.id}&classificationId=${row.id}`).then(res => {
+          this.$post(this.api[row.id ? 'updateClassif' : 'saveClassif'], {
+            classificationName: row.classificationName,
+            id: row.id,
+            siteId: this.site.id,
+            editorId: this.userId,
+            founderId: this.userId
+          }).then(res => {
+            util.successMsg((row.id ? '修改' : '新增') + '成功')
+            this.getClassification()
+          }).catch(res => {})
+        }).catch(res => {})
+      },
+
+      
+      // 获取标签
+      getLabel() {
+        this.$post(`${this.api.queryLabel}?siteId=${this.site.id}`).then(({ data }) => {
+          this.labels = data
+        }).catch(err => {})
+      },
+      // 显示标签弹框
+      setLabel() {
+        this.labelVisible = true
+      },
+      // 新增标签
+      addLabel() {
+        this.labels.push({
+          edit: true,
+          id: '',
+          labelName: ''
+        })
+      },
+      // 编辑标签
+      editLabel(row) {
+        this.$set(row, 'edit', 1)
+      },
+      // 删除标签
+      delLabel(row) {
+        this.$confirm('确定要删除吗？', '提示', {
+          type: 'warning'
+        }).then(() => {
+          this.$post(`${this.api.delLabel}?id=${row.id}`).then(res => {
+            util.successMsg('删除成功')
+            this.getLabel()
+          }).catch(res => {})
+        }).catch(() => {})
+      },
+      // 提交标签
+      submitLabel(row) {
+        this.$post(`${this.api.checkLabel}?labelName=${row.labelName}&siteId=${this.site.id}&labelId=${row.id}`).then(res => {
+          this.$post(this.api[row.id ? 'updateLabel' : 'saveLabel'], {
+            labelName: row.labelName,
+            id: row.id,
+            siteId: this.site.id,
+            editorId: this.userId,
+            founderId: this.userId
+          }).then(res => {
+            util.successMsg((row.id ? '修改' : '新增') + '成功')
+            this.getLabel()
+          }).catch(res => {})
+        }).catch(res => {})
+      },
+
       // 文章名称判重
       nameChange(){
         const { title, level, id } = this.form
@@ -660,4 +881,23 @@ $upload-lg-height: 102px;
   left: -32px;
   cursor: pointer;
 }
+.plus {
+  margin-bottom: 10px;
+  font-size: 18px;
+  color: #2962FF;
+  text-align: right;
+  cursor: pointer;
+}
+.set-btn {
+  margin-left: 10px !important;
+}
+.manage-dia {
+  .edit, .del {
+    font-size: 14px;
+    cursor: pointer;
+  }
+  .edit {
+    margin-right: 10px;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/pages/column/list/index.vue b/src/pages/column/list/index.vue
index 6d90a18..7e2c81e 100644
--- a/src/pages/column/list/index.vue
+++ b/src/pages/column/list/index.vue
@@ -32,11 +32,7 @@
         </template>
       </el-table-column>
       <el-table-column v-if="settings[2].show" prop="templateId" label="栏目模板" min-width="100"></el-table-column>
-      <el-table-column v-if="settings[3].show" prop="listStyleId" label="列表/长页样式" min-width="100">
-        <template slot-scope="scope">
-          {{ listStyle.find(e => e.id == scope.row.listStyleId) && listStyle.find(e => e.id == scope.row.listStyleId).name }}
-        </template>
-      </el-table-column>
+      <el-table-column v-if="settings[3].show" prop="listStyleName" label="列表/长页样式" min-width="100"></el-table-column>
       <el-table-column v-if="settings[4].show" prop="detailStyle" label="详情样式" min-width="100">
         <template slot-scope="scope">
           {{ detailStyle.find(e => e.id == scope.row.detailStyle) && detailStyle.find(e => e.id == scope.row.detailStyle).name }}
@@ -146,6 +142,7 @@ export default {
           types: ColumnConst.types,
           templates: ColumnConst.templates,
           listStyle: ColumnConst.listStyle,
+          pageStyle: ColumnConst.pageStyle,
           detailStyle: ColumnConst.detailStyle,
           keyword: '',
           searchTimer: null,
@@ -238,12 +235,23 @@ export default {
           typeId	: '',
           isSort: 0
         }).then(({ data }) => {
+          this.handleList(data)
           this.list = data
           this.listLoading = false
         }).catch(err => {
           this.listLoading = false
         })
       },
+      // 递归处理列表
+      handleList(data) {
+        data.map(e => {
+          // 获取列表/长页样式名称
+          const item = this[(e.typeId === 1 || e.typeId === 4) ? 'listStyle' : 'pageStyle'].find(n => n.id == e.listStyleId)
+          e.listStyleName = item.name || '--'
+          this.handleList(e.children)
+        })
+      },
+      // 重置列表
       initData() {
         this.$refs.table.clearSelection()
         this.page = 1
diff --git a/src/pages/column/page/about.vue b/src/pages/column/page/about.vue
index b72e981..ff5b3e8 100644
--- a/src/pages/column/page/about.vue
+++ b/src/pages/column/page/about.vue
@@ -8,11 +8,11 @@
     </div>
 
     <div class="modules">
-      <p class="page-name mb">页面设置</p>
+      <p class="page-name mb">页面设置/ABOUT</p>
       <div class="relative">
         <el-carousel height="480px">
           <template v-for="(item, i) in modules[0].list">
-            <el-carousel-item v-if="item.pic" :key="i">
+            <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
               <img width="100%" height="100%" :src="item.pic" alt="">
             </el-carousel-item>
           </template>
@@ -132,8 +132,8 @@
             <li v-for="(item, i) in modules[16].list" :key="i">
               <img class="pic" :src="item.pic" alt="">
               <div class="texts">
-                <p class="sub">{{ item.title }}</p>
-                <h6>{{ item.subTitle }}</h6>
+                <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>
@@ -697,8 +697,8 @@ export default {
           list: [
             {
               pic: require('@/assets/images/about/6.png'),
-              title: 'Founder and 1st PRESIDENT OF THE INSTITUTE OF ADVANCED SCIENCE FACILITIES, SHENZHEN',
-              subTitle: 'Sun Dongbai',
+              title: 'Sun Dongbai',
+              subTitle: 'Founder and 1st PRESIDENT OF THE INSTITUTE OF ADVANCED SCIENCE FACILITIES, SHENZHEN',
               link: {
                 linkName: '无',
                 connectionType: 1,
@@ -715,8 +715,8 @@ export default {
             },
             {
               pic: require('@/assets/images/about/7.png'),
-              title: 'Vice President of the Institute of Advanced Scienc, Shenzhen',
-              subTitle: 'Yang Xueming',
+              title: 'Yang Xueming',
+              subTitle: 'Vice President of the Institute of Advanced Scienc, Shenzhen',
               link: {
                 linkName: '无',
                 connectionType: 1,
@@ -733,8 +733,8 @@ export default {
             },
             {
               pic: require('@/assets/images/about/8.png'),
-              title: 'The Chairman of Science and Technology Advisory Committee',
-              subTitle: 'Ulf KALSSON',
+              title: 'Ulf KALSSON',
+              subTitle: 'The Chairman of Science and Technology Advisory Committee',
               link: {
                 linkName: '无',
                 connectionType: 1,
diff --git a/src/pages/column/page/careers.vue b/src/pages/column/page/careers.vue
index 35c4427..d4d0d6f 100644
--- a/src/pages/column/page/careers.vue
+++ b/src/pages/column/page/careers.vue
@@ -8,11 +8,11 @@
     </div>
 
     <div class="modules">
-      <p class="page-name mb">页面设置</p>
+      <p class="page-name mb">页面设置/CAREERS</p>
       <div class="relative">
         <el-carousel height="480px">
           <template v-for="(item, i) in modules[0].list">
-            <el-carousel-item v-if="item.pic" :key="i">
+            <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
               <img width="100%" height="100%" :src="item.pic" alt="">
             </el-carousel-item>
           </template>
diff --git a/src/pages/column/page/edu.vue b/src/pages/column/page/edu.vue
index e71c76e..33bdeaf 100644
--- a/src/pages/column/page/edu.vue
+++ b/src/pages/column/page/edu.vue
@@ -8,11 +8,11 @@
     </div>
 
     <div class="modules">
-      <p class="page-name mb">页面设置</p>
+      <p class="page-name mb">页面设置/EDUCATION & COLLABORATION</p>
       <div class="relative">
         <el-carousel height="480px">
           <template v-for="(item, i) in modules[0].list">
-            <el-carousel-item v-if="item.pic" :key="i">
+            <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
               <img width="100%" height="100%" :src="item.pic" alt="">
             </el-carousel-item>
           </template>
diff --git a/src/pages/column/page/home.vue b/src/pages/column/page/home.vue
index 341154e..a257471 100644
--- a/src/pages/column/page/home.vue
+++ b/src/pages/column/page/home.vue
@@ -8,11 +8,11 @@
     </div>
 
     <div class="modules">
-      <p class="page-name mb">页面设置</p>
+      <p class="page-name mb">页面设置/HOME</p>
       <div class="relative">
         <el-carousel height="500px">
           <template v-for="(item, i) in modules[0].list">
-            <el-carousel-item v-if="item.pic" :key="i">
+            <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
               <img width="100%" height="100%" :src="item.pic" alt="">
             </el-carousel-item>
           </template>
diff --git a/src/pages/column/page/news.vue b/src/pages/column/page/news.vue
index f01a544..ba7fe1e 100644
--- a/src/pages/column/page/news.vue
+++ b/src/pages/column/page/news.vue
@@ -7,11 +7,11 @@
       <el-button @click="$router.back()">放弃编辑</el-button>
     </div>
     <div class="modules">
-      <p class="page-name mb">页面设置</p>
+      <p class="page-name mb">页面设置/NEWS&EVENTS</p>
       <div class="relative">
         <el-carousel height="480px">
           <template v-for="(item, i) in modules[0].list">
-            <el-carousel-item v-if="item.pic" :key="i">
+            <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
               <img width="100%" height="100%" :src="item.pic" alt="">
             </el-carousel-item>
           </template>
diff --git a/src/pages/column/page/newsPress.vue b/src/pages/column/page/newsPress.vue
index 8cbd009..ba3fe89 100644
--- a/src/pages/column/page/newsPress.vue
+++ b/src/pages/column/page/newsPress.vue
@@ -8,11 +8,11 @@
     </div>
 
     <div class="modules">
-      <p class="page-name mb">页面设置</p>
+      <p class="page-name mb">页面设置/NEWS&EVENTS-PRESS ROOM</p>
       <div class="relative">
         <el-carousel height="480px">
           <template v-for="(item, i) in modules[0].list">
-            <el-carousel-item v-if="item.pic" :key="i">
+            <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
               <img width="100%" height="100%" :src="item.pic" alt="">
             </el-carousel-item>
           </template>
@@ -120,7 +120,43 @@ export default {
           list: [
             {
               pic: require('@/assets/images/newsPress/1.png'),
-              title: 'community service',
+              title: 'Reports',
+              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: require('@/assets/images/newsPress/2.png'),
+              title: 'Brochures',
+              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: require('@/assets/images/newsPress/3.png'),
+              title: 'Gallery',
               subTitle: 'IASF is driven to serve the Science and industry, and solve grand challenges.',
               link: {
                 linkName: '无',
diff --git a/src/pages/column/page/newsProcurement.vue b/src/pages/column/page/newsProcurement.vue
new file mode 100644
index 0000000..9db45ae
--- /dev/null
+++ b/src/pages/column/page/newsProcurement.vue
@@ -0,0 +1,232 @@
+<template>
+  <div class="wrap">
+    <div class="actions">
+      <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="$router.back()">放弃编辑</el-button>
+    </div>
+
+    <div class="modules">
+      <p class="page-name mb">页面设置/NEWS&EVENTS-PROCUREMENT</p>
+      <div class="relative">
+        <el-carousel height="480px">
+          <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">
+        <div class="inner c-wrap">
+          <ul class="list">
+            <li v-for="(item, i) in modules[1].list" :key="i">
+              <img class="pic" :src="item.pic" alt="">
+              <div class="texts">
+                <h6>{{ item.title }}</h6>
+                <p class="sub">{{ item.subTitle }}</p>
+                <div class="des">{{ item.des }}</div>
+                <img src="@/assets/images/arrow.png" alt="">
+              </div>
+            </li>
+          </ul>
+          <div class="cover" @click="toSet(1)">点击更改图片、标题概述与链接</div>
+        </div>
+      </div>
+    </div>
+
+    <Module ref="module" :data.sync="curData" :visible.sync="diaVisible" @moduleSubmit="moduleSubmit" />
+  </div>
+</template>
+
+<script>
+import mixins from '@/mixins/page'
+export default {
+  mixins: [mixins],
+  data() {
+    return {
+      modules: [
+        {
+          type: 'banner',
+          list: [
+            {
+              pic: require('@/assets/images/news/1.png'),
+              link: {
+                linkName: '无',
+                connectionType: 1,
+                columnId: [],
+                articleId: '',
+                linkAddress	: '',
+                site: '',
+                otherColumnId: [],
+                otherArticleId: '',
+                isOpen: 1
+              },
+              isEnable: 1
+            }
+          ]
+        },
+        {
+          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: '无',
+              connectionType: 1,
+              columnId: [],
+              articleId: '',
+              linkAddress	: '',
+              site: '',
+              otherColumnId: [],
+              otherArticleId: '',
+              isOpen: 1
+            },
+            des: ''
+          },
+          list: [
+            {
+              pic: require('@/assets/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
+            },
+            {
+              pic: require('@/assets/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
+            },
+            {
+              pic: require('@/assets/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
+            }
+          ]
+        },
+      ],
+    }
+  },
+  mounted() {
+    
+  },
+  methods: {
+    
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+@import "../../../styles/page/page.scss";
+.list {
+  li {
+    position: relative;
+    &:nth-child(even) {
+      text-align: right;
+      .texts {
+        left: 0;
+        text-align: left;
+      }
+    }
+  }
+  .pic {
+    width: 650px;
+    height: 730px;
+  }
+  .texts {
+    position: absolute;
+    top: 120px;
+    left: 610px;
+    width: 850px;
+    height: 440px;
+    padding: 60px 30px 30px 100px;
+    background: rgba(247, 247, 247, .72);
+  }
+  h6 {
+    font-size: 40px;
+    color: #3C3C3C;
+  }
+  .sub {
+    margin: 20px 0;
+    font-size: 24px;
+    color: #1C1C1C;
+    line-height: 33px;
+  }
+  .des {
+    margin-bottom: 20px;
+    font-size: 20px;
+    color: #3C3C3C;
+    line-height: 32px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/router/modules/column.js b/src/router/modules/column.js
index 83ba592..c4e0693 100644
--- a/src/router/modules/column.js
+++ b/src/router/modules/column.js
@@ -60,6 +60,12 @@ export default {
       path: `newsPress`,
       component: () => import('@/pages/column/page/newsPress'),
       meta: { title: 'NEWS&Events-press room' }
+    },
+    {
+      name: `${pre}newsProcurement`,
+      path: `newsProcurement`,
+      component: () => import('@/pages/column/page/newsProcurement'),
+      meta: { title: 'NEWS&Events-procurement' }
     }
   ]
 }
diff --git a/src/styles/common.scss b/src/styles/common.scss
index c584702..2a0144e 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -129,6 +129,9 @@
   .el-input, .el-select {
     width: 300px;
   }
+  .el-select .el-input {
+    width: auto;
+  }
   .el-textarea {
     width: 550px;
   }