From 9a5d91019a099d08368d3226bdf4f17ac576a4eb Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Mon, 7 Aug 2023 21:03:14 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=A6=E4=B9=A0=E5=9B=AD=E5=9C=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/view/Learning.vue | 43 ++++++++++++++++++++++++++++++++++++-------
 1 file changed, 36 insertions(+), 7 deletions(-)

diff --git a/src/view/Learning.vue b/src/view/Learning.vue
index 7218f8a..d0b1d94 100644
--- a/src/view/Learning.vue
+++ b/src/view/Learning.vue
@@ -8,9 +8,9 @@
     <template slot="content">
       <ai-search-bar>
         <template #left>
-          <el-radio-group v-model="search.categoryId">
+          <el-radio-group v-model="search.categoryId" @change="onChange">
             <el-radio-button label="">全部</el-radio-button>
-            <el-radio-button label="学院">我的收藏</el-radio-button>
+            <el-radio-button label="isFavorite">我的收藏</el-radio-button>
             <el-radio-button :label="item.id" :key="item.id" v-for="item in cateList">{{ item.name }}</el-radio-button>
           </el-radio-group>
         </template>
@@ -25,10 +25,10 @@
         :size.sync="search.size"
         style="margin-top: 8px;"
         @getList="getList">
-        <el-table-column slot="options" label="操作" align="center" fixed="right" width="90px">
-          <template v-slot="{row}">
+        <el-table-column slot="options" label="操作" align="center" fixed="right" width="140px">
+          <template v-slot="{ row }">
             <div class="table-options">
-              <el-button type="text">收藏</el-button>
+              <el-button type="text" @click="collection(row.id, row.isFavorite)">{{ row.isFavorite === '0' ? '收藏' : '已收藏' }}</el-button>
               <el-button type="text" @click="toDetail(row.url)">详情</el-button>
             </div>
           </template>
@@ -46,13 +46,14 @@
       return {
         colConfigs: [
           { prop: 'title', label: '标题', align: 'left' },
-          { prop: 'subPurchaseOrderSn', label: '是否收藏', align: 'center' },
+          { prop: 'isFavorite', label: '是否收藏', align: 'center', format: v => v === '0' ? '否' : '是' },
         ],
         tableData: [],
         total: 0,
         search: {
           current: 1,
           size: 10,
+          isFavorite: 0,
           categoryId: ''
         },
         cateList: []
@@ -69,6 +70,33 @@
         window.open(url)
       },
 
+      onChange (e) {
+        if (e === 'isFavorite') {
+          this.search.isFavorite = 1
+        } else {
+          this.search.isFavorite = 0
+        }
+
+        this.search.current = 1
+        this.getList()
+      },
+
+      collection (id, isFavorite) {
+        this.$confirm(isFavorite === '1' ? '确定收藏该文章?' : '确定取消收藏？', '温馨提示', {
+          confirmButtonText: '确定',
+          callback: action => {
+            if (action === 'confirm') {
+              this.$http.post(isFavorite === '0' ? `/api/learning/addFavorite?id=${id}` : `/api/learning/delFavorite?id=${id}`).then(res => {
+                if (res.code === 0) {
+                  this.$message.success(isFavorite === '1' ? '取消成功' : '收藏成功')
+                  this.getList()
+                }
+              })
+            }
+          }
+        })
+      },
+
       getCateList () {
         this.$http.post('/api/learningCategory/page?size=50').then(res => {
           if (res.code === 0) {
@@ -80,7 +108,8 @@
       getList () {
         this.$http.post('/api/learning/pluginPage', null, {
           params: {
-            ...this.search
+            ...this.search,
+            categoryId: this.search.isFavorite === 1 ? '' : this.search.categoryId
           }
         }).then(res => {
           if (res.code === 0) {