Fix the issue where the Dashboard field cannot navigate

src/views/dashboard/Pam/RiskSummary.vue

@@ -43,67 +43,85 @@ export default {
     chartOption() {
       const data = [
         {
+          description: 'long_time_no_login',
           name: this.$t('NoLoginLongTime'),
           value: this.counter.total_long_time_no_login_accounts
         },
         {
+          description: 'new_found',
           name: this.$t('NewAccountsFound'),
           value: this.counter.total_new_found_accounts
         },
         {
+          description: 'group_changed',
           name: this.$t('GroupChanged'),
           value: this.counter.total_group_changed_accounts
         },
         {
+          description: 'sudo_changed',
           name: this.$t('SudoChanged'),
           value: this.counter.total_sudo_changed_accounts
         },
         {
+          description: 'authorized_keys_changed',
           name: this.$t('AuthorizedKeysChanged'),
           value: this.counter.total_authorized_keys_changed_accounts
         },
         {
+          description: 'account_deleted',
           name: this.$t('AccountDeleted'),
           value: this.counter.total_account_deleted_accounts
         },
         {
+          description: 'password_expired',
           name: this.$t('PasswordExpired'),
           value: this.counter.total_password_expired_accounts
         },
         {
+          description: 'long_time_password',
           name: this.$t('LongTimePassword'),
           value: this.counter.total_long_time_password_accounts
         },
         {
+          description: 'weak_password',
           name: this.$t('WeakPassword'),
           value: this.counter.total_weak_password_accounts
         },
         {
+          description: 'leaked_password',
           name: this.$t('LeakedPassword'),
           value: this.counter.total_leaked_password_accounts
         },
         {
+          description: 'repeated_password',
           name: this.$t('RepeatedPassword'),
           value: this.counter.total_repeated_password_accounts
         },
         {
+          description: 'password_error',
           name: this.$t('PasswordError'),
           value: this.counter.total_password_error_accounts
         },
         {
+          description: 'no_admin_account',
           name: this.$t('NoAdminAccount'),
           value: this.counter.total_no_admin_account_accounts
         }
       ]
 
-      // 过滤出值大于0的项目
-      let filteredData = data.filter(item => item.value > 0)
+      let filteredData = []
 
-      // 如果没有值大于0的项目，则显示前5个
-      if (filteredData.length === 0) {
-        filteredData = data.slice(0, 5)
+      // 只要有一个大于零 则展示全部的
+      if (data.some(item => item.value > 0).length > 0) {
+        filteredData = data
+      } else {
+        filteredData = data.slice(0, 7)
       }
 
+      // 找出所有数据中最大的值，并设置为 x 轴的 max。如果全是零则设置为 10
+      const maxValue = Math.max(...filteredData.map(item => item.value))
+      const max = maxValue > 0 ? maxValue : 10
+
       return {
         grid: {
           top: '5%',
@@ -115,6 +133,9 @@ export default {
         xAxis: {
           type: 'value',
           show: true,
+          min: 0,
+          max: max,
+          interval: 1,
           position: 'top',
           axisLine: { show: false },
           axisTick: { show: false },
@@ -153,7 +174,11 @@ export default {
         series: [
           {
             type: 'bar',
-            data: filteredData.map(item => item.value),
+            data: filteredData.map(item => ({
+              name: item.name,
+              value: item.value,
+              description: item.description
+            })),
             barWidth: '60%',
             label: {
               show: false,
@@ -165,7 +190,6 @@ export default {
             },
             itemStyle: {
               color: '#1AB394',
-
               borderRadius: [0, 4, 4, 0]
             }
           }
@@ -216,6 +240,17 @@ export default {
     initChart() {
       this.chart = echarts.init(this.$refs.chartRef)
       this.chart.setOption(this.chartOption)
+
+      this.chart.on('click', (params) => {
+        if (params.componentType === 'series') {
+          this.$router.push({
+            name: 'AccountCheckList',
+            query: {
+              payload: params.data.description
+            }
+          })
+        }
+      })
     },
     updateChart() {
       if (this.chart) {

src/views/dashboard/Pam/SummaryChart.vue

@@ -26,6 +26,7 @@
         v-for="item in summaryItems"
         :key="item.key"
         class="metric-item"
+        @click="handleClick(item)"
       >
         <span class="metric-label">{{ $tc(item.label) }}</span>
         <span class="metric-value" :class="{'increase': config[item.key] > 0}">
@@ -172,6 +173,9 @@ export default {
       if (this.chart) {
         this.chart.resize()
       }
+    },
+    handleClick(item) {
+      this.$router.push({ name: this.config.route.name, query: { payload: item.key }})
     }
   }
 }

src/views/pam/Account/AccountList.vue

@@ -36,6 +36,23 @@ export default {
     }
   },
   mounted() {
+    if (!this.$route.query.payload) return
+
+    const payload = this.$route.query.payload
+    switch (payload) {
+      case 'privileged':
+        this.tableConfig.url += '?privileged=1'
+        break
+      case 'resetSecret':
+        this.tableConfig.url += '?secret_reset=1'
+        break
+      case 'connectable':
+        this.tableConfig.url += '?connectivity=ok'
+        break
+      case 'valid':
+        this.tableConfig.url += '?valid=1'
+        break
+    }
   },
   methods: {
   }

src/views/pam/RiskDetect/AccountRiskList.vue

@@ -19,6 +19,22 @@ import BatchResolveDialog from '@/views/pam/RiskDetect/RiskHandlerFormatter/Batc
 import RiskScanDialog from './RiskScanDialog.vue'
 import { DetailFormatter } from '@/components/Table/TableFormatters'
 
+const riskMapping = {
+  'long_time_no_login': '?long_time_no_login=1',
+  'new_found': '?risk=new_found',
+  'group_changed': '?risk=group_changed',
+  'sudo_changed': '?risk=sudo_changed',
+  'authorized_keys_changed': '?risk=authorized_keys_changed',
+  'account_deleted': '?risk=account_deleted',
+  'password_expired': '?risk=password_expired',
+  'long_time_password': '?risk=long_time_password',
+  'weak_password': '?risk=weak_password',
+  'leaked_password': '?risk=leaked_password',
+  'repeated_password': '?risk=repeated_password',
+  'password_error': '?risk=password_error',
+  'no_admin_account': '?risk=no_admin_account'
+}
+
 export default {
   components: {
     RiskScanDialog,
@@ -144,6 +160,20 @@ export default {
     }
   },
   mounted() {
+    this.checkPayload()
+  },
+  methods: {
+    checkPayload() {
+      const payload = this.$route.query.payload
+
+      if (!payload) return
+
+      const queryParam = riskMapping[payload]
+
+      if (queryParam) {
+        this.tableConfig.url += queryParam
+      }
+    }
   }
 }
 </script>