diff --git a/nezha-fronted/src/components/common/mixin/exportHtml.js b/nezha-fronted/src/components/common/mixin/exportHtml.js
index 150798a03..5fa9da4e5 100644
--- a/nezha-fronted/src/components/common/mixin/exportHtml.js
+++ b/nezha-fronted/src/components/common/mixin/exportHtml.js
@@ -1,4 +1,5 @@
 import bus from '@/libs/bus'
+import { Loading } from 'element-ui'
 export default {
   data () {
     return {
@@ -20,7 +21,13 @@ export default {
         end: this.$stringTimeParseToUnix(bus.formateTimeToTime(this.searchTime[1])),
         vars: vars
       }
+      const loading = Loading.service({
+        lock: true,
+        customClass: 'export-pdf-mask',
+        background: 'rgba(0,0,0,.2)'
+      })
       this.$get('/visual/panel/snapshot', params, 'blob').then(res => {
+        loading.close()
         const self = this
         let fileName = name
         const resFileName = ''
diff --git a/nezha-fronted/src/components/page/config/agent.vue b/nezha-fronted/src/components/page/config/agent.vue
index 5f4f81d08..8c2b0574e 100644
--- a/nezha-fronted/src/components/page/config/agent.vue
+++ b/nezha-fronted/src/components/page/config/agent.vue
@@ -56,13 +56,13 @@
     <transition name="right-box">
       <agent-box v-if="rightBox.show" :agent="object" @close="closeRightBox"></agent-box>
     </transition>
-    <el-dialog :title="$t('guide.downloadAgent')" :visible.sync="showAgentDownload" append-to-body class="nz-dialog agent-dialog" width="800px" @close="closeDialog">
+    <el-dialog :title="$t('guide.downloadAgent')" :visible.sync="showAgentDownload" :append-to-body="false" class="nz-dialog agent-dialog" width="800px" @close="closeDialog">
       <div v-if="showAgentDownload" class="agent-box">
         <el-form v-model="agentParam" class="right-box-form right-box-form-left" label-position = "top" label-width="120px" size="small" style="width: 100%">
           <div class="right-box-sub-title">{{$t('overall.download')}}</div>
           <div style="margin-bottom: 20px;width: 100%"></div>
           <el-form-item :label="$t('config.agent.agent.osType')" class="half-form-item" prop="osType">
-            <el-select v-model="agentParam.osType" class="right-box-row-with-btn" popper-class="right-box-select-top right-public-box-dropdown-top agent-select" placeholder="">
+            <el-select v-model="agentParam.osType" class="right-box-row-with-btn" popper-class="right-box-select-top right-public-box-dropdown-top" placeholder="">
               <el-option v-for="item in osTypes" :key="item.name" :label="item.label" :value="item.name">
                 <span class="panel-dropdown-label-txt" >{{item.label}}</span>
               </el-option>
@@ -75,14 +75,14 @@
           <div style="margin-bottom: 20px;width: 100%"></div>
 
           <el-form-item :label="$t('overall.dc')" class="half-form-item" prop="dc">
-            <el-select v-model="agentParam.dc" class="right-box-row-with-btn" popper-class="right-box-select-top right-public-box-dropdown-top agent-select" placeholder="">
+            <el-select v-model="agentParam.dc" class="right-box-row-with-btn" popper-class="right-box-select-top right-public-box-dropdown-top" placeholder="">
               <el-option v-for="item in allDc" :key="item.id" :label="item.name" :value="item.id">
                 <span class="panel-dropdown-label-txt" >{{item.name}}</span>
               </el-option>
             </el-select>
           </el-form-item>
           <el-form-item :label="$t('config.agent.agent.type')" class="half-form-item" prop="type">
-            <el-select v-model="agentParam.type" class="right-box-row-with-btn" popper-class="right-box-select-top right-public-box-dropdown-top agent-select" placeholder="">
+            <el-select v-model="agentParam.type" class="right-box-row-with-btn" popper-class="right-box-select-top right-public-box-dropdown-top" placeholder="">
               <el-option v-for="item in agent2.theData" :key="item.value" :label="$t(item.label)" :value="item.value" :disabled="federationEnabled && item.value == 2">
                 <span class="panel-dropdown-label-txt" >{{item.label}}</span>
               </el-option>