图片上传到服务器

src/const/column.js

@@ -2,7 +2,7 @@
  * 栏目配置
  * */
 
-export default {
+ export default {
   // 栏目类型
   types: [
     {
@@ -58,6 +58,16 @@ export default {
       id: 7,
       path: 'newsProcurement',
       name: 'NEWS&EVENTS-PROCUREMENT'
+    },
+    {
+      id: 8,
+      path: 'research',
+      name: 'RESEARCH'
+    },
+    {
+      id: 9,
+      path: 'application',
+      name: 'APPLICATION'
     }
   ],
 }

src/layouts/footer/index.vue

@@ -11,7 +11,7 @@
         <div v-for="(item, i) in columns" :key="i" class="column">
           <h6 @click="jump(item)">{{ item.columnName }}</h6>
           <ul v-if="item.children.length" class="children">
-            <li v-for="(column, j) in item.children" :key="j" @click="jump(item)">{{ column.columnName }}</li>
+            <li v-for="(column, j) in item.children" :key="j" @click="jump(column)">{{ column.columnName }}</li>
           </ul>
         </div>
       </div>
@@ -48,7 +48,6 @@ export default {
     // 跳转
     jump(to) {
       const { id } = to
-      this.active = to.id
       const { typeId } = to
       // 跳转链接
       if (typeId === 2) {
@@ -76,7 +75,7 @@ export default {
         }
       } else if (typeId !== 4 || (typeId === 4 && !to.children.length)) {
         // 常规栏目跳转到column页，长页栏目直接获取path
-        this.$router.push(`/${typeId === 3 ? row.path : 'column'}?id=${id}`).catch(err => {})
+        this.$router.push(`/${typeId === 3 ? to.path : 'column'}?id=${id}`).catch(err => {})
       }
     }
   },

src/pages/article/index.vue

@@ -27,23 +27,15 @@
 
           <p class="l-title">热点内容</p>
           <ul class="list">
-            <li>
+            <li v-for="(item, i) in hots" :key="i" :title="item.title" @click="toArtice(item)">
-              <p class="text">喜报 | 深圳粒子研究院荣获全国科研…</p>
+              <p class="text">{{ item.title }}</p>
-              <span class="date">2022-08-09</span>
+              <span class="date">{{ item.createTime }}</span>
-            </li>
-            <li>
-              <p class="text">喜报 | 深圳粒子研究院荣获全国科研…</p>
-              <span class="date">2022-08-09</span>
-            </li>
-            <li>
-              <p class="text">喜报 | 深圳粒子研究院荣获全国科研…</p>
-              <span class="date">2022-08-09</span>
             </li>
           </ul>
 
           <p class="l-title">最新资讯</p>
           <ul class="list">
-            <li v-for="(item, i) in news" :key="i">
+            <li v-for="(item, i) in news" :key="i" :title="item.title" @click="toArtice(item)">
               <p class="text">{{ item.title }}</p>
               <span class="date">{{ item.createTime }}</span>
             </li>
@@ -74,6 +66,7 @@ export default {
         label: 'columnName'
       },
       news: [],
+      hots: []
     }
   },
   components: {
@@ -139,6 +132,10 @@ export default {
         this.columns = data
         this.getInfo()
       }).catch(err => {})
+      
+      this.$post(`${this.api.hotContent}?siteId=${this.$route.query.siteId || this.$store.state.content.site}`).then(({ data }) => {
+        this.hots = data
+      }).catch(err => {})
     },
     // 最新资讯
     getArticle() {
@@ -153,6 +150,10 @@ export default {
     // 下载附件
     download(e) {
       Util.downloadFile(e.fileName, e.filePath)
+    },
+    // 跳转文章页面
+    toArtice(item) {
+      this.$router.push(`/article?id=${item.id}&site=${this.$route.query.siteId || this.site}`)
     }
   }
 };

src/pages/column/index.vue

@@ -88,7 +88,7 @@
           </div>
         </div>
         <div class="right">
-          <el-tree class="column" ref="column" :data="infoColumns" highlight-current :expand-on-click-node="false" :props="defaultProps" node-key="id" ></el-tree>
+          <el-tree class="column" ref="column" :data="infoColumns" highlight-current :expand-on-click-node="false" :props="defaultProps" node-key="id" @node-click="columnClick"></el-tree>
 
           <p class="l-title">热点内容</p>
           <ul class="list">
@@ -220,7 +220,8 @@ export default {
         this.curColumn = 0
         this.columns = data
         this.$nextTick(() => {
-          this.$refs.leftColumn.setCurrentKey(this.id)
+          const el = this.$refs.leftColumn
+          el && el.setCurrentKey(this.id)
         })
       }).catch(err => {})
     },
@@ -257,7 +258,6 @@ export default {
     },
     // 点击栏目回调
     columnClick(to) {
-      console.log("🚀 ~ file: index.vue ~ line 268 ~ columnClick ~ data", to)
       const { typeId } = to
       // 跳转链接
       if (typeId === 2) {
@@ -283,12 +283,9 @@ export default {
         } else {
           location.href = href
         }
-      } else if (typeId === 3) {
+      } else if (typeId !== 4 || (typeId === 4 && !to.children.length)) {
-        // 长页栏目直接获取path
+        // 常规栏目跳转到column页，长页栏目直接获取path
-        this.$router.push(`/${to.path}?id=${to.id}`).catch(err => {})
+        this.$router.push(`/${typeId === 3 ? to.path : 'column'}?id=${to.id}`).catch(err => {})
-      } else {
-        this.page = 1
-        this.getArticle([to.id])
       }
     },
     // 查询文章列表