|
|
|
|
@ -20,13 +20,13 @@
|
|
|
|
|
<q-td key="total" :props="props">{{ props.row.total }}</q-td>
|
|
|
|
|
</q-tr>
|
|
|
|
|
</template>
|
|
|
|
|
</q-table> -->
|
|
|
|
|
</q-table> -->
|
|
|
|
|
|
|
|
|
|
<div class="col-xs-6 col-xl-6 col-lg-6 col-sm-6">
|
|
|
|
|
<div class="col-xs-5 col-xl-5 col-lg-5 col-sm-5">
|
|
|
|
|
<q-card class="my-card">
|
|
|
|
|
<q-card-section class="row q-pa-xs">
|
|
|
|
|
<template v-for="(item, index) in BalzersList" v-bind:key="item">
|
|
|
|
|
<div class="q-pa-xs col-xs-4 col-xl-4 col-lg-4 col-sm-4">
|
|
|
|
|
<template v-for="(item, index) in list1" v-bind:key="item">
|
|
|
|
|
<div class="q-pa-xs col-xs-6 col-xl-6 col-lg-6 col-sm-6">
|
|
|
|
|
<q-card :class="'my-card no-shadow ' + helper.getEquipmentStateColor(item.state)"
|
|
|
|
|
:bordered="item.id != ''" :flat="item.id == ''" style="height:70px;">
|
|
|
|
|
<q-card-section>
|
|
|
|
|
@ -49,31 +49,25 @@
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</q-card-section>
|
|
|
|
|
<!-- <q-card-section>
|
|
|
|
|
<div class="text-h6 text-weight-bold text-center ">第四涂层室</div>
|
|
|
|
|
</q-card-section> -->
|
|
|
|
|
<q-card-section>
|
|
|
|
|
<div class="text-h6 text-weight-bold text-center ">第一</div>
|
|
|
|
|
</q-card-section>
|
|
|
|
|
</q-card>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-xs-2 col-xl-2 col-lg-2 col-sm-2">
|
|
|
|
|
<q-card class="my-card">
|
|
|
|
|
<q-card class="my-card" style="background-color: #73cb9b;">
|
|
|
|
|
<q-card-section class="row q-pa-xs">
|
|
|
|
|
<template v-for="(item, index) in list2" v-bind:key="item">
|
|
|
|
|
<template v-for="(item, index) in guodao" v-bind:key="item">
|
|
|
|
|
<div class="q-pa-xs col-xs-12 col-xl-12 col-lg-12 col-sm-12">
|
|
|
|
|
<q-card :class="'my-card no-shadow ' + helper.getEquipmentStateColor(item.state)"
|
|
|
|
|
:bordered="item.id != ''" :flat="item.id == ''" style="height:70px;">
|
|
|
|
|
:flat="item.id == ''" style="height:70px;background-color: #73cb9b;">
|
|
|
|
|
<q-card-section class="col-xs-3 col-xl-3 col-lg-4 col-sm-12 ">
|
|
|
|
|
<div class="row q-col-gutter-md items-center">
|
|
|
|
|
<div class="col-xl-9 col-lg-9 col-sm-9">
|
|
|
|
|
<div class="text-h5 text-weight-bold "> {{ item.equipmentName }}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-xl-2 col-lg-2 col-sm-2">
|
|
|
|
|
<q-btn flat round color="dark" icon="visibility" v-show="item.id != ''"
|
|
|
|
|
@click="openView(item)">
|
|
|
|
|
<q-tooltip class="text-body2" :offset="[10, 10]">
|
|
|
|
|
查看设备详情
|
|
|
|
|
</q-tooltip>
|
|
|
|
|
</q-btn>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</q-card-section>
|
|
|
|
|
@ -81,21 +75,21 @@
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</q-card-section>
|
|
|
|
|
<!-- <q-card-section>
|
|
|
|
|
<div class=" text-h6 text-weight-bold text-center ">第三涂层室</div>
|
|
|
|
|
</q-card-section> -->
|
|
|
|
|
<q-card-section>
|
|
|
|
|
<div class=" text-h6 text-weight-bold text-center ">过道</div>
|
|
|
|
|
</q-card-section>
|
|
|
|
|
</q-card>
|
|
|
|
|
</div>
|
|
|
|
|
<div class=" col-xs-4 col-xl-4 col-lg-4 col-sm-4">
|
|
|
|
|
<div class=" col-xs-5 col-xl-5 col-lg-5 col-sm-5">
|
|
|
|
|
<q-card class="my-card">
|
|
|
|
|
<q-card-section class="row q-pa-xs">
|
|
|
|
|
<template v-for="(item, index) in list3" v-bind:key="item">
|
|
|
|
|
<div class="q-pa-xs col-xs-6 col-xl-6 col-lg-6 col-sm-6">
|
|
|
|
|
<q-card :class="'my-card no-shadow ' + helper.getEquipmentStateColor(item.state)"
|
|
|
|
|
<template v-for="(item, index) in list2" v-bind:key="item">
|
|
|
|
|
<div class="q-pa-xs col-xs-6 col-xl-6 col-lg-6 col-sm-6 ">
|
|
|
|
|
<q-card :class="'my-card no-shadow ' + helper.getEquipmentStateColor(item.state)"
|
|
|
|
|
:bordered="item.id != ''" :flat="item.id == ''" style="height:70px;">
|
|
|
|
|
<q-card-section class="col-xs-3 col-xl-3 col-lg-4 col-sm-12 ">
|
|
|
|
|
<q-card-section class="col-xs-3 col-xl-3 col-lg-4 col-sm-12 ">
|
|
|
|
|
<div class="row q-col-gutter-md items-center">
|
|
|
|
|
<div class="col-xl-9 col-lg-9 col-sm-9">
|
|
|
|
|
<div class="col-xl-10 col-lg-10 col-sm-10">
|
|
|
|
|
<div class="text-h5 text-weight-bold ">
|
|
|
|
|
{{ item.equipmentName }}
|
|
|
|
|
</div>
|
|
|
|
|
@ -114,46 +108,12 @@
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</q-card-section>
|
|
|
|
|
<!-- <q-card-section>
|
|
|
|
|
<div class="text-h6 text-weight-bold text-center ">
|
|
|
|
|
第二涂层室</div>
|
|
|
|
|
</q-card-section> -->
|
|
|
|
|
<q-card-section>
|
|
|
|
|
<div class="text-h6 text-weight-bold text-center ">第二
|
|
|
|
|
</div>
|
|
|
|
|
</q-card-section>
|
|
|
|
|
</q-card>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class=" col-xs-4 col-xl-4 col-lg-4 col-sm-4">
|
|
|
|
|
<q-card class="my-card">
|
|
|
|
|
<q-card-section class="row q-pa-xs">
|
|
|
|
|
<template v-for="(item, index) in list4" v-bind:key="item">
|
|
|
|
|
<div class="q-pa-xs col-xs-6 col-xl-6 col-lg-6 col-sm-6 ">
|
|
|
|
|
<q-card :class="'my-card no-shadow ' + helper.getEquipmentStateColor(item.state)"
|
|
|
|
|
:bordered="item.id != ''" :flat="item.id == ''" style="height:70px;">
|
|
|
|
|
<q-card-section class="col-xs-3 col-xl-3 col-lg-4 col-sm-12 ">
|
|
|
|
|
<div class="row q-col-gutter-md items-center">
|
|
|
|
|
<div class="col-xl-10 col-lg-10 col-sm-10">
|
|
|
|
|
<div class="text-h5 text-weight-bold ">
|
|
|
|
|
{{ item.equipmentName }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-xl-2 col-lg-2 col-sm-2">
|
|
|
|
|
<q-btn flat round color="dark" icon="visibility"
|
|
|
|
|
v-show="item.state != ''" @click="openView(item)">
|
|
|
|
|
<q-tooltip class="text-body2" :offset="[10, 10]">
|
|
|
|
|
查看设备详情
|
|
|
|
|
</q-tooltip>
|
|
|
|
|
</q-btn>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</q-card-section>
|
|
|
|
|
</q-card>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</q-card-section>
|
|
|
|
|
<q-card-section>
|
|
|
|
|
<div class="text-h6 text-weight-bold text-center ">第一涂层室
|
|
|
|
|
</div>
|
|
|
|
|
</q-card-section>
|
|
|
|
|
</q-card>
|
|
|
|
|
</div> -->
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</q-card-section>
|
|
|
|
|
@ -204,10 +164,9 @@ import { useScreenStore } from 'src/stores/useScreenStore'
|
|
|
|
|
// ])
|
|
|
|
|
|
|
|
|
|
const screenStore = useScreenStore();
|
|
|
|
|
const BalzersList = ref();
|
|
|
|
|
const guodao = ref(11);
|
|
|
|
|
const list1 = ref();
|
|
|
|
|
const list2 = ref();
|
|
|
|
|
const list3 = ref();
|
|
|
|
|
const list4 = ref();
|
|
|
|
|
const equipmentSearchEntity = ref(new EquipmentSearchEntity());
|
|
|
|
|
let equipmentListTimer: NodeJS.Timer | null = null; // 设备列表
|
|
|
|
|
|
|
|
|
|
@ -228,8 +187,6 @@ onBeforeUnmount(() => {
|
|
|
|
|
const EquipmentList = () => {
|
|
|
|
|
let Coating1 = [] as any
|
|
|
|
|
let Coating2 = [] as any
|
|
|
|
|
let Coating3 = [] as any
|
|
|
|
|
let BalzersCoating = [] as any
|
|
|
|
|
let templateJSON = {
|
|
|
|
|
id: '',
|
|
|
|
|
equipmentCode: null,
|
|
|
|
|
@ -244,21 +201,17 @@ const EquipmentList = () => {
|
|
|
|
|
// 设备状态,运行:Run，待机:Stop，报警:Alarm
|
|
|
|
|
equipmentApi.getEquipmentList(equipmentSearchEntity.value).then((res: any) => {
|
|
|
|
|
res.forEach((item: any) => {
|
|
|
|
|
if (item.remark == '第一涂层室') {
|
|
|
|
|
if (item.remark == '第一') {
|
|
|
|
|
Coating1.push(item);
|
|
|
|
|
} else if (item.remark == 'CemeCon') {
|
|
|
|
|
} else if (item.remark == '第二') {
|
|
|
|
|
Coating2.push(item);
|
|
|
|
|
} else if (item.remark == 'Ionbond') {
|
|
|
|
|
Coating3.push(item);
|
|
|
|
|
} else if (item.remark == 'Balzers') {
|
|
|
|
|
BalzersCoating.push(item);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// 第一涂层室
|
|
|
|
|
// 第一
|
|
|
|
|
Coating1.sort((a: any, b: any) => a.ordrNo - b.ordrNo);
|
|
|
|
|
let Coating1Val = [] as any
|
|
|
|
|
for (let i = 1; i <= 14; i++) {
|
|
|
|
|
for (let i = 1; i <= 22; i++) {
|
|
|
|
|
for (let j = 0; j < Coating1.length; j++) {
|
|
|
|
|
if (Coating1[j].ordrNo == i) {
|
|
|
|
|
Coating1Val.push(Coating1[j])
|
|
|
|
|
@ -270,16 +223,12 @@ const EquipmentList = () => {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// var obj4 = JSON.parse(JSON.stringify(screen3_4)); //由JSON字符串转换为JSON对象
|
|
|
|
|
// obj4.splice(0, 0, templateJSON);
|
|
|
|
|
// obj4.splice(4, 0, templateJSON);
|
|
|
|
|
// obj4.splice(10, 0, templateJSON, templateJSON);
|
|
|
|
|
list4.value = Coating1Val //obj4
|
|
|
|
|
list1.value = Coating1Val //obj4
|
|
|
|
|
|
|
|
|
|
// 第二涂层室
|
|
|
|
|
// 第二
|
|
|
|
|
Coating2.sort((a: any, b: any) => a.ordrNo - b.ordrNo);
|
|
|
|
|
let Coating2Val = [] as any
|
|
|
|
|
for (let i = 1; i <= 18; i++) {
|
|
|
|
|
for (let i = 1; i <= 22; i++) {
|
|
|
|
|
for (let j = 0; j < Coating2.length; j++) {
|
|
|
|
|
if (Coating2[j].ordrNo == i) {
|
|
|
|
|
Coating2Val.push(Coating2[j])
|
|
|
|
|
@ -299,54 +248,12 @@ const EquipmentList = () => {
|
|
|
|
|
// obj3.splice(7, 0, templateJSON);
|
|
|
|
|
// obj3.splice(10, 0, templateJSON);
|
|
|
|
|
// obj3.splice(11, 0, templateJSON);
|
|
|
|
|
list3.value = Coating2Val //obj3
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 第三涂层室
|
|
|
|
|
Coating3.sort((a: any, b: any) => a.ordrNo - b.ordrNo);
|
|
|
|
|
let Coating3Val = [] as any
|
|
|
|
|
for (let i = 1; i <= 9; i++) {
|
|
|
|
|
for (let j = 0; j < Coating3.length; j++) {
|
|
|
|
|
if (Coating3[j].ordrNo == i) {
|
|
|
|
|
Coating3Val.push(Coating3[j])
|
|
|
|
|
Coating3.splice(j, 1);
|
|
|
|
|
break
|
|
|
|
|
} else {
|
|
|
|
|
Coating3Val.push(templateJSON)
|
|
|
|
|
break
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
debugger
|
|
|
|
|
for (let i = 1; Coating2Val.length < 22; i++) {
|
|
|
|
|
debugger
|
|
|
|
|
Coating2Val.push(templateJSON)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// var obj2 = JSON.parse(JSON.stringify(screen3_2)); //由JSON字符串转换为JSON对象
|
|
|
|
|
// obj2.splice(1, 0, templateJSON);
|
|
|
|
|
// obj2.splice(2, 0, templateJSON);
|
|
|
|
|
// obj2.splice(5, 0, templateJSON, templateJSON, templateJSON);
|
|
|
|
|
// obj2.splice(9, 0, templateJSON, templateJSON);
|
|
|
|
|
// obj2.splice(11, 0, templateJSON);
|
|
|
|
|
list2.value = Coating3Val //obj2
|
|
|
|
|
|
|
|
|
|
// 第四涂层室 Balzers
|
|
|
|
|
BalzersCoating.sort((a: any, b: any) => a.ordrNo - b.ordrNo);
|
|
|
|
|
let BalzersCoatingVal = [] as any
|
|
|
|
|
for (let i = 1; i <= 27; i++) {
|
|
|
|
|
for (let j = 0; j < BalzersCoating.length; j++) {
|
|
|
|
|
if (BalzersCoating[j].ordrNo == i) {
|
|
|
|
|
BalzersCoatingVal.push(BalzersCoating[j])
|
|
|
|
|
BalzersCoating.splice(j, 1);
|
|
|
|
|
break
|
|
|
|
|
} else {
|
|
|
|
|
BalzersCoatingVal.push(templateJSON)
|
|
|
|
|
break
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// var obj1 = JSON.parse(JSON.stringify(screen3_1)); //由JSON字符串转换为JSON对象
|
|
|
|
|
// obj1.splice(0, 0, templateJSON, templateJSON);
|
|
|
|
|
// obj1.splice(3, 0, templateJSON);
|
|
|
|
|
// obj1.splice(5, 0, templateJSON);
|
|
|
|
|
BalzersList.value = BalzersCoatingVal // obj1
|
|
|
|
|
list2.value = Coating2Val //obj3
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
liuhr
2 years ago