diff --git a/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue b/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
index 2a69ed53..902e9708 100644
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
@@ -12,14 +12,14 @@
         <div class="left">
           <a-tooltip>
             <template #title>{{ item.linkValue }}</template>
-            <p>
+            <p @click="ServiceAddressFunction(item.linkValue)">
               服务地址：
               {{ item.linkValue }}
             </p>
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ item.csslinkValue }}</template>
-            <p>
+            <p @click="ServiceAddressFunction(item.csslinkValue)">
               样式服务地址：
               {{ item.csslinkValue }}
             </p>
@@ -186,6 +186,10 @@
       }
     }
   )
+  //服务地址和样式服务地址跳转方法
+  function ServiceAddressFunction(link) {
+    window.open(link)
+  }
   function technical() {
     // 拼接路径
     // const type = pinyin(props.dataList.type, {
@@ -280,6 +284,7 @@
             color: #212956;
             line-height: 26px;
             margin-top: 0.3rem;
+            cursor: pointer;
           }
           p:first-child {
             margin-top: 0.2rem;