From e440d52ebfba713f8dfaa166089050e6e61803d9 Mon Sep 17 00:00:00 2001
From: haha <lj7788@126.com>
Date: Tue, 6 May 2025 23:36:48 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=A4=A7=E5=B1=8F=E5=8D=87?=
 =?UTF-8?q?=E9=99=8D=E6=9C=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dumbwaiter-1.js                           |    0
 .../dumbwaiter-2.js                           |    0
 .../src/views/safety/dumbwaiter.vue           | 1350 ++++++++---------
 3 files changed, 660 insertions(+), 690 deletions(-)
 rename yanzhu-bigscreen/src/{components-old => components}/dumbwaiter-1.js (100%)
 rename yanzhu-bigscreen/src/{components-old => components}/dumbwaiter-2.js (100%)

diff --git a/yanzhu-bigscreen/src/components-old/dumbwaiter-1.js b/yanzhu-bigscreen/src/components/dumbwaiter-1.js
similarity index 100%
rename from yanzhu-bigscreen/src/components-old/dumbwaiter-1.js
rename to yanzhu-bigscreen/src/components/dumbwaiter-1.js
diff --git a/yanzhu-bigscreen/src/components-old/dumbwaiter-2.js b/yanzhu-bigscreen/src/components/dumbwaiter-2.js
similarity index 100%
rename from yanzhu-bigscreen/src/components-old/dumbwaiter-2.js
rename to yanzhu-bigscreen/src/components/dumbwaiter-2.js
diff --git a/yanzhu-bigscreen/src/views/safety/dumbwaiter.vue b/yanzhu-bigscreen/src/views/safety/dumbwaiter.vue
index a64aaaa7..b8dbaed0 100644
--- a/yanzhu-bigscreen/src/views/safety/dumbwaiter.vue
+++ b/yanzhu-bigscreen/src/views/safety/dumbwaiter.vue
@@ -1,721 +1,691 @@
 <template>
-  <div class="project-dumbwaiter main-page">
-    <el-col :span="6" class="h100">
-      <module-one-3-1 label="设备概况">
-        <div class="czz-number">
-          <div class="czz-number-content">
-            <div class="czz-number-img czz-number-img-blue">
-              <img src="images/circle_icon_25.png" />
-            </div>
-            <div class="survey_content_number">
-              <p>升降机总数</p>
-              <div class="survey_content_value">
-                <span v-cloak v-html="deviceToal"></span> 台
-              </div>
-            </div>
-          </div>
-          <div class="czz-number-content">
-            <div class="czz-number-img czz-number-img-green">
-              <img src="images/circle_icon_9.png" />
-            </div>
-            <div class="survey_content_number">
-              <p>监控总数</p>
-              <div class="survey_content_value survey_content_value_color_green">
-                <span v-cloak v-html="deviceOnlineCount"></span> 台
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <certificate-bar-chart
-          :data="certificateData"
-          :height="100"
-        ></certificate-bar-chart>
-
-        <div class="rank-chart" style="height: calc(100% - 224px)">
-          <div class="rank-chart-title">监控列表</div>
-          <div class="list-max" style="height: calc(100% - 63px)">
-            <div
-              class="list-min"
-              id="listMin"
-              @mouseout="listMinMouseout"
-              @mouseover="listMinMouseover"
-            >
-              <div
-                class="list-for"
-                v-for="(item, i) in listData"
-                @click="onTowerCraneList(i)"
-              >
-                <div :class="index == i ? 'list-con active' : 'list-con'">
-                  <div class="list-top">
-                    <div class="list-img">
-                      <img src="images/list_img_tj.png" />
+    <div class="project-dumbwaiter main-page">
+        <el-col :span="6" class="h100">
+            <module-one-3-1 label="设备概况">
+                <div class="czz-number">
+                    <div class="czz-number-content">
+                        <div class="czz-number-img czz-number-img-blue">
+                            <img src="images/circle_icon_25.png" />
+                        </div>
+                        <div class="survey_content_number">
+                            <p>升降机总数</p>
+                            <div class="survey_content_value">
+                                <span v-cloak v-html="deviceToal"></span> 台
+                            </div>
+                        </div>
                     </div>
-                    <div class="list-info">
-                      <div class="list-info-name">
-                        设备名称：<span>{{ item.deviceName }}</span>
-                      </div>
-                      <div class="list-info-name">
-                        设备状态：
-                        <span class="list-info-state" v-if="item.deviceState != 0"
-                          >离线</span
-                        >
-                        <span class="list-info-state active" v-if="item.deviceState == 0"
-                          >在线</span
-                        >
-                      </div>
+                    <div class="czz-number-content">
+                        <div class="czz-number-img czz-number-img-green">
+                            <img src="images/circle_icon_9.png" />
+                        </div>
+                        <div class="survey_content_number">
+                            <p>监控总数</p>
+                            <div class="survey_content_value survey_content_value_color_green">
+                                <span v-cloak v-html="deviceOnlineCount"></span> 台
+                            </div>
+                        </div>
                     </div>
-                  </div>
-                  <div class="list-bottom">
-                    <el-row>
-                      <el-col :span="10">
-                        <div class="list-details">
-                          司机：<span v-cloak>{{ item.driverName }}</span>
-                        </div>
-                      </el-col>
-                      <el-col :span="14">
-                        <div class="list-details">
-                          电话：<span v-cloak>{{ item.driverPhone }}</span>
-                        </div>
-                      </el-col>
-                      <el-col :span="10">
-                        <div class="list-details">
-                          安全员：<span v-cloak>{{ item.safetyOfficerName }}</span>
-                        </div>
-                      </el-col>
-                      <el-col :span="14">
-                        <div class="list-details">
-                          电话：<span v-cloak>{{ item.safetyOfficerPhone }}</span>
-                        </div>
-                      </el-col>
-                    </el-row>
-                  </div>
-
-                  <div class="list-time">
-                    最后一次启用时间：<span v-cloak>{{ item.lastEnabledTime }}</span>
-                  </div>
                 </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </module-one-3-1>
-    </el-col>
-    <el-col :span="18" class="h100">
-      <el-row>
-        <el-col :span="16">
-          <div class="safe-height">
+
+                <certificate-bar-chart :data="certificateData" :height="100"></certificate-bar-chart>
+
+                <div class="rank-chart" style="height: calc(100% - 224px)">
+                    <div class="rank-chart-title">监控列表</div>
+                    <div class="list-max" style="height: calc(100% - 63px)">
+                        <div class="list-min" id="listMin" @mouseout="listMinMouseout" @mouseover="listMinMouseover">
+                            <div class="list-for" :key="i" v-for="(item, i) in listData" @click="onTowerCraneList(i)">
+                                <div :class="index == i ? 'list-con active' : 'list-con'">
+                                    <div class="list-top">
+                                        <div class="list-img">
+                                            <img src="images/list_img_tj.png" />
+                                        </div>
+                                        <div class="list-info">
+                                            <div class="list-info-name">
+                                                设备名称：
+                                                <span>{{ item.deviceName }}</span>
+                                            </div>
+                                            <div class="list-info-name">
+                                                设备状态：
+                                                <span class="list-info-state" v-if="item.deviceState != 0">离线</span>
+                                                <span class="list-info-state active" v-if="item.deviceState == 0">在线</span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="list-bottom">
+                                        <el-row>
+                                            <el-col :span="10">
+                                                <div class="list-details">
+                                                    司机：
+                                                    <span v-cloak>{{ item.driverName }}</span>
+                                                </div>
+                                            </el-col>
+                                            <el-col :span="14">
+                                                <div class="list-details">
+                                                    电话：
+                                                    <span v-cloak>{{ item.driverPhone }}</span>
+                                                </div>
+                                            </el-col>
+                                            <el-col :span="10">
+                                                <div class="list-details">
+                                                    安全员：
+                                                    <span v-cloak>{{ item.safetyOfficerName }}</span>
+                                                </div>
+                                            </el-col>
+                                            <el-col :span="14">
+                                                <div class="list-details">
+                                                    电话：
+                                                    <span v-cloak>{{ item.safetyOfficerPhone }}</span>
+                                                </div>
+                                            </el-col>
+                                        </el-row>
+                                    </div>
+
+                                    <div class="list-time">
+                                        最后一次启用时间：
+                                        <span v-cloak>{{ item.lastEnabledTime }}</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </module-one-3-1>
+        </el-col>
+        <el-col :span="18" class="h100">
             <el-row>
-              <el-col :span="6">
-                <div class="screen-module">
-                  <div class="safe-small">
-                    <div class="safe-small-title">运行次数（次）</div>
-                    <div class="safe-small-content">
-                      <div class="safe-small-details">
-                        <p>本月</p>
-                        <span v-cloak v-html="topInfo.top0"></span>
-                      </div>
-                      <div class="safe-small-details">
-                        <p>累计</p>
-                        <span v-cloak v-html="topInfo.top1"></span>
-                      </div>
+                <el-col :span="16">
+                    <div class="safe-height">
+                        <el-row>
+                            <el-col :span="6">
+                                <div class="screen-module">
+                                    <div class="safe-small">
+                                        <div class="safe-small-title">运行次数（次）</div>
+                                        <div class="safe-small-content">
+                                            <div class="safe-small-details">
+                                                <p>本月</p>
+                                                <span v-cloak v-html="topInfo.top0"></span>
+                                            </div>
+                                            <div class="safe-small-details">
+                                                <p>累计</p>
+                                                <span v-cloak v-html="topInfo.top1"></span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </el-col>
+                            <el-col :span="6">
+                                <div class="screen-module">
+                                    <div class="safe-small">
+                                        <div class="safe-small-title">超载次数（次）</div>
+                                        <div class="safe-small-content">
+                                            <div class="safe-small-details">
+                                                <p>本月</p>
+                                                <span v-cloak v-html="topInfo.top2"></span>
+                                            </div>
+                                            <div class="safe-small-details">
+                                                <p>累计</p>
+                                                <span v-cloak v-html="topInfo.top3"></span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </el-col>
+                            <el-col :span="6">
+                                <div class="screen-module">
+                                    <div class="safe-small">
+                                        <div class="safe-small-title">超载率（%）</div>
+                                        <div class="safe-small-content">
+                                            <div class="safe-small-details">
+                                                <p>本月</p>
+                                                <span v-cloak v-html="topInfo.top4"></span>
+                                            </div>
+                                            <div class="safe-small-details">
+                                                <p>累计</p>
+                                                <span v-cloak v-html="topInfo.top5"></span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </el-col>
+                            <el-col :span="6">
+                                <div class="screen-module">
+                                    <div class="safe-small">
+                                        <div class="safe-small-title">违章次数（次）</div>
+                                        <div class="safe-small-content">
+                                            <div class="safe-small-details">
+                                                <p>本月</p>
+                                                <span v-cloak v-html="topInfo.top6"></span>
+                                            </div>
+                                            <div class="safe-small-details">
+                                                <p>累计</p>
+                                                <span v-cloak v-html="topInfo.top7"></span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </el-col>
+                        </el-row>
+                        <div class="safe-tower-crane-max">
+                            <div class="safe-tower-crane-min" @mouseout="listMinMouseout" @mouseover="listMinMouseover">
+                                <el-row>
+                                    <el-col :span="2">
+                                        <div class="safe-tower-left" @click="safeTowerLeft"></div>
+                                    </el-col>
+                                    <el-col :span="20">
+                                        <div class="safe-tower-content-max">
+                                            <transition :name="direction">
+                                                <component :is="comName" :value="dumbwaiterValue"></component>
+                                            </transition>
+                                        </div>
+                                    </el-col>
+                                    <el-col :span="2">
+                                        <div class="safe-tower-right" @click="safeTowerRight"></div>
+                                    </el-col>
+                                </el-row>
+                            </div>
+                        </div>
                     </div>
-                  </div>
-                </div>
-              </el-col>
-              <el-col :span="6">
-                <div class="screen-module">
-                  <div class="safe-small">
-                    <div class="safe-small-title">超载次数（次）</div>
-                    <div class="safe-small-content">
-                      <div class="safe-small-details">
-                        <p>本月</p>
-                        <span v-cloak v-html="topInfo.top2"></span>
-                      </div>
-                      <div class="safe-small-details">
-                        <p>累计</p>
-                        <span v-cloak v-html="topInfo.top3"></span>
-                      </div>
+                </el-col>
+                <el-col :span="8">
+                    <div class="analyse-max">
+                        <div class="analyse-min" style="height: auto">
+                            <div class="analyse-title">
+                                <div class="analyse-text">报警分析</div>
+                                <div class="analyse-equipment">升降机监测</div>
+                            </div>
+                            <div style="padding: 30px 0">
+                                <el-row>
+                                    <el-col :span="8">
+                                        <div class="time-study-value">
+                                            <p>今日报警数</p>
+                                            <div class="analyse-num">
+                                                <span v-cloak v-html="dayWarnCount"></span> 条
+                                            </div>
+                                        </div>
+                                        <div class="time-study-value">
+                                            <p>本周报警数</p>
+                                            <div class="analyse-num">
+                                                <span v-cloak v-html="weekWarnCount"></span> 条
+                                            </div>
+                                        </div>
+                                    </el-col>
+                                    <el-col :span="16">
+                                        <div class="survey-oil-title">
+                                            <div class="survey-oil-hr"></div>
+                                            <div class="survey-oil-text">报警类型</div>
+                                        </div>
+                                        <div class="analyse-number-max" id="afootOverflowType" @mouseout="listMinMouseoutType" @mouseover="listMinMouseoverType">
+                                            <div :key="index" class="glr-login-number-max analyse-num-max" v-for="(item,index) in warningList">
+                                                <div class="glr-login-number-bgd glr-login-number-red-bgd"></div>
+                                                <div class="glr-login-number analyse-login-numbe">
+                                                    <div v-cloak>
+                                                        <img src="images/text_red_spot.png" />
+                                                        {{ item.warnType }}
+                                                    </div>
+                                                    <div class="glr-rate-value glr-rate-red-value">
+                                                        <span v-cloak>{{ item.warnCount }}</span>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </el-col>
+                                </el-row>
+                            </div>
+                        </div>
+                        <div class="analyse-map">
+                            <div class="analyse-title">
+                                <div class="analyse-text">正在发生</div>
+                            </div>
+                            <div class="afoot-content safe-afoot-content">
+                                <div class="afoot-overflow safe-afoot-overflow" id="afootOverflow" @mouseout="warningListMinMouseout" @mouseover="warningListMinMouseover">
+                                    <div v-if="warningData.length == 0" class="not-data">暂无预警数据</div>
+                                    <div :key="idx" v-if="warningData.length > 0" class="afoot-con-for" style="height: 180px" v-for="(item,idx) in warningData">
+                                        <div class="afoot-machinery-nam safe-afoot-machinery-nam" v-cloak>{{ item.warn_context }}</div>
+                                        <div class="afoot-machinery-info">
+                                            <div class="afoot-machinery-img">
+                                                <img :src="item.images" v-if="item.images" />
+                                            </div>
+                                            <div class="afoot-machinery-data">
+                                                <div class="afoot-machinery-state" v-cloak>预警值：{{ item.warn_value }}</div>
+                                                <div class="afoot-machinery-time" v-cloak>{{ item.warn_time }}</div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
                     </div>
-                  </div>
-                </div>
-              </el-col>
-              <el-col :span="6">
-                <div class="screen-module">
-                  <div class="safe-small">
-                    <div class="safe-small-title">超载率（%）</div>
-                    <div class="safe-small-content">
-                      <div class="safe-small-details">
-                        <p>本月</p>
-                        <span v-cloak v-html="topInfo.top4"></span>
-                      </div>
-                      <div class="safe-small-details">
-                        <p>累计</p>
-                        <span v-cloak v-html="topInfo.top5"></span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </el-col>
-              <el-col :span="6">
-                <div class="screen-module">
-                  <div class="safe-small">
-                    <div class="safe-small-title">违章次数（次）</div>
-                    <div class="safe-small-content">
-                      <div class="safe-small-details">
-                        <p>本月</p>
-                        <span v-cloak v-html="topInfo.top6"></span>
-                      </div>
-                      <div class="safe-small-details">
-                        <p>累计</p>
-                        <span v-cloak v-html="topInfo.top7"></span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </el-col>
+                </el-col>
             </el-row>
-            <div class="safe-tower-crane-max">
-              <div
-                class="safe-tower-crane-min"
-                @mouseout="listMinMouseout"
-                @mouseover="listMinMouseover"
-              >
-                <el-row>
-                  <el-col :span="2">
-                    <div class="safe-tower-left" @click="safeTowerLeft"></div>
-                  </el-col>
-                  <el-col :span="20">
-                    <div class="safe-tower-content-max">
-                      <transition :name="direction">
-                        <component :is="comName" :value="dumbwaiterValue"></component>
-                      </transition>
-                    </div>
-                  </el-col>
-                  <el-col :span="2">
-                    <div class="safe-tower-right" @click="safeTowerRight"></div>
-                  </el-col>
-                </el-row>
-              </div>
-            </div>
-          </div>
-        </el-col>
-        <el-col :span="8">
-          <div class="analyse-max">
-            <div class="analyse-min" style="height: auto">
-              <div class="analyse-title">
-                <div class="analyse-text">报警分析</div>
-                <div class="analyse-equipment">升降机监测</div>
-              </div>
-              <div style="padding: 30px 0">
-                <el-row>
-                  <el-col :span="8">
-                    <div class="time-study-value">
-                      <p>今日报警数</p>
-                      <div class="analyse-num">
-                        <span v-cloak v-html="dayWarnCount"></span> 条
-                      </div>
-                    </div>
-                    <div class="time-study-value">
-                      <p>本周报警数</p>
-                      <div class="analyse-num">
-                        <span v-cloak v-html="weekWarnCount"></span> 条
-                      </div>
-                    </div>
-                  </el-col>
-                  <el-col :span="16">
-                    <div class="survey-oil-title">
-                      <div class="survey-oil-hr"></div>
-                      <div class="survey-oil-text">报警类型</div>
-                    </div>
-                    <div
-                      class="analyse-number-max"
-                      id="afootOverflowType"
-                      @mouseout="listMinMouseoutType"
-                      @mouseover="listMinMouseoverType"
-                    >
-                      <div
-                        class="glr-login-number-max analyse-num-max"
-                        v-for="item in warningList"
-                      >
-                        <div class="glr-login-number-bgd glr-login-number-red-bgd"></div>
-                        <div class="glr-login-number analyse-login-numbe">
-                          <div v-cloak>
-                            <img src="images/text_red_spot.png" />{{ item.warnType }}
-                          </div>
-                          <div class="glr-rate-value glr-rate-red-value">
-                            <span v-cloak>{{ item.warnCount }}</span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </el-col>
-                </el-row>
-              </div>
-            </div>
-            <div class="analyse-map">
-              <div class="analyse-title">
-                <div class="analyse-text">正在发生</div>
-              </div>
-              <div class="afoot-content safe-afoot-content">
-                <div
-                  class="afoot-overflow safe-afoot-overflow"
-                  id="afootOverflow"
-                  @mouseout="warningListMinMouseout"
-                  @mouseover="warningListMinMouseover"
-                >
-                  <div v-if="warningData.length == 0" class="not-data">暂无预警数据</div>
-                  <div
-                    v-if="warningData.length > 0"
-                    class="afoot-con-for"
-                    style="height: 180px"
-                    v-for="item in warningData"
-                  >
-                    <div class="afoot-machinery-nam safe-afoot-machinery-nam" v-cloak>
-                      {{ item.warn_context }}
-                    </div>
-                    <div class="afoot-machinery-info">
-                      <div class="afoot-machinery-img">
-                        <img :src="item.images" v-if="item.images" />
-                      </div>
-                      <div class="afoot-machinery-data">
-                        <div class="afoot-machinery-state" v-cloak>
-                          预警值：{{ item.warn_value }}
-                        </div>
-                        <div class="afoot-machinery-time" v-cloak>
-                          {{ item.warn_time }}
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </el-col>
-      </el-row>
 
-      <div style="padding: 0 30px">
-        <div class="analyse-title analyse_title_blue" style="width: 450px">
-          <div class="analyse-text">运行数据</div>
-        </div>
-        <el-row>
-          <el-col :span="4">
-            <div class="xhz-device-data-min" style="padding: 25px 10px">
-              <div class="survey_content">
-                <div class="survey_content_img xhz-education_bgd">
-                  <img src="images/education_icon_5.png" />
+            <div style="padding: 0 30px">
+                <div class="analyse-title analyse_title_blue" style="width: 450px">
+                    <div class="analyse-text">运行数据</div>
                 </div>
-              </div>
-              <div class="xhz-current-value-data">
-                <div>高度</div>
-                <p><span v-cloak v-html="footInfo.foot0"></span> m</p>
-              </div>
+                <el-row>
+                    <el-col :span="4">
+                        <div class="xhz-device-data-min" style="padding: 25px 10px">
+                            <div class="survey_content">
+                                <div class="survey_content_img xhz-education_bgd">
+                                    <img src="images/education_icon_5.png" />
+                                </div>
+                            </div>
+                            <div class="xhz-current-value-data">
+                                <div>高度</div>
+                                <p>
+                                    <span v-cloak v-html="footInfo.foot0"></span> m
+                                </p>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="4">
+                        <div class="xhz-device-data-min" style="padding: 25px 10px">
+                            <div class="survey_content">
+                                <div class="survey_content_img xhz-education_bgd">
+                                    <img src="images/education_icon_6.png" />
+                                </div>
+                            </div>
+                            <div class="xhz-current-value-data">
+                                <div>楼层</div>
+                                <p>
+                                    <span v-cloak v-html="footInfo.foot1"></span> 层
+                                </p>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="4">
+                        <div class="xhz-device-data-min" style="padding: 25px 10px">
+                            <div class="survey_content">
+                                <div class="survey_content_img xhz-education_bgd">
+                                    <img src="images/education_icon_7.png" />
+                                </div>
+                            </div>
+                            <div class="xhz-current-value-data">
+                                <div>当前人数</div>
+                                <p>
+                                    <span v-cloak v-html="footInfo.foot2"></span> 人
+                                </p>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="4">
+                        <div class="xhz-device-data-min" style="padding: 25px 10px">
+                            <div class="survey_content">
+                                <div class="survey_content_img xhz-education_bgd">
+                                    <img src="images/education_icon_8.png" />
+                                </div>
+                            </div>
+                            <div class="xhz-current-value-data">
+                                <div>当前载重</div>
+                                <p>
+                                    <span v-cloak v-html="footInfo.foot3"></span> t
+                                </p>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="4">
+                        <div class="xhz-device-data-min" style="padding: 25px 10px">
+                            <div class="survey_content">
+                                <div class="survey_content_img xhz-education_bgd">
+                                    <img src="images/education_icon_9.png" />
+                                </div>
+                            </div>
+                            <div class="xhz-current-value-data">
+                                <div>倾角1</div>
+                                <p>
+                                    <span v-cloak v-html="footInfo.foot4"></span> °
+                                </p>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="4">
+                        <div class="xhz-device-data-min" style="padding: 25px 10px">
+                            <div class="survey_content">
+                                <div class="survey_content_img xhz-education_bgd">
+                                    <img src="images/education_icon_9.png" />
+                                </div>
+                            </div>
+                            <div class="xhz-current-value-data">
+                                <div>倾角2</div>
+                                <p>
+                                    <span v-cloak v-html="footInfo.foot5"></span> °
+                                </p>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="4">
+                        <div class="xhz-device-data-min" style="padding: 25px 10px">
+                            <div class="survey_content">
+                                <div class="survey_content_img xhz-education_bgd">
+                                    <img src="images/education_icon_10.png" />
+                                </div>
+                            </div>
+                            <div class="xhz-current-value-data">
+                                <div>风速</div>
+                                <p>
+                                    <span v-cloak v-html="footInfo.foot6"></span> m/s
+                                </p>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="4">
+                        <div class="xhz-device-data-min" style="padding: 25px 10px">
+                            <div class="survey_content">
+                                <div class="survey_content_img xhz-education_bgd">
+                                    <img src="images/education_icon_11.png" />
+                                </div>
+                            </div>
+                            <div class="xhz-current-value-data">
+                                <div>速度</div>
+                                <p>
+                                    <span v-cloak v-html="footInfo.foot7"></span> m/s
+                                </p>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="4">
+                        <div class="xhz-device-data-min" style="padding: 25px 10px">
+                            <div class="survey_content">
+                                <div class="survey_content_img xhz-education_bgd">
+                                    <img src="images/education_icon_12.png" />
+                                </div>
+                            </div>
+                            <div class="xhz-current-value-data">
+                                <div>速度方向</div>
+                                <p>
+                                    <span v-cloak v-html="footInfo.foot8"></span>
+                                </p>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="4">
+                        <div class="xhz-device-data-min" style="padding: 25px 10px">
+                            <div class="survey_content">
+                                <div class="survey_content_img xhz-education_bgd">
+                                    <img src="images/education_icon_2.png" />
+                                </div>
+                            </div>
+                            <div class="xhz-current-value-data">
+                                <div>前门状态</div>
+                                <p>
+                                    <span :class="footInfo.foot9 == '打开' ? 'open' : 'close'" v-cloak v-html="footInfo.foot9"></span>
+                                </p>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="4">
+                        <div class="xhz-device-data-min" style="padding: 25px 10px">
+                            <div class="survey_content">
+                                <div class="survey_content_img xhz-education_bgd">
+                                    <img src="images/education_icon_13.png" />
+                                </div>
+                            </div>
+                            <div class="xhz-current-value-data">
+                                <div>后门状态</div>
+                                <p>
+                                    <span :class="footInfo.foot10 == '打开' ? 'open' : 'close'" v-cloak v-html="footInfo.foot10"></span>
+                                </p>
+                            </div>
+                        </div>
+                    </el-col>
+                </el-row>
             </div>
-          </el-col>
-          <el-col :span="4">
-            <div class="xhz-device-data-min" style="padding: 25px 10px">
-              <div class="survey_content">
-                <div class="survey_content_img xhz-education_bgd">
-                  <img src="images/education_icon_6.png" />
-                </div>
-              </div>
-              <div class="xhz-current-value-data">
-                <div>楼层</div>
-                <p><span v-cloak v-html="footInfo.foot1"></span> 层</p>
-              </div>
-            </div>
-          </el-col>
-          <el-col :span="4">
-            <div class="xhz-device-data-min" style="padding: 25px 10px">
-              <div class="survey_content">
-                <div class="survey_content_img xhz-education_bgd">
-                  <img src="images/education_icon_7.png" />
-                </div>
-              </div>
-              <div class="xhz-current-value-data">
-                <div>当前人数</div>
-                <p><span v-cloak v-html="footInfo.foot2"></span> 人</p>
-              </div>
-            </div>
-          </el-col>
-          <el-col :span="4">
-            <div class="xhz-device-data-min" style="padding: 25px 10px">
-              <div class="survey_content">
-                <div class="survey_content_img xhz-education_bgd">
-                  <img src="images/education_icon_8.png" />
-                </div>
-              </div>
-              <div class="xhz-current-value-data">
-                <div>当前载重</div>
-                <p><span v-cloak v-html="footInfo.foot3"></span> t</p>
-              </div>
-            </div>
-          </el-col>
-          <el-col :span="4">
-            <div class="xhz-device-data-min" style="padding: 25px 10px">
-              <div class="survey_content">
-                <div class="survey_content_img xhz-education_bgd">
-                  <img src="images/education_icon_9.png" />
-                </div>
-              </div>
-              <div class="xhz-current-value-data">
-                <div>倾角1</div>
-                <p><span v-cloak v-html="footInfo.foot4"></span> °</p>
-              </div>
-            </div>
-          </el-col>
-          <el-col :span="4">
-            <div class="xhz-device-data-min" style="padding: 25px 10px">
-              <div class="survey_content">
-                <div class="survey_content_img xhz-education_bgd">
-                  <img src="images/education_icon_9.png" />
-                </div>
-              </div>
-              <div class="xhz-current-value-data">
-                <div>倾角2</div>
-                <p><span v-cloak v-html="footInfo.foot5"></span> °</p>
-              </div>
-            </div>
-          </el-col>
-          <el-col :span="4">
-            <div class="xhz-device-data-min" style="padding: 25px 10px">
-              <div class="survey_content">
-                <div class="survey_content_img xhz-education_bgd">
-                  <img src="images/education_icon_10.png" />
-                </div>
-              </div>
-              <div class="xhz-current-value-data">
-                <div>风速</div>
-                <p><span v-cloak v-html="footInfo.foot6"></span> m/s</p>
-              </div>
-            </div>
-          </el-col>
-          <el-col :span="4">
-            <div class="xhz-device-data-min" style="padding: 25px 10px">
-              <div class="survey_content">
-                <div class="survey_content_img xhz-education_bgd">
-                  <img src="images/education_icon_11.png" />
-                </div>
-              </div>
-              <div class="xhz-current-value-data">
-                <div>速度</div>
-                <p><span v-cloak v-html="footInfo.foot7"></span> m/s</p>
-              </div>
-            </div>
-          </el-col>
-          <el-col :span="4">
-            <div class="xhz-device-data-min" style="padding: 25px 10px">
-              <div class="survey_content">
-                <div class="survey_content_img xhz-education_bgd">
-                  <img src="images/education_icon_12.png" />
-                </div>
-              </div>
-              <div class="xhz-current-value-data">
-                <div>速度方向</div>
-                <p><span v-cloak v-html="footInfo.foot8"></span></p>
-              </div>
-            </div>
-          </el-col>
-          <el-col :span="4">
-            <div class="xhz-device-data-min" style="padding: 25px 10px">
-              <div class="survey_content">
-                <div class="survey_content_img xhz-education_bgd">
-                  <img src="images/education_icon_2.png" />
-                </div>
-              </div>
-              <div class="xhz-current-value-data">
-                <div>前门状态</div>
-                <p>
-                  <span
-                    :class="footInfo.foot9 == '打开' ? 'open' : 'close'"
-                    v-cloak
-                    v-html="footInfo.foot9"
-                  ></span>
-                </p>
-              </div>
-            </div>
-          </el-col>
-          <el-col :span="4">
-            <div class="xhz-device-data-min" style="padding: 25px 10px">
-              <div class="survey_content">
-                <div class="survey_content_img xhz-education_bgd">
-                  <img src="images/education_icon_13.png" />
-                </div>
-              </div>
-              <div class="xhz-current-value-data">
-                <div>后门状态</div>
-                <p>
-                  <span
-                    :class="footInfo.foot10 == '打开' ? 'open' : 'close'"
-                    v-cloak
-                    v-html="footInfo.foot10"
-                  ></span>
-                </p>
-              </div>
-            </div>
-          </el-col>
-        </el-row>
-      </div>
-    </el-col>
-  </div>
+        </el-col>
+    </div>
 </template>
 
 <script>
-import debounce from "lodash.debounce";
-import "@/components/tower-crane-value-1";
-import "@/components/tower-crane-value-2";
+import debounce from 'lodash.debounce'
+import '@/components/tower-crane-value-1'
+import '@/components/tower-crane-value-2'
+import '@/components/dumbwaiter-1.js'
+import '@/components/dumbwaiter-2.js'
 export default {
-  data() {
-    return {
-      deviceToal: 4,
-      deviceOnlineCount: 10,
-      certificateData: [],
-      listData: [],
-      interval: undefined, //定时器
-      //升降机图当前位置
-      index: 0,
-      //升降机当前显示数据
-      dumbwaiterValue: {},
-      comName: "dumbwaiter-1",
-      direction: "right",
-      deviceId: 0,
-      topInfo: {
-        top0: 0,
-        top1: 0,
-        top2: 4250,
-        top3: 68730,
-        top4: 0,
-        top5: 0,
-        top6: 17000,
-        top7: 274920,
-      },
-      footInfo: {
-        foot0: 10,
-        foot1: 10,
-        foot2: 10,
-        foot3: 10,
-        foot4: 10,
-        foot5: 10,
-        foot6: 10,
-        foot7: 10,
-        foot8: 10,
-        foot9: "",
-        foot10: "",
-      },
-      warningData: [],
-      dayWarnCount: 22,
-      weekWarnCount: 999,
-      //报警分析
-      warningTypeInterval: undefined,
-      warningTypeIndex: 0,
-      warningList: [],
-      warningInterval: undefined,
-      forIndex: 0,
-      warningData: [],
-    };
-  },
-  mounted() {
-    this.$store.dispatch("ChangeNav", 308);
-    this.$bus.$on("projectChange", (prj) => {
-      this.selProject = prj;
-      this.init();
-    });
-    this.selProject = this.$store.getters.selProject;
-    this.init();
-  },
-  created() {},
-  methods: {
-    init() {
-      this.certificateData = JSON.parse(
-        '[{"text":"在线数量","value":5},{"text":"离线数量","value":1}]'
-      );
-      this.listData = JSON.parse(
-        '[{"createUserid":null,"ratedSpeed":"1.8","delFlag":"0","deviceId":"3223081738","deviceName":"2#-2","ratedPeopleCount":"9","entryTime":"2024-03-09 15:35:42","lastEnabledTime":"2024-03-09 15:35:42","safetyOfficerName":"马宁","maxHeight":120.5,"createTime":"2023-09-12 18:25:13","cageSize":"800*800","ratedLoad":"2000","safetyOfficerPhone":"18629159632","driverName":"张巧团","driverPhone":"17324808902","id":5,"deviceState":"0","projectId":"98"},{"createUserid":null,"ratedSpeed":"4.9","delFlag":"0","deviceId":"3223081741","deviceName":"3223081741","ratedPeopleCount":"9","entryTime":"2024-03-09 15:35:42","lastEnabledTime":"2024-03-10 10:32:49","safetyOfficerName":"马宁","maxHeight":160.2,"createTime":"2023-09-12 18:25:13","cageSize":"800*800","ratedLoad":"2000","safetyOfficerPhone":"18629159632","driverName":null,"driverPhone":null,"id":6,"deviceState":"0","projectId":"98"},{"createUserid":null,"ratedSpeed":"4.9","delFlag":"0","deviceId":"3223081748","deviceName":"3223081748","ratedPeopleCount":"9","entryTime":"2024-03-09 15:35:42","lastEnabledTime":"2024-03-10 10:46:36","safetyOfficerName":"马宁","maxHeight":187.2,"createTime":"2023-09-12 18:25:13","cageSize":"800*800","ratedLoad":"2000","safetyOfficerPhone":"18629159632","driverName":null,"driverPhone":null,"id":7,"deviceState":"0","projectId":"98"},{"createUserid":null,"ratedSpeed":"1.6","delFlag":"0","deviceId":"3223081722","deviceName":"3#-1","ratedPeopleCount":"9","entryTime":null,"lastEnabledTime":"2024-03-10 09:48:34","safetyOfficerName":"马宁","maxHeight":122.9,"createTime":"2023-09-12 18:25:13","cageSize":"800*800","ratedLoad":"2000","safetyOfficerPhone":"18629159632","driverName":"高军平","driverPhone":"15139573902","id":8,"deviceState":"0","projectId":"98"},{"createUserid":null,"ratedSpeed":"1.6","delFlag":"0","deviceId":"3223081749","deviceName":"3#-2","ratedPeopleCount":"9","entryTime":null,"lastEnabledTime":"2024-03-09 13:47:07","safetyOfficerName":"马宁","maxHeight":124.8,"createTime":"2023-09-12 18:25:13","cageSize":null,"ratedLoad":"2000","safetyOfficerPhone":"18629159632","driverName":"郭伟娟","driverPhone":"15239586568","id":9,"deviceState":"0","projectId":"98"}]'
-      );
-      this.warningList = [
-        { warnType: "报警类型A", warnCount: 4 },
-        { warnType: "报警类型B", warnCount: 4 },
-        { warnType: "报警类型C", warnCount: 4 },
-        { warnType: "报警类型D", warnCount: 4 },
-        { warnType: "报警类型E", warnCount: 4 },
-        { warnType: "报警类型F", warnCount: 4 },
-        { warnType: "报警类型G", warnCount: 4 },
-        { warnType: "报警类型H", warnCount: 4 },
-      ];
-      this.warningData = [
-        {
-          warn_value: "预警A",
-          images: ["images/831.jpg"],
-          warn_context: "告警内容",
-          warn_time: "24-02-02 14:00",
-          project_abbreviation: "xxx项目",
-        },
-        {
-          warn_value: "预警A",
-          images: ["images/831.jpg"],
-          warn_context: "告警内容",
-          time: "24-02-02 14:00",
-          project_abbreviation: "xxx项目",
-        },
-        {
-          warn_value: "预警A",
-          images: ["images/831.jpg"],
-          warn_context: "告警内容",
-          time: "24-02-02 14:00",
-          project_abbreviation: "xxx项目",
-        },
-      ];
-      //list 定时器
-      if (this.listData.length > 0) {
-        this.interval = setInterval(this.automaticRoll, 10000);
-      }
-      //预警类型 定时器
-      this.warningTypeInterval = setInterval(this.automaticRollType, 5000);
-      //正在发生 定时器
-      this.warningInterval = setInterval(this.safeAutomaticRoll, 5000);
-      this.index = 0;
-      this.deviceId = this.listData[0].id;
-      this.updateDumbwaiterValue();
-    },
-    onTowerCraneList(n) {
-      this.index = n;
-      this.deviceId = this.listData[n].id;
-
-      //切换动画
-      this.direction = "right";
-      if (this.comName == "dumbwaiter-1") {
-        this.comName = "dumbwaiter-2";
-      } else {
-        this.comName = "dumbwaiter-1";
-      }
-    },
-    //监控列表
-    listMinMouseover() {
-      clearInterval(this.interval);
-    },
-    listMinMouseout() {
-      this.interval = setInterval(this.automaticRoll, 10000);
-    },
-    automaticRoll() {
-      //切换动画
-      if (this.direction == "right") {
-        if (this.index == this.listData.length - 1) {
-          this.index = 0;
-        } else {
-          this.index = this.index + 1;
+    data() {
+        return {
+            deviceToal: 4,
+            deviceOnlineCount: 10,
+            certificateData: [],
+            listData: [],
+            interval: undefined, //定时器
+            //升降机图当前位置
+            index: 0,
+            //升降机当前显示数据
+            dumbwaiterValue: {},
+            comName: 'dumbwaiter-1',
+            direction: 'right',
+            deviceId: 0,
+            topInfo: {
+                top0: 0,
+                top1: 0,
+                top2: 4250,
+                top3: 68730,
+                top4: 0,
+                top5: 0,
+                top6: 17000,
+                top7: 274920,
+            },
+            footInfo: {
+                foot0: 10,
+                foot1: 10,
+                foot2: 10,
+                foot3: 10,
+                foot4: 10,
+                foot5: 10,
+                foot6: 10,
+                foot7: 10,
+                foot8: 10,
+                foot9: '',
+                foot10: '',
+            },
+            warningData: [],
+            dayWarnCount: 22,
+            weekWarnCount: 999,
+            //报警分析
+            warningTypeInterval: undefined,
+            warningTypeIndex: 0,
+            warningList: [],
+            warningInterval: undefined,
+            forIndex: 0,
+            warningData: [],
         }
-      } else {
-        if (this.index == 0) {
-          this.index = this.listData.length - 1;
-        } else {
-          this.index = this.index - 1;
-        }
-      }
-      if (this.comName == "dumbwaiter-1") {
-        this.comName = "dumbwaiter-2";
-      } else {
-        this.comName = "dumbwaiter-1";
-      }
-      var height = $(".list-for").innerHeight();
-      $("#listMin").animate({ scrollTop: height * this.index + "px" });
-      this.deviceId = this.listData[this.index].deviceId;
-      this.updateDumbwaiterValue();
     },
-    updateDumbwaiterValue() {
-      this.dumbwaiterValue = {
-        name: this.listData[this.index].deviceName,
-        cageSize: this.listData[this.index].cageSize,
-        loadCapacity: this.listData[this.index].ratedLoad,
-        numberPeople: this.listData[this.index].ratedPeopleCount,
-        liftingHeight: this.listData[this.index].ratedPeopleCount,
-        runningSpeed: this.listData[this.index].ratedSpeed,
-        enterTime: this.listData[this.index].entryTime,
-      };
-    },
-    safeTowerLeft() {
-      this.direction = "left";
-      this.automaticRoll();
-    },
-    safeTowerRight() {
-      //切换动画
-      this.direction = "right";
-      this.automaticRoll();
-    },
-    //报警类型
-    automaticRollType() {
-      var height = $(".glr-login-number-max").innerHeight();
-      if (
-        $("#afootOverflowType").scrollTop() ==
-        height * this.warningList.length - $("#afootOverflowType").innerHeight()
-      ) {
-        this.warningTypeIndex = 0;
-      } else {
-        this.warningTypeIndex = this.warningTypeIndex + 1;
-      }
-      $("#afootOverflowType").animate({
-        scrollTop: height * this.warningTypeIndex + "px",
-      });
-    },
-    listMinMouseoverType() {
-      clearInterval(this.warningTypeInterval);
-    },
-    listMinMouseoutType() {
-      this.warningTypeInterval = setInterval(this.automaticRollType, 5000);
+    mounted() {
+        this.$store.dispatch('ChangeNav', 308)
+        this.$bus.$on('projectChange', (prj) => {
+            this.selProject = prj
+            this.init()
+        })
+        this.selProject = this.$store.getters.selProject
+        this.init()
     },
+    created() {},
+    methods: {
+        init() {
+            this.certificateData = JSON.parse('[{"text":"在线数量","value":5},{"text":"离线数量","value":1}]')
+            this.listData = JSON.parse(
+                '[{"createUserid":null,"ratedSpeed":"1.8","delFlag":"0","deviceId":"3223081738","deviceName":"2#-2","ratedPeopleCount":"9","entryTime":"2024-03-09 15:35:42","lastEnabledTime":"2024-03-09 15:35:42","safetyOfficerName":"马宁","maxHeight":120.5,"createTime":"2023-09-12 18:25:13","cageSize":"800*800","ratedLoad":"2000","safetyOfficerPhone":"18629159632","driverName":"张巧团","driverPhone":"17324808902","id":5,"deviceState":"0","projectId":"98"},{"createUserid":null,"ratedSpeed":"4.9","delFlag":"0","deviceId":"3223081741","deviceName":"3223081741","ratedPeopleCount":"9","entryTime":"2024-03-09 15:35:42","lastEnabledTime":"2024-03-10 10:32:49","safetyOfficerName":"马宁","maxHeight":160.2,"createTime":"2023-09-12 18:25:13","cageSize":"800*800","ratedLoad":"2000","safetyOfficerPhone":"18629159632","driverName":null,"driverPhone":null,"id":6,"deviceState":"0","projectId":"98"},{"createUserid":null,"ratedSpeed":"4.9","delFlag":"0","deviceId":"3223081748","deviceName":"3223081748","ratedPeopleCount":"9","entryTime":"2024-03-09 15:35:42","lastEnabledTime":"2024-03-10 10:46:36","safetyOfficerName":"马宁","maxHeight":187.2,"createTime":"2023-09-12 18:25:13","cageSize":"800*800","ratedLoad":"2000","safetyOfficerPhone":"18629159632","driverName":null,"driverPhone":null,"id":7,"deviceState":"0","projectId":"98"},{"createUserid":null,"ratedSpeed":"1.6","delFlag":"0","deviceId":"3223081722","deviceName":"3#-1","ratedPeopleCount":"9","entryTime":null,"lastEnabledTime":"2024-03-10 09:48:34","safetyOfficerName":"马宁","maxHeight":122.9,"createTime":"2023-09-12 18:25:13","cageSize":"800*800","ratedLoad":"2000","safetyOfficerPhone":"18629159632","driverName":"高军平","driverPhone":"15139573902","id":8,"deviceState":"0","projectId":"98"},{"createUserid":null,"ratedSpeed":"1.6","delFlag":"0","deviceId":"3223081749","deviceName":"3#-2","ratedPeopleCount":"9","entryTime":null,"lastEnabledTime":"2024-03-09 13:47:07","safetyOfficerName":"马宁","maxHeight":124.8,"createTime":"2023-09-12 18:25:13","cageSize":null,"ratedLoad":"2000","safetyOfficerPhone":"18629159632","driverName":"郭伟娟","driverPhone":"15239586568","id":9,"deviceState":"0","projectId":"98"}]'
+            )
+            this.warningList = [
+                { warnType: '报警类型A', warnCount: 4 },
+                { warnType: '报警类型B', warnCount: 4 },
+                { warnType: '报警类型C', warnCount: 4 },
+                { warnType: '报警类型D', warnCount: 4 },
+                { warnType: '报警类型E', warnCount: 4 },
+                { warnType: '报警类型F', warnCount: 4 },
+                { warnType: '报警类型G', warnCount: 4 },
+                { warnType: '报警类型H', warnCount: 4 },
+            ]
+            this.warningData = [
+                {
+                    warn_value: '预警A',
+                    images: ['images/831.jpg'],
+                    warn_context: '告警内容',
+                    warn_time: '24-02-02 14:00',
+                    project_abbreviation: 'xxx项目',
+                },
+                {
+                    warn_value: '预警A',
+                    images: ['images/831.jpg'],
+                    warn_context: '告警内容',
+                    time: '24-02-02 14:00',
+                    project_abbreviation: 'xxx项目',
+                },
+                {
+                    warn_value: '预警A',
+                    images: ['images/831.jpg'],
+                    warn_context: '告警内容',
+                    time: '24-02-02 14:00',
+                    project_abbreviation: 'xxx项目',
+                },
+            ]
+            //list 定时器
+            if (this.listData.length > 0) {
+                this.interval = setInterval(this.automaticRoll, 10000)
+            }
+            //预警类型 定时器
+            this.warningTypeInterval = setInterval(this.automaticRollType, 5000)
+            //正在发生 定时器
+            this.warningInterval = setInterval(this.safeAutomaticRoll, 5000)
+            this.index = 0
+            this.deviceId = this.listData[0].id
+            this.updateDumbwaiterValue()
+        },
+        onTowerCraneList(n) {
+            this.index = n
+            this.deviceId = this.listData[n].id
 
-    //正在发生
-    safeAutomaticRoll() {
-      var height = $(".safe-afoot-overflow").innerHeight();
-      if (this.forIndex == this.warningData.length) {
-        this.forIndex = 0;
-      } else {
-        this.forIndex = this.forIndex + 1;
-      }
-      $("#afootOverflow").animate({ scrollTop: height * this.forIndex + "px" });
+            //切换动画
+            this.direction = 'right'
+            if (this.comName == 'dumbwaiter-1') {
+                this.comName = 'dumbwaiter-2'
+            } else {
+                this.comName = 'dumbwaiter-1'
+            }
+        },
+        //监控列表
+        listMinMouseover() {
+            clearInterval(this.interval)
+        },
+        listMinMouseout() {
+            this.interval = setInterval(this.automaticRoll, 10000)
+        },
+        automaticRoll() {
+            //切换动画
+            if (this.direction == 'right') {
+                if (this.index == this.listData.length - 1) {
+                    this.index = 0
+                } else {
+                    this.index = this.index + 1
+                }
+            } else {
+                if (this.index == 0) {
+                    this.index = this.listData.length - 1
+                } else {
+                    this.index = this.index - 1
+                }
+            }
+            if (this.comName == 'dumbwaiter-1') {
+                this.comName = 'dumbwaiter-2'
+            } else {
+                this.comName = 'dumbwaiter-1'
+            }
+            var height = $('.list-for').innerHeight()
+            $('#listMin').animate({ scrollTop: height * this.index + 'px' })
+            this.deviceId = this.listData[this.index].deviceId
+            this.updateDumbwaiterValue()
+        },
+        updateDumbwaiterValue() {
+            this.dumbwaiterValue = {
+                name: this.listData[this.index].deviceName,
+                cageSize: this.listData[this.index].cageSize,
+                loadCapacity: this.listData[this.index].ratedLoad,
+                numberPeople: this.listData[this.index].ratedPeopleCount,
+                liftingHeight: this.listData[this.index].ratedPeopleCount,
+                runningSpeed: this.listData[this.index].ratedSpeed,
+                enterTime: this.listData[this.index].entryTime,
+            }
+        },
+        safeTowerLeft() {
+            this.direction = 'left'
+            this.automaticRoll()
+        },
+        safeTowerRight() {
+            //切换动画
+            this.direction = 'right'
+            this.automaticRoll()
+        },
+        //报警类型
+        automaticRollType() {
+            var height = $('.glr-login-number-max').innerHeight()
+            if ($('#afootOverflowType').scrollTop() == height * this.warningList.length - $('#afootOverflowType').innerHeight()) {
+                this.warningTypeIndex = 0
+            } else {
+                this.warningTypeIndex = this.warningTypeIndex + 1
+            }
+            $('#afootOverflowType').animate({
+                scrollTop: height * this.warningTypeIndex + 'px',
+            })
+        },
+        listMinMouseoverType() {
+            clearInterval(this.warningTypeInterval)
+        },
+        listMinMouseoutType() {
+            this.warningTypeInterval = setInterval(this.automaticRollType, 5000)
+        },
+
+        //正在发生
+        safeAutomaticRoll() {
+            var height = $('.safe-afoot-overflow').innerHeight()
+            if (this.forIndex == this.warningData.length) {
+                this.forIndex = 0
+            } else {
+                this.forIndex = this.forIndex + 1
+            }
+            $('#afootOverflow').animate({ scrollTop: height * this.forIndex + 'px' })
+        },
+        warningListMinMouseover() {
+            clearInterval(this.warningInterval)
+        },
+        warningListMinMouseout() {
+            this.warningInterval = setInterval(this.safeAutomaticRoll, 5000)
+        },
     },
-    warningListMinMouseover() {
-      clearInterval(this.warningInterval);
-    },
-    warningListMinMouseout() {
-      this.warningInterval = setInterval(this.safeAutomaticRoll, 5000);
-    },
-  },
-};
+}
 </script>
 
 <style lang="less">
 .project-dumbwaiter {
-  .left-enter {
-    left: -100%;
-    transform: translateX(-100%);
-  }
+    .left-enter {
+        left: -100%;
+        transform: translateX(-100%);
+    }
 
-  .left-leave-to {
-    left: 0;
-    transform: translateX(100%);
-    position: absolute;
-  }
+    .left-leave-to {
+        left: 0;
+        transform: translateX(100%);
+        position: absolute;
+    }
 
-  .left-enter-active,
-  .left-leave-active {
-    transition: all 1s ease;
-  }
+    .left-enter-active,
+    .left-leave-active {
+        transition: all 1s ease;
+    }
 
-  .right-enter {
-    left: 100%;
-    transform: translateX(100%);
-  }
+    .right-enter {
+        left: 100%;
+        transform: translateX(100%);
+    }
 
-  .right-leave-to {
-    left: 0;
-    transform: translateX(-100%);
-    position: absolute;
-  }
+    .right-leave-to {
+        left: 0;
+        transform: translateX(-100%);
+        position: absolute;
+    }
 
-  .right-enter-active,
-  .right-leave-active {
-    transition: all 1s ease;
-  }
+    .right-enter-active,
+    .right-leave-active {
+        transition: all 1s ease;
+    }
 }
 </style>