diff --git a/front/src/views/home/components/DetailsPageResource.vue b/front/src/views/home/components/DetailsPageResource.vue
index 22d91a63..01056c86 100644
--- a/front/src/views/home/components/DetailsPageResource.vue
+++ b/front/src/views/home/components/DetailsPageResource.vue
@@ -17,7 +17,7 @@
       <p>
         政府机构内不同部门间系统的数据存在“信息孤岛”、“数据烟囱”等现象，以数据应用为抓手，通过政务数据共享交换平台，进一步打通数据流，实现信息资源跨部门、跨层级、跨区域互联互通、业务协同和综合应用，满足政府企业部门多方位、多层次的数据需求。
       </p>
-      <div class="application">
+      <div class="application" @click="OnApplication">
         <span>在线申请</span>
       </div>
     </div>
@@ -46,6 +46,9 @@
       img: require('@/assets/home/pageResource/port-icon.png'),
     },
   ])
+  const OnApplication = () => {
+    window.open('https://10.110.205.1:18199/portal/#/home')
+  }
 </script>
 
 <style lang="less" scoped>