添加点击事件以及换图标

src/views/dashboard/overview/index.vue

@@ -235,7 +235,12 @@ onBeforeUnmount(() => {
                 {{ t('views.dashboard.overview.skim.users') }}
               </span>
             </div>
-            <div class="item" style="margin: 0 12px">
+            <div
+              class="item toRouter"
+              @click="fnToRouter('Ims_2080')"
+              :title="t('views.dashboard.overview.toRouter')"
+              style="margin: 0 12px"
+            >
               <div>
                 <img :src="svgUserIMS" style="width: 18px; margin-right: 8px" />
                 {{ skimState.imsUeNum }}
@@ -244,7 +249,11 @@ onBeforeUnmount(() => {
                 {{ t('views.dashboard.overview.skim.imsUeNum') }}
               </span>
             </div>
-            <div class="item">
+            <div
+              class="item toRouter"
+              @click="fnToRouter('Ims_2080')"
+              :title="t('views.dashboard.overview.toRouter')"
+            >
               <div>
                 <img :src="svgUserSMF" style="width: 18px; margin-right: 8px" />
                 {{ skimState.smfUeNum }}
@@ -283,9 +292,8 @@ onBeforeUnmount(() => {
               :title="t('views.dashboard.overview.toRouter')"
             >
               <div style="align-items: flex-start">
-                <img
+                <UserOutlined
-                  :src="svgBase"
+                  style="color: #4096ff; margin-right: 8px; font-size: 1.1rem"
-                  style="width: 18px; margin-right: 8px; height: 2rem"
                 />
                 {{ skimState.gnbUeNum }}
               </div>
@@ -313,9 +321,8 @@ onBeforeUnmount(() => {
               :title="t('views.dashboard.overview.toRouter')"
             >
               <div style="align-items: flex-start">
-                <img
+                <UserOutlined
-                  :src="svgBase"
+                  style="color: #4096ff; margin-right: 8px; font-size: 1.1rem"
-                  style="width: 18px; margin-right: 8px; height: 2rem"
                 />
                 {{ skimState.enbUeNum }}
               </div>