1

huangxiaoqiang

3 天以前 3296ae7c136f405db78c395635e72efa1c0d0125

 ÏîÄ¿´úÂë/WCS/WIDESEAWCS_Client/src/views/Home.vue

@@ -1,20 +1,72 @@
<template>
   <div>
      111
   </div>
   <div class="title">
      <el-row :gutter="20" style="height:100%">
      <el-row :gutter="20" style="height:85%">
         <el-col :span="8">
            <span style="position: relative; top: 100px;left: 30px;">第一层</span>
            <span style="position: relative; top: 100px;left: 30px;">
               <h4>一楼设备监控</h4>
            </span>
            <el-row :gutter="20" style="height:1000px">
               <el-col :span="8"></el-col>
               <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="{ marginTop: RGV01.LevelPoint + 'px' }"
                     <div :class="updateRGVOne()" :style="{ transform: `translateY(${1280-RGV01.LevelPoint*0.00303627639+50}px)` }"
                        @click="mouseClickRGVFirst">1</div>
                     <div :class="updateRGVTwo()" :style="{ marginTop: RGV02.LevelPoint + 'px' }"
                        @click="mouseClickSecond">2</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">
@@ -112,14 +164,35 @@
      <el-row :gutter="20" class="cardWidthrow">
         <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" />
               <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>

@@ -131,7 +204,6 @@
         <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="设备编号：">
                  <!-- <el-input v-model="equipNo"></el-input> -->
                  <j-el-description :value="RGV01.DeviceName" type="primary" ellipsis></j-el-description>
               </el-form-item>
            </el-col>
@@ -165,56 +237,75 @@
               </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="formFirst" label-width="90px">
         <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="formFirst.TaskType" placeholder="请选择任务命令">
                        <el-option label="入库" value="17" />
                        <el-option label="出库" value="18" />
                        <el-option label="移库" value="20" />
                        <el-option label="取货" value="24" />
                        <el-option label="放货" value="48" />
                     <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="formFirst.SourceAddress" style="width: 800px"
                        placeholder="请输入起点行列层" />
                  <el-form-item label="取货位:">
                     <el-input size="large" v-model="formRGV.SourceAddress" style="width: 800px" placeholder="取货位" />
                  </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="formFirst.TargetAddress" style="width: 800px"
                        placeholder="请输入终点行列层" />
                  <el-form-item label="放货位:">
                     <el-input size="large" v-model="formRGV.TargetAddress" style="width: 800px" placeholder="放货位" />
                  </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="8" :offset="0" :push="0" :pull="0" tag="div">
               <el-button type="primary" size="small" plain @click="start">
                  <i class="el-icon-check">启动</i>
            <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="8" :offset="0" :push="0" :pull="0" tag="div">
               <el-button type="warning" size="small" plain @click="reset">
            <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="8" :offset="0" :push="0" :pull="0" tag="div">
               <el-button type="danger" size="small" plain @click="emergencyStop">
            <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>
@@ -228,12 +319,251 @@
         </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-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-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-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-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 { onMounted, ref, reactive } from "vue";
// import StackerInfo from "./StackerInfo.vue";
// import LineInfo from "./LineInfo.vue";
import LineInfo from "./LineInfo.vue";
import LineInfoCopy from "./LineInfocopy.vue";
import LineComponent from './LineComponent.vue';
import eventBus from "../uitils/eventBus";
@@ -274,14 +604,14 @@
            }, {
               equipNo: "2002",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 8,
               condition: false,
            },
            {
               equipNo: "2001",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 8,
               condition: false,
            },
@@ -289,14 +619,14 @@
            {
               equipNo: "2004",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 20,
               condition: false,
            },
            {
               equipNo: "2003",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 20,
               condition: false,
            },
@@ -333,28 +663,28 @@
            }, {
               equipNo: "2006",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 8,
               condition: false,
            },
            {
               equipNo: "2005",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 8,
               condition: false,
            },
            {
               equipNo: "2008",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 20,
               condition: false,
            },
            {
               equipNo: "2007",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 20,
               condition: false,
            },
@@ -391,28 +721,28 @@
            }, {
               equipNo: "2010",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 8,
               condition: false,
            },
            {
               equipNo: "2009",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 8,
               condition: false,
            },
            {
               equipNo: "2012",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 20,
               condition: false,
            },
            {
               equipNo: "2011",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 20,
               condition: false,
            },
@@ -449,28 +779,28 @@
            }, {
               equipNo: "2014",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 8,
               condition: false,
            },
            {
               equipNo: "2013",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 8,
               condition: false,
            },
            {
               equipNo: "2016",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 20,
               condition: false,
            },
            {
               equipNo: "2015",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 20,
               condition: false,
            },
@@ -507,28 +837,28 @@
            }, {
               equipNo: "2018",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 8,
               condition: false,
            },
            {
               equipNo: "2017",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 8,
               condition: false,
            },
            {
               equipNo: "2020",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 20,
               condition: false,
            },
            {
               equipNo: "2019",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 20,
               condition: false,
            },
@@ -565,32 +895,369 @@
            }, {
               equipNo: "2022",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 8,
               condition: false,
            },
            {
               equipNo: "2021",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 8,
               condition: false,
            },
            {
               equipNo: "2024",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 20,
               condition: false,
            },
            {
               equipNo: "2023",
               imgType: "1",
               positionX: 26,
               positionX: 28,
               positionY: 20,
               condition: false,
            },
         ],
         linescopy7: [
            {
               equipNo: "1001",
               imgType: "1",
               positionX: 5,
               positionY: 8,
               condition: false,
            },
            {
               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,
            },

         ],
         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: "",
@@ -601,7 +1268,7 @@
            Running: "",
            DeviceName: "",
            DeviceCOde: "",
            StackerAlarm:"",
            StackerAlarm: "",
         },
         RGVFirst: false,
         RGVSecond: false,
@@ -622,6 +1289,7 @@
            Running: "",
            DeviceName: "",
            DeviceCode: "RGV01",
            Alarm:"",
         },
         RGV02: {
            Automatic: "",
@@ -631,6 +1299,7 @@
            Running: "",
            DeviceName: "",
            DeviceCode: "RGV02",
            Alarm:"",
         },
         RGV03: {
            Automatic: "",
@@ -639,9 +1308,10 @@
            CurrentTaskNum: "",
            Running: "",
            DeviceName: "",
            DeviceCode: "",
            DeviceCode: "RGV03",
            Alarm:"",
         },
         formFirst: {
         formRGV: {
            TaskType: "",
            SourceAddress: "",
            TargetAddress: "",
@@ -651,6 +1321,7 @@
   },
   components: {
      LineInfoCopy,
      LineInfo,
      LineComponent,
      JElDescription,
   },
@@ -693,7 +1364,7 @@
            return 'dot-Fault ';
         }
      },
      updateRGV03() {
      updateRGVThird() {
         if (this.RGV03.Automatic == "联机模式" && this.RGV03.Fault != "故障" && this.RGV03.Running == "待机") {
            return 'dot-Automatic ';
         }
@@ -709,11 +1380,105 @@
         this.fullscreenLoading = true;
         this.RGVFirst = true;
         this.fullscreenLoading = false;
      }, mouseClickSecond() {
      },
      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: {

@@ -742,46 +1507,63 @@
            this.StackerCrane.DeviceName = eventData.data.deviceName;
            this.StackerCrane.DeviceCode = eventData.data.deviceCode;
            this.StackerCrane.StackerAlarm = eventData.data.stackerAlarm;
				

            this.$nextTick(() => {
               this.$refs[componentKey].moveDot(this.StackerCrane);
            });
         }
      });

      eventBus.on('RGVData', eventData => {
      eventBus.on('RGVData', x => {

         if (eventData.data.deviceCode == "RGV01") {
            this.RGV01.Automatic = x.Automatic == null ? "故障" : x.Automatic;
            this.RGV01.Fault = x.Fault == null ? "故障" : x.Fault;
            this.RGV01.Running = x.Running == null ? "故障" : x.Running;
            this.RGV01.LevelPoint = x.LevelPoint;
            this.RGV01.DeviceName = x.DeviceName;
         } else if (eventData.data.deviceCode == "RGV02") {
            this.RGV02.Automatic = x.Automatic == null ? "故障" : x.Automatic;
            this.RGV02.Fault = x.Fault == null ? "故障" : x.Fault;
            this.RGV02.Running = x.Running == null ? "故障" : x.Running;
            this.RGV02.LevelPoint = x.LevelPoint;
            this.RGV02.DeviceName = x.DeviceName;
         } else if (eventData.data.deviceCode == "RGV03") {
            this.RGV03.Automatic = x.Automatic == null ? "故障" : x.Automatic;
            this.RGV03.Fault = x.Fault == null ? "故障" : x.Fault;
            this.RGV03.Running = x.Running == null ? "故障" : x.Running;
            this.RGV03.LevelPoint = x.LevelPoint;
            this.RGV03.DeviceName = x.DeviceName;
         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 = {
            "SC01": this.linescopy1,
            "SC02": this.linescopy2,
            "SC03": this.linescopy3,
            "SC04": this.linescopy4,
            "SC05": this.linescopy5,
            "SC06": this.linescopy6,
            "SC07": this.linescopy7,
            "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.stationChildCode;
@@ -802,7 +1584,7 @@
  margin-bottom: 10px;
} */
.title {
   height: 1500px;
   height: 1800px;
}

.cardWidth {
@@ -812,9 +1594,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);
}

@@ -918,6 +1700,21 @@
   background-color: #a0cfff;
}

:deep(.j-el-description) {
   background-color: #e40e0e;
}</style>
.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>