|
|
@ -7,8 +7,8 @@
|
|
|
|
<div class="subTitle" style="left: 48.9%;">烘房区</div>
|
|
|
|
<div class="subTitle" style="left: 48.9%;">烘房区</div>
|
|
|
|
<div class="subTitle" style="left: 70.8%;">收坯区</div>
|
|
|
|
<div class="subTitle" style="left: 70.8%;">收坯区</div>
|
|
|
|
<div class="floorNum floorNum1">1F</div>
|
|
|
|
<div class="floorNum floorNum1">1F</div>
|
|
|
|
<!-- <div class="floorNum floorNum2" @click="$router.push('/cs')">2F</div>-->
|
|
|
|
<!-- <div class="floorNum floorNum2" @click="$router.push('/cs')">2F</div>-->
|
|
|
|
<div class="floorNum floorNum2" >2F</div>
|
|
|
|
<div class="floorNum floorNum2">2F</div>
|
|
|
|
<div class="floorNum floorNum3">3F</div>
|
|
|
|
<div class="floorNum floorNum3">3F</div>
|
|
|
|
<div class="floorNum floorNum4">4F</div>
|
|
|
|
<div class="floorNum floorNum4">4F</div>
|
|
|
|
<div class="floorNum floorNum5">5F</div>
|
|
|
|
<div class="floorNum floorNum5">5F</div>
|
|
|
@ -85,7 +85,10 @@
|
|
|
|
<div class="infoModel" :style="`display:${loopIndex === k?'inline-block':''}`">
|
|
|
|
<div class="infoModel" :style="`display:${loopIndex === k?'inline-block':''}`">
|
|
|
|
<div class="title">{{ i.equName }}</div>
|
|
|
|
<div class="title">{{ i.equName }}</div>
|
|
|
|
<div class="equipmentOutput"><span style="color: #fff9">设备产量:</span> {{ i.quantity }}</div>
|
|
|
|
<div class="equipmentOutput"><span style="color: #fff9">设备产量:</span> {{ i.quantity }}</div>
|
|
|
|
<div class="equipmentInfo"><span style="color: #fff9">设备状态:</span> {{ parseFloat(i.quantity) > 0 ? '运行' : '停机' }}</div>
|
|
|
|
<div class="equipmentInfo"><span style="color: #fff9">设备状态:</span> {{
|
|
|
|
|
|
|
|
parseFloat(i.quantity) > 0 ? '运行' : '停机'
|
|
|
|
|
|
|
|
}}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
@ -95,11 +98,14 @@
|
|
|
|
:style="`display:${loopIndex === 18+k?'inline-block':''}`">
|
|
|
|
:style="`display:${loopIndex === 18+k?'inline-block':''}`">
|
|
|
|
<div class="title">{{ i.equName }}</div>
|
|
|
|
<div class="title">{{ i.equName }}</div>
|
|
|
|
<div class="equipmentOutput"><span style="color: #fff9">设备产量:</span> {{ i.quantity }}</div>
|
|
|
|
<div class="equipmentOutput"><span style="color: #fff9">设备产量:</span> {{ i.quantity }}</div>
|
|
|
|
<div class="equipmentInfo"><span style="color: #fff9">设备状态:</span> {{ parseFloat(i.quantity) > 0 ? '运行' : '停机' }}
|
|
|
|
<div class="equipmentInfo"><span style="color: #fff9">设备状态:</span> {{
|
|
|
|
|
|
|
|
parseFloat(i.quantity) > 0 ? '运行' : '停机'
|
|
|
|
|
|
|
|
}}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div :class="((equipmentData||[])[k]||{}).quantity>0 ? 'ring':'ring1'" :style="`top:${i.top}%;left:${i.left}%`" v-for="(i,k) in ringLocation"></div>
|
|
|
|
<div :class="((equipmentData||[])[k]||{}).quantity>0 ? 'ring':'ring1'" :style="`top:${i.top}%;left:${i.left}%`"
|
|
|
|
|
|
|
|
v-for="(i,k) in ringLocation"></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div :class="`${i.IsLoad? 'agv2':'agv1'}`" v-for="i in agvData" v-show="i.show"
|
|
|
|
<div :class="`${i.IsLoad? 'agv2':'agv1'}`" v-for="i in agvData" v-show="i.show"
|
|
|
@ -316,7 +322,7 @@ export default {
|
|
|
|
if (this.agvData.filter(r => r.id === v.AgvId).length >= 1) {
|
|
|
|
if (this.agvData.filter(r => r.id === v.AgvId).length >= 1) {
|
|
|
|
let f1 = new TWEEN.Tween(this.agvData.find(r => r.id === v.AgvId)).to({
|
|
|
|
let f1 = new TWEEN.Tween(this.agvData.find(r => r.id === v.AgvId)).to({
|
|
|
|
rotate: v.Angle,
|
|
|
|
rotate: v.Angle,
|
|
|
|
}, 100).start().onComplete(()=>{
|
|
|
|
}, 100).start().onComplete(() => {
|
|
|
|
f1 = null
|
|
|
|
f1 = null
|
|
|
|
})
|
|
|
|
})
|
|
|
|
let f2 = new TWEEN.Tween(this.agvData.find(r => r.id === v.AgvId)).to({
|
|
|
|
let f2 = new TWEEN.Tween(this.agvData.find(r => r.id === v.AgvId)).to({
|
|
|
@ -325,7 +331,7 @@ export default {
|
|
|
|
show: v.X < 245000 && v.X > 126000 && v.Y < 187000 && v.Y > 116000,
|
|
|
|
show: v.X < 245000 && v.X > 126000 && v.Y < 187000 && v.Y > 116000,
|
|
|
|
IsLoad: v.IsLoad,
|
|
|
|
IsLoad: v.IsLoad,
|
|
|
|
// show: true
|
|
|
|
// show: true
|
|
|
|
}, time - 100).start().onComplete(()=>{
|
|
|
|
}, time - 100).start().onComplete(() => {
|
|
|
|
f2 = null
|
|
|
|
f2 = null
|
|
|
|
})
|
|
|
|
})
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
@ -363,8 +369,8 @@ export default {
|
|
|
|
createTimeEnd = `${parseTime(new Date(), '{y}-{m}-{d}')} 19:30:00`
|
|
|
|
createTimeEnd = `${parseTime(new Date(), '{y}-{m}-{d}')} 19:30:00`
|
|
|
|
}
|
|
|
|
}
|
|
|
|
getHourProductionList({
|
|
|
|
getHourProductionList({
|
|
|
|
productDateStart:createTimeStart,
|
|
|
|
productDateStart: createTimeStart,
|
|
|
|
productDateEnd:createTimeEnd
|
|
|
|
productDateEnd: createTimeEnd
|
|
|
|
}).then(e => {
|
|
|
|
}).then(e => {
|
|
|
|
let hfArr = []
|
|
|
|
let hfArr = []
|
|
|
|
let equipmentArr = []
|
|
|
|
let equipmentArr = []
|
|
|
|