【类 型】:style 1.改一下 “返航组件里面的tip标签组件” 位置 2.删掉几个无用组件

【原  因】:把组件全部放在组件目下面 不用子目录  以后有可能会用到 easycom 自动加载组件的特性 这样改目录结构符合规范
【过  程】:
【影  响】:
This commit is contained in:
tk 2024-08-06 16:10:50 +08:00
parent 5abd57755e
commit 7ea8266f3c
4 changed files with 1 additions and 163 deletions

View File

@ -13,7 +13,7 @@
</template>
<script>
import Tooltip from '@/components/Tag/Tooltip'
import Tooltip from '@/components/Tooltip'
export default {
name: 'BatteryStatus',

View File

@ -1,89 +0,0 @@
<template>
<el-row type="flex" justify="space-around">
<el-col :span="8" class="fb f-s-14 fc">
{{ online ? showState : '离线' }}
</el-col>
<el-col :class="online ? heartAnimation ? 'icon-heart online' : 'icon-heart1 online' : 'icon-xinsui offline'"
class="iconfont f-s-26 fc" :span="8"></el-col>
<el-col :span="8" class="fb f-s-14 fc">
{{ getPlaneMode }}
</el-col>
</el-row>
</template>
<script>
export default {
name: 'HeartTag',
data () {
return {
heartAnimation: false, //
online: false,
isOnlineSetTimeout: null
}
},
props: {
heartBeat: {
deep: true
},
heartRandom: {
default: null,
deep: true
},
getPlaneMode: {
deep: true
}
},
computed: {
//
showState () {
let str = ''
if (Number(this.heartBeat) & 128) {
str += '已解'
} else {
str += '已锁'
}
return str
}
},
watch: {
heartRandom: {
handler (val) {
//
this.heartAnimation = true
setTimeout(() => {
this.heartAnimation = false
}, 500)
// 线
if (this.isOnlineSetTimeout) { // 线
clearInterval(this.isOnlineSetTimeout)
}
this.online = true
this.isOnlineSetTimeout = setTimeout(() => { // 10 线
this.online = false
}, 10000)
}
}
}
}
</script>
<style lang="scss" scoped>
@import "@/styles/theme.scss";
.el-row {
border-radius: 5px;
height: 36px;
line-height: 36px;
background-color: rgba($color: $white-color, $alpha: 0.5);
overflow: hidden;
}
.online {
background-color: rgba($color: $success-color, $alpha: 0.5);
}
.offline {
background-color: rgba($color: $danger-color, $alpha: 0.5);
}
</style>

View File

@ -1,73 +0,0 @@
<template>
<el-row class="p-r-10">
<el-col :class="state === 'danger' ? `${icon} dangerBG` : `${icon} normalBG`" class="iconfont f-s-22 fc "
:span="9"></el-col>
<el-col :span="unit !== '' ? 9 : 15" class="fb f-s-14 fr">
{{ val }}
</el-col>
<el-col v-if="unit !== ''" :span="6" class="fb f-s-14 fr">
{{ unit }}
</el-col>
</el-row>
</template>
<script>
export default {
name: 'PublicTag',
data () {
return {
}
},
props: {
icon: {
type: String,
default: '',
required: true,
deep: true
},
val: {
default: '',
required: true,
deep: true
},
unit: {
type: String,
default: '',
required: true,
deep: true
},
state: {
type: String,
default: 'normal',
required: true,
deep: true
}
}
}
</script>
<style lang="scss" scoped>
@import "@/styles/theme.scss";
.el-row {
border-radius: 5px;
height: 36px;
line-height: 36px;
background-color: rgba($color: $graylight-color, $alpha: 0.5);
max-width: 185px;
overflow: hidden;
.el-col {
overflow: hidden;
}
.normalBG {
background-color: rgba($color: $success-color, $alpha: 0.5);
}
.dangerBG {
background-color: rgba($color: $danger-color, $alpha: 0.5);
}
}
</style>