From ec9c9add38591d7c7a2708ac43ed6b3fce1a4063 Mon Sep 17 00:00:00 2001
From: huangxiaoqiang <huangxiaoqiang@hnkhzn.com>
Date: 星期三, 06 八月 2025 16:12:09 +0800
Subject: [PATCH] 1
---
项目代码/WCS/WIDESEAWCS_Client/src/views/Home.vue | 2061 ++++++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 1,564 insertions(+), 497 deletions(-)
diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/WCS/WIDESEAWCS_Client/src/views/Home.vue" "b/\351\241\271\347\233\256\344\273\243\347\240\201/WCS/WIDESEAWCS_Client/src/views/Home.vue"
index 8852039..7b1edcd 100644
--- "a/\351\241\271\347\233\256\344\273\243\347\240\201/WCS/WIDESEAWCS_Client/src/views/Home.vue"
+++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/WCS/WIDESEAWCS_Client/src/views/Home.vue"
@@ -1,577 +1,1467 @@
<template>
<div class="title">
- <el-row style="height:100%">
- <el-col :span="16">
+ <el-row :gutter="20" style="height:85%">
+ <el-col :span="8">
+ <span style="position: relative; top: 100px;left: 30px;">
+ <h4>涓�妤艰澶囩洃鎺�</h4>
+ </span>
+ <el-row :gutter="20" style="height:1000px">
+ <el-col :span="8">
+ <div>
+ <div v-for="(group, index) in groupedLines(linescopy7)" :key="index">
+ <div class="positionY-group">
+ <LineInfoCopy v-for="(line, lineIndex) in group.lines" :key="lineIndex"
+ :equipNo="line.equipNo" :imgType="line.imgType" :positionX="line.positionX"
+ :positionY="line.positionY" :condition="line.condition"
+ url="api/Equipment/GetLineInfoByNo" />
+ </div>
+ </div>
+ <div style="margin-top: 118px;"></div>
+ <div v-for="(group, index) in groupedLines(linescopy8)" :key="index">
+ <div class="positionY-group">
+ <LineInfoCopy v-for="(line, lineIndex) in group.lines" :key="lineIndex"
+ :equipNo="line.equipNo" :imgType="line.imgType" :positionX="line.positionX"
+ :positionY="line.positionY" :condition="line.condition"
+ url="api/Equipment/GetLineInfoByNo" />
+ </div>
+ </div>
+ <div style="margin-top: 115px;"></div>
+ <div v-for="(group, index) in groupedLines(linescopy9)" :key="index">
+ <div class="positionY-group">
+ <LineInfoCopy v-for="(line, lineIndex) in group.lines" :key="lineIndex"
+ :equipNo="line.equipNo" :imgType="line.imgType" :positionX="line.positionX"
+ :positionY="line.positionY" :condition="line.condition"
+ url="api/Equipment/GetLineInfoByNo" />
+ </div>
+ </div>
+ <div style="margin-top: 112px;"></div>
+ <div v-for="(group, index) in groupedLines(linescopy10)" :key="index">
+ <div class="positionY-group">
+ <LineInfoCopy v-for="(line, lineIndex) in group.lines" :key="lineIndex"
+ :equipNo="line.equipNo" :imgType="line.imgType" :positionX="line.positionX"
+ :positionY="line.positionY" :condition="line.condition" />
+ </div>
+ </div>
+ <div style="margin-top: 109px;"></div>
+ <div v-for="(group, index) in groupedLines(linescopy11)" :key="index">
+ <div class="positionY-group">
+ <LineInfoCopy v-for="(line, lineIndex) in group.lines" :key="lineIndex"
+ :equipNo="line.equipNo" :imgType="line.imgType" :positionX="line.positionX"
+ :positionY="line.positionY" :condition="line.condition" />
+ </div>
+ </div>
+ <div style="margin-top: 107px;"></div>
+ <div v-for="(group, index) in groupedLines(linescopy12)" :key="index">
+ <div class="positionY-group">
+ <LineInfoCopy v-for="(line, lineIndex) in group.lines" :key="lineIndex"
+ :equipNo="line.equipNo" :imgType="line.imgType" :positionX="line.positionX"
+ :positionY="line.positionY" :condition="line.condition" />
+ </div>
+ </div>
+ </div>
+ </el-col>
+ <el-col :span="8">
+ <div class="line-container">
+ <div class="RGVline"></div>
+ <div :class="updateRGVOne()" :style="{ transform: `translateY(${1280-RGV01.LevelPoint*0.00303627639+50}px)` }"
+ @click="mouseClickRGVFirst">1</div>
+ <div :class="updateRGVTwo()" :style="{ transform: `translateY(${1280-RGV02.LevelPoint*0.00374041519+100}px)` }" @click="mouseClickSecond">2
+ </div>
+ </div>
+ </el-col>
+ <el-col :span="8">
+ <div>
+ <div v-for="(group, index) in groupedLines(linescopy1)" :key="index">
+ <div class="positionY-group">
+ <LineInfoCopy v-for="(line, lineIndex) in group.lines" :key="lineIndex"
+ :equipNo="line.equipNo" :imgType="line.imgType" :positionX="line.positionX"
+ :positionY="line.positionY" :condition="line.condition"
+ url="api/Equipment/GetLineInfoByNo" />
+ </div>
+ </div>
+ <div style="margin-top: 118px;"></div>
+ <div v-for="(group, index) in groupedLines(linescopy2)" :key="index">
+ <div class="positionY-group">
+ <LineInfoCopy v-for="(line, lineIndex) in group.lines" :key="lineIndex"
+ :equipNo="line.equipNo" :imgType="line.imgType" :positionX="line.positionX"
+ :positionY="line.positionY" :condition="line.condition"
+ url="api/Equipment/GetLineInfoByNo" />
+ </div>
+ </div>
+ <div style="margin-top: 115px;"></div>
+ <div v-for="(group, index) in groupedLines(linescopy3)" :key="index">
+ <div class="positionY-group">
+ <LineInfoCopy v-for="(line, lineIndex) in group.lines" :key="lineIndex"
+ :equipNo="line.equipNo" :imgType="line.imgType" :positionX="line.positionX"
+ :positionY="line.positionY" :condition="line.condition"
+ url="api/Equipment/GetLineInfoByNo" />
+ </div>
+ </div>
+ <div style="margin-top: 112px;"></div>
+ <div v-for="(group, index) in groupedLines(linescopy4)" :key="index">
+ <div class="positionY-group">
+ <LineInfoCopy v-for="(line, lineIndex) in group.lines" :key="lineIndex"
+ :equipNo="line.equipNo" :imgType="line.imgType" :positionX="line.positionX"
+ :positionY="line.positionY" :condition="line.condition" />
+ </div>
+ </div>
+ <div style="margin-top: 109px;"></div>
+ <div v-for="(group, index) in groupedLines(linescopy5)" :key="index">
+ <div class="positionY-group">
+ <LineInfoCopy v-for="(line, lineIndex) in group.lines" :key="lineIndex"
+ :equipNo="line.equipNo" :imgType="line.imgType" :positionX="line.positionX"
+ :positionY="line.positionY" :condition="line.condition" />
+ </div>
+ </div>
+ <div style="margin-top: 107px;"></div>
+ <div v-for="(group, index) in groupedLines(linescopy6)" :key="index">
+ <div class="positionY-group">
+ <LineInfoCopy v-for="(line, lineIndex) in group.lines" :key="lineIndex"
+ :equipNo="line.equipNo" :imgType="line.imgType" :positionX="line.positionX"
+ :positionY="line.positionY" :condition="line.condition" />
+ </div>
+ </div>
+ </div>
+ </el-col>
+ </el-row>
+
+ </el-col>
+ <el-col :span="8">
<!-- 鍫嗗灈鏈� -->
<div style="position: relative; top: 50px;">
<div class="stackerDiv">
<div class="stackDivName">涓�鍙峰爢鍨涙満</div>
- <LineComponent :x="xValue1" ref="lineComponent1" :equipNo="1"></LineComponent>
+ <LineComponent :x="xValue1" ref="stacker1" :equipNo="SC01"></LineComponent>
</div>
<el-divider></el-divider>
<div class="stackerDiv">
<div class="stackDivName">浜屽彿鍫嗗灈鏈�</div>
- <LineComponent :x="xValue2" ref="lineComponent2" :equipNo="2"></LineComponent>
+ <LineComponent :x="xValue2" ref="stacker2" :equipNo="SC02"></LineComponent>
</div>
- <div class="stackerDiv">
+ <el-divider></el-divider>
+ <div class="stackerDiv">
<div class="stackDivName">涓夊彿鍫嗗灈鏈�</div>
- <LineComponent :x="xValue2" ref="lineComponent2" :equipNo="2"></LineComponent>
+ <LineComponent :x="xValue3" ref="stacker3" :equipNo="SC03"></LineComponent>
</div>
- <div class="stackerDiv">
+ <el-divider></el-divider>
+ <div class="stackerDiv">
<div class="stackDivName">鍥涘彿鍫嗗灈鏈�</div>
- <LineComponent :x="xValue2" ref="lineComponent2" :equipNo="2"></LineComponent>
+ <LineComponent :x="xValue4" ref="stacker4" :equipNo="SC04"></LineComponent>
+ </div>
+ <el-divider></el-divider>
+ <div class="stackerDiv">
+ <div class="stackDivName">浜斿彿鍫嗗灈鏈�</div>
+ <LineComponent :x="xValue5" ref="stacker5" :equipNo="SC05"></LineComponent>
+ </div>
+ <el-divider></el-divider>
+ <div class="stackerDiv">
+ <div class="stackDivName">鍏彿鍫嗗灈鏈�</div>
+ <LineComponent :x="xValue6" ref="stacker6" :equipNo="SC06"></LineComponent>
</div>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="cardWidthrow">
- <el-col :span="7">
- <div class="cardWidth">
- <div>
- <span style="position: relative; top: 100px;left: 10px;">绗竴灞傚墠</span>
- <div v-for="(group, index) in groupedLines(linescopy1)" :key="index">
- <div class="positionY-group">
- <LineInfoCopy v-for="(line, lineIndex) in group.lines" :key="lineIndex"
- :equipNo="line.equipNo" :imgType="line.imgType" :positionX="line.positionX"
- :positionY="line.positionY"
- :condition="line.condition" />
- </div>
- </div>
- </div>
- <!-- <el-divider class="divider"></el-divider>
- <div>
- <span style="position: relative; top: 120px;left: 30px;">绗簩灞�</span>
- <div v-for="(group, index) in groupedLines(linescopy2)" :key="index">
- <div class="positionY-group">
- <LineInfoCopy v-for="(line, lineIndex) in group.lines" :key="lineIndex"
- :equipNo="line.equipNo" :imgType="line.imgType" :positionX="line.positionX"
- :positionY="line.positionY" url="api/Equipment/GetLineInfoByNo"
- :condition="line.condition" />
- </div>
- </div>
- </div>
- <el-divider class="divider"></el-divider>
- <div>
- <span style="position: relative; top: 120px;left: 30px;">绗笁灞�</span>
- <div v-for="(group, index) in groupedLines(linescopy3)" :key="index">
- <div class="positionY-group">
- <LineInfoCopy v-for="(line, lineIndex) in group.lines" :key="lineIndex"
- :equipNo="line.equipNo" :imgType="line.imgType" :positionX="line.positionX"
- :positionY="line.positionY" url="api/Equipment/GetLineInfoByNo"
- :condition="line.condition" />
- </div>
- </div>
- </div> -->
- </div>
- </el-col>
- <!-- <el-col :span="12">
- <div>
- <span style="position: relative; top: 120px;left: 30px;">绗洓灞�</span>
- <div v-for="(group, index) in groupedLines(linescopy4)" :key="index">
- <div class="positionY-group">
- <LineInfoCopy v-for="(line, lineIndex) in group.lines" :key="lineIndex"
- :equipNo="line.equipNo" :imgType="line.imgType" :positionX="line.positionX"
- :positionY="line.positionY" url="api/Equipment/GetLineInfoByNo"
- :condition="line.condition" />
- </div>
- </div>
- </div>
- </el-col>
<el-col :span="12">
<div>
- <span style="position: relative; top: 120px;left: 30px;">绗簲灞�</span>
- <div v-for="(group, index) in groupedLines(linescopy5)" :key="index">
- <div class="positionY-group">
- <LineInfoCopy v-for="(line, lineIndex) in group.lines" :key="lineIndex"
- :equipNo="line.equipNo" :imgType="line.imgType" :positionX="line.positionX"
- :positionY="line.positionY" url="api/Equipment/GetLineInfoByNo"
- :condition="line.condition" />
+ <el-row :gutter="20" style="height:1000px;margin-top:10px;">
+ <span style="position: relative; top: 100px;left: 30px;">绗簩灞�</span>
+ <div>
+ <div v-for="(group, index) in groupedLines(linescopy13)" :key="index">
+ <div class="positionY-group">
+ <LineInfo v-for="(line, lineIndex) in group.lines" :key="lineIndex"
+ :equipNo="line.equipNo" :imgType="line.imgType" :positionX="line.positionX"
+ :positionY="line.positionY" :condition="line.condition"
+ url="api/Equipment/GetLineInfoByNo" />
+ </div>
+ </div>
</div>
- </div>
+ <div class="line-containerThird">
+ <div class="lineThird"></div>
+ <div :class="updateRGVThird()"
+ :style="{ transform: `translateX(${1280-RGV03.LevelPoint*0.003397667+200}px)`, marginTop: '3px' }"
+ @click="mouseClickThird">3</div>
+ </div>
+ <div style="margin-top:180px;margin-right:100px">
+ <div v-for="(group, index) in groupedLines(linescopy14)" :key="index">
+ <div class="positionY-group">
+ <LineInfo v-for="(line, lineIndex) in group.lines" :key="lineIndex"
+ :equipNo="line.equipNo" :imgType="line.imgType" :positionX="line.positionX"
+ :positionY="line.positionY" :condition="line.condition"
+ url="api/Equipment/GetLineInfoByNo" />
+ </div>
+ </div>
+ </div>
+ </el-row>
</div>
- </el-col> -->
+ </el-col>
+
</el-row>
+
</div>
+ <el-dialog v-model="RGVFirst" title="RGV淇℃伅鏌ョ湅" :before-close="handleClose">
+ <el-form ref="$form" :model="StackerCrane" label-position="left" label-width="120px" size="medium">
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
+ <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="璁惧缂栧彿锛�">
+ <j-el-description :value="RGV01.DeviceName" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="璁惧鐘舵��:">
+ <j-el-description :value="RGV01.Fault" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
+ <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="宸ヤ綔妯″紡:">
+ <j-el-description :value="RGV01.Automatic" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="浠诲姟鍙凤細">
+ <j-el-description :value="RGV01.CurrentTaskNum" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div" style="margin-bottom: 10px;">
+ <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="浣滀笟鐘舵��:">
+ <j-el-description :value="RGV01.Running" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="褰撳墠姘村钩浣嶇疆锛�">
+ <j-el-description :value="RGV01.LevelPoint" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div" style="margin-bottom: 10px;">
+ <el-col :span="24" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="鎶ヨ淇℃伅:">
+ <j-el-description :value="RGV01.Alarm" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-divider />
+ <h4 style="margin-bottom: 50px;">鎵嬪姩鎿嶄綔</h4>
+ <el-form ref="form" :model="formRGV" label-width="90px">
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
+ <el-col :span="16" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="浠诲姟鍛戒护" prop="TargetAddress">
+ <el-select size="large" v-model="formRGV.TaskType" placeholder="璇烽�夋嫨浠诲姟鍛戒护">
+ <el-option label="鍙栧畾浣�" value="1" />
+ <el-option label="鏀惧畾浣�" value="2" />
+ <el-option label="鍙栬揣" value="3" />
+ <el-option label="鏀捐揣" value="4" />
+ <el-option label="鍙栨斁璐�" value="5" />
+ <el-option label="閫�鍥�" value="6" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
+ <el-col :span="16" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="鍙栬揣浣�:">
+ <!-- <el-input size="large" v-model="formRGV.SourceAddress" style="width: 800px" placeholder="鍙栬揣浣�" /> -->
+ <el-select size="large" v-model="formRGV.SourceAddress" placeholder="璇烽�夋嫨鍙栬揣浣�">
+ <el-option label="1037" value="1" />
+ <el-option label="1035" value="2" />
+ <el-option label="1033" value="3" />
+ <el-option label="1031" value="4" />
+ <el-option label="1023" value="5" />
+ <el-option label="1021" value="6" />
+ <el-option label="1019" value="8" />
+ <el-option label="1017" value="9" />
+ <el-option label="1011" value="11" />
+ <el-option label="1009" value="12" />
+ <el-option label="1007" value="13" />
+ <el-option label="1005" value="14" />
+ <el-option label="1030" value="15" />
+ <el-option label="1029" value="16" />
+ <el-option label="1028" value="17" />
+ <el-option label="1027" value="18" />
+ <el-option label="1016" value="19" />
+ <el-option label="1015" value="20" />
+ <el-option label="1014" value="21" />
+ <el-option label="1013" value="22" />
+ <el-option label="1040" value="23" />
+ <el-option label="1039" value="24" />
+ <el-option label="1004" value="25" />
+ <el-option label="1002" value="26" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
+ <el-col :span="16" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="鏀捐揣浣�:">
+ <!-- <el-input size="large" v-model="formRGV.TargetAddress" style="width: 800px" placeholder="鏀捐揣浣�" /> -->
+ <el-select size="large" v-model="formRGV.TargetAddress" placeholder="璇烽�夋嫨鏀捐揣浣�">
+ <el-option label="1037" value="1" />
+ <el-option label="1035" value="2" />
+ <el-option label="1033" value="3" />
+ <el-option label="1031" value="4" />
+ <el-option label="1023" value="5" />
+ <el-option label="1021" value="6" />
+ <el-option label="1019" value="8" />
+ <el-option label="1017" value="9" />
+ <el-option label="1011" value="11" />
+ <el-option label="1009" value="12" />
+ <el-option label="1007" value="13" />
+ <el-option label="1005" value="14" />
+ <el-option label="1030" value="15" />
+ <el-option label="1029" value="16" />
+ <el-option label="1028" value="17" />
+ <el-option label="1027" value="18" />
+ <el-option label="1016" value="19" />
+ <el-option label="1015" value="20" />
+ <el-option label="1014" value="21" />
+ <el-option label="1013" value="22" />
+ <el-option label="1040" value="23" />
+ <el-option label="1039" value="24" />
+ <el-option label="1004" value="25" />
+ <el-option label="1002" value="26" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <el-divider />
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
+ <el-col :span="4" :offset="0" :push="0" :pull="0" tag="div">
+ <el-button type="primary" size="small" plain @click="SendCommand(RGV01.DeviceCode)">
+ <i class="el-icon-check">鍙戦�佸懡浠�</i>
+ </el-button>
+ </el-col>
+ <el-col :span="4" :offset="0" :push="0" :pull="0" tag="div">
+ <el-button type="warning" size="small" plain @click="RGVReset(RGV01.DeviceCode)">
+ <i class="el-icon-check">澶嶄綅</i>
+ </el-button>
+ </el-col>
+ <el-col :span="4" :offset="0" :push="0" :pull="0" tag="div">
+ <el-button type="danger" size="small" plain @click="RGVemergencyStop(RGV01.DeviceCode)">
+ <i class="el-icon-check">鎬ュ仠</i>
+ </el-button>
+ </el-col>
+ <el-col :span="4" :offset="0" :push="0" :pull="0" tag="div">
+ <el-button type="danger" size="small" plain @click="RGVPause(RGV01.DeviceCode)">
+ <i class="el-icon-check">鍋滄</i>
+ </el-button>
+ </el-col>
+ <el-col :span="4" :offset="0" :push="0" :pull="0" tag="div">
+ <el-button type="danger" size="small" plain @click="RGVCancel(RGV01.DeviceCode)">
+ <i class="el-icon-check">鍙栨秷浠诲姟</i>
+ </el-button>
+ </el-col>
+ <el-col :span="4" :offset="0" :push="0" :pull="0" tag="div">
+ <el-button type="danger" size="small" plain @click="RGVInitialize(RGV01.DeviceCode)">
+ <i class="el-icon-check">宸ヤ綅鍒濆鍖�</i>
+ </el-button>
+ </el-col>
+ </el-row>
+ </el-form>
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button @click="RGVFirst = false">鍙栨秷</el-button>
+ <el-button type="primary" @click="RGVFirst = false">
+ 纭
+ </el-button>
+ </div>
+ </template>
+ </el-dialog>
+ <el-dialog v-model="RGVSecond" title="RGV淇℃伅鏌ョ湅" :before-close="handleClose">
+ <el-form ref="$form" :model="StackerCrane" label-position="left" label-width="120px" size="medium">
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
+ <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="璁惧缂栧彿锛�">
+ <j-el-description :value="RGV02.DeviceName" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="璁惧鐘舵��:">
+ <j-el-description :value="RGV02.Fault" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
+ <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="宸ヤ綔妯″紡:">
+ <j-el-description :value="RGV02.Automatic" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="浠诲姟鍙凤細">
+ <j-el-description :value="RGV02.CurrentTaskNum" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div" style="margin-bottom: 10px;">
+ <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="浣滀笟鐘舵��:">
+ <j-el-description :value="RGV02.Running" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="褰撳墠姘村钩浣嶇疆锛�">
+ <j-el-description :value="RGV02.LevelPoint" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div" style="margin-bottom: 10px;">
+ <el-col :span="24" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="鎶ヨ淇℃伅:">
+ <j-el-description :value="RGV02.Alarm" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-divider />
+ <h4 style="margin-bottom: 50px;">鎵嬪姩鎿嶄綔</h4>
+ <el-form ref="form" :model="formRGV" label-width="90px">
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
+ <el-col :span="16" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="浠诲姟鍛戒护" prop="TargetAddress">
+ <el-select size="large" v-model="formRGV.TaskType" placeholder="璇烽�夋嫨浠诲姟鍛戒护">
+ <el-option label="鍙栧畾浣�" value="1" />
+ <el-option label="鏀惧畾浣�" value="2" />
+ <el-option label="鍙栬揣" value="3" />
+ <el-option label="鏀捐揣" value="4" />
+ <el-option label="鍙栨斁璐�" value="5" />
+ <el-option label="閫�鍥�" value="6" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
+ <el-col :span="16" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="鍙栬揣浣�:">
+ <!-- <el-input size="large" v-model="formRGV.SourceAddress" style="width: 800px" placeholder="鍙栬揣浣�" /> -->
+ <el-select size="large" v-model="formRGV.SourceAddress" placeholder="璇烽�夋嫨鍙栬揣浣�">
+ <el-option label="1037" value="1" />
+ <el-option label="1035" value="2" />
+ <el-option label="1033" value="3" />
+ <el-option label="1031" value="4" />
+ <el-option label="1023" value="5" />
+ <el-option label="1021" value="6" />
+ <el-option label="1019" value="8" />
+ <el-option label="1017" value="9" />
+ <el-option label="1011" value="11" />
+ <el-option label="1009" value="12" />
+ <el-option label="1007" value="13" />
+ <el-option label="1005" value="14" />
+ <el-option label="1030" value="15" />
+ <el-option label="1029" value="16" />
+ <el-option label="1028" value="17" />
+ <el-option label="1027" value="18" />
+ <el-option label="1016" value="19" />
+ <el-option label="1015" value="20" />
+ <el-option label="1014" value="21" />
+ <el-option label="1013" value="22" />
+ <el-option label="1040" value="23" />
+ <el-option label="1039" value="24" />
+ <el-option label="1004" value="25" />
+ <el-option label="1002" value="26" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
+ <el-col :span="16" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="鏀捐揣浣�:">
+ <!-- <el-input size="large" v-model="formRGV.TargetAddress" style="width: 800px" placeholder="鏀捐揣浣�" /> -->
+ <el-select size="large" v-model="formRGV.TargetAddress" placeholder="璇烽�夋嫨鏀捐揣浣�">
+ <el-option label="1037" value="1" />
+ <el-option label="1035" value="2" />
+ <el-option label="1033" value="3" />
+ <el-option label="1031" value="4" />
+ <el-option label="1023" value="5" />
+ <el-option label="1021" value="6" />
+ <el-option label="1019" value="8" />
+ <el-option label="1017" value="9" />
+ <el-option label="1011" value="11" />
+ <el-option label="1009" value="12" />
+ <el-option label="1007" value="13" />
+ <el-option label="1005" value="14" />
+ <el-option label="1030" value="15" />
+ <el-option label="1029" value="16" />
+ <el-option label="1028" value="17" />
+ <el-option label="1027" value="18" />
+ <el-option label="1016" value="19" />
+ <el-option label="1015" value="20" />
+ <el-option label="1014" value="21" />
+ <el-option label="1013" value="22" />
+ <el-option label="1040" value="23" />
+ <el-option label="1039" value="24" />
+ <el-option label="1004" value="25" />
+ <el-option label="1002" value="26" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <el-divider />
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
+ <el-col :span="4" :offset="0" :push="0" :pull="0" tag="div">
+ <el-button type="primary" size="small" plain @click="SendCommand(RGV02.DeviceCode)">
+ <i class="el-icon-check">鍙戦�佸懡浠�</i>
+ </el-button>
+ </el-col>
+ <el-col :span="4" :offset="0" :push="0" :pull="0" tag="div">
+ <el-button type="warning" size="small" plain @click="RGVReset(RGV02.DeviceCode)">
+ <i class="el-icon-check">澶嶄綅</i>
+ </el-button>
+ </el-col>
+ <el-col :span="4" :offset="0" :push="0" :pull="0" tag="div">
+ <el-button type="danger" size="small" plain @click="RGVemergencyStop(RGV02.DeviceCode)">
+ <i class="el-icon-check">鎬ュ仠</i>
+ </el-button>
+ </el-col>
+ <el-col :span="4" :offset="0" :push="0" :pull="0" tag="div">
+ <el-button type="danger" size="small" plain @click="RGVPause(RGV02.DeviceCode)">
+ <i class="el-icon-check">鍋滄</i>
+ </el-button>
+ </el-col>
+ <el-col :span="4" :offset="0" :push="0" :pull="0" tag="div">
+ <el-button type="danger" size="small" plain @click="RGVCancel(RGV02.DeviceCode)">
+ <i class="el-icon-check">鍙栨秷浠诲姟</i>
+ </el-button>
+ </el-col>
+ <el-col :span="4" :offset="0" :push="0" :pull="0" tag="div">
+ <el-button type="danger" size="small" plain @click="RGVInitialize(RGV02.DeviceCode)">
+ <i class="el-icon-check">宸ヤ綅鍒濆鍖�</i>
+ </el-button>
+ </el-col>
+ </el-row>
+ </el-form>
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button @click="RGVSecond = false">鍙栨秷</el-button>
+ <el-button type="primary" @click="RGVSecond = false">
+ 纭
+ </el-button>
+ </div>
+ </template>
+ </el-dialog>
+ <el-dialog v-model="RGVThird" title="RGV淇℃伅鏌ョ湅" :before-close="handleClose">
+ <el-form ref="$form" :model="StackerCrane" label-position="left" label-width="120px" size="medium">
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
+ <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="璁惧缂栧彿锛�">
+ <j-el-description :value="RGV03.DeviceName" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="璁惧鐘舵��:">
+ <j-el-description :value="RGV03.Fault" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
+ <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="宸ヤ綔妯″紡:">
+ <j-el-description :value="RGV03.Automatic" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="浠诲姟鍙凤細">
+ <j-el-description :value="RGV03.CurrentTaskNum" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div" style="margin-bottom: 10px;">
+ <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="浣滀笟鐘舵��:">
+ <j-el-description :value="RGV03.Running" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="褰撳墠姘村钩浣嶇疆锛�">
+ <j-el-description :value="RGV03.LevelPoint" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div" style="margin-bottom: 10px;">
+ <el-col :span="24" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="鎶ヨ淇℃伅:">
+ <j-el-description :value="RGV03.Alarm" type="primary" ellipsis></j-el-description>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-divider />
+ <h4 style="margin-bottom: 50px;">鎵嬪姩鎿嶄綔</h4>
+ <el-form ref="form" :model="formRGV" label-width="90px">
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
+ <el-col :span="16" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="浠诲姟鍛戒护" prop="TargetAddress">
+ <el-select size="large" v-model="formRGV.TaskType" placeholder="璇烽�夋嫨浠诲姟鍛戒护">
+ <el-option label="鍙栧畾浣�" value="1" />
+ <el-option label="鏀惧畾浣�" value="2" />
+ <el-option label="鍙栬揣" value="3" />
+ <el-option label="鏀捐揣" value="4" />
+ <el-option label="鍙栨斁璐�" value="5" />
+ <el-option label="閫�鍥�" value="6" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
+ <el-col :span="16" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="鍙栬揣浣�:">
+ <!-- <el-input size="large" v-model="formRGV.SourceAddress" style="width: 800px" placeholder="鍙栬揣浣�" /> -->
+ <el-select size="large" v-model="formRGV.SourceAddress" placeholder="璇烽�夋嫨鍙栬揣浣�">
+ <el-option label="3031" value="1" />
+ <el-option label="3029" value="2" />
+ <el-option label="3027" value="3" />
+ <el-option label="3025" value="4" />
+ <el-option label="3023" value="5" />
+ <el-option label="3021" value="6" />
+ <el-option label="3019" value="7" />
+ <el-option label="3017" value="8" />
+ <el-option label="3015" value="9" />
+ <el-option label="3013" value="10" />
+ <el-option label="3011" value="11" />
+ <el-option label="3009" value="12" />
+ <el-option label="3008" value="13" />
+ <el-option label="3006" value="14" />
+ <el-option label="3004" value="15" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
+ <el-col :span="16" :offset="0" :push="0" :pull="0" tag="div">
+ <el-form-item label="鏀捐揣浣�:">
+ <!-- <el-input size="large" v-model="formRGV.TargetAddress" style="width: 800px" placeholder="鏀捐揣浣�" /> -->
+ <el-select size="large" v-model="formRGV.TargetAddress" placeholder="璇烽�夋嫨鏀捐揣浣�">
+ <el-option label="3031" value="1" />
+ <el-option label="3029" value="2" />
+ <el-option label="3027" value="3" />
+ <el-option label="3025" value="4" />
+ <el-option label="3023" value="5" />
+ <el-option label="3021" value="6" />
+ <el-option label="3019" value="7" />
+ <el-option label="3017" value="8" />
+ <el-option label="3015" value="9" />
+ <el-option label="3013" value="10" />
+ <el-option label="3011" value="11" />
+ <el-option label="3009" value="12" />
+ <el-option label="3008" value="13" />
+ <el-option label="3006" value="14" />
+ <el-option label="3004" value="15" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <el-divider />
+ <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
+ <el-col :span="4" :offset="0" :push="0" :pull="0" tag="div">
+ <el-button type="primary" size="small" plain @click="SendCommand(RGV03.DeviceCode)">
+ <i class="el-icon-check">鍙戦�佸懡浠�</i>
+ </el-button>
+ </el-col>
+ <el-col :span="4" :offset="0" :push="0" :pull="0" tag="div">
+ <el-button type="warning" size="small" plain @click="RGVReset(RGV03.DeviceCode)">
+ <i class="el-icon-check">澶嶄綅</i>
+ </el-button>
+ </el-col>
+ <el-col :span="4" :offset="0" :push="0" :pull="0" tag="div">
+ <el-button type="danger" size="small" plain @click="RGVemergencyStop(RGV03.DeviceCode)">
+ <i class="el-icon-check">鎬ュ仠</i>
+ </el-button>
+ </el-col>
+ <el-col :span="4" :offset="0" :push="0" :pull="0" tag="div">
+ <el-button type="danger" size="small" plain @click="RGVPause(RGV03.DeviceCode)">
+ <i class="el-icon-check">鍋滄</i>
+ </el-button>
+ </el-col>
+ <el-col :span="4" :offset="0" :push="0" :pull="0" tag="div">
+ <el-button type="danger" size="small" plain @click="RGVCancel(RGV03.DeviceCode)">
+ <i class="el-icon-check">鍙栨秷浠诲姟</i>
+ </el-button>
+ </el-col>
+ <el-col :span="4" :offset="0" :push="0" :pull="0" tag="div">
+ <el-button type="danger" size="small" plain @click="RGVInitialize(RGV03.DeviceCode)">
+ <i class="el-icon-check">宸ヤ綅鍒濆鍖�</i>
+ </el-button>
+ </el-col>
+ </el-row>
+ </el-form>
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button @click="RGVThird = false">鍙栨秷</el-button>
+ <el-button type="primary" @click="RGVThird = false">
+ 纭
+ </el-button>
+ </div>
+ </template>
+ </el-dialog>
</template>
<script>
-import { ref, reactive } from "vue";
+import { onMounted, ref, reactive } from "vue";
+import LineInfo from "./LineInfo.vue";
import LineInfoCopy from "./LineInfocopy.vue";
import LineComponent from './LineComponent.vue';
import eventBus from "../uitils/eventBus";
+import JElDescription from "./JElDescription";
+
export default {
data() {
return {
- //#region 绗竴灞�
linescopy1: [
- //#region 绗竴鎺�
{
- equipNo: "1103",
+ equipNo: "1005",
imgType: "1",
- positionX: 1,
- positionY: 1,
+ positionX: 0.6,
+ positionY: 8,
condition: false,
},
{
- equipNo: "1102",
+ equipNo: "1006",
imgType: "1",
- positionX: 2,
- positionY: 1,
+ positionX: 0.6,
+ positionY: 8,
condition: false,
},
- {
- equipNo: "2103",
- imgType: "1",
- positionX: 2,
- positionY: 1,
- condition: false,
- },
- // {
- // equipNo: "2102",
- // imgType: "1",
- // positionX: 5,
- // positionY: 1,
- // condition: false,
- // },
- //#endregion
- //#region 绗簩鎺�
{
- equipNo: "1104",
+ equipNo: "1007",
imgType: "1",
- positionX: 1,
- positionY: 4,
+ positionX: 0.6,
+ positionY: 20,
condition: false,
},
{
- equipNo: "1101",
+ equipNo: "1008",
imgType: "1",
- positionX: 2,
- positionY: 4,
+ positionX: 0.6,
+ positionY: 20,
+ condition: false,
+ }, {
+ equipNo: "2002",
+ imgType: "1",
+ positionX: 28,
+ positionY: 8,
condition: false,
},
{
- equipNo: "2104",
+ equipNo: "2001",
imgType: "1",
- positionX: 2,
- positionY: 4,
+ positionX: 28,
+ positionY: 8,
condition: false,
},
- // {
- // equipNo: "2101",
- // imgType: "1",
- // positionX: 5,
- // positionY: 2,
- // condition: false,
- // },
- //#endregion
+ {
+ equipNo: "2004",
+ imgType: "1",
+ positionX: 28,
+ positionY: 20,
+ condition: false,
+ },
+ {
+ equipNo: "2003",
+ imgType: "1",
+ positionX: 28,
+ positionY: 20,
+ condition: false,
+ },
],
- //#endregion
-
- //#region 绗簩灞�
linescopy2: [
- //#region 绗竴鎺�
{
- equipNo: "1204",
+ equipNo: "1009",
imgType: "1",
- positionX: 1,
- positionY: 1,
+ positionX: 0.6,
+ positionY: 8,
condition: false,
},
{
- equipNo: "1203",
+ equipNo: "1010",
imgType: "1",
- positionX: 2,
- positionY: 1,
+ positionX: 0.6,
+ positionY: 8,
condition: false,
},
- {
- equipNo: "2204",
- imgType: "1",
- positionX: 4,
- positionY: 1,
- condition: false,
- },
- {
- equipNo: "2203",
- imgType: "1",
- positionX: 5,
- positionY: 1,
- condition: false,
- },
- //#endregion
- //#region 绗簩鎺�
{
- equipNo: "1205",
+ equipNo: "1011",
imgType: "1",
- positionX: 1,
- positionY: 2,
+ positionX: 0.6,
+ positionY: 20,
condition: false,
},
{
- equipNo: "1202",
+ equipNo: "1012",
imgType: "1",
- positionX: 2,
- positionY: 2,
+ positionX: 0.6,
+ positionY: 20,
+ condition: false,
+ }, {
+ equipNo: "2006",
+ imgType: "1",
+ positionX: 28,
+ positionY: 8,
condition: false,
},
{
- equipNo: "2205",
+ equipNo: "2005",
imgType: "1",
- positionX: 4,
- positionY: 2,
+ positionX: 28,
+ positionY: 8,
condition: false,
},
{
- equipNo: "2202",
+ equipNo: "2008",
imgType: "1",
- positionX: 5,
- positionY: 2,
- condition: false,
- },
- //#endregion
-
- //#region 绗笁鎺�
- {
- equipNo: "1206",
- imgType: "1",
- positionX: 1,
- positionY: 3,
+ positionX: 28,
+ positionY: 20,
condition: false,
},
{
- equipNo: "1201",
+ equipNo: "2007",
imgType: "1",
- positionX: 2,
- positionY: 3,
+ positionX: 28,
+ positionY: 20,
condition: false,
},
- {
- equipNo: "2205",
- imgType: "1",
- positionX: 4,
- positionY: 3,
- condition: false,
- },
- {
- equipNo: "2201",
- imgType: "1",
- positionX: 5,
- positionY: 3,
- condition: false,
- },
- //#endregion
-
],
- //#endregion
-
- //#region 绗笁灞�
linescopy3: [
- //#region 绗竴鎺�
{
- equipNo: "1304",
+ equipNo: "1017",
imgType: "1",
- positionX: 1,
- positionY: 1,
+ positionX: 0.6,
+ positionY: 8,
condition: false,
},
{
- equipNo: "1303",
+ equipNo: "1018",
imgType: "1",
- positionX: 2,
- positionY: 1,
+ positionX: 0.6,
+ positionY: 8,
condition: false,
},
- {
- equipNo: "2304",
- imgType: "1",
- positionX: 4,
- positionY: 1,
- condition: false,
- },
- {
- equipNo: "2303",
- imgType: "1",
- positionX: 5,
- positionY: 1,
- condition: false,
- },
- //#endregion
- //#region 绗簩鎺�
{
- equipNo: "1305",
+ equipNo: "1019",
imgType: "1",
- positionX: 1,
- positionY: 2,
+ positionX: 0.6,
+ positionY: 20,
condition: false,
},
{
- equipNo: "1302",
+ equipNo: "1020",
imgType: "1",
- positionX: 2,
- positionY: 2,
+ positionX: 0.6,
+ positionY: 20,
+ condition: false,
+ }, {
+ equipNo: "2010",
+ imgType: "1",
+ positionX: 28,
+ positionY: 8,
condition: false,
},
{
- equipNo: "2305",
+ equipNo: "2009",
imgType: "1",
- positionX: 4,
- positionY: 2,
+ positionX: 28,
+ positionY: 8,
condition: false,
},
{
- equipNo: "2302",
+ equipNo: "2012",
imgType: "1",
- positionX: 5,
- positionY: 2,
- condition: false,
- },
- //#endregion
-
- //#region 绗笁鎺�
- {
- equipNo: "1306",
- imgType: "1",
- positionX: 1,
- positionY: 3,
+ positionX: 28,
+ positionY: 20,
condition: false,
},
{
- equipNo: "1301",
+ equipNo: "2011",
imgType: "1",
- positionX: 2,
- positionY: 3,
+ positionX: 28,
+ positionY: 20,
condition: false,
},
- {
- equipNo: "2305",
- imgType: "1",
- positionX: 4,
- positionY: 3,
- condition: false,
- },
- {
- equipNo: "2301",
- imgType: "1",
- positionX: 5,
- positionY: 3,
- condition: false,
- },
- //#endregion
-
],
- //#endregion
-
- //#region 绗洓灞�
linescopy4: [
- //#region 绗竴鎺�
{
- equipNo: "1404",
+ equipNo: "1021",
imgType: "1",
- positionX: 1,
- positionY: 1,
+ positionX: 0.6,
+ positionY: 8,
condition: false,
},
{
- equipNo: "1403",
+ equipNo: "1022",
imgType: "1",
- positionX: 2,
- positionY: 1,
+ positionX: 0.6,
+ positionY: 8,
condition: false,
},
- {
- equipNo: "2404",
- imgType: "1",
- positionX: 4,
- positionY: 1,
- condition: false,
- },
- {
- equipNo: "2403",
- imgType: "1",
- positionX: 5,
- positionY: 1,
- condition: false,
- },
- //#endregion
- //#region 绗簩鎺�
{
- equipNo: "1405",
+ equipNo: "1023",
imgType: "1",
- positionX: 1,
- positionY: 2,
+ positionX: 0.6,
+ positionY: 20,
condition: false,
},
{
- equipNo: "1402",
+ equipNo: "1024",
imgType: "1",
- positionX: 2,
- positionY: 2,
+ positionX: 0.6,
+ positionY: 20,
+ condition: false,
+ }, {
+ equipNo: "2014",
+ imgType: "1",
+ positionX: 28,
+ positionY: 8,
condition: false,
},
{
- equipNo: "2405",
+ equipNo: "2013",
imgType: "1",
- positionX: 4,
- positionY: 2,
+ positionX: 28,
+ positionY: 8,
condition: false,
},
{
- equipNo: "2402",
+ equipNo: "2016",
imgType: "1",
- positionX: 5,
- positionY: 2,
- condition: false,
- },
- //#endregion
-
- //#region 绗笁鎺�
- {
- equipNo: "1406",
- imgType: "1",
- positionX: 1,
- positionY: 3,
+ positionX: 28,
+ positionY: 20,
condition: false,
},
{
- equipNo: "1401",
+ equipNo: "2015",
imgType: "1",
- positionX: 2,
- positionY: 3,
+ positionX: 28,
+ positionY: 20,
condition: false,
},
- {
- equipNo: "2405",
- imgType: "1",
- positionX: 4,
- positionY: 3,
- condition: false,
- },
- {
- equipNo: "2401",
- imgType: "1",
- positionX: 5,
- positionY: 3,
- condition: false,
- },
- //#endregion
-
],
- //#endregion
-
- //#region 绗簲灞�
linescopy5: [
- //#region 绗竴鎺�
{
- equipNo: "1504",
+ equipNo: "1031",
imgType: "1",
- positionX: 1,
- positionY: 1,
+ positionX: 0.6,
+ positionY: 8,
condition: false,
},
{
- equipNo: "1503",
+ equipNo: "1032",
imgType: "1",
- positionX: 2,
- positionY: 1,
+ positionX: 0.6,
+ positionY: 8,
condition: false,
},
- {
- equipNo: "2504",
- imgType: "1",
- positionX: 4,
- positionY: 1,
- condition: false,
- },
- {
- equipNo: "2503",
- imgType: "1",
- positionX: 5,
- positionY: 1,
- condition: false,
- },
- //#endregion
- //#region 绗簩鎺�
{
- equipNo: "1505",
+ equipNo: "1033",
imgType: "1",
- positionX: 1,
- positionY: 2,
+ positionX: 0.6,
+ positionY: 20,
condition: false,
},
{
- equipNo: "1502",
+ equipNo: "1034",
imgType: "1",
- positionX: 2,
- positionY: 2,
+ positionX: 0.6,
+ positionY: 20,
+ condition: false,
+ }, {
+ equipNo: "2018",
+ imgType: "1",
+ positionX: 28,
+ positionY: 8,
condition: false,
},
{
- equipNo: "2505",
+ equipNo: "2017",
imgType: "1",
- positionX: 4,
- positionY: 2,
+ positionX: 28,
+ positionY: 8,
condition: false,
},
{
- equipNo: "2502",
+ equipNo: "2020",
imgType: "1",
- positionX: 5,
- positionY: 2,
+ positionX: 28,
+ positionY: 20,
condition: false,
},
- //#endregion
+ {
+ equipNo: "2019",
+ imgType: "1",
+ positionX: 28,
+ positionY: 20,
+ condition: false,
+ },
+ ],
+ linescopy6: [
+ {
+ equipNo: "1035",
+ imgType: "1",
+ positionX: 0.6,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "1036",
+ imgType: "1",
+ positionX: 0.6,
+ positionY: 8,
+ condition: false,
+ },
- //#region 绗笁鎺�
{
- equipNo: "1506",
+ equipNo: "1037",
imgType: "1",
- positionX: 1,
- positionY: 3,
+ positionX: 0.6,
+ positionY: 20,
condition: false,
},
{
- equipNo: "1501",
+ equipNo: "1038",
imgType: "1",
- positionX: 2,
- positionY: 3,
+ positionX: 0.6,
+ positionY: 20,
+ condition: false,
+ }, {
+ equipNo: "2022",
+ imgType: "1",
+ positionX: 28,
+ positionY: 8,
condition: false,
},
{
- equipNo: "2505",
+ equipNo: "2021",
imgType: "1",
- positionX: 4,
- positionY: 3,
+ positionX: 28,
+ positionY: 8,
condition: false,
},
{
- equipNo: "2501",
+ equipNo: "2024",
+ imgType: "1",
+ positionX: 28,
+ positionY: 20,
+ condition: false,
+ },
+ {
+ equipNo: "2023",
+ imgType: "1",
+ positionX: 28,
+ positionY: 20,
+ condition: false,
+ },
+ ],
+ linescopy7: [
+ {
+ equipNo: "1001",
imgType: "1",
positionX: 5,
- positionY: 3,
+ positionY: 8,
condition: false,
},
- //#endregion
+ {
+ equipNo: "1002",
+ imgType: "1",
+ positionX: 5,
+ positionY: 8,
+ condition: false,
+ },
+
+ {
+ equipNo: "1003",
+ imgType: "1",
+ positionX: 5,
+ positionY: 20,
+ condition: false,
+ },
+ {
+ equipNo: "1004",
+ imgType: "1",
+ positionX: 5,
+ positionY: 20,
+ condition: false,
+ },
+ ],
+ linescopy8: [
+ {
+ equipNo: "1039",
+ imgType: "1",
+ positionX: 6,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "1040",
+ imgType: "1",
+ positionX: 6,
+ positionY: 16,
+ condition: false,
+ },
+ ],
+ linescopy9: [
+ {
+ equipNo: "1013",
+ imgType: "1",
+ positionX: 6,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "1014",
+ imgType: "1",
+ positionX: 6,
+ positionY: 16,
+ condition: false,
+ },
+ ],
+ linescopy10: [
+ {
+ equipNo: "1015",
+ imgType: "1",
+ positionX: 6,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "1016",
+ imgType: "1",
+ positionX: 6,
+ positionY: 16,
+ condition: false,
+ },
+ ],
+ linescopy11: [
+ {
+ equipNo: "1027",
+ imgType: "1",
+ positionX: 6,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "1028",
+ imgType: "1",
+ positionX: 6,
+ positionY: 16,
+ condition: false,
+ },
],
- //#endregion
+ linescopy12: [
+ {
+ equipNo: "1029",
+ imgType: "1",
+ positionX: 6,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "1030",
+ imgType: "1",
+ positionX: 6,
+ positionY: 16,
+ condition: false,
+ },
+ ],
+ linescopy13: [
+ {
+ equipNo: "3005",
+ imgType: "2",
+ positionX: 5,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "3006",
+ imgType: "2",
+ positionX: 5,
+ positionY: 9,
+ condition: false,
+ },
+ {
+ equipNo: "3007",
+ imgType: "2",
+ positionX: 6,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "3008",
+ imgType: "2",
+ positionX: 6,
+ positionY: 9,
+ condition: false,
+ }, {
+ equipNo: "3010",
+ imgType: "2",
+ positionX: 8,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "3009",
+ imgType: "2",
+ positionX: 8,
+ positionY: 9,
+ condition: false,
+ },
+ {
+ equipNo: "3012",
+ imgType: "2",
+ positionX: 9,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "3011",
+ imgType: "2",
+ positionX: 9,
+ positionY: 9,
+ condition: false,
+ },
+ {
+ equipNo: "3014",
+ imgType: "2",
+ positionX: 11,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "3013",
+ imgType: "2",
+ positionX: 11,
+ positionY: 9,
+ condition: false,
+ },
+ {
+ equipNo: "3016",
+ imgType: "2",
+ positionX: 12,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "3015",
+ imgType: "2",
+ positionX: 12,
+ positionY: 9,
+ condition: false,
+ },
+ {
+ equipNo: "3018",
+ imgType: "2",
+ positionX: 14,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "3017",
+ imgType: "2",
+ positionX: 14,
+ positionY: 9,
+ condition: false,
+ },
+ {
+ equipNo: "3020",
+ imgType: "2",
+ positionX: 15,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "3019",
+ imgType: "2",
+ positionX: 15,
+ positionY: 9,
+ condition: false,
+ },
+
+ {
+ equipNo: "3022",
+ imgType: "2",
+ positionX: 17,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "3021",
+ imgType: "2",
+ positionX: 17,
+ positionY: 9,
+ condition: false,
+ },
+ {
+ equipNo: "3024",
+ imgType: "2",
+ positionX: 18,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "3023",
+ imgType: "2",
+ positionX: 18,
+ positionY: 9,
+ condition: false,
+ },
+
+ {
+ equipNo: "3026",
+ imgType: "2",
+ positionX: 20,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "3025",
+ imgType: "2",
+ positionX: 20,
+ positionY: 9,
+ condition: false,
+ },
+ {
+ equipNo: "3028",
+ imgType: "2",
+ positionX: 21,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "3027",
+ imgType: "2",
+ positionX: 21,
+ positionY: 9,
+ condition: false,
+ },
+ {
+ equipNo: "3030",
+ imgType: "2",
+ positionX: 23,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "3029",
+ imgType: "2",
+ positionX: 23,
+ positionY: 9,
+ condition: false,
+ },
+ {
+ equipNo: "3032",
+ imgType: "2",
+ positionX: 24,
+ positionY: 8,
+ condition: false,
+ },
+ {
+ equipNo: "3031",
+ imgType: "2",
+ positionX: 24,
+ positionY: 9,
+ condition: false,
+ },
+ ],
+ linescopy14: [
+ {
+ equipNo: "3004",
+ imgType: "2",
+ positionX: -8,
+ positionY: 1,
+ condition: false,
+ },
+ {
+ equipNo: "3002",
+ imgType: "2",
+ positionX: -6,
+ positionY: 1,
+ condition: false,
+ },
+ {
+ equipNo: "3001",
+ imgType: "2",
+ positionX: -5,
+ positionY: 2,
+ condition: false,
+ },
+ ],
+
+
+ StackerCrane: {
+ Automatic: "",
+ Fault: "",
+ CurrentLayer: "",
+ CurrentRow: "1",
+ CurrentColumn: "",
+ CurrentTaskNum: "",
+ Running: "",
+ DeviceName: "",
+ DeviceCOde: "",
+ StackerAlarm: "",
+ },
+ RGVFirst: false,
+ RGVSecond: false,
+ RGVThird: false,
xValue1: 0,
xValue2: 0,
+ xValue3: 0,
+ xValue4: 0,
+ xValue5: 0,
+ xValue6: 0,
timer1: null, // 瀹氭椂鍣ㄥ彉閲�
timer2: null, // 瀹氭椂鍣ㄥ彉閲�
- result1: 0,
- result1: 1,
+ RGV01: {
+ Automatic: "",
+ Fault: "",
+ LevelPoint: 0,
+ CurrentTaskNum: "",
+ Running: "",
+ DeviceName: "",
+ DeviceCode: "RGV01",
+ Alarm:"",
+ },
+ RGV02: {
+ Automatic: "",
+ Fault: "",
+ LevelPoint: 1280,
+ CurrentTaskNum: "",
+ Running: "",
+ DeviceName: "",
+ DeviceCode: "RGV02",
+ Alarm:"",
+ },
+ RGV03: {
+ Automatic: "",
+ Fault: "",
+ LevelPoint: 0,
+ CurrentTaskNum: "",
+ Running: "",
+ DeviceName: "",
+ DeviceCode: "RGV03",
+ Alarm:"",
+ },
+ formRGV: {
+ TaskType: "",
+ SourceAddress: "",
+ TargetAddress: "",
+ DeviceCode: "",
+ },
};
},
components: {
LineInfoCopy,
+ LineInfo,
LineComponent,
+ JElDescription,
},
methods: {
groupedLines(linescopy) {
@@ -588,158 +1478,241 @@
});
return Object.values(groups);
},
- async increase() {
- this.xValue1 += 100;
- this.xValue2 += 100;
- // let abc = this.xValue + 100;
- // for (this.xValue; this.xValue < abc; this.xValue++) {
- // await this.delay(10);
- if (this.xValue1 > 1120) {
- this.xValue1 = 1120;
- this.xValue2 = 1120;
+ updateRGVOne() {
+ if (this.RGV01.Automatic == "鑱旀満妯″紡" && this.RGV01.Fault != "鏁呴殰" && this.RGV01.Running == "寰呮満") {
+ return 'dot-Automatic ';
}
- this.$nextTick(() => {
- this.$refs.lineComponent1.moveDot(this.xValue1);
- });
- this.$nextTick(() => {
- this.$refs.lineComponent2.moveDot(this.xValue2);
- });
- // }
- },
- async decrease() {
- this.xValue1 -= 100;
- this.xValue2 -= 100;
- if (this.xValue1 < 0) {
- this.xValue1 = 0;
- this.xValue2 = 0;
- }
- // let abc = this.xValue - 100;
- // for (this.xValue; this.xValue > abc; this.xValue--) {
- // await this.delay(10);
- this.$nextTick(() => {
- this.$refs.lineComponent1.moveDot(this.xValue1);
- });
- this.$nextTick(() => {
- this.$refs.lineComponent2.moveDot(this.xValue2);
- });
- // }
- },
- delay(ms) {
- return new Promise(resolve => setTimeout(resolve, ms));
- },
- startTimer() {
- // 寮�鍚畾鏃跺櫒锛屾瘡3绉掓墽琛屼竴娆�
- this.timer1 = setInterval(() => {
- // 鎵ц瀹氭椂鍣ㄧ殑鎿嶄綔
- this.methodofexecution(1)
- if (this.result1 <= 0) {
- this.result1 = 0
- }
- this.$nextTick(() => {
- this.$refs.lineComponent1.moveDot(this.result1);
- });
- }, 3000);
- // 寮�鍚畾鏃跺櫒锛屾瘡3绉掓墽琛屼竴娆�
- this.timer2 = setInterval(() => {
- // 鎵ц瀹氭椂鍣ㄧ殑鎿嶄綔
- this.methodofexecution(2)
- if (this.result2 <= 0) {
- this.result2 = 0
- }
- this.$nextTick(() => {
- this.$refs.lineComponent2.moveDot(this.result2);
- });
- }, 3000);
- },
- stopTimer() {
- // 鍏抽棴瀹氭椂鍣�
- clearInterval(this.timer1);
- clearInterval(this.timer2);
- },
- //鑾峰彇骞惰绠楀爢鍨涙満浣嶇疆
- methodofexecution(equipNo, data, x) {
- if (x) {
- let WalkingLaserValue = data.r_Stack_WalkingLaserValue;
- let Value = ((WalkingLaserValue - 1200) / 50) + 10
- if (equipNo === 1) {
- this.result1 = Value
- }
- else if (equipNo === 2) {
- this.result2 = Value
- }
+ else if (this.RGV01.Automatic == "鑱旀満妯″紡" && this.RGV01.Fault != "鏁呴殰" && this.RGV01.Running == "杩愯涓�") {
+ return 'dot-Running ';
+ } else if (this.RGV01.Fault == "鏁呴殰") {
+ return 'dot-Fault ';
} else {
- // this.$message({
- // type: "error",
- // message: "x.message",
- // });
+ return 'dot-Fault ';
}
- }
+ },
+ updateRGVTwo() {
+ if (this.RGV02.Automatic == "鑱旀満妯″紡" && this.RGV02.Fault != "鏁呴殰" && this.RGV02.Running == "寰呮満") {
+ return 'dot-Automatic ';
+ }
+ else if (this.RGV02.Automatic == "鑱旀満妯″紡" && this.RGV01.Fault != "鏁呴殰" && this.RGV02.Running == "杩愯涓�") {
+ return 'dot-Running ';
+ } else if (this.RGV02.Fault == "鏁呴殰") {
+ return 'dot-Fault ';
+ } else {
+ return 'dot-Fault ';
+ }
+ },
+ updateRGVThird() {
+ if (this.RGV03.Automatic == "鑱旀満妯″紡" && this.RGV03.Fault != "鏁呴殰" && this.RGV03.Running == "寰呮満") {
+ return 'dot-Automatic ';
+ }
+ else if (this.RGV03.Automatic == "鑱旀満妯″紡" && this.RGV03.Fault != "鏁呴殰" && this.RGV03.Running == "杩愯涓�") {
+ return 'dot-Running ';
+ } else if (this.RGV03.Fault == "鏁呴殰") {
+ return 'dot-Fault ';
+ } else {
+ return 'dot-Fault ';
+ }
+ },
+ mouseClickRGVFirst() {
+ this.fullscreenLoading = true;
+ this.RGVFirst = true;
+ this.fullscreenLoading = false;
+ },
+ mouseClickSecond() {
+ this.fullscreenLoading = true;
+ this.RGVSecond = true;
+ this.fullscreenLoading = false;
+ },
+ mouseClickThird() {
+ this.fullscreenLoading = true;
+ this.RGVThird = true;
+ this.fullscreenLoading = false;
+ },
+ SendCommand(x) {
+ this.fullscreenLoading = true;
+ this.formRGV.DeviceCode = x;
+ this.http.post("api/DeviceInfo/RGVHandTask", this.formRGV)
+ .then((x) => {
+ if (!x.status) {
+ this.$message.error(x.message);
+ } else {
+ this.$Message.success(x.message);
+ $vue.refresh();
+ }
+ })
+ .finally(() => {
+ this.fullscreenLoading = false;
+ });
+ },
+ RGVReset(x) {
+ this.fullscreenLoading = true;
+ this.http.post("api/DeviceInfo/RGVReset?DeviceCode=" + x, null, "")
+ .then((x) => {
+ if (!x.status) {
+ this.$message.error(x.message);
+ } else {
+ this.$Message.success(x.message);
+
+ }
+ })
+ .finally(() => {
+ this.fullscreenLoading = false;
+ });
+ },
+ RGVemergencyStop(x) {
+ this.fullscreenLoading = true;
+ this.http.post("api/DeviceInfo/RGVemergencyStop?DeviceCode=" + x, null, "")
+ .then((x) => {
+ if (!x.status) {
+ this.$message.error(x.message);
+ } else {
+ this.$Message.success(x.message);
+
+ }
+ })
+ .finally(() => {
+ this.fullscreenLoading = false;
+ });
+ },
+ RGVPause(x) {
+ this.fullscreenLoading = true;
+ this.http.post("api/DeviceInfo/RGVPause?DeviceCode=" + x, null, "")
+ .then((x) => {
+ if (!x.status) {
+ this.$message.error(x.message);
+ } else {
+ this.$Message.success(x.message);
+ }
+ })
+ .finally(() => {
+ this.fullscreenLoading = false;
+ });
+ },
+ RGVCancel(x) {
+ this.fullscreenLoading = true;
+ this.http.post("api/DeviceInfo/RGVCancel?DeviceCode=" + x, null, "")
+ .then((x) => {
+ if (!x.status) {
+ this.$message.error(x.message);
+ } else {
+ this.$Message.success(x.message);
+ }
+ })
+ .finally(() => {
+ this.fullscreenLoading = false;
+ });
+ },
+ RGVInitialize(x) {
+ this.fullscreenLoading = true;
+ this.http.post("api/DeviceInfo/RGVInitialize?DeviceCode=" + x, null, "")
+ .then((x) => {
+ if (!x.status) {
+ this.$message.error(x.message);
+ } else {
+ this.$Message.success(x.message);
+ }
+ })
+ .finally(() => {
+ this.fullscreenLoading = false;
+ });
+ },
},
computed: {
},
mounted() {
- // 鍒濆鍖栭〉闈㈡椂寮�鍚畾鏃跺櫒
- // this.startTimer();
- // // 鐩戝惉璺敱鍙樺寲
- // this.$router.beforeEach((to, from, next) => {
- // this.stopTimer(); // 鍏抽棴瀹氭椂鍣�
- // next(); // 缁х画璺敱瀵艰埅
- // });
},
created() {
eventBus.on('stackerData', eventData => {
- // 鏇存柊缁勪欢鐨勬暟鎹�
- this.methodofexecution(parseInt(eventData.plcName, 10), eventData.data, true)
- const lineComponentsMap = {
- 1: 'lineComponent1',
- 2: 'lineComponent2',
+
+ const stackerComponentsMap = {
+ "SC01": 'stacker1',
+ "SC02": 'stacker2',
+ "SC03": 'stacker3',
+ "SC04": 'stacker4',
+ "SC05": 'stacker5',
+ "SC06": 'stacker6',
};
+ const componentKey = stackerComponentsMap[eventData.data.deviceCode];
+ if (componentKey) {
+ this.StackerCrane.Automatic = eventData.data.automatic;
+ this.StackerCrane.Fault = eventData.data.fault;
+ this.StackerCrane.Running = eventData.data.running;
+ this.StackerCrane.CurrentColumn = eventData.data.currentColumn;
+ this.StackerCrane.CurrentLayer = eventData.data.currentLayer;
+ this.StackerCrane.LevelPoint = eventData.data.levelPoint;
+ this.StackerCrane.DeviceName = eventData.data.deviceName;
+ this.StackerCrane.DeviceCode = eventData.data.deviceCode;
+ this.StackerCrane.StackerAlarm = eventData.data.stackerAlarm;
- const resultsMap = {
- 1: this.result1,
- 2: this.result2,
- };
-
- const componentKey = lineComponentsMap[eventData.plcName];
- const result = resultsMap[eventData.plcName];
-
- if (componentKey && result !== undefined) {
this.$nextTick(() => {
- this.$refs[componentKey].moveDot(result);
+ this.$refs[componentKey].moveDot(this.StackerCrane);
});
}
});
+ eventBus.on('RGVData', x => {
+
+ if (x.data.deviceCode == "RGV01") {
+ this.RGV01.Automatic = x.data.automatic == null ? "鏁呴殰" : x.data.automatic;
+ this.RGV01.Fault = x.data.fault == null ? "鏁呴殰" : x.data.fault;
+ this.RGV01.Running = x.data.running == null ? "鏁呴殰" : x.data.running;
+ this.RGV01.LevelPoint = x.data.levelPoint;
+ this.RGV01.DeviceName = x.data.deviceName;
+ this.RGV01.DeviceCode = x.data.deviceCode;
+ this.RGV01.Alarm = x.data.alarm;
+ } else if (x.data.deviceCode == "RGV02") {
+ this.RGV02.Automatic = x.data.automatic == null ? "鏁呴殰" : x.data.automatic;
+ this.RGV02.Fault = x.data.fault == null ? "鏁呴殰" : x.data.fault;
+ this.RGV02.Running = x.data.running == null ? "鏁呴殰" : x.data.running;
+ this.RGV02.LevelPoint = x.data.levelPoint;
+ this.RGV02.DeviceName = x.data.deviceName;
+ this.RGV02.Alarm = x.data.alarm;
+ } else if (x.data.deviceCode == "RGV03") {
+ this.RGV03.Automatic = x.data.automatic == null ? "鏁呴殰" : x.data.automatic;
+ this.RGV03.Fault = x.data.fault == null ? "鏁呴殰" : x.data.fault;
+ this.RGV03.Running = x.data.running == null ? "鏁呴殰" : x.data.running;
+ this.RGV03.LevelPoint = x.data.levelPoint;
+ this.RGV03.DeviceName = x.data.deviceName;
+ this.RGV03.Alarm = x.data.alarm;
+ }
+
+ });
+
eventBus.on("LineData", eventData => {
const stationMap = {
- "11": this.linescopy1,
- "10": this.linescopy1,
- "12": this.linescopy2,
- "22": this.linescopy2,
- "13": this.linescopy3,
- "23": this.linescopy3,
- "14": this.linescopy4,
- "24": this.linescopy4,
- "15": this.linescopy5,
- "25": this.linescopy5
+ "SC011F": this.linescopy1,
+ "SC021F": this.linescopy2,
+ "SC031F": this.linescopy3,
+ "SC041F": this.linescopy4,
+ "SC051F": this.linescopy5,
+ "SC061F": this.linescopy6,
+ "SC071F": this.linescopy7,
+ "SC081F": this.linescopy8,
+ "SC091F": this.linescopy9,
+ "SC101F": this.linescopy10,
+ "SC111F": this.linescopy11,
+ "SC121F": this.linescopy12,
+ "SC012F": this.linescopy13,
+ "SC022F": this.linescopy13,
+ "SC032F": this.linescopy13,
+ "SC042F": this.linescopy13,
+ "SC052F": this.linescopy13,
+ "SC062F": this.linescopy13,
+ "SC072F": this.linescopy13,
+ "SC082F": this.linescopy14,
};
- var station = eventData.station_code;
- var layer = station.substring(0, 2);
-
- if (stationMap[layer]) {
- stationMap[layer].forEach((line) => {
+ var station = eventData.stationChildCode;
+ if (stationMap[eventData.roadway]) {
+ stationMap[eventData.roadway].forEach((line) => {
if (line.equipNo === station) {
- line.condition = eventData.r_Line_HasPallet === 1;
+ line.condition = eventData.inStock;
}
})
}
})
-
- for (let i = 1; i < 6; i++) {
- this.methodofexecution(i, null, false)
- }
},
};
</script>
@@ -749,8 +1722,7 @@
margin-bottom: 10px;
} */
.title {
- height: 800px;
- margin-left: 20px;
+ height: 1800px;
}
.cardWidth {
@@ -760,9 +1732,9 @@
}
.cardWidthrow {
- height: 40%;
+ height: 00%;
width: 100%;
- margin-top: 10px;
+ /* margin-top: 10px; */
box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
}
@@ -779,7 +1751,7 @@
.stackerDiv {
border: 1px solid rgba(0, 195, 255, 0.822);
- width: 1600px;
+ width: 980px;
padding-left: 3px;
}
@@ -788,4 +1760,99 @@
color: rgba(0, 195, 255, 0.822);
margin-bottom: 12px;
}
+
+.dot-Running {
+ position: absolute;
+ top: -5px;
+ width: 20px;
+ height: 20px;
+ border-radius: 50%;
+ background-color: #409eff;
+ transition: transform 0.3s ease;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 9px;
+ font-weight: bold;
+ color: white;
+}
+
+.dot-Automatic {
+ position: absolute;
+ top: -5px;
+ width: 20px;
+ height: 20px;
+ border-radius: 50%;
+ background-color: #0df705;
+ transition: transform 0.3s ease;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 9px;
+ font-weight: bold;
+ color: white;
+}
+
+.dot-Fault {
+ position: absolute;
+ top: -5px;
+ width: 20px;
+ height: 20px;
+ /* right:0px; */
+ border-radius: 50%;
+ background-color: #f80410;
+ transition: transform 0.3s ease;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 9px;
+ font-weight: bold;
+ color: white;
+}
+
+
+.line-container {
+ position: relative;
+ height: 1280px;
+ background-color: #ecf5ff;
+ width: 20px;
+ top: 30px;
+ left: 200px
+}
+
+.RGVline {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 2px;
+ background-color: #a0cfff;
+}
+
+.line {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 2px;
+ background-color: #a0cfff;
+}
+
+.line-containerThird {
+ position: absolute;
+ height: 20px;
+ background-color: #ecf5ff;
+ width: 1330px;
+ /* margin-top:180px; */
+ top: 180px;
+
+ left: 300px;
+}
+
+.lineThird {
+ /* position: absolute; */
+ height: 1px;
+ /* margin-top:180px; */
+ background-color: #a0cfff;
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.3