fix:导出快照 添加loading

This commit is contained in:
zhangyu
2022-10-17 17:35:54 +08:00
parent a383f0ef92
commit 6db8c17b27
2 changed files with 11 additions and 4 deletions

View File

@@ -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 = ''

View File

@@ -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>