From b80d0c5dd5ca242427a07f4891e8a0dc354889b3 Mon Sep 17 00:00:00 2001
From: 明梦爽 <2972214568@qq.com>
Date: 星期三, 19 一月 2022 23:46:29 +0800
Subject: [PATCH] 后台查看功能完成

---
 src/components/page/introduce.vue |  125 ++++++++++++++++++-----------------------
 1 files changed, 54 insertions(+), 71 deletions(-)

diff --git a/src/components/page/introduce.vue b/src/components/page/introduce.vue
index 65b8123..9fb6ac3 100644
--- a/src/components/page/introduce.vue
+++ b/src/components/page/introduce.vue
@@ -7,41 +7,20 @@
       <!-- 灏忔爣棰� -->
       <el-col :span="4" class="marr10">
         <ul>
-          <li
-            v-for="(item, index) in menuList"
-            :key="index"
-            class="liStylenone liPointer marb10"
-            @click="changeMenu(item)"
-          >
-            <b :class="cont == item.categoryName ? 'ft-blue' : 'ft-black'">{{
-              item.categoryName
-            }}</b>
+          <li v-for="(item, index) in menuList" :key="index" class="liStylenone liPointer marb10" @click="changeMenu(item)">
+            <b :class="cont == item.name ? 'ft-blue' : 'ft-black'">{{item.name}}</b>
           </li>
         </ul>
       </el-col>
        <!-- 鏂伴椈鍐呭 -->
       <el-card class="box-card">
         <el-col :span="18">
-          <div>
-            <el-row
-              class="marb10"
-              :key="index"
-              v-for="(item, index) in newsList"
-            >
+          <!-- <div v-if="newsList.length > 0">
+            <el-row class="marb10" :key="index" v-for="(item, index) in newsList">
               {{ item.title }}
             </el-row>
-          </div>
-          <!-- 鍒嗛〉 -->
-          <div>
-            <el-pagination
-              @current-change="handleCurrentChange"
-              :current-page.sync="currentPage"
-              :page-size="20"
-              layout="total, pager, next"
-              :total="total"
-            >
-            </el-pagination>
-          </div>
+          </div> -->
+          <div>{{ content }}</div>
         </el-col>
       </el-card>
     </el-row>
@@ -50,7 +29,7 @@
 
 <script>
 import globalTitle from '../globalTitle.vue'
-import { getMinTitle, getNewsList } from '../../api/api'
+import {getMinTitle,getNewsList,getnew} from '../../api/api'
 export default {
   name: 'introduce',
   components: {
@@ -60,62 +39,66 @@
     return {
       cont: '',
       menuList: [],
-      newsList: [],
-      total: 0,
-      currentPage: 1
+      newsList:[],
+      content:'',
     }
   },
   created() {
-    this.getMinTitleList()
   },
-  mounted() {},
+  mounted() {
+    this.getTitle();
+  },
   watch: {
-    menuList(newval, oldval) {
-      this.getAllNewsList(this.menuList[0])
-      this.cont = this.menuList[0].categoryName
+    menuList(n,o){
+      this.cont =  this.menuList[0].name;
+      this.getnews(this.menuList[0]);
+      this.getalone(this.newsList);
     }
   },
   methods: {
-    handleCurrentChange(val) {
-      console.log(`褰撳墠椤�: ${val}`)
+    getTitle(){
+      const data = Number(this.$route.query.id);
+      getMinTitle(data).then(res => {
+        console.log(res);
+        if(res.code == 200){
+          this.menuList = res.data
+        }
+      }).catch(err => {
+        console.log(err);
+      })
     },
     changeMenu(val) {
-      this.getAllNewsList(val)
-      this.cont = val.categoryName
+      this.cont = val.name;
+      this.getnews(val)
     },
-    getMinTitleList() {
+    getnews(item){
       const data = {
-        contypeId: this.$route.query.id,
-        p: 1
-      }
-      getMinTitle(data)
-        .then((res) => {
-          console.log('res', res)
-          if (res.code == 200) {
-            this.menuList = res.data.records
-          }
-        })
-        .catch((err) => {
-          console.log('err', err)
-        })
+        current:1,
+        newsCategoryId:item.id,
+        size:5
+      };
+      getNewsList(data).then(res => {
+        console.log(res);
+        if(res.code == 200){
+          // if(res.data.records.length == 1){
+            this.newsList = [];
+            this.getalone(res.data.records[0]);
+          // }else{
+          //   this.content = '';
+          //   this.newsList = res.data.records
+          // }
+        }
+      }).catch(error => {
+        console.log(error);
+      })
     },
-    getAllNewsList(item) {
-      const data = {
-        categoryId: item.id,
-        contypeId: item.contypeId,
-        p: this.currentPage
-      }
-      getNewsList(data)
-        .then((res) => {
-          console.log('res', res)
-          if (res.code == 200) {
-            this.newsList = res.data.records
-            this.total = Number(res.data.total)
-          }
-        })
-        .catch((err) => {
-          console.log('err', err)
-        })
+    getalone(item){
+      const data = item.id;
+      getnew(data).then(res => {
+        console.log(">>>>",res);
+        this.content = res.data.content;
+        this.data = res.data;
+      })
     }
   }
 }

--
Gitblit v1.8.0