diff --git a/nezha-fronted/package-lock.json b/nezha-fronted/package-lock.json
index 3f85b8ddb..02158432f 100644
--- a/nezha-fronted/package-lock.json
+++ b/nezha-fronted/package-lock.json
@@ -14340,7 +14340,7 @@
     },
     "node-sass": {
       "version": "4.14.1",
-      "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.14.1.tgz",
+      "resolved": "https://registry.npmmirror.com/node-sass/-/node-sass-4.14.1.tgz",
       "integrity": "sha512-sjCuOlvGyCJS40R8BscF5vhVlQjNN069NtQ1gSxyK1u9iqvn6tf7O1R4GNowVZfiZUCRt5MmMs1xd+4V/7Yr0g==",
       "dev": true,
       "requires": {
@@ -14851,7 +14851,7 @@
     },
     "pace-js": {
       "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/pace-js/-/pace-js-1.2.4.tgz",
+      "resolved": "https://registry.npmmirror.com/pace-js/-/pace-js-1.2.4.tgz",
       "integrity": "sha512-qnCxtvUoY9yHId0AwMQCVmWltb698GiuVArmDbQzonTu9QCo0SgWUVnX9jB9mi+/FUSWvQULBPxUAAo/kLrh1A=="
     },
     "pako": {
@@ -17233,7 +17233,7 @@
     },
     "sass-loader": {
       "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-8.0.2.tgz",
+      "resolved": "https://registry.npmmirror.com/sass-loader/-/sass-loader-8.0.2.tgz",
       "integrity": "sha512-7o4dbSK8/Ol2KflEmSco4jTjQoV988bM82P9CZdmo9hR3RLnvNc0ufMNdMrB0caq38JQ/FgF4/7RcbcfKzxoFQ==",
       "dev": true,
       "requires": {
@@ -17659,7 +17659,7 @@
     },
     "showdown": {
       "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/showdown/-/showdown-2.1.0.tgz",
+      "resolved": "https://registry.npmmirror.com/showdown/-/showdown-2.1.0.tgz",
       "integrity": "sha512-/6NVYu4U819R2pUIk79n67SYgJHWCce0a5xTP979WbNp0FL9MN1I1QK662IDU1b6JzKTvmhgI7T7JYIxBi3kMQ==",
       "requires": {
         "commander": "^9.0.0"
@@ -17667,7 +17667,7 @@
       "dependencies": {
         "commander": {
           "version": "9.5.0",
-          "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz",
+          "resolved": "https://registry.npmmirror.com/commander/-/commander-9.5.0.tgz",
           "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ=="
         }
       }
@@ -20727,7 +20727,7 @@
     },
     "webpack-bundle-analyzer": {
       "version": "2.13.1",
-      "resolved": "https://registry.npmjs.org/webpack-bundle-analyzer/-/webpack-bundle-analyzer-2.13.1.tgz",
+      "resolved": "https://registry.npmmirror.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-2.13.1.tgz",
       "integrity": "sha512-rwxyfecTAxoarCC9VlHlIpfQCmmJ/qWD5bpbjkof+7HrNhTNZIwZITxN6CdlYL2axGmwNUQ+tFgcSOiNXMf/sQ==",
       "dev": true,
       "requires": {
diff --git a/nezha-fronted/src/assets/css/components/page/integration/integration.scss b/nezha-fronted/src/assets/css/components/page/integration/integration.scss
index cc3485a26..95534d907 100644
--- a/nezha-fronted/src/assets/css/components/page/integration/integration.scss
+++ b/nezha-fronted/src/assets/css/components/page/integration/integration.scss
@@ -114,13 +114,14 @@
     .integration-dialog-top{
       display: flex;
       align-items: center;
-      padding-bottom: 20px;
+      padding-bottom: 21px;
       margin: 0 30px;
       .integration-dialog-top-logo{
         line-height: 0;
         img{
           width: 72px;
           height: auto;
+          padding-left: 10px;
         }
       }
       .integration-dialog-introduce{
@@ -160,7 +161,7 @@
   .integration-tabs-nav{
     margin:0 30px;
     height: 42px;
-    box-sizing: border-box;
+    box-sizing: content-box !important;
     border-bottom: 1px solid $--border-color-light;
     display: flex;
     .integration-tabs-nav-item{
@@ -170,8 +171,10 @@
       font-family: Roboto-Regular;
       font-size: 14px;
       color: $--color-text-regular;
-      font-weight: 400;
+      font-weight: 600;
       line-height: 42px;
+      padding-left: 7px;
+      padding-right: 7px;
       position: relative;
     }
     .integration-tabs-nav-item.active{
@@ -203,14 +206,16 @@
         font-weight: 600;
       }
       .nz-btn{
-        width: 80px;
-        height: 30px;
+        width: 82px;
+        height: 32px;
+        line-height: 32px;
         padding: 0 10px;
         border-radius: 4px;                                                 
         background-color: $--color-primary;
         border: none !important;
-        i{
-          font-size: 16px;
+        i.nz-icon{
+          font-size: 14px;
+          padding-right: 6px;
         }
         span{
           font-size: 14px;
@@ -346,46 +351,45 @@
   }
   .integration-manual,.integration-automatic{
     padding: 30px;
-    padding-top: 15px;
+    padding-top: 23px;
     padding-right: 10px;
     margin-right: 20px;
     box-sizing: border-box;
     height: 100%;
     overflow-y: auto;
     .integration-install{
-      font-size: 16px;
+      font-size: 14px;
       color: $--color-text-primary;
-      font-weight: 600;
+      font-weight: 400;
     }
     .install-step{
-      padding-top: 15px;
+      padding-top: 20px;
       width: 100%;
       display: flex;
       .step-num{
         width: 20px;
         height: 20px;
-        box-sizing: border-box;
-        border: 1px solid $--border-color-light;
-        border-radius: 2px;
+        border-radius: 50%;
+        margin-right: 8px;
+        color: #FFFFFF;
+        background: $--color-primary;
         font-size: 12px;
         text-align: center;
         line-height: 20px;
-        color: $--color-text-primary;
-        margin-right: 12px;
       }
       .step-right{
         flex: 1;
         h4{
           font-size: 14px;
           line-height: 20px;
-          margin-bottom: 12px;
-          color: $--color-text-regular;
+          margin-bottom: 10px;
+          color: $--color-text-primary;
           font-weight: normal;
         }
         p{
           font-size: 14px;
           line-height: 20px;
-          margin-bottom: 8px;
+          margin-bottom: 10px;
           color: $--color-text-regular;
           display: flex;
           align-items: center;
@@ -394,31 +398,48 @@
             width: 6px;
             height: 6px;
             border-radius: 50%;
-            background: $--color-text-primary;
+            background: $--color-text-regular;
             margin-right: 6px;
           }
+          &>span{
+            color: $--color-text-regular;
+          }
         }
         .talon-select{
           color: $--color-text-regular;
           display: flex;
           align-items: center;
           &>span{
-            margin-right: 8px;
+            margin-right: 10px;
           }
           .el-select{
-            width: 220px;
+            width: 310px;
+            .el-input__inner{
+              color: $--color-text-primary;
+            }
           }
           .v-selectpage{
-            width: 640px;
+            width: 310px;
             .sp-base.sp-input{
               height: 32px;
+              &>span{
+                color: $--color-text-primary;
+              }
             }
             .sp-icon-close{
               display: none;
             }
           }
           .nz-btn{
-            margin-left: 18px;
+            width: 106px;
+            height: 32px;
+            margin-left: 10px;
+            line-height: 32px;
+            i.nz-icon{
+              font-size: 14px;
+              padding-right: 6px;
+              vertical-align: baseline;
+            }
           }
         }
         .command-box{
@@ -426,14 +447,21 @@
           width: 100%;
           line-height: 32px;
           .el-input__inner{
-            color: $--color-text-primary;
+            height: 36px !important;
+            line-height: 36px !important;
+            padding-left: 12px;
+            color: $--color-text-regular;
             border-color: $--border-color-light;
+            background: $--select-page-hover-background-color !important;
             cursor: text;
           }
           .el-input__suffix{
+            top: 2px;
+            right: 13px;
             .el-input__suffix-inner{
               cursor: pointer;
-              i{
+              i.nz-icon{
+                font-size: 14px;
                 color: $--color-text-regular;
               }
             }
diff --git a/nezha-fronted/src/components/page/integration/integration-tabs/automatic.vue b/nezha-fronted/src/components/page/integration/integration-tabs/automatic.vue
index 91b07d0c5..4806df328 100644
--- a/nezha-fronted/src/components/page/integration/integration-tabs/automatic.vue
+++ b/nezha-fronted/src/components/page/integration/integration-tabs/automatic.vue
@@ -33,7 +33,7 @@
             <i slot="suffix" class="nz-icon nz-icon-override" @click="copyUrl(curlUrl)" :title="$t('overall.copyText')"></i>
           </el-input>
         </div>
-        <h4 style="margin-top:15px">{{$t('integration.autoRemark')}}</h4>
+        <h4 style="margin-top:10px">{{$t('integration.autoRemark')}}</h4>
       </div>
     </div>
   </div>
@@ -83,7 +83,9 @@ export default {
     }
   },
   created () {
-    this.getAssetList()
+    this.$nextTick(() => {
+      this.getAssetList()
+    })
     this.token = localStorage.getItem('nz-token')
     axios.get('/healthy').then(response => {
       const url = response.request.responseURL
@@ -105,10 +107,10 @@ export default {
         if (response.code === 200) {
           this.assetList = response.data.list
           if (this.assetList && this.assetList.length > 0) {
-            setTimeout(() => {
-              this.assetId = String(this.assetList[0].id)
-              this.loadFinish = true
-            }, 100)
+            // setTimeout(() => {
+            this.assetId = String(this.assetList[0].id)
+            this.loadFinish = true
+            // }, 100)
           }
         }
       })
diff --git a/nezha-fronted/src/components/page/integration/integration-tabs/integration-tabs.vue b/nezha-fronted/src/components/page/integration/integration-tabs/integration-tabs.vue
index d01495906..250683b09 100644
--- a/nezha-fronted/src/components/page/integration/integration-tabs/integration-tabs.vue
+++ b/nezha-fronted/src/components/page/integration/integration-tabs/integration-tabs.vue
@@ -5,8 +5,8 @@
     </ul>
     <div class="integration-tabs-content">
       <!-- internal -->
-      <manual v-if="tabId==='manual'"></manual>
       <automatic v-if="tabId==='automatic'"></automatic>
+      <manual v-if="tabId==='manual'"></manual>
       <!-- module -->
       <configuration v-if="tabId==='configuration'" :configuration="detailsObj.configuration"></configuration>
       <dashboard v-if="tabId==='dashboard'" :tempId="detailsObj.tempId"></dashboard>
@@ -54,10 +54,10 @@ export default {
       immediate: true,
       handler (val) {
         if (val === 'internal') {
-          this.tabId = 'manual'
+          this.tabId = 'automatic'
           this.tabs = [
-            { id: 'manual', name: this.$t('integration.manualInstallation') },
-            { id: 'automatic', name: this.$t('integration.automaticInstallation') }
+            { id: 'automatic', name: this.$t('integration.automaticInstallation') },
+            { id: 'manual', name: this.$t('integration.manualInstallation') }
           ]
         } else if (val === 'module') {
           this.tabId = 'configuration'
diff --git a/nezha-fronted/src/components/page/integration/integration-tabs/manual.vue b/nezha-fronted/src/components/page/integration/integration-tabs/manual.vue
index 063bf64bb..bec71b6b9 100644
--- a/nezha-fronted/src/components/page/integration/integration-tabs/manual.vue
+++ b/nezha-fronted/src/components/page/integration/integration-tabs/manual.vue
@@ -13,7 +13,9 @@
               <span class="panel-dropdown-label-txt" >{{item.label}}</span>
             </el-option>
           </el-select>
-          <button :class="{'nz-btn-disabled':newDownloadFlag}" :disabled="newDownloadFlag" class="nz-btn nz-btn-size-normal nz-btn-style-normal" type="button" @click="newDownload">{{$t('overall.download')}}</button>
+          <button :class="{'nz-btn-disabled':newDownloadFlag}" :disabled="newDownloadFlag" class="nz-btn nz-btn-size-normal nz-btn-style-normal" type="button" @click="newDownload">
+            <i class="nz-icon nz-icon-download"></i>{{$t('overall.download')}}
+          </button>
         </div>
       </div>
     </div>
@@ -26,7 +28,7 @@
             <i slot="suffix" class="nz-icon nz-icon-override" @click="copyUrl(newCommand)" :title="$t('overall.copyText')"></i>
           </el-input>
         </div>
-        <h4 style="margin-top:15px">{{$t('integration.installed')}}</h4>
+        <h4 style="margin-top:20px">{{$t('integration.installed')}}</h4>
         <div class="command-box">
           <el-input :disabled="true" :value="tokenCommand" size="small">
             <i slot="suffix" class="nz-icon nz-icon-override" @click="copyUrl(tokenCommand)" :title="$t('overall.copyText')"></i>
@@ -54,7 +56,7 @@
     </div>
 
     <!-- Upgrade installation -->
-    <h3 class="integration-install" style="margin-top:3px;">{{$t('integration.upgradeInstallation')}}</h3>
+    <h3 class="integration-install" style="margin-top:20px;">{{$t('integration.upgradeInstallation')}}</h3>
     <div class="install-step">
       <div class="step-num">1</div>
       <div class="step-right">
@@ -66,7 +68,9 @@
               <span class="panel-dropdown-label-txt" >{{item.label}}</span>
             </el-option>
           </el-select>
-          <button :class="{'nz-btn-disabled':upDownloadFlag}" :disabled="upDownloadFlag" class="nz-btn nz-btn-size-normal nz-btn-style-normal" type="button" @click="upDownload">{{$t('overall.download')}}</button>
+          <button :class="{'nz-btn-disabled':upDownloadFlag}" :disabled="upDownloadFlag" class="nz-btn nz-btn-size-normal nz-btn-style-normal" type="button" @click="upDownload">
+            <i class="nz-icon nz-icon-download"></i>{{$t('overall.download')}}
+          </button>
         </div>
       </div>
     </div>