From 4b33b089f1ccbddacca7c8a4d92c887090be921c Mon Sep 17 00:00:00 2001
From: "851673013@qq.com" <851673013@qq.com>
Date: Tue, 19 Jul 2022 11:14:46 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=91=E7=9A=84=E6=B5=8F=E8=A7=88=E6=A8=A1?=
 =?UTF-8?q?=E7=B3=8A=E6=9F=A5=E8=AF=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../personalCenter/components/MyBrowse.vue    | 43 ++++++++++++++++++-
 1 file changed, 41 insertions(+), 2 deletions(-)

diff --git a/front/src/views/personalCenter/components/MyBrowse.vue b/front/src/views/personalCenter/components/MyBrowse.vue
index 006b740a..cbf4345e 100644
--- a/front/src/views/personalCenter/components/MyBrowse.vue
+++ b/front/src/views/personalCenter/components/MyBrowse.vue
@@ -141,7 +141,7 @@
   </div>
 </template>
 <script setup>
-  import { onMounted, ref } from 'vue'
+  import { onMounted, ref, watch } from 'vue'
   import { useRouter } from 'vue-router'
   import { message } from 'ant-design-vue'
   import { updateVisits, browsingInsert } from '@/api/home'
@@ -218,6 +218,7 @@
     type.value = ''
     pageNum.value = '1'
     pageSize.value = '5'
+    tabIndex.value = 0
     showKey.value++
     checkAll.value = false
     getList()
@@ -229,6 +230,8 @@
     getBsList({
       limit: pageSize.value,
       page: pageNum.value,
+      type: tabList.value[tabIndex.value],
+      name: name.value,
     }).then((res) => {
       checkAll.value = true
       console.log('申购车列表================>', res)
@@ -328,7 +331,7 @@
     showKey.value++
   }
   // 切换筛选条件
-  const tabIndex = ref(-1)
+  const tabIndex = ref(0)
   const changeTab = (index) => {
     console.log('tabIndex', tabIndex.value, index, tabList)
     if (tabIndex.value == index) {
@@ -381,6 +384,42 @@
       }
     }
   }
+  //监听tabindex发生改变调用接口
+  watch(tabIndex, (val) => {
+    getBsList({
+      limit: pageSize.value,
+      page: pageNum.value,
+      type: tabList.value[val],
+      name: name.value,
+    }).then((res) => {
+      checkAll.value = true
+      console.log('申购车列表================>', res)
+      initLoading.value = false
+      list.value = []
+      total.value = res.data.data.total
+      res.data.data.list.forEach((val) => {
+        const obj = {
+          loading: false,
+          name: val.resourceDTO.name,
+          id: val.id,
+          checked: false,
+          visits: val.resourceDTO.visits,
+          type: val.resourceDTO.type,
+          link: val.resourceDTO.link,
+          resourceId: val.resourceId,
+          createDate: val.createDate,
+          description: val.resourceDTO.description,
+          delFlag: val.resourceDTO.delFlag,
+        }
+        if (checkedList.value.indexOf(val.id) == -1) {
+          checkAll.value = false
+        } else {
+          obj.checked = true
+        }
+        list.value.push(obj)
+      })
+    })
+  })
 </script>
 <style lang="less" scoped>
   .ant-list {