机械分厂设备大屏 隐藏故障率
This commit is contained in:
hzz 2023-08-07 15:34:23 +08:00
parent 44fa4b00fe
commit c4d68a6771
3 changed files with 206 additions and 201 deletions

View File

@ -92,7 +92,7 @@ let devFaultTipData = ref([])
let devStatusTipData = ref([])
let ringData = ref([])
let scrollBoardConfig = reactive({
header: ['序号', '设备名称', '所属车间', '设备状态', '稼动率', '故障率'],
header: ['序号', '设备名称', '所属车间', '设备状态', '稼动率'],//, ''
headerBGC: 'rgb(52, 105, 243)',
oddRowBGC: '#100c2a',
evenRowBGC: '#100c2a',
@ -172,7 +172,7 @@ async function reqDeviceTotelListMFfun() {
item.dept,
compare[item.status] ? compare[item.status] : '停机',
item.activation + '%',
item.failure + '%'
// item.failure + '%'
]
})
scrollBoardConfig.rawData = result.data;

View File

@ -2,7 +2,7 @@
<div class="container">
<dv-border-box-6 :color="['#20aec5', '#20aec5']">
<div class="content">
<div class="status online">{{ prop.data.status }}</div>
<div class="status" :class="statusClass">{{ prop.data.status }}</div>
<div class="right-top">
<div class="num">{{ prop.data.count }}</div>
<div class="name">当日总针数</div>
@ -19,7 +19,7 @@
</template>
<script setup lang='ts'>
import { getCurrentInstance, ref, onMounted,watch } from 'vue';
import { getCurrentInstance, ref, onMounted,watch, computed } from 'vue';
const { proxy } = getCurrentInstance()! as any;
const chart = ref(null);
let myChart: any = null;
@ -41,6 +41,11 @@ const prop = defineProps({
}
}
})
let statusClass = computed(() => {
return prop.data.status == '在线' ? 'online' : 'outline'
})
const init = () => {
if (!myChart) {
myChart = proxy.$echarts.init(chart.value);