fix: update tab handling in notification components TAP-6811

- Changed tab click event to tab change for better event handling in AlarmNotification.vue, NotificationPopover.vue, and SystemNotification.vue.
- Simplified tab parameter checks in the respective components for improved readability and consistency.

Author: cn-xufei

apps/daas/src/views/notification/AlarmNotification.vue

@@ -155,7 +155,7 @@ export default {
     },
     handleClick(tab) {
       this.currentPage = 1
-      if (tab.name === 'first') {
+      if (tab === 'first') {
         this.read = true // 全部信息
       } else {
         this.read = false //未读
@@ -188,7 +188,7 @@ export default {
       </div>
     </div>
 
-    <el-tabs v-model="activeName" @tab-click="handleClick">
+    <el-tabs v-model="activeName" @tab-change="handleClick">
       <div class="operation">
         <ElButton type="primary" @click="handlePageRead()">{{
           $t('notify_mask_read')

apps/daas/src/views/notification/NotificationPopover.vue

@@ -143,11 +143,11 @@ export default {
           break
       }
     },
-    tabHandler() {
-      if (this.activeTab === 'user') {
+    tabHandler(tab) {
+      if (tab === 'user') {
         this.getUserOperations()
       }
-      if (this.activeTab === 'alarm') {
+      if (tab === 'alarm') {
         this.getAlarmData()
       }
     },
@@ -243,7 +243,7 @@ export default {
       v-model="activeTab"
       stretch
       class="notification-popover-wrap"
-      @tab-click="tabHandler"
+      @tab-change="tabHandler"
     >
       <ElButton
         v-if="activeTab === 'system'"

apps/daas/src/views/notification/SystemNotification.vue

@@ -251,7 +251,7 @@ export default {
     },
     handleClick(tab) {
       this.currentPage = 1
-      if (tab.name === 'first') {
+      if (tab === 'first') {
         this.read = true // 全部信息
       } else {
         this.read = false //未读
@@ -313,7 +313,7 @@ export default {
   >
     <div v-loading="loading" class="system-notification">
       <div class="position-sticky top-0 z-10 bg-white">
-        <el-tabs v-model="activeName" @tab-click="handleClick">
+        <el-tabs v-model="activeName" @tab-change="handleClick">
           <el-tab-pane :label="$t('notify_user_all_notice')" name="first" />
           <el-tab-pane :label="$t('notify_unread_notice')" name="second" />
         </el-tabs>

packages/business/src/views/data-server/Drawer.vue

@@ -333,9 +333,9 @@ export default {
         })
       }
     },
-    tabChanged() {
+    tabChanged(tab) {
       let debugParams = null
-      if (this.tab === 'debug') {
+      if (tab === 'debug') {
         this.isEdit = false
         debugParams = {}
         this.data.params.forEach((p) => {
@@ -995,7 +995,7 @@ export default {
           ref="tabs"
           v-model="tab"
           class="data-server__tabs flex-1"
-          @tab-click="tabChanged"
+          @tab-change="tabChanged"
         >
           <ElTabPane
             :label="$t('packages_business_data_server_drawer_peizhi')"