yudao-dev/src/views/dashboard/deepDashboard/interval.vue

52 lines
839 B
Vue
Raw Normal View History

2025-03-10 16:32:02 +08:00
<!--
* @Author: zwq
* @Date: 2023-08-03 14:09:18
* @LastEditors: zwq
* @LastEditTime: 2025-03-06 16:32:48
* @Description:
-->
<template>
<div class="tableInner" style="display: flex">
<div style="flex: 3; border-right: 2px solid #305887">
{{
list['out' + list.prop]
? Number(list['out' + list.prop]).toFixed(1)
: '-'
}}
</div>
<div style="flex: 2">
{{
list['ratio' + list.prop]
? Number(list['ratio' + list.prop]).toFixed(1)
: '-'
}}
</div>
</div>
</template>
<script>
export default {
props: {
injectData: {
type: Object,
default: () => ({}),
},
},
data() {
return {
list: this.injectData,
};
},
created() {},
methods: {},
};
</script>
<style scoped>
.tableInner {
border: none;
padding: 0;
height: 40px;
line-height: 40px;
text-align: center;
}
</style>