52 lines
1.2 KiB
Vue
52 lines
1.2 KiB
Vue
|
<!--
|
||
|
|
* @Date: 2020-12-14 09:07:03
|
||
|
|
* @LastEditors: zwq
|
||
|
|
* @LastEditTime: 2022-01-23 00:14:53
|
||
|
|
* @FilePath: \mt-bus-fe\src\views\OperationalOverview\components\baseTable.vue
|
||
|
|
* @Description:
|
||
|
|
-->
|
||
|
|
<template>
|
||
|
|
<span class="alarm-level">
|
||
|
|
<span
|
||
|
|
style="display: inline-block; height: .6em;width: .6em; border-radius: .3em; position: relative;"
|
||
|
|
:style="{background: colorList[injectData.level].back, boxShadow: `0px 0px 2px 2px ${colorList[injectData.level].border}`}"
|
||
|
|
/>
|
||
|
|
{{ injectData.level }}级
|
||
|
|
</span>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'NextDay',
|
||
|
|
props: {
|
||
|
|
injectData: {
|
||
|
|
type: Object,
|
||
|
|
default: () => ({})
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
colorList: {
|
||
|
|
1: {
|
||
|
|
back: 'rgba(255, 12, 12, 1)',
|
||
|
|
border: 'rgba(255, 12, 12, .5)'
|
||
|
|
},
|
||
|
|
2: {
|
||
|
|
back: 'rgba(255, 183, 12, 1)',
|
||
|
|
border: 'rgba(255, 183, 12, .5)'
|
||
|
|
},
|
||
|
|
3: {
|
||
|
|
back: 'rgba(39, 96, 255, 1)',
|
||
|
|
border: 'rgba(39, 96, 255, .5)'
|
||
|
|
},
|
||
|
|
4: {
|
||
|
|
back: 'rgba(12, 255, 30, 1)',
|
||
|
|
border: 'rgba(12, 255, 30, .5)'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|