fix:导出快照 添加loading
This commit is contained in:
@@ -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 = ''
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user