fix: format code style
diff --git a/ui-vue3/src/api/mock/mockService.ts b/ui-vue3/src/api/mock/mockService.ts
index d9048ef..2383bcd 100644
--- a/ui-vue3/src/api/mock/mockService.ts
+++ b/ui-vue3/src/api/mock/mockService.ts
@@ -30,20 +30,20 @@
         serviceName: 'org.apache.dubbo.samples.UserService',
         versionGroup: [
           {
-            "version": "1.0.0",
-            "group": "group1"
+            version: '1.0.0',
+            group: 'group1'
           },
           {
-            "version": "1.0.0",
-            "group": null
+            version: '1.0.0',
+            group: null
           },
           {
-            "version": null,
-            "group": "group1"
+            version: null,
+            group: 'group1'
           },
           {
-            "version": null,
-            "group": null
+            version: null,
+            group: null
           }
         ],
         avgQPS: 6,
@@ -54,20 +54,20 @@
         serviceName: 'org.apache.dubbo.samples.OrderService',
         versionGroup: [
           {
-            "version": "1.0.0",
-            "group": "group1"
+            version: '1.0.0',
+            group: 'group1'
           },
           {
-            "version": "1.0.0",
-            "group": null
+            version: '1.0.0',
+            group: null
           },
           {
-            "version": null,
-            "group": "group1"
+            version: null,
+            group: 'group1'
           },
           {
-            "version": null,
-            "group": null
+            version: null,
+            group: null
           }
         ],
         avgQPS: 13,
@@ -78,20 +78,20 @@
         serviceName: 'org.apache.dubbo.samples.DetailService',
         versionGroup: [
           {
-            "version": "1.0.0",
-            "group": "group1"
+            version: '1.0.0',
+            group: 'group1'
           },
           {
-            "version": "1.0.0",
-            "group": null
+            version: '1.0.0',
+            group: null
           },
           {
-            "version": null,
-            "group": "group1"
+            version: null,
+            group: 'group1'
           },
           {
-            "version": null,
-            "group": null
+            version: null,
+            group: null
           }
         ],
         avgQPS: 0.5,
@@ -102,20 +102,20 @@
         serviceName: 'org.apache.dubbo.samples.PayService',
         versionGroup: [
           {
-            "version": "1.0.0",
-            "group": "group1"
+            version: '1.0.0',
+            group: 'group1'
           },
           {
-            "version": "1.0.0",
-            "group": null
+            version: '1.0.0',
+            group: null
           },
           {
-            "version": null,
-            "group": "group1"
+            version: null,
+            group: 'group1'
           },
           {
-            "version": null,
-            "group": null
+            version: null,
+            group: null
           }
         ],
         avgQPS: 9,
@@ -126,20 +126,20 @@
         serviceName: 'org.apache.dubbo.samples.CommentService',
         versionGroup: [
           {
-            "version": "1.0.0",
-            "group": "group1"
+            version: '1.0.0',
+            group: 'group1'
           },
           {
-            "version": "1.0.0",
-            "group": null
+            version: '1.0.0',
+            group: null
           },
           {
-            "version": null,
-            "group": "group1"
+            version: null,
+            group: 'group1'
           },
           {
-            "version": null,
-            "group": null
+            version: null,
+            group: null
           }
         ],
         avgQPS: 8,
@@ -150,20 +150,20 @@
         serviceName: 'org.apache.dubbo.samples.RepayService',
         versionGroup: [
           {
-            "version": "1.0.0",
-            "group": "group1"
+            version: '1.0.0',
+            group: 'group1'
           },
           {
-            "version": "1.0.0",
-            "group": null
+            version: '1.0.0',
+            group: null
           },
           {
-            "version": null,
-            "group": "group1"
+            version: null,
+            group: 'group1'
           },
           {
-            "version": null,
-            "group": null
+            version: null,
+            group: null
           }
         ],
         avgQPS: 17,
@@ -174,20 +174,20 @@
         serviceName: 'org.apche.dubbo.samples.TransportService',
         versionGroup: [
           {
-            "version": "1.0.0",
-            "group": "group1"
+            version: '1.0.0',
+            group: 'group1'
           },
           {
-            "version": "1.0.0",
-            "group": null
+            version: '1.0.0',
+            group: null
           },
           {
-            "version": null,
-            "group": "group1"
+            version: null,
+            group: 'group1'
           },
           {
-            "version": null,
-            "group": null
+            version: null,
+            group: null
           }
         ],
         avgQPS: 43,
@@ -198,20 +198,20 @@
         serviceName: 'org.apche.dubbo.samples.DistributionService',
         versionGroup: [
           {
-            "version": "1.0.0",
-            "group": "group1"
+            version: '1.0.0',
+            group: 'group1'
           },
           {
-            "version": "1.0.0",
-            "group": null
+            version: '1.0.0',
+            group: null
           },
           {
-            "version": null,
-            "group": "group1"
+            version: null,
+            group: 'group1'
           },
           {
-            "version": null,
-            "group": null
+            version: null,
+            group: null
           }
         ],
         avgQPS: 4,
diff --git a/ui-vue3/src/utils/SearchUtil.ts b/ui-vue3/src/utils/SearchUtil.ts
index b0db85f..e6f0fcb 100644
--- a/ui-vue3/src/utils/SearchUtil.ts
+++ b/ui-vue3/src/utils/SearchUtil.ts
@@ -41,7 +41,7 @@
   ]
   searchApi: Function
   result: any
-  handleResult?: Function 
+  handleResult?: Function
   tableStyle: any
   table: {
     loading?: boolean
@@ -59,7 +59,7 @@
     columns: TableColumnsType | any,
     paged?: any | undefined,
     noPaged?: boolean,
-    handleResult?: Function,
+    handleResult?: Function
   ) {
     this.params = query
     this.noPaged = noPaged
@@ -84,7 +84,7 @@
     }, 5000)
     const res = (await this.searchApi(this.queryForm || {})).data
     this.result = handleResult ? handleResult(res.data) : res.data
-    console.log(this.result);
+    console.log(this.result)
     this.paged.total = res.total
     this.table.loading = false
   }
diff --git a/ui-vue3/src/views/resources/services/search.vue b/ui-vue3/src/views/resources/services/search.vue
index 43ec98d..64db7ad 100644
--- a/ui-vue3/src/views/resources/services/search.vue
+++ b/ui-vue3/src/views/resources/services/search.vue
@@ -27,12 +27,12 @@
           </span>
         </template>
         <template v-else-if="column.dataIndex === 'versionGroupSelect'">
-          <a-select
-            v-model:value="text.versionGroupValue"
-            :bordered="false"
-            style="width: 80%"
-          >
-            <a-select-option v-for="(item, index) in text.versionGroupArr" :value="item" :key="index">
+          <a-select v-model:value="text.versionGroupValue" :bordered="false" style="width: 80%">
+            <a-select-option
+              v-for="(item, index) in text.versionGroupArr"
+              :value="item"
+              :key="index"
+            >
               {{ item }}
             </a-select-option>
           </a-select>
@@ -92,13 +92,15 @@
 ]
 
 const handleResult = (result: any) => {
-  return result.map(service => {
+  return result.map((service) => {
     service.versionGroupSelect = {}
     service.versionGroupSelect.versionGroupArr = service.versionGroup.map((item: any) => {
-      return item.versionGroup = (item.version ? 'version: ' + item.version + ', ' : '') + (item.group ? 'group: ' + item.group : '') || '无'
+      return (item.versionGroup =
+        (item.version ? 'version: ' + item.version + ', ' : '') +
+          (item.group ? 'group: ' + item.group : '') || '无')
     })
-    service.versionGroupSelect.versionGroupValue = service.versionGroupSelect.versionGroupArr[0];
-    return service;
+    service.versionGroupSelect.versionGroupValue = service.versionGroupSelect.versionGroupArr[0]
+    return service
   })
 }
 
diff --git a/ui-vue3/src/views/resources/services/slots/ServiceTabHeaderSlot.vue b/ui-vue3/src/views/resources/services/slots/ServiceTabHeaderSlot.vue
index 477d164..2962a4e 100644
--- a/ui-vue3/src/views/resources/services/slots/ServiceTabHeaderSlot.vue
+++ b/ui-vue3/src/views/resources/services/slots/ServiceTabHeaderSlot.vue
@@ -17,9 +17,7 @@
 <template>
   <!--      example like blow-->
   <div class="__container_ServiceTabHeaderSlot">
-    <span class="header-desc"
-      >{{ $t('serviceDomain.name') }}: {{ route.params?.pathId }}</span
-    >
+    <span class="header-desc">{{ $t('serviceDomain.name') }}: {{ route.params?.pathId }}</span>
     <!-- <a-select
       v-model:value="versionGroupSelect.versionGroupValue"
       :bordered="false"
diff --git a/ui-vue3/src/views/resources/services/tabs/detail.vue b/ui-vue3/src/views/resources/services/tabs/detail.vue
index ffd22e3..4c8452b 100644
--- a/ui-vue3/src/views/resources/services/tabs/detail.vue
+++ b/ui-vue3/src/views/resources/services/tabs/detail.vue
@@ -64,10 +64,7 @@
         </a-flex>
       </a-card>
     </a-card-grid>
-    <a-flex>
-      
-      
-    </a-flex>
+    <a-flex> </a-flex>
   </div>
 </template>
 
diff --git a/ui-vue3/src/views/resources/services/tabs/distribution.vue b/ui-vue3/src/views/resources/services/tabs/distribution.vue
index 921f21b..ef7a335 100644
--- a/ui-vue3/src/views/resources/services/tabs/distribution.vue
+++ b/ui-vue3/src/views/resources/services/tabs/distribution.vue
@@ -40,7 +40,10 @@
           <template v-if="column.dataIndex === 'applicationName'">
             <span class="app-link" @click="viewDetail(text)">
               <b>
-                <Icon style="margin-bottom: -2px" icon="material-symbols:attach-file-rounded"></Icon>
+                <Icon
+                  style="margin-bottom: -2px"
+                  icon="material-symbols:attach-file-rounded"
+                ></Icon>
                 {{ text }}
               </b>
             </span>
@@ -98,10 +101,9 @@
     width: '20%',
     customCell: (_, index) => {
       if (index === 0) {
-        return { rowSpan: tableData.value.length };
-      }
-      else {
-        return { rowSpan: 0 };
+        return { rowSpan: tableData.value.length }
+      } else {
+        return { rowSpan: 0 }
       }
     }
   },
@@ -111,10 +113,9 @@
     width: '15%',
     customCell: (_, index) => {
       if (index === 0) {
-        return { rowSpan: tableData.value.length };
-      }
-      else {
-        return { rowSpan: 0 };
+        return { rowSpan: tableData.value.length }
+      } else {
+        return { rowSpan: 0 }
       }
     }
   },
@@ -142,7 +143,7 @@
     title: '标签',
     dataIndex: 'label',
     width: '15%'
-  },
+  }
 ]
 
 const tableData = ref([])
diff --git a/ui-vue3/src/views/resources/services/tabs/event.vue b/ui-vue3/src/views/resources/services/tabs/event.vue
index 5b0a197..11a5eaa 100644
--- a/ui-vue3/src/views/resources/services/tabs/event.vue
+++ b/ui-vue3/src/views/resources/services/tabs/event.vue
@@ -17,7 +17,7 @@
 <template>
   <div class="__container_services_tabs_event">
     <a-timeline class="timeline">
-      <a-timeline-item v-for="item, index in eventData" :key="index">
+      <a-timeline-item v-for="(item, index) in eventData" :key="index">
         <a-tag class="time" :color="PRIMARY_COLOR">{{ item.time }}</a-tag>
         <span class="description">{{ item.description }}</span>
       </a-timeline-item>
@@ -32,24 +32,24 @@
 const eventData = [
   {
     time: '2022-01-01',
-    description: 'description',
+    description: 'description'
   },
   {
     time: '2022-01-02',
-    description: 'description',
+    description: 'description'
   },
   {
     time: '2022-01-03',
-    description: 'description',
+    description: 'description'
   },
   {
     time: '2022-01-04',
-    description: 'description',
+    description: 'description'
   },
   {
     time: '2022-01-05',
-    description: 'description',
-  },
+    description: 'description'
+  }
 ]
 </script>