hanzhengzheng/screenFront
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改

Browse Source 
机械分厂设备大屏 隐藏故障率
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/Mechanics/indexNew.vue
View File

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

9
src/views/MicrofactoryDevOnline/components/RingChart.vue
View File

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