diff --git a/front/src/assets/detailsAll/uesBefore.png b/front/src/assets/detailsAll/uesBefore.png
new file mode 100644
index 00000000..ed886432
Binary files /dev/null and b/front/src/assets/detailsAll/uesBefore.png differ
diff --git a/front/src/views/detailsAll/components/Algorithm/AlgorithmUsageMode.vue b/front/src/views/detailsAll/components/Algorithm/AlgorithmUsageMode.vue
index 916ba67b..e819d89b 100644
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmUsageMode.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmUsageMode.vue
@@ -8,7 +8,10 @@
       ></DetalsTitle>
     </div>
     <!-- 青岛市局 -->
-    <div v-if="whoShow1 && whoShow1.itShowQingDao">
+    <div
+      v-if="whoShow1 && whoShow1.itShowQingDao"
+      style="width: 100%; display: flex; justify-content: center"
+    >
       <div
         class="content"
         v-for="item in dataFrom.content"
@@ -133,7 +136,11 @@
         </div>
       </div>
       <div v-show="approveStatus !== '通过'" class="contentOther">
-        请申请后查看
+        <img src="~@/assets/detailsAll/uesBefore.png" />
+        <div class="contentOtherRight">
+          <p>请在申请能力后返回查看使用方式</p>
+          <div @click="toView()">进入能力申请</div>
+        </div>
       </div>
     </div>
     <!-- 其他 -->
@@ -265,6 +272,9 @@
   import { pinyin } from 'pinyin-pro'
   import { ref, defineProps, watch } from 'vue'
   import { message } from 'ant-design-vue'
+  import { useRouter } from 'vue-router'
+  const router = useRouter()
+
   const approveStatus = ref('通过')
   const whoShow1 = ref(whoShow)
   let dataFrom = ref({
@@ -310,6 +320,34 @@
     dataList: { type: Object, default: null },
   })
   const flag = ref(true)
+  //立即申请
+  function toView() {
+    // window.open(newpage.href, '_blank')
+    console.log('一键申请===================>', props.dataList)
+    localStorage.setItem(
+      'applyList',
+      JSON.stringify([
+        {
+          arr: [
+            {
+              delFlag: props.dataList.delFlag,
+              description: props.dataList.description,
+              resourceId: props.dataList.id,
+              resourceName: props.dataList.name,
+              time: props.dataList.createDate,
+              type: props.dataList.type,
+              componentType: '智能算法',
+            },
+          ],
+          deptId: props.dataList.deptId,
+          deptName: props.dataList.deptName,
+        },
+      ])
+    )
+    router.push({
+      path: '/apply',
+    })
+  }
   if (props.dataList.infoList) {
     let obj = true
     if (!obj) {
@@ -583,9 +621,37 @@
       }
     }
     .contentOther {
-      width: 100%;
-      height: 0.3rem;
-      background: pink;
+      width: 80%;
+      height: 4rem;
+      border: 1px dashed #7b98fd;
+      margin-top: 0.3rem;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      img {
+        margin-right: 2rem;
+      }
+      .contentOtherRight {
+        p {
+          font-weight: bold;
+          font-size: 0.2rem;
+        }
+        div {
+          width: 1.3rem;
+          height: 0.4rem;
+          line-height: 0.4rem;
+          background: #0885ff;
+          color: #ffffff;
+          border-radius: 0.05rem;
+          font-size: 0.18rem;
+          text-align: center;
+          cursor: pointer;
+          transition: all 0.3s;
+        }
+        div:hover {
+          background: #359bff;
+        }
+      }
     }
   }
 </style>
diff --git a/front/src/views/detailsAll/components/Application/ApplicationOwningDepartmentAndServiceProvider.vue b/front/src/views/detailsAll/components/Application/ApplicationOwningDepartmentAndServiceProvider.vue
index 875ad9d0..9f8f2e4c 100644
--- a/front/src/views/detailsAll/components/Application/ApplicationOwningDepartmentAndServiceProvider.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationOwningDepartmentAndServiceProvider.vue
@@ -7,7 +7,11 @@
         :type="dataFrom.englishTitle"
       ></DetalsTitle>
     </div>
-    <div v-if="whoShow1 && whoShow1.itShowQingDao">
+    <!-- 青岛市局 -->
+    <div
+      v-if="whoShow1 && whoShow1.itShowQingDao"
+      style="width: 100%; display: flex; justify-content: center"
+    >
       <div class="content" v-show="approveStatus == '通过'">
         <div
           v-for="(item, index) in dataFrom.content"
@@ -28,8 +32,15 @@
           </div>
         </div>
       </div>
-      <div v-show="approveStatus !== '通过'">请申请后查看</div>
+      <div v-show="approveStatus !== '通过'" class="contentOther">
+        <img src="~@/assets/detailsAll/uesBefore.png" />
+        <div class="contentOtherRight">
+          <p>请在申请能力后返回查看使用方式</p>
+          <div @click="toView()">进入能力申请</div>
+        </div>
+      </div>
     </div>
+    <!-- 其他 -->
     <div v-else>
       <div class="content">
         <div
@@ -58,6 +69,8 @@
 <script setup>
   import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
   import { ref, defineProps, watch } from 'vue'
+  import { useRouter } from 'vue-router'
+  const router = useRouter()
   const approveStatus = ref('通过')
   const whoShow1 = ref(whoShow)
   let dataFrom = ref({
@@ -79,6 +92,34 @@
   const props = defineProps({
     dataList: { type: Object, default: null },
   })
+  //立即申请
+  function toView() {
+    // window.open(newpage.href, '_blank')
+    console.log('一键申请===================>', props.dataList)
+    localStorage.setItem(
+      'applyList',
+      JSON.stringify([
+        {
+          arr: [
+            {
+              delFlag: props.dataList.delFlag,
+              description: props.dataList.description,
+              resourceId: props.dataList.id,
+              resourceName: props.dataList.name,
+              time: props.dataList.createDate,
+              type: props.dataList.type,
+              componentType: '智能算法',
+            },
+          ],
+          deptId: props.dataList.deptId,
+          deptName: props.dataList.deptName,
+        },
+      ])
+    )
+    router.push({
+      path: '/apply',
+    })
+  }
   if (props.dataList.infoList) {
     let obj = {
       attrType: '归属部门',
@@ -272,5 +313,38 @@
         }
       }
     }
+    .contentOther {
+      width: 80%;
+      height: 4rem;
+      border: 1px dashed #7b98fd;
+      margin-top: 0.3rem;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      img {
+        margin-right: 2rem;
+      }
+      .contentOtherRight {
+        p {
+          font-weight: bold;
+          font-size: 0.2rem;
+        }
+        div {
+          width: 1.3rem;
+          height: 0.4rem;
+          line-height: 0.4rem;
+          background: #0885ff;
+          color: #ffffff;
+          border-radius: 0.05rem;
+          font-size: 0.18rem;
+          text-align: center;
+          cursor: pointer;
+          transition: all 0.3s;
+        }
+        div:hover {
+          background: #359bff;
+        }
+      }
+    }
   }
 </style>
diff --git a/front/src/views/detailsAll/components/Business/BusinessUsageMode.vue b/front/src/views/detailsAll/components/Business/BusinessUsageMode.vue
index 00977084..3afaf2c6 100644
--- a/front/src/views/detailsAll/components/Business/BusinessUsageMode.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessUsageMode.vue
@@ -7,7 +7,10 @@
         :type="dataFrom.englishTitle"
       ></DetalsTitle>
     </div>
-    <div v-if="whoShow1 && whoShow1.itShowQingDao">
+    <div
+      v-if="whoShow1 && whoShow1.itShowQingDao"
+      style="width: 100%; display: flex; justify-content: center"
+    >
       <div
         class="content"
         v-for="item in dataFrom.content"
@@ -89,7 +92,13 @@
           </div>
         </div>
       </div>
-      <div v-show="approveStatus !== '通过'">请申请后查看</div>
+      <div v-show="approveStatus !== '通过'" class="contentOther">
+        <img src="~@/assets/detailsAll/uesBefore.png" />
+        <div class="contentOtherRight">
+          <p>请在申请能力后返回查看使用方式</p>
+          <div @click="toView()">进入能力申请</div>
+        </div>
+      </div>
     </div>
     <div v-else>
       <div class="content" v-for="item in dataFrom.content" :key="item.title">
@@ -177,6 +186,8 @@
   import { pinyin } from 'pinyin-pro'
   import { ref, defineProps, watch } from 'vue'
   import { message } from 'ant-design-vue'
+  import { useRouter } from 'vue-router'
+  const router = useRouter()
   const approveStatus = ref('通过')
   const whoShow1 = ref(whoShow)
   let dataFrom = ref({
@@ -211,6 +222,34 @@
     dataList: { type: Object, default: null },
   })
   const flag = ref(true)
+  //立即申请
+  function toView() {
+    // window.open(newpage.href, '_blank')
+    console.log('一键申请===================>', props.dataList)
+    localStorage.setItem(
+      'applyList',
+      JSON.stringify([
+        {
+          arr: [
+            {
+              delFlag: props.dataList.delFlag,
+              description: props.dataList.description,
+              resourceId: props.dataList.id,
+              resourceName: props.dataList.name,
+              time: props.dataList.createDate,
+              type: props.dataList.type,
+              componentType: '智能算法',
+            },
+          ],
+          deptId: props.dataList.deptId,
+          deptName: props.dataList.deptName,
+        },
+      ])
+    )
+    router.push({
+      path: '/apply',
+    })
+  }
   if (props.dataList.infoList) {
     let obj = true
     if (!obj) {
@@ -449,5 +488,38 @@
         }
       }
     }
+    .contentOther {
+      width: 80%;
+      height: 4rem;
+      border: 1px dashed #7b98fd;
+      margin-top: 0.3rem;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      img {
+        margin-right: 2rem;
+      }
+      .contentOtherRight {
+        p {
+          font-weight: bold;
+          font-size: 0.2rem;
+        }
+        div {
+          width: 1.3rem;
+          height: 0.4rem;
+          line-height: 0.4rem;
+          background: #0885ff;
+          color: #ffffff;
+          border-radius: 0.05rem;
+          font-size: 0.18rem;
+          text-align: center;
+          cursor: pointer;
+          transition: all 0.3s;
+        }
+        div:hover {
+          background: #359bff;
+        }
+      }
+    }
   }
 </style>
diff --git a/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue b/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue
index 763302e0..b17b8bf2 100644
--- a/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue
@@ -7,7 +7,10 @@
         :type="dataFrom.englishTitle"
       ></DetalsTitle>
     </div>
-    <div v-if="whoShow1 && whoShow1.itShowQingDao">
+    <div
+      v-if="whoShow1 && whoShow1.itShowQingDao"
+      style="width: 100%; display: flex; justify-content: center"
+    >
       <div class="content" v-show="approveStatus == '通过'">
         <div class="content-card">
           <div class="left">
@@ -41,7 +44,13 @@
           </div>
         </div>
       </div>
-      <div v-show="approveStatus !== '通过'">请申请后查看</div>
+      <div v-show="approveStatus !== '通过'" class="contentOther">
+        <img src="~@/assets/detailsAll/uesBefore.png" />
+        <div class="contentOtherRight">
+          <p>请在申请能力后返回查看使用方式</p>
+          <div @click="toView()">进入能力申请</div>
+        </div>
+      </div>
     </div>
     <div v-else>
       <div class="content">
@@ -86,6 +95,8 @@
   import { ref, defineProps, watch } from 'vue'
   import { pinyin } from 'pinyin-pro'
   import { message } from 'ant-design-vue'
+  import { useRouter } from 'vue-router'
+  const router = useRouter()
   const approveStatus = ref('通过')
   const whoShow1 = ref(whoShow)
   let flag = ref(true)
@@ -136,6 +147,34 @@
   const props = defineProps({
     dataList: { type: Object, default: null },
   })
+  //立即申请
+  function toView() {
+    // window.open(newpage.href, '_blank')
+    console.log('一键申请===================>', props.dataList)
+    localStorage.setItem(
+      'applyList',
+      JSON.stringify([
+        {
+          arr: [
+            {
+              delFlag: props.dataList.delFlag,
+              description: props.dataList.description,
+              resourceId: props.dataList.id,
+              resourceName: props.dataList.name,
+              time: props.dataList.createDate,
+              type: props.dataList.type,
+              componentType: '智能算法',
+            },
+          ],
+          deptId: props.dataList.deptId,
+          deptName: props.dataList.deptName,
+        },
+      ])
+    )
+    router.push({
+      path: '/apply',
+    })
+  }
   if (props.dataList.infoList) {
     let obj = props.dataList.infoList.filter(
       (item) => item.attrType === '组件地址'
@@ -360,5 +399,38 @@
         }
       }
     }
+    .contentOther {
+      width: 80%;
+      height: 4rem;
+      border: 1px dashed #7b98fd;
+      margin-top: 0.3rem;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      img {
+        margin-right: 2rem;
+      }
+      .contentOtherRight {
+        p {
+          font-weight: bold;
+          font-size: 0.2rem;
+        }
+        div {
+          width: 1.3rem;
+          height: 0.4rem;
+          line-height: 0.4rem;
+          background: #0885ff;
+          color: #ffffff;
+          border-radius: 0.05rem;
+          font-size: 0.18rem;
+          text-align: center;
+          cursor: pointer;
+          transition: all 0.3s;
+        }
+        div:hover {
+          background: #359bff;
+        }
+      }
+    }
   }
 </style>
diff --git a/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue b/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
index ebfb8890..e7a129e4 100644
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
@@ -7,7 +7,10 @@
         :type="dataFrom.englishTitle"
       ></DetalsTitle>
     </div>
-    <div v-if="whoShow1 && whoShow1.itShowQingDao">
+    <div
+      v-if="whoShow1 && whoShow1.itShowQingDao"
+      style="width: 100%; display: flex; justify-content: center"
+    >
       <div
         class="content"
         v-for="item in dataFrom.content"
@@ -91,7 +94,13 @@
           </div>
         </div>
       </div>
-      <div v-show="approveStatus !== '通过'">请申请后查看</div>
+      <div v-show="approveStatus !== '通过'" class="contentOther">
+        <img src="~@/assets/detailsAll/uesBefore.png" />
+        <div class="contentOtherRight">
+          <p>请在申请能力后返回查看使用方式</p>
+          <div @click="toView()">进入能力申请</div>
+        </div>
+      </div>
     </div>
     <div v-else>
       <div class="content" v-for="item in dataFrom.content" :key="item.title">
@@ -181,6 +190,8 @@
   import { message } from 'ant-design-vue'
   import { pinyin } from 'pinyin-pro'
   import { ref, defineProps, watch } from 'vue'
+  import { useRouter } from 'vue-router'
+  const router = useRouter()
   const approveStatus = ref('通过')
   const whoShow1 = ref(whoShow)
   let dataFrom = ref({
@@ -217,6 +228,34 @@
     dataList: { type: Object, default: null },
   })
   const flag = ref(true)
+  //立即申请
+  function toView() {
+    // window.open(newpage.href, '_blank')
+    console.log('一键申请===================>', props.dataList)
+    localStorage.setItem(
+      'applyList',
+      JSON.stringify([
+        {
+          arr: [
+            {
+              delFlag: props.dataList.delFlag,
+              description: props.dataList.description,
+              resourceId: props.dataList.id,
+              resourceName: props.dataList.name,
+              time: props.dataList.createDate,
+              type: props.dataList.type,
+              componentType: '智能算法',
+            },
+          ],
+          deptId: props.dataList.deptId,
+          deptName: props.dataList.deptName,
+        },
+      ])
+    )
+    router.push({
+      path: '/apply',
+    })
+  }
   if (props.dataList.infoList) {
     let obj = true
     if (!obj) {
@@ -461,5 +500,38 @@
         }
       }
     }
+    .contentOther {
+      width: 80%;
+      height: 4rem;
+      border: 1px dashed #7b98fd;
+      margin-top: 0.3rem;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      img {
+        margin-right: 2rem;
+      }
+      .contentOtherRight {
+        p {
+          font-weight: bold;
+          font-size: 0.2rem;
+        }
+        div {
+          width: 1.3rem;
+          height: 0.4rem;
+          line-height: 0.4rem;
+          background: #0885ff;
+          color: #ffffff;
+          border-radius: 0.05rem;
+          font-size: 0.18rem;
+          text-align: center;
+          cursor: pointer;
+          transition: all 0.3s;
+        }
+        div:hover {
+          background: #359bff;
+        }
+      }
+    }
   }
 </style>