修改已知bug1
This commit is contained in:
@@ -913,4 +913,5 @@ module.exports = {
|
|||||||
toHavePermission: 'To Have Permission',
|
toHavePermission: 'To Have Permission',
|
||||||
and: 'and',
|
and: 'and',
|
||||||
judge:'Judge',
|
judge:'Judge',
|
||||||
|
pleaseWaitWhileRunning:'Please wait while running',
|
||||||
}
|
}
|
||||||
@@ -917,5 +917,6 @@ module.exports = {
|
|||||||
SynchronizedLibrary: '已同步至上报库、',
|
SynchronizedLibrary: '已同步至上报库、',
|
||||||
Statusis: '状态为',
|
Statusis: '状态为',
|
||||||
toHavePermission: '才有权限',
|
toHavePermission: '才有权限',
|
||||||
and: '并且'
|
and: '并且',
|
||||||
|
pleaseWaitWhileRunning:'运行中请稍等',
|
||||||
}
|
}
|
||||||
@@ -0,0 +1,91 @@
|
|||||||
|
<template>
|
||||||
|
<div class="loading-box" :style="style" v-if="loading">
|
||||||
|
<div class="loading-content">
|
||||||
|
<a-icon class="loading" type="loading"/>
|
||||||
|
<div class="loading-tips">
|
||||||
|
{{isTrue?'Please wait while running':'运行中请稍等'}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'JLoading',
|
||||||
|
props: {
|
||||||
|
// 是否显示隐藏
|
||||||
|
loading: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
// 是否固定
|
||||||
|
fixed: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
isTrue: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
style: {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
if (this.fixed) {
|
||||||
|
const el = $(this.el)
|
||||||
|
const top = `${el.offset().top}px`
|
||||||
|
const left = `${el.offset().left}px`
|
||||||
|
const width = `${el.outerWidth()}px`
|
||||||
|
const height = `${el.outerHeight()}px`
|
||||||
|
this.style = {
|
||||||
|
position: 'fixed',
|
||||||
|
top,
|
||||||
|
left,
|
||||||
|
width,
|
||||||
|
height,
|
||||||
|
'z-index': 1000
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
.loading-box {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 999;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: rgba(255, 255, 255, 0.9);
|
||||||
|
border-radius: 8px;
|
||||||
|
user-select: none;
|
||||||
|
|
||||||
|
.loading-content {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
color: #21c9cc;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
.loading {
|
||||||
|
font-size: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spin-loading {
|
||||||
|
animation: rotating 2s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-tips {
|
||||||
|
margin-top: 5px;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #21c9cc;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user