diff --git a/src/assets/images/dataBoard/wisdomBuild/tab2.png b/src/assets/images/dataBoard/wisdomBuild/tab2.png
new file mode 100644
index 00000000..19352d79
Binary files /dev/null and b/src/assets/images/dataBoard/wisdomBuild/tab2.png differ
diff --git a/src/assets/images/dataBoard/wisdomBuild/tabs-item-active.png b/src/assets/images/dataBoard/wisdomBuild/tabs-item-active.png
new file mode 100644
index 00000000..5f4cba84
Binary files /dev/null and b/src/assets/images/dataBoard/wisdomBuild/tabs-item-active.png differ
diff --git a/src/assets/images/dataBoard/wisdomBuild/tabs-item.png b/src/assets/images/dataBoard/wisdomBuild/tabs-item.png
new file mode 100644
index 00000000..3d1a98f6
Binary files /dev/null and b/src/assets/images/dataBoard/wisdomBuild/tabs-item.png differ
diff --git a/src/views/projectAdmin/dataBoardTwo/digitalSite/index.vue b/src/views/projectAdmin/dataBoardTwo/digitalSite/index.vue
index 83643ed8..76fe2ab0 100644
--- a/src/views/projectAdmin/dataBoardTwo/digitalSite/index.vue
+++ b/src/views/projectAdmin/dataBoardTwo/digitalSite/index.vue
@@ -1,27 +1,31 @@
 <template>
   <div class="fullHeight" style="position: relative">
-    <div v-if=" company != 'henan' " class="floatBtn" @click="showVideoDialog2 = true">
+    <!-- <div
+      v-if="company != 'henan'"
+      class="floatBtn"
+      @click="showVideoDialog2 = true"
+    >
       <img src="@/assets/images/bao.png" alt="" />
-    </div>
+    </div> -->
     <div class="alarmList" v-show="showVideoDialog2">
       <div class="alarmTitle">
         <!-- 视频报警 -->
-        {{ $t("message.dataBoard.videoAlarm") }}
+        {{ $t('message.dataBoard.videoAlarm') }}
         <i class="el-icon-minus" @click="showVideoDialog2 = false"></i>
       </div>
       <div class="transdata1">
         <ul class="tody-table-header2">
           <li>
             <!-- 报警设备 -->
-            {{ $t("message.dataBoard.alarmDev") }}
+            {{ $t('message.dataBoard.alarmDev') }}
           </li>
           <li>
             <!-- 报警类型 -->
-            {{ $t("message.dataBoard.alarmType") }}
+            {{ $t('message.dataBoard.alarmType') }}
           </li>
           <li>
             <!-- 报警时间 -->
-            {{ $t("message.dataBoard.alarmTime") }}
+            {{ $t('message.dataBoard.alarmTime') }}
           </li>
         </ul>
         <div id="detetion-box2" @mouseover="clearTimer" @mouseout="ScrollUp2">
@@ -44,1065 +48,1104 @@
     </div>
 
     <div class="digitalSitePage fullHeight" v-if="bgUrl">
-      <!-- 侧边栏 -->
-      <div class="fullHeight aside">
-        <!-- 塔吊设备 -->
-        <div class="blockBox">
-          <div class="blockTitle">
-            {{ $t("message.companyDiagram.towerDev") }}
-          </div>
-          <div class="blockContent">
-            <div class="devInfoBox">
-              <div class="item">
-                <img src="@/assets/images/dataBoard/tower.png" alt="" />
-                <div>
-                  <p class="num" style="color: #5181f6">{{ totalTowerDev }}</p>
-                  <p>
-                    <!-- 塔吊总数 -->
-                    {{ $t("message.dataBoard.totalTowerDev") }}
-                  </p>
-                </div>
-              </div>
-              <div class="item">
-                <img src="@/assets/images/dataBoard/alarmcount.png" alt="" />
-                <div>
-                  <p class="num" style="color: #f67f51">
-                    {{ totalDangerTowerDev }}
-                  </p>
-                  <p>
-                    <!-- 今日报警总数 -->
-                    {{ $t("message.dataBoard.todayAlarmCount") }}
-                  </p>
-                </div>
-              </div>
-              <div class="list-box">
-                <vue-scroll>
-                  <div
-                    class="list-item"
-                    :class="item.devonline == 0 ? 'offline' : 'online'"
-                    v-for="(item, index) in towerList"
-                    :key="index"
-                  >
-                    <span class="type" v-if="item.devonline != 0">在线</span>
-                    <span class="type" v-else>离线</span>
-                    <p>{{ item.devName }}</p>
-                    <span v-if="item.alarmNum == ''" class="alarm"
-                      >今日报警:0</span
-                    >
-                    <span v-else class="alarm"
-                      >今日报警:{{ item.alarmNum }}</span
-                    >
-                  </div>
-                </vue-scroll>
-              </div>
-            </div>
-          </div>
+      <!-- TODO: 头部按钮 -->
+      <div class="tabs">
+        <div
+          :class="['tabs-item', { active: activeItem == 0 }]"
+          style="margin-right: 30px"
+          @click="tabClick(0)"
+        >
+          监控设备
         </div>
-        <!-- 升降机设备 -->
-        <div class="blockBox">
-          <div class="blockTitle">
-            {{ $t("message.companyDiagram.lifterDev") }}
-          </div>
-          <div class="blockContent dataBoxContent">
-            <div class="devInfoBox">
-              <div class="item">
-                <img src="@/assets/images/dataBoard/lifter.png" alt="" />
-                <div>
-                  <p class="num" style="color: #5181f6">{{ totalLifterDev }}</p>
-                  <p>
-                    <!-- 升降机总数 -->
-                    {{ $t("message.dataBoard.totalLifterDev") }}
-                  </p>
-                </div>
-              </div>
-              <div class="item">
-                <img src="@/assets/images/dataBoard/alarmcount.png" alt="" />
-                <div>
-                  <p class="num" style="color: #f67f51">
-                    {{ totalDangerLifterDev }}
-                  </p>
-                  <p>
-                    <!-- 今日报警总数 -->
-                    {{ $t("message.dataBoard.todayAlarmCount") }}
-                  </p>
-                </div>
-              </div>
-              <div class="list-box">
-                <vue-scroll>
-                  <div
-                    class="list-item"
-                    :class="item.devonline == 0 ? 'offline' : 'online'"
-                    v-for="(item, index) in lifterList"
-                    :key="index"
-                  >
-                    <span class="type" v-if="!item.devonline">在线</span>
-                    <span class="type" v-else>离线</span>
-                    <p>{{ item.devName }}</p>
-                    <span class="alarm">今日报警:{{ item.alarmNum }}</span>
-                  </div>
-                </vue-scroll>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- 视频设备 -->
-        <div class="blockBox">
-          <div class="blockTitle">
-            {{ $t("message.companyDiagram.videoDev") }}
-          </div>
-          <div class="blockContent">
-            <div class="devInfoBox">
-              <div class="item">
-                <div class="videoCount">
-                  <p>
-                    <!-- 视频总数 -->
-                    {{ $t("message.dataBoard.videoTotalCount") }}：
-                  </p>
-                  <p class="num" style="margin-left: 5px">
-                    {{ videoCountList.totalDevNum }}
-                  </p>
-                </div>
-              </div>
-              <div class="item">
-                <div class="onlineVideoCount">
-                  <p>
-                    <!-- 在线视频数 -->
-                    {{ $t("message.dataBoard.onlineVideoCount") }}：
-                  </p>
-                  <p class="num" style="margin-left: 5px">
-                    {{ videoCountList.onlineNum }}
-                  </p>
-                </div>
-              </div>
-              <div class="list-box video">
-                <vue-scroll>
-                  <div
-                    style="
-                      display: flex;
-                      overflow: hidden;
-                      flex-wrap: wrap;
-                      justify-content: space-between;
-                    "
-                  >
-                    <div
-                      class="list-item"
-                      :class="item.deviceState == 2 ? 'offline' : 'online'"
-                      v-for="(item, index) in videoCountList.videoList"
-                      :key="index"
-                      style="width: 160px; margin-right: 15px"
-                    >
-                      <span class="type" v-if="item.deviceState == 1"
-                        >在线</span
-                      >
-                      <span class="type" v-else>离线</span>
-                      <p>{{ item.name }}</p>
-                    </div>
-                  </div>
-                </vue-scroll>
-              </div>
-            </div>
-          </div>
+        <div
+          :class="['tabs-item', { active: activeItem == 1 }]"
+          @click="tabClick(1)"
+        >
+          劳务管理
         </div>
       </div>
-      <div class="mapContent" :class="company == 'longguang'?'lgMapContent':''">
-        <!-- TODO: 开发中 -->
-        <el-image style="width: 100%; height: 100%" :src="require('@/assets/images/dataBoard/wisdomBuild/map.jpg')" ></el-image>
-        <!-- tag: 去掉 -->
-        <vue-scroll v-if="false" v-show="!showVideoDialog">
-          <div
-            v-if="false"
-            class="mapUrl"
-            style="width: 100%; height: 100%; overflow: hidden;"
-          >
-            <img
-              :src="bgUrl"
-              style="width: 100%; height: auto; position: relative;"
-              class="bgPackImg"
-              ref="bgPackImg"
-              @load="countBoxSize"
-            />
-            <div
-              v-for="(item, index) in pointList"
-              class="point"
-              :key="index"
-              :style="{
-                top: (item.mapY / imgHeightScale - 36) + 'px',
-                left: (item.mapX / imgWidthScale - 22) + 'px',
-              }"
-              @click="clickPoint(item)"
-            >
-              <img :src="getDevIcon(item.devType)" alt="" />
-              <div class="devName">{{ item.name }}</div>
+      <template v-if="activeItem == 0">
+        <!-- 侧边栏 -->
+        <div class="fullHeight aside">
+          <!-- 塔吊设备 -->
+          <div class="blockBox">
+            <div class="blockTitle">
+              {{ $t('message.companyDiagram.towerDev') }}
             </div>
-
-            <!-- 人脸闸机弹框 -->
-            <div
-              class="faceDevBox pointDialog_s"
-              v-show="showFaceDevDialog"
-              :style="{ left: faceDevDetail.x, top: faceDevDetail.y }"
-            >
-              <div class="title">
-                {{ faceDevDetail.name }}
-
-                <span class="closeBtn" @click="showFaceDevDialog = false">
-                  <i class="el-icon-close"></i>
-                </span>
-                <!-- "在线" "离线"-->
-                <span
-                  class="devStatus"
-                  :class="{
-                    red:
-                      !faceDevDialogData.ufaceDev ||
-                      faceDevDialogData.ufaceDev.deviceState != 1,
-                  }"
-                  >{{
-                    faceDevDialogData.ufaceDev &&
-                    faceDevDialogData.ufaceDev.deviceState == 1
-                      ? $t("message.dataBoard.online")
-                      : $t("message.dataBoard.notOnline")
-                  }}</span
-                >
-              </div>
-              <div class="blockTitle blockTitle2" style="margin-bottom: 10px">
-                <i></i
-                ><!-- 进出统计 -->{{
-                  $t("message.dataBoard.inAndOutStatistics")
-                }}
-              </div>
-              <div class="timeInner">
-                <p>
-                  <!-- 今日进场人次 -->
-                  {{ $t("message.dataBoard.todayInPeople") }}
-                </p>
-                <div class="bg1 small">
-                  <span class="num">{{
-                    faceDevDialogData.totalAttendance.inTotalNum
-                  }}</span>
+            <div class="blockContent">
+              <div class="devInfoBox">
+                <div class="item">
+                  <img src="@/assets/images/dataBoard/tower.png" alt="" />
+                  <div>
+                    <p class="num" style="color: #5181f6">
+                      {{ totalTowerDev }}
+                    </p>
+                    <p>
+                      <!-- 塔吊总数 -->
+                      {{ $t('message.dataBoard.totalTowerDev') }}
+                    </p>
+                  </div>
                 </div>
-              </div>
-              <div class="timeInner">
-                <p>
-                  <!-- 今日出场人次 -->
-                  {{ $t("message.dataBoard.todayOutPeople") }}
-                </p>
-                <div class="bg1 small">
-                  <span class="num">{{
-                    faceDevDialogData.totalAttendance.outTotalNum
-                  }}</span>
+                <div class="item">
+                  <img src="@/assets/images/dataBoard/alarmcount.png" alt="" />
+                  <div>
+                    <p class="num" style="color: #f67f51">
+                      {{ totalDangerTowerDev }}
+                    </p>
+                    <p>
+                      <!-- 今日报警总数 -->
+                      {{ $t('message.dataBoard.todayAlarmCount') }}
+                    </p>
+                  </div>
                 </div>
-              </div>
-              <div
-                v-if="faceDevDialogData.list.length > 0"
-                class="blockTitle blockTitle2"
-                style="margin-bottom: 10px"
-              >
-                <i></i
-                ><!-- 进出记录 -->{{ $t("message.dataBoard.inAndOutRecords") }}
-              </div>
-              <div
-                class="inOutListBox"
-                :style="{
-                  height: faceDevDialogData.list.length > 0 ? '170px' : '',
-                }"
-              >
-                <vue-scroll>
-                  <ul>
-                    <li
-                      v-for="(item, index) in faceDevDialogData.list"
+                <div class="list-box">
+                  <vue-scroll>
+                    <div
+                      class="list-item"
+                      :class="item.devonline == 0 ? 'offline' : 'online'"
+                      v-for="(item, index) in towerList"
                       :key="index"
                     >
-                      <img
-                        :src="$store.state.FILEURL + item.imageUrl"
-                        alt=""
-                        width="20"
-                        height="30"
-                      />
-                      <span class="workerName">{{ item.workerName }}</span>
-                      <span class="time">{{ item.createTime }}</span>
-                      <span
-                        class="type"
-                        :class="{ type2: item.passType == 1 }"
-                        >{{
-                          item.passType == 1
-                            ? $t("message.dataBoard.in")
-                            : $t("message.dataBoard.out")
-                        }}</span
+                      <span class="type" v-if="item.devonline != 0">在线</span>
+                      <span class="type" v-else>离线</span>
+                      <p>{{ item.devName }}</p>
+                      <span v-if="item.alarmNum == ''" class="alarm"
+                        >今日报警:0</span
                       >
-                    </li>
-                  </ul>
-                </vue-scroll>
-              </div>
-            </div>
-            <!-- 环境设备弹框 -->
-            <div
-              class="environBox pointDialog_s"
-              v-show="showEnvironDialog"
-              :style="{ left: environBoxPos.x, top: environBoxPos.y }"
-            >
-              <!-- 实时数据 -->
-              <div class="title">
-                {{ environDevDetail.name }} -
-                {{ $t("message.dataBoard.realData") }}
-                <span class="closeBtn" @click="closeInterval()">
-                  <i class="el-icon-close"></i>
-                </span>
-              </div>
-              <div class="pointDialogContent">
-                <div class="dialogDataBox">
-                  <p>
-                    <span>{{ plantCap.pm10 }}</span> ug/m³
-                  </p>
-                  <p>PM10</p>
-                </div>
-                <div class="dialogDataBox">
-                  <p>
-                    <span>{{ plantCap.pm25 }}</span> ug/m³
-                  </p>
-                  <p>PM2.5</p>
-                </div>
-                <div class="dialogDataBox">
-                  <p>
-                    <span>{{ plantCap.windspeed }}</span> m/s
-                  </p>
-                  <p>
-                    <!-- 风速 -->
-                    {{ $t("message.dataBoard.windSpeed") }}
-                  </p>
-                </div>
-                <br />
-                <div class="dialogDataBox">
-                  <p>
-                    <span>{{ plantCap.winddirectionName }}</span>
-                  </p>
-                  <p>
-                    <!-- 风向 -->
-                    {{ $t("message.dataBoard.winddirection") }}
-                  </p>
-                </div>
-                <div class="dialogDataBox">
-                  <p>
-                    <span>{{ plantCap.noise }}</span> db
-                  </p>
-                  <p>
-                    <!-- 噪音 -->
-                    {{ $t("message.dataBoard.noise") }}
-                  </p>
-                </div>
-                <div class="dialogDataBox">
-                  <p>
-                    <span>{{ plantCap.temperature }}</span> ℃
-                  </p>
-                  <p>
-                    <!-- 温度 -->
-                    {{ $t("message.dataBoard.temperature") }}
-                  </p>
-                </div>
-                <br />
-                <div class="dialogDataBox">
-                  <p>
-                    <span>{{ plantCap.humidity }}</span> %
-                  </p>
-                  <p>
-                    <!-- 湿度 -->
-                    {{ $t("message.dataBoard.humidity") }}
-                  </p>
-                </div>
-              </div>
-            </div>
-            <!-- 电箱设备弹框 -->
-            <div
-              class="environBox pointDialog_s"
-              v-show="showEletricDialog"
-              :style="{ left: electricBoxPos.x, top: electricBoxPos.y }"
-            >
-              <!-- 实时数据 -->
-              <div class="title">
-                {{ electricDevDetail.name }} -
-                {{ $t("message.dataBoard.realData") }}
-                <span class="closeBtn" @click="showEletricDialog = false">
-                  <i class="el-icon-close"></i>
-                </span>
-              </div>
-              <div class="pointDialogContent">
-                <!-- 数据上传时间： -->
-                <p class="uploadTime">
-                  {{ $t("message.dataBoard.dataUpdateTime") }}
-                  {{ realTimeData ? realTimeData.uploadTime : "- -" }}
-                </p>
-                <div class="dialogDataBox">
-                  <p>
-                    <span>{{
-                      realTimeData ? realTimeData.voltageA : "--"
-                    }}</span>
-                    V
-                  </p>
-                  <p>
-                    <!-- A相电压 -->
-                    {{ $t("message.dataBoard.voltageA") }}
-                  </p>
-                </div>
-                <div class="dialogDataBox">
-                  <p>
-                    <span>{{
-                      realTimeData ? realTimeData.phaseCurrentA : "--"
-                    }}</span>
-                    A
-                  </p>
-                  <p>
-                    <!-- A相电流 -->
-                    {{ $t("message.dataBoard.phaseCurrentA") }}
-                  </p>
-                </div>
-                <div class="dialogDataBox">
-                  <p>
-                    <span>{{
-                      realTimeData ? realTimeData.voltageB : "--"
-                    }}</span>
-                    V
-                  </p>
-                  <p>
-                    <!-- B相电压 -->
-                    {{ $t("message.dataBoard.voltageB") }}
-                  </p>
-                </div>
-                <br />
-                <div class="dialogDataBox">
-                  <p>
-                    <span>{{
-                      realTimeData ? realTimeData.phaseCurrentB : "--"
-                    }}</span>
-                    A
-                  </p>
-                  <p>
-                    <!-- B相电流 -->
-                    {{ $t("message.dataBoard.phaseCurrentB") }}
-                  </p>
-                </div>
-                <div class="dialogDataBox">
-                  <p>
-                    <span>{{
-                      realTimeData ? realTimeData.voltageC : "--"
-                    }}</span>
-                    V
-                  </p>
-                  <p>
-                    <!-- C相电压 -->
-                    {{ $t("message.dataBoard.voltageC") }}
-                  </p>
-                </div>
-                <div class="dialogDataBox">
-                  <p>
-                    <span>{{
-                      realTimeData ? realTimeData.phaseCurrentC : "--"
-                    }}</span>
-                    A
-                  </p>
-                  <p>
-                    <!-- C相电流 -->
-                    {{ $t("message.dataBoard.phaseCurrentC") }}
-                  </p>
-                </div>
-                <br />
-                <div class="dialogDataBox">
-                  <p>
-                    <span>{{
-                      realTimeData ? realTimeData.cableTemperatureA : "--"
-                    }}</span>
-                    ℃
-                  </p>
-                  <p>
-                    <!-- A线缆温度 -->
-                    {{ $t("message.dataBoard.cableTemperatureA") }}
-                  </p>
-                </div>
-                <div class="dialogDataBox">
-                  <p>
-                    <span>{{
-                      realTimeData ? realTimeData.cableTemperatureB : "--"
-                    }}</span>
-                    ℃
-                  </p>
-                  <p>
-                    <!-- B线缆温度 -->
-                    {{ $t("message.dataBoard.cableTemperatureB") }}
-                  </p>
-                </div>
-                <div class="dialogDataBox">
-                  <p>
-                    <span>{{
-                      realTimeData ? realTimeData.cableTemperatureC : "--"
-                    }}</span>
-                    ℃
-                  </p>
-                  <p>
-                    <!-- C线缆温度 -->
-                    {{ $t("message.dataBoard.cableTemperatureC") }}
-                  </p>
-                </div>
-                <br />
-                <div class="dialogDataBox">
-                  <p>
-                    <span>{{
-                      realTimeData ? realTimeData.electricLeakage : "--"
-                    }}</span>
-                    mA
-                  </p>
-                  <p>
-                    <!-- 漏电流 -->
-                    {{ $t("message.dataBoard.electricLeakage") }}
-                  </p>
-                </div>
-                <div class="dialogDataBox">
-                  <p>
-                    <span>{{
-                      realTimeData ? realTimeData.ambientTemperature : "--"
-                    }}</span>
-                    ℃
-                  </p>
-                  <p>
-                    <!-- 环境温度 -->
-                    {{ $t("message.dataBoard.ambientTemperature") }}
-                  </p>
+                      <span v-else class="alarm"
+                        >今日报警:{{ item.alarmNum }}</span
+                      >
+                    </div>
+                  </vue-scroll>
                 </div>
               </div>
             </div>
           </div>
-        </vue-scroll>
-        <!-- 视频监测弹框 -->
-        <!-- 视频监测 -->
-        <el-dialog
-          @close="closeMap"
-          :title="$t('message.dataBoard.videoMontor')"
-          :visible.sync="showVideoDialog"
-          :modal-append-to-body="false"
-          width="95%"
-          top="0vh"
-          class="dialog_box"
+          <!-- 升降机设备 -->
+          <div class="blockBox">
+            <div class="blockTitle">
+              {{ $t('message.companyDiagram.lifterDev') }}
+            </div>
+            <div class="blockContent dataBoxContent">
+              <div class="devInfoBox">
+                <div class="item">
+                  <img src="@/assets/images/dataBoard/lifter.png" alt="" />
+                  <div>
+                    <p class="num" style="color: #5181f6">
+                      {{ totalLifterDev }}
+                    </p>
+                    <p>
+                      <!-- 升降机总数 -->
+                      {{ $t('message.dataBoard.totalLifterDev') }}
+                    </p>
+                  </div>
+                </div>
+                <div class="item">
+                  <img src="@/assets/images/dataBoard/alarmcount.png" alt="" />
+                  <div>
+                    <p class="num" style="color: #f67f51">
+                      {{ totalDangerLifterDev }}
+                    </p>
+                    <p>
+                      <!-- 今日报警总数 -->
+                      {{ $t('message.dataBoard.todayAlarmCount') }}
+                    </p>
+                  </div>
+                </div>
+                <div class="list-box">
+                  <vue-scroll>
+                    <div
+                      class="list-item"
+                      :class="item.devonline == 0 ? 'offline' : 'online'"
+                      v-for="(item, index) in lifterList"
+                      :key="index"
+                    >
+                      <span class="type" v-if="!item.devonline">在线</span>
+                      <span class="type" v-else>离线</span>
+                      <p>{{ item.devName }}</p>
+                      <span class="alarm">今日报警:{{ item.alarmNum }}</span>
+                    </div>
+                  </vue-scroll>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- 视频设备 -->
+          <div class="blockBox">
+            <div class="blockTitle">
+              {{ $t('message.companyDiagram.videoDev') }}
+            </div>
+            <div class="blockContent">
+              <div class="devInfoBox">
+                <div class="item">
+                  <div class="videoCount">
+                    <p>
+                      <!-- 视频总数 -->
+                      {{ $t('message.dataBoard.videoTotalCount') }}：
+                    </p>
+                    <p class="num" style="margin-left: 5px">
+                      {{ videoCountList.totalDevNum }}
+                    </p>
+                  </div>
+                </div>
+                <div class="item">
+                  <div class="onlineVideoCount">
+                    <p>
+                      <!-- 在线视频数 -->
+                      {{ $t('message.dataBoard.onlineVideoCount') }}：
+                    </p>
+                    <p class="num" style="margin-left: 5px">
+                      {{ videoCountList.onlineNum }}
+                    </p>
+                  </div>
+                </div>
+                <div class="list-box video">
+                  <vue-scroll>
+                    <div
+                      style="
+                        display: flex;
+                        overflow: hidden;
+                        flex-wrap: wrap;
+                        justify-content: space-between;
+                      "
+                    >
+                      <div
+                        class="list-item"
+                        :class="item.deviceState == 2 ? 'offline' : 'online'"
+                        v-for="(item, index) in videoCountList.videoList"
+                        :key="index"
+                        style="width: 160px; margin-right: 15px"
+                      >
+                        <span class="type" v-if="item.deviceState == 1"
+                          >在线</span
+                        >
+                        <span class="type" v-else>离线</span>
+                        <p>{{ item.name }}</p>
+                      </div>
+                    </div>
+                  </vue-scroll>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="mapContent"
+          :class="company == 'longguang' ? 'lgMapContent' : ''"
         >
-          <div class="pointDialog_l" v-if="showVideoDialog">
-            <i class="closeBtn el-icon-error" @click="closeVideoDialog"></i>
-            <div class="pointDialogContent">
-              <!-- <div class="videoListBox">
+          <!-- TODO: 开发中 -->
+          <el-image
+            style="width: 100%; height: 100%"
+            :src="require('@/assets/images/dataBoard/wisdomBuild/map.jpg')"
+          ></el-image>
+          <!-- tag: 去掉 -->
+          <vue-scroll v-if="false" v-show="!showVideoDialog">
+            <div
+              v-if="false"
+              class="mapUrl"
+              style="width: 100%; height: 100%; overflow: hidden"
+            >
+              <img
+                :src="bgUrl"
+                style="width: 100%; height: auto; position: relative"
+                class="bgPackImg"
+                ref="bgPackImg"
+                @load="countBoxSize"
+              />
+              <div
+                v-for="(item, index) in pointList"
+                class="point"
+                :key="index"
+                :style="{
+                  top: item.mapY / imgHeightScale - 36 + 'px',
+                  left: item.mapX / imgWidthScale - 22 + 'px',
+                }"
+                @click="clickPoint(item)"
+              >
+                <img :src="getDevIcon(item.devType)" alt="" />
+                <div class="devName">{{ item.name }}</div>
+              </div>
+
+              <!-- 人脸闸机弹框 -->
+              <div
+                class="faceDevBox pointDialog_s"
+                v-show="showFaceDevDialog"
+                :style="{ left: faceDevDetail.x, top: faceDevDetail.y }"
+              >
+                <div class="title">
+                  {{ faceDevDetail.name }}
+
+                  <span class="closeBtn" @click="showFaceDevDialog = false">
+                    <i class="el-icon-close"></i>
+                  </span>
+                  <!-- "在线" "离线"-->
+                  <span
+                    class="devStatus"
+                    :class="{
+                      red:
+                        !faceDevDialogData.ufaceDev ||
+                        faceDevDialogData.ufaceDev.deviceState != 1,
+                    }"
+                    >{{
+                      faceDevDialogData.ufaceDev &&
+                      faceDevDialogData.ufaceDev.deviceState == 1
+                        ? $t('message.dataBoard.online')
+                        : $t('message.dataBoard.notOnline')
+                    }}</span
+                  >
+                </div>
+                <div class="blockTitle blockTitle2" style="margin-bottom: 10px">
+                  <i></i
+                  ><!-- 进出统计 -->{{
+                    $t('message.dataBoard.inAndOutStatistics')
+                  }}
+                </div>
+                <div class="timeInner">
+                  <p>
+                    <!-- 今日进场人次 -->
+                    {{ $t('message.dataBoard.todayInPeople') }}
+                  </p>
+                  <div class="bg1 small">
+                    <span class="num">{{
+                      faceDevDialogData.totalAttendance.inTotalNum
+                    }}</span>
+                  </div>
+                </div>
+                <div class="timeInner">
+                  <p>
+                    <!-- 今日出场人次 -->
+                    {{ $t('message.dataBoard.todayOutPeople') }}
+                  </p>
+                  <div class="bg1 small">
+                    <span class="num">{{
+                      faceDevDialogData.totalAttendance.outTotalNum
+                    }}</span>
+                  </div>
+                </div>
+                <div
+                  v-if="faceDevDialogData.list.length > 0"
+                  class="blockTitle blockTitle2"
+                  style="margin-bottom: 10px"
+                >
+                  <i></i
+                  ><!-- 进出记录 -->{{
+                    $t('message.dataBoard.inAndOutRecords')
+                  }}
+                </div>
+                <div
+                  class="inOutListBox"
+                  :style="{
+                    height: faceDevDialogData.list.length > 0 ? '170px' : '',
+                  }"
+                >
+                  <vue-scroll>
+                    <ul>
+                      <li
+                        v-for="(item, index) in faceDevDialogData.list"
+                        :key="index"
+                      >
+                        <img
+                          :src="$store.state.FILEURL + item.imageUrl"
+                          alt=""
+                          width="20"
+                          height="30"
+                        />
+                        <span class="workerName">{{ item.workerName }}</span>
+                        <span class="time">{{ item.createTime }}</span>
+                        <span
+                          class="type"
+                          :class="{ type2: item.passType == 1 }"
+                          >{{
+                            item.passType == 1
+                              ? $t('message.dataBoard.in')
+                              : $t('message.dataBoard.out')
+                          }}</span
+                        >
+                      </li>
+                    </ul>
+                  </vue-scroll>
+                </div>
+              </div>
+              <!-- 环境设备弹框 -->
+              <div
+                class="environBox pointDialog_s"
+                v-show="showEnvironDialog"
+                :style="{ left: environBoxPos.x, top: environBoxPos.y }"
+              >
+                <!-- 实时数据 -->
+                <div class="title">
+                  {{ environDevDetail.name }} -
+                  {{ $t('message.dataBoard.realData') }}
+                  <span class="closeBtn" @click="closeInterval()">
+                    <i class="el-icon-close"></i>
+                  </span>
+                </div>
+                <div class="pointDialogContent">
+                  <div class="dialogDataBox">
+                    <p>
+                      <span>{{ plantCap.pm10 }}</span> ug/m³
+                    </p>
+                    <p>PM10</p>
+                  </div>
+                  <div class="dialogDataBox">
+                    <p>
+                      <span>{{ plantCap.pm25 }}</span> ug/m³
+                    </p>
+                    <p>PM2.5</p>
+                  </div>
+                  <div class="dialogDataBox">
+                    <p>
+                      <span>{{ plantCap.windspeed }}</span> m/s
+                    </p>
+                    <p>
+                      <!-- 风速 -->
+                      {{ $t('message.dataBoard.windSpeed') }}
+                    </p>
+                  </div>
+                  <br />
+                  <div class="dialogDataBox">
+                    <p>
+                      <span>{{ plantCap.winddirectionName }}</span>
+                    </p>
+                    <p>
+                      <!-- 风向 -->
+                      {{ $t('message.dataBoard.winddirection') }}
+                    </p>
+                  </div>
+                  <div class="dialogDataBox">
+                    <p>
+                      <span>{{ plantCap.noise }}</span> db
+                    </p>
+                    <p>
+                      <!-- 噪音 -->
+                      {{ $t('message.dataBoard.noise') }}
+                    </p>
+                  </div>
+                  <div class="dialogDataBox">
+                    <p>
+                      <span>{{ plantCap.temperature }}</span> ℃
+                    </p>
+                    <p>
+                      <!-- 温度 -->
+                      {{ $t('message.dataBoard.temperature') }}
+                    </p>
+                  </div>
+                  <br />
+                  <div class="dialogDataBox">
+                    <p>
+                      <span>{{ plantCap.humidity }}</span> %
+                    </p>
+                    <p>
+                      <!-- 湿度 -->
+                      {{ $t('message.dataBoard.humidity') }}
+                    </p>
+                  </div>
+                </div>
+              </div>
+              <!-- 电箱设备弹框 -->
+              <div
+                class="environBox pointDialog_s"
+                v-show="showEletricDialog"
+                :style="{ left: electricBoxPos.x, top: electricBoxPos.y }"
+              >
+                <!-- 实时数据 -->
+                <div class="title">
+                  {{ electricDevDetail.name }} -
+                  {{ $t('message.dataBoard.realData') }}
+                  <span class="closeBtn" @click="showEletricDialog = false">
+                    <i class="el-icon-close"></i>
+                  </span>
+                </div>
+                <div class="pointDialogContent">
+                  <!-- 数据上传时间： -->
+                  <p class="uploadTime">
+                    {{ $t('message.dataBoard.dataUpdateTime') }}
+                    {{ realTimeData ? realTimeData.uploadTime : '- -' }}
+                  </p>
+                  <div class="dialogDataBox">
+                    <p>
+                      <span>{{
+                        realTimeData ? realTimeData.voltageA : '--'
+                      }}</span>
+                      V
+                    </p>
+                    <p>
+                      <!-- A相电压 -->
+                      {{ $t('message.dataBoard.voltageA') }}
+                    </p>
+                  </div>
+                  <div class="dialogDataBox">
+                    <p>
+                      <span>{{
+                        realTimeData ? realTimeData.phaseCurrentA : '--'
+                      }}</span>
+                      A
+                    </p>
+                    <p>
+                      <!-- A相电流 -->
+                      {{ $t('message.dataBoard.phaseCurrentA') }}
+                    </p>
+                  </div>
+                  <div class="dialogDataBox">
+                    <p>
+                      <span>{{
+                        realTimeData ? realTimeData.voltageB : '--'
+                      }}</span>
+                      V
+                    </p>
+                    <p>
+                      <!-- B相电压 -->
+                      {{ $t('message.dataBoard.voltageB') }}
+                    </p>
+                  </div>
+                  <br />
+                  <div class="dialogDataBox">
+                    <p>
+                      <span>{{
+                        realTimeData ? realTimeData.phaseCurrentB : '--'
+                      }}</span>
+                      A
+                    </p>
+                    <p>
+                      <!-- B相电流 -->
+                      {{ $t('message.dataBoard.phaseCurrentB') }}
+                    </p>
+                  </div>
+                  <div class="dialogDataBox">
+                    <p>
+                      <span>{{
+                        realTimeData ? realTimeData.voltageC : '--'
+                      }}</span>
+                      V
+                    </p>
+                    <p>
+                      <!-- C相电压 -->
+                      {{ $t('message.dataBoard.voltageC') }}
+                    </p>
+                  </div>
+                  <div class="dialogDataBox">
+                    <p>
+                      <span>{{
+                        realTimeData ? realTimeData.phaseCurrentC : '--'
+                      }}</span>
+                      A
+                    </p>
+                    <p>
+                      <!-- C相电流 -->
+                      {{ $t('message.dataBoard.phaseCurrentC') }}
+                    </p>
+                  </div>
+                  <br />
+                  <div class="dialogDataBox">
+                    <p>
+                      <span>{{
+                        realTimeData ? realTimeData.cableTemperatureA : '--'
+                      }}</span>
+                      ℃
+                    </p>
+                    <p>
+                      <!-- A线缆温度 -->
+                      {{ $t('message.dataBoard.cableTemperatureA') }}
+                    </p>
+                  </div>
+                  <div class="dialogDataBox">
+                    <p>
+                      <span>{{
+                        realTimeData ? realTimeData.cableTemperatureB : '--'
+                      }}</span>
+                      ℃
+                    </p>
+                    <p>
+                      <!-- B线缆温度 -->
+                      {{ $t('message.dataBoard.cableTemperatureB') }}
+                    </p>
+                  </div>
+                  <div class="dialogDataBox">
+                    <p>
+                      <span>{{
+                        realTimeData ? realTimeData.cableTemperatureC : '--'
+                      }}</span>
+                      ℃
+                    </p>
+                    <p>
+                      <!-- C线缆温度 -->
+                      {{ $t('message.dataBoard.cableTemperatureC') }}
+                    </p>
+                  </div>
+                  <br />
+                  <div class="dialogDataBox">
+                    <p>
+                      <span>{{
+                        realTimeData ? realTimeData.electricLeakage : '--'
+                      }}</span>
+                      mA
+                    </p>
+                    <p>
+                      <!-- 漏电流 -->
+                      {{ $t('message.dataBoard.electricLeakage') }}
+                    </p>
+                  </div>
+                  <div class="dialogDataBox">
+                    <p>
+                      <span>{{
+                        realTimeData ? realTimeData.ambientTemperature : '--'
+                      }}</span>
+                      ℃
+                    </p>
+                    <p>
+                      <!-- 环境温度 -->
+                      {{ $t('message.dataBoard.ambientTemperature') }}
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </vue-scroll>
+          <!-- 视频监测弹框 -->
+          <!-- 视频监测 -->
+          <el-dialog
+            @close="closeMap"
+            :title="$t('message.dataBoard.videoMontor')"
+            :visible.sync="showVideoDialog"
+            :modal-append-to-body="false"
+            width="95%"
+            top="0vh"
+            class="dialog_box"
+          >
+            <div class="pointDialog_l" v-if="showVideoDialog">
+              <i class="closeBtn el-icon-error" @click="closeVideoDialog"></i>
+              <div class="pointDialogContent">
+                <!-- <div class="videoListBox">
                   <ul>
                     <li></li>
                   </ul>
                 </div> -->
-              <areaTree
-                @playParams="getPlayParams"
-                :activeLive="activeLiveData"
-                :videoType="1"
-              ></areaTree>
-              <videoModule
-                class="playVideoBox playVideoBox2"
-                :class="{ isIframe: isIframe }"
-                :value="playList"
-                :type="'1x1'"
-                :displayBottomMod="true"
-                :winNumBer="9"
-                :autoplay="false"
-                :showCaptrue="false"
-                :showControl="false"
-                :showPlayback="false"
-                :hiddenSelectBox="true"
-                :scrrenPosition="0"
-              ></videoModule>
+                <areaTree
+                  @playParams="getPlayParams"
+                  :activeLive="activeLiveData"
+                  :videoType="1"
+                ></areaTree>
+                <videoModule
+                  class="playVideoBox playVideoBox2"
+                  :class="{ isIframe: isIframe }"
+                  :value="playList"
+                  :type="'1x1'"
+                  :displayBottomMod="true"
+                  :winNumBer="9"
+                  :autoplay="false"
+                  :showCaptrue="false"
+                  :showControl="false"
+                  :showPlayback="false"
+                  :hiddenSelectBox="true"
+                  :scrrenPosition="0"
+                ></videoModule>
+              </div>
             </div>
-          </div>
-        </el-dialog>
+          </el-dialog>
 
-        <!-- 塔吊监测弹框 -->
-        <!-- 塔吊监测 -->
-        <el-dialog
-          id="lgStyle"
-          @close="closeMap"
-          :title="$t('message.dataBoard.towerMontor')"
-          :visible.sync="showTowerDialog"
-          :modal-append-to-body="false"
-          width="95%"
-          top="0vh"
-        >
-          <div class="towerDialog pointDialog_l" v-if="showTowerDialog">
-            <i class="closeBtn" :class="company=='longguang'?'':'el-icon-error'" @click="closeTowerDialog"></i>
-            <div
-              class="pointDialogContent"
-              :style="{
-                margin: company == 'longguang' ? '0 70px' : '40px 70px',
-                height: company == 'longguang' ? '100%' : 'calc(100% - 80px)',
-              }"
-            >
-              <div class="dialogBlock left">
-                <div class="dialogBlockContent">
-                  <div
-                    class="blockTitle blockTitle2"
-                    :class="company == 'longguang' ? 'blockTitle3' : ''"
-                  >
-                    <i v-if="company != 'longguang'"></i>
-                    <!-- 设备信息 -->
-                    {{ $t("message.dataBoard.devInfo") }}
-                  </div>
-                  <div class="deviceInfo">
-                    <!-- 设备名称： -->
-                    <p>
-                      {{ $t("message.dataBoard.devName2") + ":"
-                      }}{{
-                        towerBasicInfo.tower
-                          ? towerBasicInfo.tower.devName
-                          : "--"
-                      }}
-                    </p>
-                    <!-- 设备编号： -->
-                    <p>
-                      {{ $t("message.dataBoard.devCode") + ":" }}
-                      {{
-                        towerBasicInfo.tower ? towerBasicInfo.tower.devSn : "--"
-                      }}
-                    </p>
-                    <!-- 设备备案号： -->
-                    <p>
-                      {{ $t("message.dataBoard.devAQ") + ":" }}
-                      {{
-                        towerBasicInfo.tower
-                          ? towerBasicInfo.tower.registNo
-                          : "--"
-                      }}
-                    </p>
-                    <!-- 生产厂家： -->
-                    <p>
-                      {{ $t("message.dataBoard.manufacturer") + ":" }}
-                      {{
-                        towerBasicInfo.tower
-                          ? towerBasicInfo.tower.factoryName
-                          : "--"
-                      }}
-                    </p>
-                    <p v-if="company == 'longguang'">
-                      <!-- 总包单位： -->
-                      {{ $t("message.dataBoard.mainContractor") + ":" }}
-                      {{
-                        towerBasicInfo.tower
-                          ? towerBasicInfo.tower.generalContractorsName
-                          : "--"
-                      }}
-                    </p>
-                  </div>
-                  <!-- '塔吊操作人员':'驾驶员信息' -->
-                  <div
-                    class="blockTitle blockTitle2"
-                    :class="company == 'longguang' ? 'blockTitle3' : ''"
-                  >
-                    <i v-if="company != 'longguang'"></i
-                    >{{
-                      company == "longguang"
-                        ? $t("message.dataBoard.towerPlayer")
-                        : $t("message.dataBoard.driverInfo")
-                    }}
-                  </div>
-                  <vue-scroll
-                    v-if="towerBasicInfoDriverList.length != 0"
-                    style="height: 130px; margin-bottom: 10px"
-                  >
-                    <!--                    driverIdCard，idCard-->
+          <!-- 塔吊监测弹框 -->
+          <!-- 塔吊监测 -->
+          <el-dialog
+            id="lgStyle"
+            @close="closeMap"
+            :title="$t('message.dataBoard.towerMontor')"
+            :visible.sync="showTowerDialog"
+            :modal-append-to-body="false"
+            width="95%"
+            top="0vh"
+          >
+            <div class="towerDialog pointDialog_l" v-if="showTowerDialog">
+              <i
+                class="closeBtn"
+                :class="company == 'longguang' ? '' : 'el-icon-error'"
+                @click="closeTowerDialog"
+              ></i>
+              <div
+                class="pointDialogContent"
+                :style="{
+                  margin: company == 'longguang' ? '0 70px' : '40px 70px',
+                  height: company == 'longguang' ? '100%' : 'calc(100% - 80px)',
+                }"
+              >
+                <div class="dialogBlock left">
+                  <div class="dialogBlockContent">
                     <div
-                      class="driverInfo"
-                      v-for="(item, index) in towerBasicInfo.driverList"
-                      v-if="
-                        company == 'longguang' ||
-                        item.idCard == towerCurrentInfo.driverIdCard
-                      "
-                      :key="index"
+                      class="blockTitle blockTitle2"
+                      :class="company == 'longguang' ? 'blockTitle3' : ''"
                     >
-                      <img
-                        @click="openImg(fileUrl + item.fieldAcquisitionUrl)"
-                        v-if="item.fieldAcquisitionUrl"
-                        :src="fileUrl + item.fieldAcquisitionUrl"
-                        alt=""
-                      />
-                      <img
-                        v-else
-                        src="@/assets/images/profile_photo.png"
-                        alt=""
-                      />
-                      <div>
-                        <!-- 姓名： -->
-                        <p>
-                          {{ $t("message.dataBoard.name") + ":"
-                          }}{{ item.workerName }}
-                        </p>
-                        <!-- 年龄： -->
-                        <p>
-                          {{ $t("message.dataBoard.age") + ":" }}{{ item.age }}
-                        </p>
-                        <!-- 特种证书编号： -->
-                        <p>
-                          {{ $t("message.dataBoard.certificateNumber") + ":"
-                          }}{{ item.certificateNumber }}
-                        </p>
-                        <!-- 证件： -->
-                        <p>
-                          {{ $t("message.dataBoard.idCard") + ":"
-                          }}{{ item.idCard }}
-                        </p>
-                      </div>
+                      <i v-if="company != 'longguang'"></i>
+                      <!-- 设备信息 -->
+                      {{ $t('message.dataBoard.devInfo') }}
                     </div>
-                  </vue-scroll>
-                  <div v-else style="text-align: center">
-                    <img
-                      style="height: 130px; margin-bottom: 10px"
-                      src="@/assets/images/09b108269bb2491369b67686bd74c6a.png"
-                      alt=""
-                    />
-                    <p>
-                      <!-- 暂无数据 -->
-                      {{ $t("message.dataBoard.nodata") }}
-                    </p>
-                  </div>
-                  <div
-                    class="blockTitle blockTitle2"
-                    v-if="company != 'longguang'"
-                  >
-                    <i></i>
-                    <!-- 报警信息 -->
-                    {{ $t("message.dataBoard.alarmInfo") }}
-                  </div>
-                  <div class="deviceInfo" v-if="company != 'longguang'">
-                    <vue-scroll
-                      v-if="TowerAlarmList.length != 0"
-                      style="height: 350px; margin-bottom: 10px"
+                    <div class="deviceInfo">
+                      <!-- 设备名称： -->
+                      <p>
+                        {{ $t('message.dataBoard.devName2') + ':'
+                        }}{{
+                          towerBasicInfo.tower
+                            ? towerBasicInfo.tower.devName
+                            : '--'
+                        }}
+                      </p>
+                      <!-- 设备编号： -->
+                      <p>
+                        {{ $t('message.dataBoard.devCode') + ':' }}
+                        {{
+                          towerBasicInfo.tower
+                            ? towerBasicInfo.tower.devSn
+                            : '--'
+                        }}
+                      </p>
+                      <!-- 设备备案号： -->
+                      <p>
+                        {{ $t('message.dataBoard.devAQ') + ':' }}
+                        {{
+                          towerBasicInfo.tower
+                            ? towerBasicInfo.tower.registNo
+                            : '--'
+                        }}
+                      </p>
+                      <!-- 生产厂家： -->
+                      <p>
+                        {{ $t('message.dataBoard.manufacturer') + ':' }}
+                        {{
+                          towerBasicInfo.tower
+                            ? towerBasicInfo.tower.factoryName
+                            : '--'
+                        }}
+                      </p>
+                      <p v-if="company == 'longguang'">
+                        <!-- 总包单位： -->
+                        {{ $t('message.dataBoard.mainContractor') + ':' }}
+                        {{
+                          towerBasicInfo.tower
+                            ? towerBasicInfo.tower.generalContractorsName
+                            : '--'
+                        }}
+                      </p>
+                    </div>
+                    <!-- '塔吊操作人员':'驾驶员信息' -->
+                    <div
+                      class="blockTitle blockTitle2"
+                      :class="company == 'longguang' ? 'blockTitle3' : ''"
                     >
+                      <i v-if="company != 'longguang'"></i
+                      >{{
+                        company == 'longguang'
+                          ? $t('message.dataBoard.towerPlayer')
+                          : $t('message.dataBoard.driverInfo')
+                      }}
+                    </div>
+                    <vue-scroll
+                      v-if="towerBasicInfoDriverList.length != 0"
+                      style="height: 130px; margin-bottom: 10px"
+                    >
+                      <!--                    driverIdCard，idCard-->
                       <div
                         class="driverInfo"
-                        v-for="(item, index) in TowerAlarmList"
+                        v-for="(item, index) in towerBasicInfo.driverList"
+                        v-if="
+                          company == 'longguang' ||
+                          item.idCard == towerCurrentInfo.driverIdCard
+                        "
                         :key="index"
                       >
-                        <div class="TowerAlarm_item">
-                          <p class="p1">
-                            {{ $t("message.dataBoard.devName2") + ":"
-                            }}{{ item.devName }}
+                        <img
+                          @click="openImg(fileUrl + item.fieldAcquisitionUrl)"
+                          v-if="item.fieldAcquisitionUrl"
+                          :src="fileUrl + item.fieldAcquisitionUrl"
+                          alt=""
+                        />
+                        <img
+                          v-else
+                          src="@/assets/images/profile_photo.png"
+                          alt=""
+                        />
+                        <div>
+                          <!-- 姓名： -->
+                          <p>
+                            {{ $t('message.dataBoard.name') + ':'
+                            }}{{ item.workerName }}
                           </p>
-                          <p class="p2">
-                            {{ $t("message.dataBoard.alarmTime") + ":"
-                            }}{{ transformTimestamp(item.alarmTime) }}
+                          <!-- 年龄： -->
+                          <p>
+                            {{ $t('message.dataBoard.age') + ':'
+                            }}{{ item.age }}
                           </p>
-                          <p v-if="item.windSpeedAlarm" class="p1">
-                            <!-- 风速报警 -->{{
-                              $t("message.dataBoard.alarmTypeArray2")[0]
-                            }}
+                          <!-- 特种证书编号： -->
+                          <p>
+                            {{ $t('message.dataBoard.certificateNumber') + ':'
+                            }}{{ item.certificateNumber }}
                           </p>
-                          <!--  <p class="p1">警报类别：{{ item.alarmType == 1?'报警':item.alarmType == 2?'预警':"&#45;&#45;" }}</p>-->
-                          <p v-if="item.environmentAlarm" class="p2">
-                            <!-- 环境防撞报警 -->{{
-                              $t("message.dataBoard.alarmTypeArray2")[1]
-                            }}
+                          <!-- 证件： -->
+                          <p>
+                            {{ $t('message.dataBoard.idCard') + ':'
+                            }}{{ item.idCard }}
                           </p>
-                          <p v-if="item.heightAlarm" class="p1">
-                            <!-- 高度上限位报警 -->{{
-                              $t("message.dataBoard.alarmTypeArray2")[2]
-                            }}
-                          </p>
-                          <p v-if="item.maxRangeAlarm" class="p2">
-                            <!-- 幅度外限位报警 -->{{
-                              $t("message.dataBoard.alarmTypeArray2")[3]
-                            }}
-                          </p>
-                          <p v-if="item.minRangeAlarm" class="p1">
-                            <!-- 幅度内限位报警 -->{{
-                              $t("message.dataBoard.alarmTypeArray2")[4]
-                            }}
-                          </p>
-                          <p v-if="item.momentAlarm" class="p2">
-                            <!-- 力矩报警 -->{{
-                              $t("message.dataBoard.alarmTypeArray2")[5]
-                            }}
-                          </p>
-                          <p v-if="item.multiAlarm" class="p1">
-                            <!-- 多机防撞报警 -->{{
-                              $t("message.dataBoard.alarmTypeArray2")[6]
-                            }}
-                          </p>
-                          <p v-if="item.negAngleAlarm" class="p2">
-                            <!-- 逆时针回转限位报警 -->{{
-                              $t("message.dataBoard.alarmTypeArray2")[7]
-                            }}
-                          </p>
-                          <p v-if="item.posAngleAlarm" class="p1">
-                            <!-- 顺时针回转限位报警 -->{{
-                              $t("message.dataBoard.alarmTypeArray2")[8]
-                            }}
-                          </p>
-
-                          <!--                          <p v-if="item.windSpeedAlarm" class="p1">风速报警:{{item.windSpeedAlarm == 0?'正常':item.windSpeedAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--&lt;!&ndash;                          <p class="p1">警报类别：{{ item.alarmType == 1?'报警':item.alarmType == 2?'预警':"&#45;&#45;" }}</p>&ndash;&gt;-->
-                          <!--                          <p v-if="item.environmentAlarm" class="p2">环境防撞报警:{{item.environmentAlarm == 0?'正常':item.environmentAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.heightAlarm" class="p1">高度上限位报警:{{item.heightAlarm == 0?'正常':item.heightAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.maxRangeAlarm" class="p2">幅度外限位报警:{{item.maxRangeAlarm == 0?'正常':item.maxRangeAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.minRangeAlarm" class="p1">幅度内限位报警:{{item.minRangeAlarm == 0?'正常':item.minRangeAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.momentAlarm" class="p2">力矩报警:{{item.momentAlarm == 0?'正常':item.momentAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.multiAlarm" class="p1">多机防撞报警:{{item.multiAlarm == 0?'正常':item.multiAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.negAngleAlarm" class="p2">逆时针回转限位报警:{{item.negAngleAlarm == 0?'正常':item.negAngleAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.posAngleAlarm" class="p1">顺时针回转限位报警 :{{item.posAngleAlarm == 0?'正常':item.posAngleAlarm == 1?'报警':'预警'}}</p>-->
                         </div>
                       </div>
                     </vue-scroll>
                     <div v-else style="text-align: center">
                       <img
-                        style="height: 150px; margin-top: 100px"
+                        style="height: 130px; margin-bottom: 10px"
                         src="@/assets/images/09b108269bb2491369b67686bd74c6a.png"
                         alt=""
                       />
                       <p>
                         <!-- 暂无数据 -->
-                        {{ $t("message.dataBoard.nodata") }}
+                        {{ $t('message.dataBoard.nodata') }}
                       </p>
                     </div>
+                    <div
+                      class="blockTitle blockTitle2"
+                      v-if="company != 'longguang'"
+                    >
+                      <i></i>
+                      <!-- 报警信息 -->
+                      {{ $t('message.dataBoard.alarmInfo') }}
+                    </div>
+                    <div class="deviceInfo" v-if="company != 'longguang'">
+                      <vue-scroll
+                        v-if="TowerAlarmList.length != 0"
+                        style="height: 350px; margin-bottom: 10px"
+                      >
+                        <div
+                          class="driverInfo"
+                          v-for="(item, index) in TowerAlarmList"
+                          :key="index"
+                        >
+                          <div class="TowerAlarm_item">
+                            <p class="p1">
+                              {{ $t('message.dataBoard.devName2') + ':'
+                              }}{{ item.devName }}
+                            </p>
+                            <p class="p2">
+                              {{ $t('message.dataBoard.alarmTime') + ':'
+                              }}{{ transformTimestamp(item.alarmTime) }}
+                            </p>
+                            <p v-if="item.windSpeedAlarm" class="p1">
+                              <!-- 风速报警 -->{{
+                                $t('message.dataBoard.alarmTypeArray2')[0]
+                              }}
+                            </p>
+                            <!--  <p class="p1">警报类别：{{ item.alarmType == 1?'报警':item.alarmType == 2?'预警':"&#45;&#45;" }}</p>-->
+                            <p v-if="item.environmentAlarm" class="p2">
+                              <!-- 环境防撞报警 -->{{
+                                $t('message.dataBoard.alarmTypeArray2')[1]
+                              }}
+                            </p>
+                            <p v-if="item.heightAlarm" class="p1">
+                              <!-- 高度上限位报警 -->{{
+                                $t('message.dataBoard.alarmTypeArray2')[2]
+                              }}
+                            </p>
+                            <p v-if="item.maxRangeAlarm" class="p2">
+                              <!-- 幅度外限位报警 -->{{
+                                $t('message.dataBoard.alarmTypeArray2')[3]
+                              }}
+                            </p>
+                            <p v-if="item.minRangeAlarm" class="p1">
+                              <!-- 幅度内限位报警 -->{{
+                                $t('message.dataBoard.alarmTypeArray2')[4]
+                              }}
+                            </p>
+                            <p v-if="item.momentAlarm" class="p2">
+                              <!-- 力矩报警 -->{{
+                                $t('message.dataBoard.alarmTypeArray2')[5]
+                              }}
+                            </p>
+                            <p v-if="item.multiAlarm" class="p1">
+                              <!-- 多机防撞报警 -->{{
+                                $t('message.dataBoard.alarmTypeArray2')[6]
+                              }}
+                            </p>
+                            <p v-if="item.negAngleAlarm" class="p2">
+                              <!-- 逆时针回转限位报警 -->{{
+                                $t('message.dataBoard.alarmTypeArray2')[7]
+                              }}
+                            </p>
+                            <p v-if="item.posAngleAlarm" class="p1">
+                              <!-- 顺时针回转限位报警 -->{{
+                                $t('message.dataBoard.alarmTypeArray2')[8]
+                              }}
+                            </p>
+
+                            <!--                          <p v-if="item.windSpeedAlarm" class="p1">风速报警:{{item.windSpeedAlarm == 0?'正常':item.windSpeedAlarm == 1?'报警':'预警'}}</p>-->
+                            <!--&lt;!&ndash;                          <p class="p1">警报类别：{{ item.alarmType == 1?'报警':item.alarmType == 2?'预警':"&#45;&#45;" }}</p>&ndash;&gt;-->
+                            <!--                          <p v-if="item.environmentAlarm" class="p2">环境防撞报警:{{item.environmentAlarm == 0?'正常':item.environmentAlarm == 1?'报警':'预警'}}</p>-->
+                            <!--                          <p v-if="item.heightAlarm" class="p1">高度上限位报警:{{item.heightAlarm == 0?'正常':item.heightAlarm == 1?'报警':'预警'}}</p>-->
+                            <!--                          <p v-if="item.maxRangeAlarm" class="p2">幅度外限位报警:{{item.maxRangeAlarm == 0?'正常':item.maxRangeAlarm == 1?'报警':'预警'}}</p>-->
+                            <!--                          <p v-if="item.minRangeAlarm" class="p1">幅度内限位报警:{{item.minRangeAlarm == 0?'正常':item.minRangeAlarm == 1?'报警':'预警'}}</p>-->
+                            <!--                          <p v-if="item.momentAlarm" class="p2">力矩报警:{{item.momentAlarm == 0?'正常':item.momentAlarm == 1?'报警':'预警'}}</p>-->
+                            <!--                          <p v-if="item.multiAlarm" class="p1">多机防撞报警:{{item.multiAlarm == 0?'正常':item.multiAlarm == 1?'报警':'预警'}}</p>-->
+                            <!--                          <p v-if="item.negAngleAlarm" class="p2">逆时针回转限位报警:{{item.negAngleAlarm == 0?'正常':item.negAngleAlarm == 1?'报警':'预警'}}</p>-->
+                            <!--                          <p v-if="item.posAngleAlarm" class="p1">顺时针回转限位报警 :{{item.posAngleAlarm == 0?'正常':item.posAngleAlarm == 1?'报警':'预警'}}</p>-->
+                          </div>
+                        </div>
+                      </vue-scroll>
+                      <div v-else style="text-align: center">
+                        <img
+                          style="height: 150px; margin-top: 100px"
+                          src="@/assets/images/09b108269bb2491369b67686bd74c6a.png"
+                          alt=""
+                        />
+                        <p>
+                          <!-- 暂无数据 -->
+                          {{ $t('message.dataBoard.nodata') }}
+                        </p>
+                      </div>
+                    </div>
+                    <div
+                      class="blockTitle blockTitle2"
+                      v-if="company == 'longguang'"
+                      :class="company == 'longguang' ? 'blockTitle3' : ''"
+                    >
+                      <i v-if="company != 'longguang'"></i>
+                      <!-- 群塔防碰撞 -->
+                      {{
+                        $t('message.dataBoard.groupOfTowersAgainstCollision')
+                      }}
+                    </div>
+                    <div
+                      class="svg-box"
+                      id="svg_box"
+                      v-if="company == 'longguang'"
+                    >
+                      <svg
+                        id="svg"
+                        ref="svg"
+                        class="svg-pan-zoom_viewport"
+                        style="width: 100%; height: 100%"
+                      ></svg>
+                    </div>
+                    <!--                  <div class="blockTitle blockTitle2"><i></i>预警信息</div>-->
+                    <!--                  <div class="deviceInfo">-->
+                    <!--                    <vue-scroll v-if="TowerWarningList" style="height: 145px; margin-bottom: 10px">-->
+                    <!--                      <div-->
+                    <!--                              class="driverInfo"-->
+                    <!--                              v-for="(item, index) in TowerWarningList"-->
+                    <!--                              :key="index"-->
+                    <!--                      >-->
+                    <!--                        <div class="TowerAlarm_item">-->
+                    <!--                          <p class="p1">设备名称:{{item.devName}}</p>-->
+                    <!--                          <p class="p2">预警时间：{{ transformTimestamp(item.alarmTime) }}</p>-->
+                    <!--                          <p class="p1">报警类别：{{ item.alarmType == 1?'报警':'预警' }}</p>-->
+                    <!--                          <p class="p2">角度:{{item.angle}}°</p>-->
+                    <!--                          <p class="p1">高度:{{item.height}}m</p>-->
+                    <!--                          <p class="p2">载重:{{item.loading}}kg</p>-->
+                    <!--                          <p class="p1">载重量比:{{item.loadRatio}}%</p>-->
+                    <!--                          <p class="p2">风速:{{item.windspeed}}m/s</p>-->
+                    <!--                        </div>-->
+                    <!--                      </div>-->
+                    <!--                    </vue-scroll>-->
+                    <!--                  </div>-->
                   </div>
-                  <div
-                    class="blockTitle blockTitle2"
-                    v-if="company == 'longguang'"
-                    :class="company == 'longguang' ? 'blockTitle3' : ''"
-                  >
-                    <i v-if="company != 'longguang'"></i>
-                    <!-- 群塔防碰撞 -->
-                    {{ $t("message.dataBoard.groupOfTowersAgainstCollision") }}
-                  </div>
-                  <div
-                    class="svg-box"
-                    id="svg_box"
-                    v-if="company == 'longguang'"
-                  >
-                    <svg
-                      id="svg"
-                      ref="svg"
-                      class="svg-pan-zoom_viewport"
-                      style="width: 100%; height: 100%"
-                    ></svg>
-                  </div>
-                  <!--                  <div class="blockTitle blockTitle2"><i></i>预警信息</div>-->
-                  <!--                  <div class="deviceInfo">-->
-                  <!--                    <vue-scroll v-if="TowerWarningList" style="height: 145px; margin-bottom: 10px">-->
-                  <!--                      <div-->
-                  <!--                              class="driverInfo"-->
-                  <!--                              v-for="(item, index) in TowerWarningList"-->
-                  <!--                              :key="index"-->
-                  <!--                      >-->
-                  <!--                        <div class="TowerAlarm_item">-->
-                  <!--                          <p class="p1">设备名称:{{item.devName}}</p>-->
-                  <!--                          <p class="p2">预警时间：{{ transformTimestamp(item.alarmTime) }}</p>-->
-                  <!--                          <p class="p1">报警类别：{{ item.alarmType == 1?'报警':'预警' }}</p>-->
-                  <!--                          <p class="p2">角度:{{item.angle}}°</p>-->
-                  <!--                          <p class="p1">高度:{{item.height}}m</p>-->
-                  <!--                          <p class="p2">载重:{{item.loading}}kg</p>-->
-                  <!--                          <p class="p1">载重量比:{{item.loadRatio}}%</p>-->
-                  <!--                          <p class="p2">风速:{{item.windspeed}}m/s</p>-->
-                  <!--                        </div>-->
-                  <!--                      </div>-->
-                  <!--                    </vue-scroll>-->
-                  <!--                  </div>-->
                 </div>
-              </div>
-              <div class="towerBox center2">
-                <div class="towerRunBox">
-                  <img
-                    v-if="nutHostId"
-                    class="pointImg"
-                    src="@/assets/images/operationInfo/arrow2.png"
-                    alt=""
-                  />
-                  <div v-if="nutHostId" class="nutBox">
+                <div class="towerBox center2">
+                  <div class="towerRunBox">
                     <img
-                      class="nut"
-                      @click="nutDetails"
-                      src="@/assets/images/towericon/dff5abfe994eea124e60ef732de8e89.png"
+                      v-if="nutHostId"
+                      class="pointImg"
+                      src="@/assets/images/operationInfo/arrow2.png"
                       alt=""
                     />
-                    <span>
-                      <!-- 螺栓检测 -->
-                      {{ $t("message.dataBoard.boltDetection") }}
-                    </span>
-                  </div>
-                  <div v-if="showBoltDetails" class="boltDetails">
-                    <div class="boltDetailsTitle">
-                      <!-- 螺栓监测 -->
-                      {{ $t("message.dataBoard.boltMonitoring") }}
-                      <i
-                        class="closeBoltDetails el-icon-error"
-                        @click="closeBoltDetails"
-                      ></i>
-                    </div>
-                    <div class="boltDetailsImg">
+                    <div v-if="nutHostId" class="nutBox">
                       <img
+                        class="nut"
+                        @click="nutDetails"
                         src="@/assets/images/towericon/dff5abfe994eea124e60ef732de8e89.png"
                         alt=""
                       />
+                      <span>
+                        <!-- 螺栓检测 -->
+                        {{ $t('message.dataBoard.boltDetection') }}
+                      </span>
                     </div>
-                    <div class="boltDetailsRight">
-                      <div class="boltDetailsRight_top">
-                        <div class="boltDetailsRight_top_item">
-                          <p
-                            :class="{
-                              alarmNumber: afterAnalysisDataInfo.alarmNum > 0,
-                            }"
-                          >
-                            {{ afterAnalysisDataInfo.alarmNum }}
-                          </p>
-                          <p class="itemTitle">
-                            <!-- 报警数 -->
-                            {{ $t("message.dataBoard.alarmNum") }}
-                          </p>
-                        </div>
-                        <div class="boltDetailsRight_top_item">
-                          <p>{{ afterAnalysisDataInfo.nutNum }}</p>
-                          <p class="itemTitle">
-                            <!-- 螺栓数 -->
-                            {{ $t("message.dataBoard.boltNum") }}
-                          </p>
-                        </div>
-                        <div class="boltDetailsRight_top_item">
-                          <p>
-                            {{
-                              afterAnalysisDataInfo.nutNum -
-                              afterAnalysisDataInfo.offLineNum
-                            }}/{{ afterAnalysisDataInfo.nutNum }}
-                          </p>
-                          <p class="itemTitle">
-                            <!-- 在线数 -->
-                            {{ $t("message.dataBoard.onlineNum") }}
-                          </p>
-                        </div>
+                    <div v-if="showBoltDetails" class="boltDetails">
+                      <div class="boltDetailsTitle">
+                        <!-- 螺栓监测 -->
+                        {{ $t('message.dataBoard.boltMonitoring') }}
+                        <i
+                          class="closeBoltDetails el-icon-error"
+                          @click="closeBoltDetails"
+                        ></i>
                       </div>
-                      <div class="boltDetailsRight_bottom">
-                        <vue-scroll style="width: 100%; height: 130px">
-                          <div class="bottom_list">
-                            <div
-                              v-for="(
-                                item, index
-                              ) in afterAnalysisDataInfo.list"
-                              v-if="item.alarm == 1 || item.offLine == 1"
-                              :key="index"
-                              class="listItem"
+                      <div class="boltDetailsImg">
+                        <img
+                          src="@/assets/images/towericon/dff5abfe994eea124e60ef732de8e89.png"
+                          alt=""
+                        />
+                      </div>
+                      <div class="boltDetailsRight">
+                        <div class="boltDetailsRight_top">
+                          <div class="boltDetailsRight_top_item">
+                            <p
+                              :class="{
+                                alarmNumber: afterAnalysisDataInfo.alarmNum > 0,
+                              }"
                             >
-                              <!-- 螺栓监测-螺栓 -->
-                              <div class="listItemName">
-                                {{
-                                  $t("message.dataBoard.boltMonitoring") +
-                                  "-" +
-                                  $t("message.dataBoard.bolt")
-                                }}{{ item.nutNo }}
-                              </div>
-                              <!-- 安装位置: -->
-                              <div class="listItemPosition">
-                                <span>{{
-                                  $t("message.dataBoard.installLocation")
-                                }}</span
-                                >{{
-                                  $t("message.dataBoard.th") +
-                                  nutPosition(item.nutNo) +
-                                  $t("message.dataBoard.standardKnot")
-                                }}
-                              </div>
+                              {{ afterAnalysisDataInfo.alarmNum }}
+                            </p>
+                            <p class="itemTitle">
+                              <!-- 报警数 -->
+                              {{ $t('message.dataBoard.alarmNum') }}
+                            </p>
+                          </div>
+                          <div class="boltDetailsRight_top_item">
+                            <p>{{ afterAnalysisDataInfo.nutNum }}</p>
+                            <p class="itemTitle">
+                              <!-- 螺栓数 -->
+                              {{ $t('message.dataBoard.boltNum') }}
+                            </p>
+                          </div>
+                          <div class="boltDetailsRight_top_item">
+                            <p>
+                              {{
+                                afterAnalysisDataInfo.nutNum -
+                                afterAnalysisDataInfo.offLineNum
+                              }}/{{ afterAnalysisDataInfo.nutNum }}
+                            </p>
+                            <p class="itemTitle">
+                              <!-- 在线数 -->
+                              {{ $t('message.dataBoard.onlineNum') }}
+                            </p>
+                          </div>
+                        </div>
+                        <div class="boltDetailsRight_bottom">
+                          <vue-scroll style="width: 100%; height: 130px">
+                            <div class="bottom_list">
                               <div
-                                v-if="afterAnalysisDataInfo.alarmNum"
-                                class="listItemAlarm"
+                                v-for="(
+                                  item, index
+                                ) in afterAnalysisDataInfo.list"
+                                v-if="item.alarm == 1 || item.offLine == 1"
+                                :key="index"
+                                class="listItem"
                               >
-                                <span
-                                  ><!-- 报警时间: -->{{
-                                    $t("message.dataBoard.alarmTime") + ":"
+                                <!-- 螺栓监测-螺栓 -->
+                                <div class="listItemName">
+                                  {{
+                                    $t('message.dataBoard.boltMonitoring') +
+                                    '-' +
+                                    $t('message.dataBoard.bolt')
+                                  }}{{ item.nutNo }}
+                                </div>
+                                <!-- 安装位置: -->
+                                <div class="listItemPosition">
+                                  <span>{{
+                                    $t('message.dataBoard.installLocation')
                                   }}</span
-                                >{{ item.alarmTime ? item.alarmTime : "--" }}
-                              </div>
-                              <div class="listItemOffLine">
-                                <span
-                                  ><!-- 离线时间: -->{{
-                                    $t("message.dataBoard.notOnlineTime") + ":"
-                                  }}</span
-                                >{{
-                                  item.offLineTime ? item.offLineTime : "--"
-                                }}
+                                  >{{
+                                    $t('message.dataBoard.th') +
+                                    nutPosition(item.nutNo) +
+                                    $t('message.dataBoard.standardKnot')
+                                  }}
+                                </div>
+                                <div
+                                  v-if="afterAnalysisDataInfo.alarmNum"
+                                  class="listItemAlarm"
+                                >
+                                  <span
+                                    ><!-- 报警时间: -->{{
+                                      $t('message.dataBoard.alarmTime') + ':'
+                                    }}</span
+                                  >{{ item.alarmTime ? item.alarmTime : '--' }}
+                                </div>
+                                <div class="listItemOffLine">
+                                  <span
+                                    ><!-- 离线时间: -->{{
+                                      $t('message.dataBoard.notOnlineTime') +
+                                      ':'
+                                    }}</span
+                                  >{{
+                                    item.offLineTime ? item.offLineTime : '--'
+                                  }}
+                                </div>
                               </div>
                             </div>
-                          </div>
-                        </vue-scroll>
+                          </vue-scroll>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <img
-                    src="@/assets/images/towericon/towerBG.png"
-                    alt=""
-                    ref="towerBG"
-                    v-if="company != 'longguang'"
-                  />
-                  <!-- 龙光样式 -->
-                  <img
-                    src="@/assets/images/towericon/towerBG2.png"
-                    alt=""
-                    ref="towerBG"
-                    v-if="company == 'longguang'"
-                    style="width: 496px; height: 484px"
-                  />
-
-                  <img
-                    src="@/assets/images/towericon/1.png"
-                    alt=""
-                    v-show="hideGoods && company != 'longguang'"
-                    class="xMove"
-                    id="xMove"
-                    :style="{ top: '70px', left: coordData.coordX + 'px' }"
-                  />
-
-                  <img
-                    src="@/assets/images/towericon/line.png"
-                    alt=""
-                    class="lines"
-                    id="line"
-                    v-show="hideGoods && company != 'longguang'"
-                    :style="{
-                      left: coordData.coordX + 8 + 'px',
-                      height: coordData.lineLength + 'px',
-                      top: '78px',
-                    }"
-                  />
-                  <!-- 龙光样式 -->
-                  <img
-                    src="@/assets/images/towericon/line2.png"
-                    alt=""
-                    class="lines"
-                    id="line2"
-                    v-show="hideGoods && company == 'longguang'"
-                    :style="{
-                      left: coordData.coordX + 8 + 'px',
-                      height: coordData.lineLength + 'px',
-                      width: '5px',
-                      top: '126px',
-                    }"
-                  />
-
-                  <div
-                    class="moveBox"
-                    id="moveBox"
-                    v-show="hideGoods && company != 'longguang'"
-                    :style="{
-                      top: coordData.coordY + 'px',
-                      left: coordData.coordX - 6 + 'px',
-                    }"
-                  >
-                    <img src="@/assets/images/towericon/hock.png" alt="" />
-                  </div>
-                  <!-- 龙光样式 -->
-                  <div
-                    class="moveBox"
-                    id="moveBox2"
-                    v-show="hideGoods && company == 'longguang'"
-                    :style="{
-                      top: coordData.coordY + 'px',
-                      left: coordData.coordX - 10 + 'px',
-                    }"
-                  >
                     <img
-                      style="width: 67px; height: 90px"
-                      src="@/assets/images/towericon/hock2.png"
+                      src="@/assets/images/towericon/towerBG.png"
                       alt=""
+                      ref="towerBG"
+                      v-if="company != 'longguang'"
                     />
-                  </div>
-                  <!-- <img
+                    <!-- 龙光样式 -->
+                    <img
+                      src="@/assets/images/towericon/towerBG2.png"
+                      alt=""
+                      ref="towerBG"
+                      v-if="company == 'longguang'"
+                      style="width: 496px; height: 484px"
+                    />
+
+                    <img
+                      src="@/assets/images/towericon/1.png"
+                      alt=""
+                      v-show="hideGoods && company != 'longguang'"
+                      class="xMove"
+                      id="xMove"
+                      :style="{ top: '70px', left: coordData.coordX + 'px' }"
+                    />
+
+                    <img
+                      src="@/assets/images/towericon/line.png"
+                      alt=""
+                      class="lines"
+                      id="line"
+                      v-show="hideGoods && company != 'longguang'"
+                      :style="{
+                        left: coordData.coordX + 8 + 'px',
+                        height: coordData.lineLength + 'px',
+                        top: '78px',
+                      }"
+                    />
+                    <!-- 龙光样式 -->
+                    <img
+                      src="@/assets/images/towericon/line2.png"
+                      alt=""
+                      class="lines"
+                      id="line2"
+                      v-show="hideGoods && company == 'longguang'"
+                      :style="{
+                        left: coordData.coordX + 8 + 'px',
+                        height: coordData.lineLength + 'px',
+                        width: '5px',
+                        top: '126px',
+                      }"
+                    />
+
+                    <div
+                      class="moveBox"
+                      id="moveBox"
+                      v-show="hideGoods && company != 'longguang'"
+                      :style="{
+                        top: coordData.coordY + 'px',
+                        left: coordData.coordX - 6 + 'px',
+                      }"
+                    >
+                      <img src="@/assets/images/towericon/hock.png" alt="" />
+                    </div>
+                    <!-- 龙光样式 -->
+                    <div
+                      class="moveBox"
+                      id="moveBox2"
+                      v-show="hideGoods && company == 'longguang'"
+                      :style="{
+                        top: coordData.coordY + 'px',
+                        left: coordData.coordX - 10 + 'px',
+                      }"
+                    >
+                      <img
+                        style="width: 67px; height: 90px"
+                        src="@/assets/images/towericon/hock2.png"
+                        alt=""
+                      />
+                    </div>
+                    <!-- <img
                     src="@/assets/images/towericon/towerBG.png"
                     alt=""
                     class="towerImg"
@@ -1129,273 +1172,53 @@
                     alt=""
                     class="hock"
                   /> -->
-                </div>
-                <div
-                  class="allTowerTrack flex"
-                  ref="allTowerTrack"
-                  :style="{ height: company == 'longguang' ? '16%' : '20%' }"
-                >
-                  <div class="cycle cycle_border1">
-                    <!-- :style="{ top: item.mapY + 'px', left: item.mapX + 'px' }" -->
-                    <!-- @click="getDevData(item)" -->
-                    <!-- checkedIndex == item.id ? 'cycle_border1' : 'cycle_border2' -->
-                    <img src="@/assets/images/towericon/tower.png" />
-
-                    <!-- <p id="arrow" :style="{ transform: `rotate(${angle}deg)` }"> -->
-                    <p
-                      id="arrow"
-                      :style="{
-                        transform: `rotate(${
-                          towerCurrentInfo ? towerCurrentInfo.angle : ''
-                        }deg)`,
-                      }"
-                    >
-                      <span></span><span></span>
-                    </p>
                   </div>
-                </div>
-                <div
-                  class="blockTitle blockTitle2"
-                  v-if="company == 'longguang'"
-                  :class="company == 'longguang' ? 'blockTitle3' : ''"
-                >
-                  <i v-if="company != 'longguang'"></i>
-                  <!-- 塔吊运行信息 -->{{
-                    $t("message.dataBoard.towerRunInfo")
-                  }}
-                  <span class="tower-time"
-                    ><!-- 当前上传时间： -->{{
-                      $t("message.dataBoard.nowUpdateTime") + ":"
-                    }}{{
-                      towerBasicInfo.tower && towerBasicInfo.tower.realTime
-                        ? towerBasicInfo.tower.realTime
-                        : "--"
-                    }}</span
+                  <div
+                    class="allTowerTrack flex"
+                    ref="allTowerTrack"
+                    :style="{ height: company == 'longguang' ? '16%' : '20%' }"
                   >
-                </div>
-                <div
-                  class="realTimeInfo towerCrane"
-                  v-if="company == 'longguang'"
-                >
-                  <!-- <p><span>安全吊重：</span> t</p> -->
-                  <p>
-                    <span
-                      ><i
-                        @mouseenter="showTitle1 = true"
-                        @mouseleave="showTitle1 = false"
-                        style="color: #5ec6d0"
-                        class="el-icon-question"
-                      ></i
-                      ><!-- 前臂长： -->{{
-                        $t("message.dataBoard.forearmLong") + ":"
-                      }}
-                      <div v-if="showTitle1" class="showTitle1">
-                        <!-- 前臂长：塔吊回转中心到大臂最前端的水平距离 -->{{
-                          $t("message.dataBoard.forearmLong") +
-                          ":" +
-                          $t("message.dataBoard.forearmInfo")
-                        }}
-                      </div>
-                    </span>
-                    {{
-                      towerBasicInfo.tower
-                        ? towerBasicInfo.tower.forearmLength
-                        : "--"
-                    }}
-                    m
-                  </p>
-                  <p>
-                    <span>
-                      <i
-                        @mouseenter="showTitle2 = true"
-                        @mouseleave="showTitle2 = false"
-                        style="color: #5ec6d0"
-                        class="el-icon-question"
-                      ></i
-                      >{{ $t("message.dataBoard.towerHeight") + ":"
-                      }}<!-- 塔吊高： -->
-                      <div v-if="showTitle2" class="showTitle2">
-                        {{
-                          $t("message.dataBoard.towerHeight") +
-                          ":" +
-                          $t("message.dataBoard.towerInfo")
-                        }}<!-- 塔吊高：塔吊基础表面到吊钩下端的垂直距离。 -->
-                      </div>
-                    </span>
-                    {{
-                      towerBasicInfo.tower
-                        ? towerBasicInfo.tower.towerHeight
-                        : "--"
-                    }}
-                    m
-                  </p>
-                  <p v-if="weightSet == 1">
-                    <span>
-                      <i
-                        @mouseenter="showTitle3 = true"
-                        @mouseleave="showTitle3 = false"
-                        style="color: #5ec6d0"
-                        class="el-icon-question"
-                      ></i
-                      ><!-- 载重： -->{{ $t("message.dataBoard.load") + ":" }}
-                      <div v-if="showTitle3" class="showTitle3">
-                        {{
-                          $t("message.dataBoard.load") +
-                          ":" +
-                          $t("message.dataBoard.loadInfo")
-                        }}<!-- 载重：塔吊工作实时吊装重量 -->
-                      </div></span
-                    >
-                    {{ towerCurrentInfo ? towerCurrentInfo.loading : "--" }} kg
-                  </p>
-                  <p
-                    :class="{
-                      red:
-                        towerCurrentInfo.maxRangeAlarm != 0 ||
-                        towerCurrentInfo.minRangeAlarm != 0,
-                    }"
-                  >
-                    <span>
-                      <i
-                        @mouseenter="showTitle4 = true"
-                        @mouseleave="showTitle4 = false"
-                        style="color: #5ec6d0"
-                        class="el-icon-question"
-                      ></i
-                      ><!-- 幅度： -->{{ $t("message.dataBoard.range") + ":" }}
-                      <div v-if="showTitle4" class="showTitle4">
-                        {{
-                          $t("message.dataBoard.range") +
-                          ":" +
-                          $t("message.dataBoard.rangeInfo")
-                        }}<!-- 幅度：塔吊的回转中心到吊钩之间的水平距离 -->
-                      </div></span
-                    >
-                    {{ towerCurrentInfo ? towerCurrentInfo.ranger : "--" }} m
-                  </p>
-                  <p
-                    :class="{ red: towerCurrentInfo.heightAlarm != 0 }"
-                    style="white-space: nowrap"
-                  >
-                    <!-- '吊钩与大臂的垂直距离' --><!-- '高度' -->
-                    <span>
-                      <i
-                        @mouseenter="showTitle5 = true"
-                        @mouseleave="showTitle5 = false"
-                        style="color: #5ec6d0"
-                        class="el-icon-question"
-                      ></i
-                      >{{
-                        company != "longguang"
-                          ? $t("message.dataBoard.height")
-                          : $t("message.dataBoard.heightInfo")
-                      }}：
-                      <div v-if="showTitle5" class="showTitle5">
-                        {{
-                          $t("message.dataBoard.height") +
-                          ":" +
-                          $t("message.dataBoard.heightInfo")
-                        }}<!-- 高度：吊钩与大臂的垂直距离 -->
-                      </div></span
-                    >
-                    {{ towerCurrentInfo ? towerCurrentInfo.height : "--" }} m
-                  </p>
-                  <p
-                    :class="{
-                      red:
-                        towerCurrentInfo.obliguityXAlarm != 0 ||
-                        towerCurrentInfo.obliguityYAlarm != 0,
-                    }"
-                  >
-                    <span>
-                      <i
-                        @mouseenter="showTitle6 = true"
-                        @mouseleave="showTitle6 = false"
-                        style="color: #5ec6d0"
-                        class="el-icon-question"
-                      ></i
-                      ><!-- 角度： -->{{ $t("message.dataBoard.angle") + ":" }}
-                      <div v-if="showTitle6" class="showTitle6">
-                        {{
-                          $t("message.dataBoard.angle") +
-                          ":" +
-                          $t("message.dataBoard.angleInfo")
-                        }}<!-- 角度：塔吊大臂正北方的相对于水平夹角 -->
-                      </div></span
-                    >
-                    {{ towerCurrentInfo ? towerCurrentInfo.angle : "--" }} °
-                  </p>
-                  <p
-                    v-if="weightSet == 1"
-                    :class="{ red: towerCurrentInfo.momentAlarm != 0 }"
-                  >
-                    <span>
-                      <i
-                        @mouseenter="showTitle7 = true"
-                        @mouseleave="showTitle7 = false"
-                        style="color: #5ec6d0"
-                        class="el-icon-question"
-                      ></i
-                      ><!-- 力矩比： -->{{
-                        $t("message.dataBoard.torqueRatio") + ":"
-                      }}
-                      <div v-if="showTitle7" class="showTitle7">
-                        {{
-                          $t("message.dataBoard.torqueRatio") +
-                          ":" +
-                          $t("message.dataBoard.torqueRatioInfo")
-                        }}<!-- 力矩比：起重机的起重能力。是指起重量载荷与相应工作幅度的乘积 -->
-                      </div></span
-                    >
-                    {{ towerCurrentInfo ? towerCurrentInfo.torqueRatio : "--" }}
-                    %
-                  </p>
-                  <p v-if="weightSet == 1">
-                    <span>
-                      <i
-                        @mouseenter="showTitle8 = true"
-                        @mouseleave="showTitle8 = false"
-                        style="color: #5ec6d0"
-                        class="el-icon-question"
-                      ></i
-                      ><!-- 载重比： -->{{
-                        $t("message.dataBoard.loadRatio") + ":"
-                      }}
-                      <div v-if="showTitle8" class="showTitle8">
-                        {{
-                          $t("message.dataBoard.loadRatio") +
-                          ":" +
-                          $t("message.dataBoard.loadRatioInfo")
-                        }}<!-- 载重比：塔吊吊装的物体重量与此时小车幅度对应最大起重量的百分比 -->
-                      </div></span
-                    >
-                    {{ towerCurrentInfo ? towerCurrentInfo.loadRatio : "--" }}%
-                  </p>
-                </div>
-              </div>
-              <div class="dialogBlock right">
-                <div class="dialogBlockContent">
+                    <div class="cycle cycle_border1">
+                      <!-- :style="{ top: item.mapY + 'px', left: item.mapX + 'px' }" -->
+                      <!-- @click="getDevData(item)" -->
+                      <!-- checkedIndex == item.id ? 'cycle_border1' : 'cycle_border2' -->
+                      <img src="@/assets/images/towericon/tower.png" />
+
+                      <!-- <p id="arrow" :style="{ transform: `rotate(${angle}deg)` }"> -->
+                      <p
+                        id="arrow"
+                        :style="{
+                          transform: `rotate(${
+                            towerCurrentInfo ? towerCurrentInfo.angle : ''
+                          }deg)`,
+                        }"
+                      >
+                        <span></span><span></span>
+                      </p>
+                    </div>
+                  </div>
                   <div
                     class="blockTitle blockTitle2"
-                    v-if="company != 'longguang'"
+                    v-if="company == 'longguang'"
+                    :class="company == 'longguang' ? 'blockTitle3' : ''"
                   >
-                    <i></i
-                    ><!-- 塔吊运行信息 -->{{
-                      $t("message.dataBoard.towerRunInfo")
+                    <i v-if="company != 'longguang'"></i>
+                    <!-- 塔吊运行信息 -->{{
+                      $t('message.dataBoard.towerRunInfo')
                     }}
                     <span class="tower-time"
                       ><!-- 当前上传时间： -->{{
-                        $t("message.dataBoard.nowUpdateTime") + ":"
+                        $t('message.dataBoard.nowUpdateTime') + ':'
                       }}{{
                         towerBasicInfo.tower && towerBasicInfo.tower.realTime
                           ? towerBasicInfo.tower.realTime
-                          : "--"
+                          : '--'
                       }}</span
                     >
                   </div>
                   <div
                     class="realTimeInfo towerCrane"
-                    v-if="company != 'longguang'"
+                    v-if="company == 'longguang'"
                   >
                     <!-- <p><span>安全吊重：</span> t</p> -->
                     <p>
@@ -1407,20 +1230,20 @@
                           class="el-icon-question"
                         ></i
                         ><!-- 前臂长： -->{{
-                          $t("message.dataBoard.forearmLong") + ":"
+                          $t('message.dataBoard.forearmLong') + ':'
                         }}
                         <div v-if="showTitle1" class="showTitle1">
                           <!-- 前臂长：塔吊回转中心到大臂最前端的水平距离 -->{{
-                            $t("message.dataBoard.forearmLong") +
-                            ":" +
-                            $t("message.dataBoard.forearmInfo")
+                            $t('message.dataBoard.forearmLong') +
+                            ':' +
+                            $t('message.dataBoard.forearmInfo')
                           }}
                         </div>
                       </span>
                       {{
                         towerBasicInfo.tower
                           ? towerBasicInfo.tower.forearmLength
-                          : "--"
+                          : '--'
                       }}
                       m
                     </p>
@@ -1432,21 +1255,20 @@
                           style="color: #5ec6d0"
                           class="el-icon-question"
                         ></i
-                        ><!-- 塔吊高： -->{{
-                          $t("message.dataBoard.towerHeight") + ":"
-                        }}
+                        >{{ $t('message.dataBoard.towerHeight') + ':'
+                        }}<!-- 塔吊高： -->
                         <div v-if="showTitle2" class="showTitle2">
                           {{
-                            $t("message.dataBoard.towerHeight") +
-                            ":" +
-                            $t("message.dataBoard.towerInfo")
+                            $t('message.dataBoard.towerHeight') +
+                            ':' +
+                            $t('message.dataBoard.towerInfo')
                           }}<!-- 塔吊高：塔吊基础表面到吊钩下端的垂直距离。 -->
                         </div>
                       </span>
                       {{
                         towerBasicInfo.tower
                           ? towerBasicInfo.tower.towerHeight
-                          : "--"
+                          : '--'
                       }}
                       m
                     </p>
@@ -1458,17 +1280,17 @@
                           style="color: #5ec6d0"
                           class="el-icon-question"
                         ></i
-                        ><!-- 载重： -->{{ $t("message.dataBoard.load") + ":" }}
+                        ><!-- 载重： -->{{ $t('message.dataBoard.load') + ':' }}
                         <div v-if="showTitle3" class="showTitle3">
                           {{
-                            $t("message.dataBoard.load") +
-                            ":" +
-                            $t("message.dataBoard.loadInfo")
+                            $t('message.dataBoard.load') +
+                            ':' +
+                            $t('message.dataBoard.loadInfo')
                           }}<!-- 载重：塔吊工作实时吊装重量 -->
                         </div></span
                       >
                       {{
-                        towerCurrentInfo ? towerCurrentInfo.loading : "--"
+                        towerCurrentInfo ? towerCurrentInfo.loading : '--'
                       }}
                       kg
                     </p>
@@ -1486,22 +1308,24 @@
                           style="color: #5ec6d0"
                           class="el-icon-question"
                         ></i
-                        >{{ $t("message.dataBoard.range") + ":"
-                        }}<!-- 幅度： -->
+                        ><!-- 幅度： -->{{
+                          $t('message.dataBoard.range') + ':'
+                        }}
                         <div v-if="showTitle4" class="showTitle4">
                           {{
-                            $t("message.dataBoard.range") +
-                            ":" +
-                            $t("message.dataBoard.rangeInfo")
+                            $t('message.dataBoard.range') +
+                            ':' +
+                            $t('message.dataBoard.rangeInfo')
                           }}<!-- 幅度：塔吊的回转中心到吊钩之间的水平距离 -->
                         </div></span
                       >
-                      {{ towerCurrentInfo ? towerCurrentInfo.ranger : "--" }} m
+                      {{ towerCurrentInfo ? towerCurrentInfo.ranger : '--' }} m
                     </p>
                     <p
                       :class="{ red: towerCurrentInfo.heightAlarm != 0 }"
                       style="white-space: nowrap"
                     >
+                      <!-- '吊钩与大臂的垂直距离' --><!-- '高度' -->
                       <span>
                         <i
                           @mouseenter="showTitle5 = true"
@@ -1510,19 +1334,19 @@
                           class="el-icon-question"
                         ></i
                         >{{
-                          company != "longguang"
-                            ? $t("message.dataBoard.height")
-                            : $t("message.dataBoard.heightInfo")
+                          company != 'longguang'
+                            ? $t('message.dataBoard.height')
+                            : $t('message.dataBoard.heightInfo')
                         }}：
                         <div v-if="showTitle5" class="showTitle5">
                           {{
-                            $t("message.dataBoard.height") +
-                            ":" +
-                            $t("message.dataBoard.heightInfo")
+                            $t('message.dataBoard.height') +
+                            ':' +
+                            $t('message.dataBoard.heightInfo')
                           }}<!-- 高度：吊钩与大臂的垂直距离 -->
                         </div></span
                       >
-                      {{ towerCurrentInfo ? towerCurrentInfo.height : "--" }} m
+                      {{ towerCurrentInfo ? towerCurrentInfo.height : '--' }} m
                     </p>
                     <p
                       :class="{
@@ -1538,17 +1362,18 @@
                           style="color: #5ec6d0"
                           class="el-icon-question"
                         ></i
-                        >{{ $t("message.dataBoard.angle") + ":"
-                        }}<!-- 角度： -->
+                        ><!-- 角度： -->{{
+                          $t('message.dataBoard.angle') + ':'
+                        }}
                         <div v-if="showTitle6" class="showTitle6">
                           {{
-                            $t("message.dataBoard.angle") +
-                            ":" +
-                            $t("message.dataBoard.angleInfo")
+                            $t('message.dataBoard.angle') +
+                            ':' +
+                            $t('message.dataBoard.angleInfo')
                           }}<!-- 角度：塔吊大臂正北方的相对于水平夹角 -->
                         </div></span
                       >
-                      {{ towerCurrentInfo ? towerCurrentInfo.angle : "--" }} °
+                      {{ towerCurrentInfo ? towerCurrentInfo.angle : '--' }} °
                     </p>
                     <p
                       v-if="weightSet == 1"
@@ -1561,18 +1386,19 @@
                           style="color: #5ec6d0"
                           class="el-icon-question"
                         ></i
-                        >{{ $t("message.dataBoard.torqueRatio") + ":"
-                        }}<!-- 力矩比： -->
+                        ><!-- 力矩比： -->{{
+                          $t('message.dataBoard.torqueRatio') + ':'
+                        }}
                         <div v-if="showTitle7" class="showTitle7">
                           {{
-                            $t("message.dataBoard.torqueRatio") +
-                            ":" +
-                            $t("message.dataBoard.torqueRatioInfo")
+                            $t('message.dataBoard.torqueRatio') +
+                            ':' +
+                            $t('message.dataBoard.torqueRatioInfo')
                           }}<!-- 力矩比：起重机的起重能力。是指起重量载荷与相应工作幅度的乘积 -->
                         </div></span
                       >
                       {{
-                        towerCurrentInfo ? towerCurrentInfo.torqueRatio : "--"
+                        towerCurrentInfo ? towerCurrentInfo.torqueRatio : '--'
                       }}
                       %
                     </p>
@@ -1584,459 +1410,699 @@
                           style="color: #5ec6d0"
                           class="el-icon-question"
                         ></i
-                        >{{ $t("message.dataBoard.loadRatio") + ":"
-                        }}<!-- 载重比： -->
+                        ><!-- 载重比： -->{{
+                          $t('message.dataBoard.loadRatio') + ':'
+                        }}
                         <div v-if="showTitle8" class="showTitle8">
                           {{
-                            $t("message.dataBoard.loadRatio") +
-                            ":" +
-                            $t("message.dataBoard.loadRatioInfo")
+                            $t('message.dataBoard.loadRatio') +
+                            ':' +
+                            $t('message.dataBoard.loadRatioInfo')
                           }}<!-- 载重比：塔吊吊装的物体重量与此时小车幅度对应最大起重量的百分比 -->
                         </div></span
                       >
                       {{
-                        towerCurrentInfo ? towerCurrentInfo.loadRatio : "--"
+                        towerCurrentInfo ? towerCurrentInfo.loadRatio : '--'
                       }}%
                     </p>
                   </div>
-                  <div>
+                </div>
+                <div class="dialogBlock right">
+                  <div class="dialogBlockContent">
                     <div
-                      style="
-                        margin-bottom: 15px;
-                        display: flex;
-                        justify-content: space-between;
-                        align-items: center;
-                      "
+                      class="blockTitle blockTitle2"
+                      v-if="company != 'longguang'"
                     >
-                      <div
-                        class="blockTitle blockTitle2"
-                        :class="company == 'longguang' ? 'blockTitle3' : ''"
+                      <i></i
+                      ><!-- 塔吊运行信息 -->{{
+                        $t('message.dataBoard.towerRunInfo')
+                      }}
+                      <span class="tower-time"
+                        ><!-- 当前上传时间： -->{{
+                          $t('message.dataBoard.nowUpdateTime') + ':'
+                        }}{{
+                          towerBasicInfo.tower && towerBasicInfo.tower.realTime
+                            ? towerBasicInfo.tower.realTime
+                            : '--'
+                        }}</span
                       >
-                        <i v-if="company != 'longguang'"></i>
-                        <!-- 塔吊视频 -->{{
-                          $t("message.dataBoard.towerVideo")
+                    </div>
+                    <div
+                      class="realTimeInfo towerCrane"
+                      v-if="company != 'longguang'"
+                    >
+                      <!-- <p><span>安全吊重：</span> t</p> -->
+                      <p>
+                        <span
+                          ><i
+                            @mouseenter="showTitle1 = true"
+                            @mouseleave="showTitle1 = false"
+                            style="color: #5ec6d0"
+                            class="el-icon-question"
+                          ></i
+                          ><!-- 前臂长： -->{{
+                            $t('message.dataBoard.forearmLong') + ':'
+                          }}
+                          <div v-if="showTitle1" class="showTitle1">
+                            <!-- 前臂长：塔吊回转中心到大臂最前端的水平距离 -->{{
+                              $t('message.dataBoard.forearmLong') +
+                              ':' +
+                              $t('message.dataBoard.forearmInfo')
+                            }}
+                          </div>
+                        </span>
+                        {{
+                          towerBasicInfo.tower
+                            ? towerBasicInfo.tower.forearmLength
+                            : '--'
                         }}
-                      </div>
-                      <!-- 请选择视频 -->
-                      <el-select
-                        class="selectVideoBox"
-                        size="medium"
-                        v-model="videoId"
-                        :placeholder="$t('message.dataBoard.pleaseChooseVideo')"
-                        @change="getVideo"
-                        @visible-change="visibleChange"
-                      >
-                        <el-option
-                          v-for="item in towerBasicInfo.videoList"
-                          :key="item.id"
-                          :label="item.videoName"
-                          :value="item.id"
+                        m
+                      </p>
+                      <p>
+                        <span>
+                          <i
+                            @mouseenter="showTitle2 = true"
+                            @mouseleave="showTitle2 = false"
+                            style="color: #5ec6d0"
+                            class="el-icon-question"
+                          ></i
+                          ><!-- 塔吊高： -->{{
+                            $t('message.dataBoard.towerHeight') + ':'
+                          }}
+                          <div v-if="showTitle2" class="showTitle2">
+                            {{
+                              $t('message.dataBoard.towerHeight') +
+                              ':' +
+                              $t('message.dataBoard.towerInfo')
+                            }}<!-- 塔吊高：塔吊基础表面到吊钩下端的垂直距离。 -->
+                          </div>
+                        </span>
+                        {{
+                          towerBasicInfo.tower
+                            ? towerBasicInfo.tower.towerHeight
+                            : '--'
+                        }}
+                        m
+                      </p>
+                      <p v-if="weightSet == 1">
+                        <span>
+                          <i
+                            @mouseenter="showTitle3 = true"
+                            @mouseleave="showTitle3 = false"
+                            style="color: #5ec6d0"
+                            class="el-icon-question"
+                          ></i
+                          ><!-- 载重： -->{{
+                            $t('message.dataBoard.load') + ':'
+                          }}
+                          <div v-if="showTitle3" class="showTitle3">
+                            {{
+                              $t('message.dataBoard.load') +
+                              ':' +
+                              $t('message.dataBoard.loadInfo')
+                            }}<!-- 载重：塔吊工作实时吊装重量 -->
+                          </div></span
                         >
-                        </el-option>
-                      </el-select>
-                      <!-- <el-button
+                        {{ towerCurrentInfo ? towerCurrentInfo.loading : '--' }}
+                        kg
+                      </p>
+                      <p
+                        :class="{
+                          red:
+                            towerCurrentInfo.maxRangeAlarm != 0 ||
+                            towerCurrentInfo.minRangeAlarm != 0,
+                        }"
+                      >
+                        <span>
+                          <i
+                            @mouseenter="showTitle4 = true"
+                            @mouseleave="showTitle4 = false"
+                            style="color: #5ec6d0"
+                            class="el-icon-question"
+                          ></i
+                          >{{ $t('message.dataBoard.range') + ':'
+                          }}<!-- 幅度： -->
+                          <div v-if="showTitle4" class="showTitle4">
+                            {{
+                              $t('message.dataBoard.range') +
+                              ':' +
+                              $t('message.dataBoard.rangeInfo')
+                            }}<!-- 幅度：塔吊的回转中心到吊钩之间的水平距离 -->
+                          </div></span
+                        >
+                        {{
+                          towerCurrentInfo ? towerCurrentInfo.ranger : '--'
+                        }}
+                        m
+                      </p>
+                      <p
+                        :class="{ red: towerCurrentInfo.heightAlarm != 0 }"
+                        style="white-space: nowrap"
+                      >
+                        <span>
+                          <i
+                            @mouseenter="showTitle5 = true"
+                            @mouseleave="showTitle5 = false"
+                            style="color: #5ec6d0"
+                            class="el-icon-question"
+                          ></i
+                          >{{
+                            company != 'longguang'
+                              ? $t('message.dataBoard.height')
+                              : $t('message.dataBoard.heightInfo')
+                          }}：
+                          <div v-if="showTitle5" class="showTitle5">
+                            {{
+                              $t('message.dataBoard.height') +
+                              ':' +
+                              $t('message.dataBoard.heightInfo')
+                            }}<!-- 高度：吊钩与大臂的垂直距离 -->
+                          </div></span
+                        >
+                        {{
+                          towerCurrentInfo ? towerCurrentInfo.height : '--'
+                        }}
+                        m
+                      </p>
+                      <p
+                        :class="{
+                          red:
+                            towerCurrentInfo.obliguityXAlarm != 0 ||
+                            towerCurrentInfo.obliguityYAlarm != 0,
+                        }"
+                      >
+                        <span>
+                          <i
+                            @mouseenter="showTitle6 = true"
+                            @mouseleave="showTitle6 = false"
+                            style="color: #5ec6d0"
+                            class="el-icon-question"
+                          ></i
+                          >{{ $t('message.dataBoard.angle') + ':'
+                          }}<!-- 角度： -->
+                          <div v-if="showTitle6" class="showTitle6">
+                            {{
+                              $t('message.dataBoard.angle') +
+                              ':' +
+                              $t('message.dataBoard.angleInfo')
+                            }}<!-- 角度：塔吊大臂正北方的相对于水平夹角 -->
+                          </div></span
+                        >
+                        {{ towerCurrentInfo ? towerCurrentInfo.angle : '--' }} °
+                      </p>
+                      <p
+                        v-if="weightSet == 1"
+                        :class="{ red: towerCurrentInfo.momentAlarm != 0 }"
+                      >
+                        <span>
+                          <i
+                            @mouseenter="showTitle7 = true"
+                            @mouseleave="showTitle7 = false"
+                            style="color: #5ec6d0"
+                            class="el-icon-question"
+                          ></i
+                          >{{ $t('message.dataBoard.torqueRatio') + ':'
+                          }}<!-- 力矩比： -->
+                          <div v-if="showTitle7" class="showTitle7">
+                            {{
+                              $t('message.dataBoard.torqueRatio') +
+                              ':' +
+                              $t('message.dataBoard.torqueRatioInfo')
+                            }}<!-- 力矩比：起重机的起重能力。是指起重量载荷与相应工作幅度的乘积 -->
+                          </div></span
+                        >
+                        {{
+                          towerCurrentInfo ? towerCurrentInfo.torqueRatio : '--'
+                        }}
+                        %
+                      </p>
+                      <p v-if="weightSet == 1">
+                        <span>
+                          <i
+                            @mouseenter="showTitle8 = true"
+                            @mouseleave="showTitle8 = false"
+                            style="color: #5ec6d0"
+                            class="el-icon-question"
+                          ></i
+                          >{{ $t('message.dataBoard.loadRatio') + ':'
+                          }}<!-- 载重比： -->
+                          <div v-if="showTitle8" class="showTitle8">
+                            {{
+                              $t('message.dataBoard.loadRatio') +
+                              ':' +
+                              $t('message.dataBoard.loadRatioInfo')
+                            }}<!-- 载重比：塔吊吊装的物体重量与此时小车幅度对应最大起重量的百分比 -->
+                          </div></span
+                        >
+                        {{
+                          towerCurrentInfo ? towerCurrentInfo.loadRatio : '--'
+                        }}%
+                      </p>
+                    </div>
+                    <div>
+                      <div
+                        style="
+                          margin-bottom: 15px;
+                          display: flex;
+                          justify-content: space-between;
+                          align-items: center;
+                        "
+                      >
+                        <div
+                          class="blockTitle blockTitle2"
+                          :class="company == 'longguang' ? 'blockTitle3' : ''"
+                        >
+                          <i v-if="company != 'longguang'"></i>
+                          <!-- 塔吊视频 -->{{
+                            $t('message.dataBoard.towerVideo')
+                          }}
+                        </div>
+                        <!-- 请选择视频 -->
+                        <el-select
+                          class="selectVideoBox"
+                          size="medium"
+                          v-model="videoId"
+                          :placeholder="
+                            $t('message.dataBoard.pleaseChooseVideo')
+                          "
+                          @change="getVideo"
+                          @visible-change="visibleChange"
+                        >
+                          <el-option
+                            v-for="item in towerBasicInfo.videoList"
+                            :key="item.id"
+                            :label="item.videoName"
+                            :value="item.id"
+                          >
+                          </el-option>
+                        </el-select>
+                        <!-- <el-button
                         type="primary"
                         style="margin-left: 10px"
                         size="medium"
                         @click="changVideoSize"
                         >全屏播放</el-button> -->
-                      <!-- <el-button
+                        <!-- <el-button
                         type="primary"
                         style="margin-left: 10px"
                         size="medium"
                         >查询</el-button
                       > -->
-                    </div>
-                    <div style="width: 100%; height: 300px">
-                      <!-- <div>推出全屏</div> -->
-                      <videoModule
-                        class="playVideoBox"
-                        style="width: 100%; height: 100%"
-                        :type="'1x1'"
-                        :value="selectList"
-                        :displayBottomMod="false"
-                        :winNumBer="1"
-                        :autoplay="false"
-                        :showCaptrue="false"
-                        :showControl="false"
-                        :showPlayback="false"
-                      ></videoModule>
-                    </div>
-                  </div>
-                  <div
-                    class="dialogDataBox2"
-                    :style="{
-                      'margin-top': company == 'longguang' ? '24px' : '100px',
-                    }"
-                  >
-                    <p>
-                      <span>{{ countDown }}</span
-                      >s
-                    </p>
-                    <p>
-                      <!-- 倒计时刷新 -->
-                      {{ $t("message.dataBoard.countDownFresh") }}
-                    </p>
-                  </div>
-                  <div
-                    class="blockTitle blockTitle2"
-                    v-if="company == 'longguang'"
-                    :class="company == 'longguang' ? 'blockTitle3' : ''"
-                  >
-                    <i v-if="company != 'longguang'"></i>
-                    <!-- 报警信息 -->
-                    {{ $t("message.dataBoard.alarmInfo") }}
-                  </div>
-                  <div
-                    class="deviceInfo"
-                    style="background: #061125"
-                    v-if="company == 'longguang'"
-                  >
-                    <vue-scroll
-                      v-if="TowerAlarmList.length != 0"
-                      style="height: 300px; margin-bottom: 10px"
-                    >
-                      <div
-                        class="driverInfo"
-                        v-for="(item, index) in TowerAlarmList"
-                        :key="index"
-                      >
-                        <div class="TowerAlarm_item">
-                          <p
-                            v-if="item.windSpeedAlarm"
-                            class="p1"
-                            style="width: 100%; font-size: 15px"
-                          >
-                            <!-- 风速报警 -->{{
-                              $t("message.dataBoard.alarmTypeArray2")[0]
-                            }}
-                          </p>
-                          <!--  <p class="p1">警报类别：{{ item.alarmType == 1?'报警':item.alarmType == 2?'预警':"&#45;&#45;" }}</p>-->
-                          <p
-                            v-if="item.environmentAlarm"
-                            class="p2"
-                            style="width: 100%; font-size: 15px"
-                          >
-                            <!-- 环境防撞报警 -->{{
-                              $t("message.dataBoard.alarmTypeArray2")[1]
-                            }}
-                          </p>
-                          <p
-                            v-if="item.heightAlarm"
-                            class="p1"
-                            style="width: 100%; font-size: 15px"
-                          >
-                            <!-- 高度上限位报警 -->{{
-                              $t("message.dataBoard.alarmTypeArray2")[2]
-                            }}
-                          </p>
-                          <p
-                            v-if="item.maxRangeAlarm"
-                            class="p2"
-                            style="width: 100%; font-size: 15px"
-                          >
-                            <!-- 幅度外限位报警 -->{{
-                              $t("message.dataBoard.alarmTypeArray2")[3]
-                            }}
-                          </p>
-                          <p
-                            v-if="item.minRangeAlarm"
-                            class="p1"
-                            style="width: 100%; font-size: 15px"
-                          >
-                            <!-- 幅度内限位报警 -->{{
-                              $t("message.dataBoard.alarmTypeArray2")[4]
-                            }}
-                          </p>
-                          <p
-                            v-if="item.momentAlarm"
-                            class="p2"
-                            style="width: 100%; font-size: 15px"
-                          >
-                            <!-- 力矩报警 -->{{
-                              $t("message.dataBoard.alarmTypeArray2")[5]
-                            }}
-                          </p>
-                          <p
-                            v-if="item.multiAlarm"
-                            class="p1"
-                            style="width: 100%; font-size: 15px"
-                          >
-                            <!-- 多机防撞报警 -->{{
-                              $t("message.dataBoard.alarmTypeArray2")[6]
-                            }}
-                          </p>
-                          <p
-                            v-if="item.negAngleAlarm"
-                            class="p2"
-                            style="width: 100%; font-size: 15px"
-                          >
-                            <!-- 逆时针回转限位报警 -->{{
-                              $t("message.dataBoard.alarmTypeArray2")[7]
-                            }}
-                          </p>
-                          <p
-                            v-if="item.posAngleAlarm"
-                            class="p1"
-                            style="width: 100%; font-size: 15px"
-                          >
-                            <!-- 顺时针回转限位报警 -->{{
-                              $t("message.dataBoard.alarmTypeArray2")[8]
-                            }}
-                          </p>
-                          <p class="p1" style="width: 35%; opacity: 0.8">
-                            <!-- 设备名称: -->{{
-                              $t("message.dataBoard.devName2") + ":"
-                            }}{{ item.devName }}
-                          </p>
-                          <p class="p2" style="width: 65%; opacity: 0.8">
-                            <!-- 报警时间： -->{{
-                              $t("message.dataBoard.alarmTime") + ":"
-                            }}{{ transformTimestamp(item.alarmTime) }}
-                          </p>
-
-                          <!--                          <p v-if="item.windSpeedAlarm" class="p1">风速报警:{{item.windSpeedAlarm == 0?'正常':item.windSpeedAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--&lt;!&ndash;                          <p class="p1">警报类别：{{ item.alarmType == 1?'报警':item.alarmType == 2?'预警':"&#45;&#45;" }}</p>&ndash;&gt;-->
-                          <!--                          <p v-if="item.environmentAlarm" class="p2">环境防撞报警:{{item.environmentAlarm == 0?'正常':item.environmentAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.heightAlarm" class="p1">高度上限位报警:{{item.heightAlarm == 0?'正常':item.heightAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.maxRangeAlarm" class="p2">幅度外限位报警:{{item.maxRangeAlarm == 0?'正常':item.maxRangeAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.minRangeAlarm" class="p1">幅度内限位报警:{{item.minRangeAlarm == 0?'正常':item.minRangeAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.momentAlarm" class="p2">力矩报警:{{item.momentAlarm == 0?'正常':item.momentAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.multiAlarm" class="p1">多机防撞报警:{{item.multiAlarm == 0?'正常':item.multiAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.negAngleAlarm" class="p2">逆时针回转限位报警:{{item.negAngleAlarm == 0?'正常':item.negAngleAlarm == 1?'报警':'预警'}}</p>-->
-                          <!--                          <p v-if="item.posAngleAlarm" class="p1">顺时针回转限位报警 :{{item.posAngleAlarm == 0?'正常':item.posAngleAlarm == 1?'报警':'预警'}}</p>-->
-                        </div>
                       </div>
-                    </vue-scroll>
-                    <div v-else style="text-align: center; padding: 20px">
-                      <img
-                        style="height: 150px; margin-top: 100px"
-                        src="@/assets/images/09b108269bb2491369b67686bd74c6a.png"
-                        alt=""
-                      />
+                      <div style="width: 100%; height: 300px">
+                        <!-- <div>推出全屏</div> -->
+                        <videoModule
+                          class="playVideoBox"
+                          style="width: 100%; height: 100%"
+                          :type="'1x1'"
+                          :value="selectList"
+                          :displayBottomMod="false"
+                          :winNumBer="1"
+                          :autoplay="false"
+                          :showCaptrue="false"
+                          :showControl="false"
+                          :showPlayback="false"
+                        ></videoModule>
+                      </div>
+                    </div>
+                    <div
+                      class="dialogDataBox2"
+                      :style="{
+                        'margin-top': company == 'longguang' ? '24px' : '100px',
+                      }"
+                    >
                       <p>
-                        <!-- 暂无数据 -->
-                        {{ $t("message.dataBoard.nodata") }}
+                        <span>{{ countDown }}</span
+                        >s
                       </p>
+                      <p>
+                        <!-- 倒计时刷新 -->
+                        {{ $t('message.dataBoard.countDownFresh') }}
+                      </p>
+                    </div>
+                    <div
+                      class="blockTitle blockTitle2"
+                      v-if="company == 'longguang'"
+                      :class="company == 'longguang' ? 'blockTitle3' : ''"
+                    >
+                      <i v-if="company != 'longguang'"></i>
+                      <!-- 报警信息 -->
+                      {{ $t('message.dataBoard.alarmInfo') }}
+                    </div>
+                    <div
+                      class="deviceInfo"
+                      style="background: #061125"
+                      v-if="company == 'longguang'"
+                    >
+                      <vue-scroll
+                        v-if="TowerAlarmList.length != 0"
+                        style="height: 300px; margin-bottom: 10px"
+                      >
+                        <div
+                          class="driverInfo"
+                          v-for="(item, index) in TowerAlarmList"
+                          :key="index"
+                        >
+                          <div class="TowerAlarm_item">
+                            <p
+                              v-if="item.windSpeedAlarm"
+                              class="p1"
+                              style="width: 100%; font-size: 15px"
+                            >
+                              <!-- 风速报警 -->{{
+                                $t('message.dataBoard.alarmTypeArray2')[0]
+                              }}
+                            </p>
+                            <!--  <p class="p1">警报类别：{{ item.alarmType == 1?'报警':item.alarmType == 2?'预警':"&#45;&#45;" }}</p>-->
+                            <p
+                              v-if="item.environmentAlarm"
+                              class="p2"
+                              style="width: 100%; font-size: 15px"
+                            >
+                              <!-- 环境防撞报警 -->{{
+                                $t('message.dataBoard.alarmTypeArray2')[1]
+                              }}
+                            </p>
+                            <p
+                              v-if="item.heightAlarm"
+                              class="p1"
+                              style="width: 100%; font-size: 15px"
+                            >
+                              <!-- 高度上限位报警 -->{{
+                                $t('message.dataBoard.alarmTypeArray2')[2]
+                              }}
+                            </p>
+                            <p
+                              v-if="item.maxRangeAlarm"
+                              class="p2"
+                              style="width: 100%; font-size: 15px"
+                            >
+                              <!-- 幅度外限位报警 -->{{
+                                $t('message.dataBoard.alarmTypeArray2')[3]
+                              }}
+                            </p>
+                            <p
+                              v-if="item.minRangeAlarm"
+                              class="p1"
+                              style="width: 100%; font-size: 15px"
+                            >
+                              <!-- 幅度内限位报警 -->{{
+                                $t('message.dataBoard.alarmTypeArray2')[4]
+                              }}
+                            </p>
+                            <p
+                              v-if="item.momentAlarm"
+                              class="p2"
+                              style="width: 100%; font-size: 15px"
+                            >
+                              <!-- 力矩报警 -->{{
+                                $t('message.dataBoard.alarmTypeArray2')[5]
+                              }}
+                            </p>
+                            <p
+                              v-if="item.multiAlarm"
+                              class="p1"
+                              style="width: 100%; font-size: 15px"
+                            >
+                              <!-- 多机防撞报警 -->{{
+                                $t('message.dataBoard.alarmTypeArray2')[6]
+                              }}
+                            </p>
+                            <p
+                              v-if="item.negAngleAlarm"
+                              class="p2"
+                              style="width: 100%; font-size: 15px"
+                            >
+                              <!-- 逆时针回转限位报警 -->{{
+                                $t('message.dataBoard.alarmTypeArray2')[7]
+                              }}
+                            </p>
+                            <p
+                              v-if="item.posAngleAlarm"
+                              class="p1"
+                              style="width: 100%; font-size: 15px"
+                            >
+                              <!-- 顺时针回转限位报警 -->{{
+                                $t('message.dataBoard.alarmTypeArray2')[8]
+                              }}
+                            </p>
+                            <p class="p1" style="width: 35%; opacity: 0.8">
+                              <!-- 设备名称: -->{{
+                                $t('message.dataBoard.devName2') + ':'
+                              }}{{ item.devName }}
+                            </p>
+                            <p class="p2" style="width: 65%; opacity: 0.8">
+                              <!-- 报警时间： -->{{
+                                $t('message.dataBoard.alarmTime') + ':'
+                              }}{{ transformTimestamp(item.alarmTime) }}
+                            </p>
+
+                            <!--                          <p v-if="item.windSpeedAlarm" class="p1">风速报警:{{item.windSpeedAlarm == 0?'正常':item.windSpeedAlarm == 1?'报警':'预警'}}</p>-->
+                            <!--&lt;!&ndash;                          <p class="p1">警报类别：{{ item.alarmType == 1?'报警':item.alarmType == 2?'预警':"&#45;&#45;" }}</p>&ndash;&gt;-->
+                            <!--                          <p v-if="item.environmentAlarm" class="p2">环境防撞报警:{{item.environmentAlarm == 0?'正常':item.environmentAlarm == 1?'报警':'预警'}}</p>-->
+                            <!--                          <p v-if="item.heightAlarm" class="p1">高度上限位报警:{{item.heightAlarm == 0?'正常':item.heightAlarm == 1?'报警':'预警'}}</p>-->
+                            <!--                          <p v-if="item.maxRangeAlarm" class="p2">幅度外限位报警:{{item.maxRangeAlarm == 0?'正常':item.maxRangeAlarm == 1?'报警':'预警'}}</p>-->
+                            <!--                          <p v-if="item.minRangeAlarm" class="p1">幅度内限位报警:{{item.minRangeAlarm == 0?'正常':item.minRangeAlarm == 1?'报警':'预警'}}</p>-->
+                            <!--                          <p v-if="item.momentAlarm" class="p2">力矩报警:{{item.momentAlarm == 0?'正常':item.momentAlarm == 1?'报警':'预警'}}</p>-->
+                            <!--                          <p v-if="item.multiAlarm" class="p1">多机防撞报警:{{item.multiAlarm == 0?'正常':item.multiAlarm == 1?'报警':'预警'}}</p>-->
+                            <!--                          <p v-if="item.negAngleAlarm" class="p2">逆时针回转限位报警:{{item.negAngleAlarm == 0?'正常':item.negAngleAlarm == 1?'报警':'预警'}}</p>-->
+                            <!--                          <p v-if="item.posAngleAlarm" class="p1">顺时针回转限位报警 :{{item.posAngleAlarm == 0?'正常':item.posAngleAlarm == 1?'报警':'预警'}}</p>-->
+                          </div>
+                        </div>
+                      </vue-scroll>
+                      <div v-else style="text-align: center; padding: 20px">
+                        <img
+                          style="height: 150px; margin-top: 100px"
+                          src="@/assets/images/09b108269bb2491369b67686bd74c6a.png"
+                          alt=""
+                        />
+                        <p>
+                          <!-- 暂无数据 -->
+                          {{ $t('message.dataBoard.nodata') }}
+                        </p>
+                      </div>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
-          </div>
-        </el-dialog>
-        <!-- 升降机监测弹框 -->
-        <!-- 升降机监测 -->
-        <el-dialog
-          class="dialog-wrapper"
-          @close="closeMap"
-          :title="$t('message.dataBoard.devTypeList')[3].name"
-          :visible.sync="showLifterDialog"
-          :modal-append-to-body="false"
-          width="95%"
-          top="0vh"
-        >
-          <div class="liferDialog pointDialog_l">
-            <i class="closeBtn el-icon-error" @click="closeTowerDialog"></i>
-            <div class="pointDialogContent">
-              <div class="left fullHeight">
-                <div class="dialogBlock leftTop">
-                  <div class="dialogBlockContent">
-                    <div class="blockTitle blockTitle2">
-                      <i></i>
-                      <!-- 实时数据 -->
-                      {{ $t("message.dataBoard.realData") }}
-                    </div>
-                    <div class="leftTopInner">
-                      <div class="realTimeInfo2 fullHeight">
-                        <!--                        <div class="dialogDataBox">-->
-                        <!--                          <p>-->
-                        <!--                            <span>{{-->
-                        <!--                              lifterCurrentData.loading-->
-                        <!--                                ? lifterCurrentData.loading-->
-                        <!--                                : "&#45;&#45;"-->
-                        <!--                            }}</span>-->
-                        <!--                            kg-->
-                        <!--                          </p>-->
-                        <!--                          <p>重量</p>-->
-                        <!--                        </div>-->
-                        <div
-                          class="dialogDataBox"
-                          :class="[
-                            'normal',
-                            {
-                              alert:
-                                lifterCurrentData.heightAlarm != 0 ||
-                                lifterCurrentData.heightPreAlarm != 0,
-                            },
-                          ]"
-                        >
-                          <p>
-                            <span>{{
-                              lifterCurrentData.height
-                                ? lifterCurrentData.height
-                                : "--"
-                            }}</span>
-                            m
-                          </p>
-                          <p>
-                            <!-- 高度 -->
-                            {{ $t("message.dataBoard.height") }}
-                          </p>
-                        </div>
-                        <div class="dialogDataBox">
-                          <p>
-                            <span>{{ floorNum ? floorNum : "--" }}</span>
-                            %
-                          </p>
-                          <!-- <p>速度</p> -->
-                          <p>
-                            <!-- 高度百分比 -->
-                            {{ $t("message.dataBoard.heightPercentage") }}
-                          </p>
-                        </div>
-                        <div class="dialogDataBox">
-                          <p>
-                            <span
-                              >{{
-                                lifterCurrentData.floorNum
-                                  ? lifterCurrentData.floorNum
-                                  : "--"
-                              }}/{{
-                                lifterInfo.lifter
-                                  ? lifterInfo.lifter.totalFloor
+          </el-dialog>
+          <!-- 升降机监测弹框 -->
+          <!-- 升降机监测 -->
+          <el-dialog
+            class="dialog-wrapper"
+            @close="closeMap"
+            :title="$t('message.dataBoard.devTypeList')[3].name"
+            :visible.sync="showLifterDialog"
+            :modal-append-to-body="false"
+            width="95%"
+            top="0vh"
+          >
+            <div class="liferDialog pointDialog_l">
+              <i class="closeBtn el-icon-error" @click="closeTowerDialog"></i>
+              <div class="pointDialogContent">
+                <div class="left fullHeight">
+                  <div class="dialogBlock leftTop">
+                    <div class="dialogBlockContent">
+                      <div class="blockTitle blockTitle2">
+                        <i></i>
+                        <!-- 实时数据 -->
+                        {{ $t('message.dataBoard.realData') }}
+                      </div>
+                      <div class="leftTopInner">
+                        <div class="realTimeInfo2 fullHeight">
+                          <!--                        <div class="dialogDataBox">-->
+                          <!--                          <p>-->
+                          <!--                            <span>{{-->
+                          <!--                              lifterCurrentData.loading-->
+                          <!--                                ? lifterCurrentData.loading-->
+                          <!--                                : "&#45;&#45;"-->
+                          <!--                            }}</span>-->
+                          <!--                            kg-->
+                          <!--                          </p>-->
+                          <!--                          <p>重量</p>-->
+                          <!--                        </div>-->
+                          <div
+                            class="dialogDataBox"
+                            :class="[
+                              'normal',
+                              {
+                                alert:
+                                  lifterCurrentData.heightAlarm != 0 ||
+                                  lifterCurrentData.heightPreAlarm != 0,
+                              },
+                            ]"
+                          >
+                            <p>
+                              <span>{{
+                                lifterCurrentData.height
+                                  ? lifterCurrentData.height
+                                  : '--'
+                              }}</span>
+                              m
+                            </p>
+                            <p>
+                              <!-- 高度 -->
+                              {{ $t('message.dataBoard.height') }}
+                            </p>
+                          </div>
+                          <div class="dialogDataBox">
+                            <p>
+                              <span>{{ floorNum ? floorNum : '--' }}</span>
+                              %
+                            </p>
+                            <!-- <p>速度</p> -->
+                            <p>
+                              <!-- 高度百分比 -->
+                              {{ $t('message.dataBoard.heightPercentage') }}
+                            </p>
+                          </div>
+                          <div class="dialogDataBox">
+                            <p>
+                              <span
+                                >{{
+                                  lifterCurrentData.floorNum
+                                    ? lifterCurrentData.floorNum
+                                    : '--'
+                                }}/{{
+                                  lifterInfo.lifter
                                     ? lifterInfo.lifter.totalFloor
-                                    : "--"
-                                  : "--"
+                                      ? lifterInfo.lifter.totalFloor
+                                      : '--'
+                                    : '--'
+                                }}</span
+                              >{{ $t('message.dataBoard.floor')
+                              }}<!-- 层 -->
+                            </p>
+                            <p>
+                              <!-- 当前楼层/总楼层 -->
+                              {{ $t('message.dataBoard.nowFloorOrAllFloor') }}
+                            </p>
+                          </div>
+                          <div class="dialogDataBox">
+                            <p>
+                              <!-- "上升" "下降"  "停运"-->
+                              <span>{{
+                                lifterCurrentData.runningState == 1
+                                  ? $t('message.dataBoard.rise')
+                                  : lifterCurrentData.runningState == 2
+                                  ? $t('message.dataBoard.decline')
+                                  : $t('message.dataBoard.Outage')
+                              }}</span>
+                            </p>
+                            <p>
+                              <!-- 运行状态 -->
+                              {{ $t('message.dataBoard.runningStatus') }}
+                            </p>
+                          </div>
+                          <!-- <div></div> -->
+                          <div
+                            class="dialogDataBox"
+                            :class="[
+                              'normal',
+                              {
+                                alert:
+                                  lifterCurrentData.obliguityXAlarm != 0 ||
+                                  lifterCurrentData.obliguityXPreAlarm != 0,
+                              },
+                            ]"
+                          >
+                            <p>
+                              <!--                          lifterCurrentData.obliguityXAlarm-->
+                              <span>{{
+                                lifterCurrentData.dipAngleX
+                                  ? lifterCurrentData.dipAngleX
+                                  : '--'
                               }}</span
-                            >{{ $t("message.dataBoard.floor")
-                            }}<!-- 层 -->
-                          </p>
-                          <p>
-                            <!-- 当前楼层/总楼层 -->
-                            {{ $t("message.dataBoard.nowFloorOrAllFloor") }}
-                          </p>
-                        </div>
-                        <div class="dialogDataBox">
-                          <p>
-                            <!-- "上升" "下降"  "停运"-->
-                            <span>{{
-                              lifterCurrentData.runningState == 1
-                                ? $t("message.dataBoard.rise")
-                                : lifterCurrentData.runningState == 2
-                                ? $t("message.dataBoard.decline")
-                                : $t("message.dataBoard.Outage")
-                            }}</span>
-                          </p>
-                          <p>
-                            <!-- 运行状态 -->
-                            {{ $t("message.dataBoard.runningStatus") }}
-                          </p>
-                        </div>
-                        <!-- <div></div> -->
-                        <div
-                          class="dialogDataBox"
-                          :class="[
-                            'normal',
-                            {
-                              alert:
-                                lifterCurrentData.obliguityXAlarm != 0 ||
-                                lifterCurrentData.obliguityXPreAlarm != 0,
-                            },
-                          ]"
-                        >
-                          <p>
-                            <!--                          lifterCurrentData.obliguityXAlarm-->
-                            <span>{{
-                              lifterCurrentData.dipAngleX
-                                ? lifterCurrentData.dipAngleX
-                                : "--"
-                            }}</span
-                            >°
-                          </p>
-                          <p><!-- 倾角 -->{{ $t("message.dataBoard.dip") }}X</p>
-                        </div>
-                        <div
-                          class="dialogDataBox"
-                          :class="[
-                            'normal',
-                            {
-                              alert:
-                                lifterCurrentData.obliguityYAlarm != 0 ||
-                                lifterCurrentData.obliguityYPreAlarm != 0,
-                            },
-                          ]"
-                        >
-                          <p>
-                            <span>{{
-                              lifterCurrentData.dipAngleY
-                                ? lifterCurrentData.dipAngleY
-                                : "--"
-                            }}</span
-                            >°
-                          </p>
-                          <p><!-- 倾角 -->{{ $t("message.dataBoard.dip") }}Y</p>
-                        </div>
-                        <div
-                          class="dialogDataBox"
-                          :class="[
-                            'normal',
-                            {
-                              alert:
-                                lifterCurrentData.speedAlarm != 0 ||
-                                lifterCurrentData.speedPreAlarm != 0,
-                            },
-                          ]"
-                        >
-                          <p>
-                            <span>{{
-                              lifterCurrentData.speed
-                                ? lifterCurrentData.speed
-                                : "--"
-                            }}</span
-                            >m/s
-                          </p>
-                          <p>
-                            <!-- 当前速度 -->
-                            {{ $t("message.dataBoard.nowSpeed") }}
-                          </p>
-                        </div>
-                        <div
-                          v-if="company != 'longguang'"
-                          class="dialogDataBox"
-                          :class="[
-                            'normal',
-                            {
-                              alert:
-                                lifterCurrentData.windSpeedAlarm != 0 ||
-                                lifterCurrentData.windSpeedPreAlarm != 0,
-                            },
-                          ]"
-                        >
-                          <p>
-                            <span>{{
-                              lifterCurrentData.windSpeed
-                                ? lifterCurrentData.windSpeed
-                                : "--"
-                            }}</span
-                            >m/s
-                          </p>
-                          <p>
-                            <!-- 风速 -->
-                            {{ $t("message.dataBoard.windSpeed") }}
-                          </p>
-                        </div>
-                        <div class="dialogDataBox">
-                          <p>
-                            <span>{{ countDown }}</span
-                            >s
-                          </p>
-                          <p>
-                            <!-- 倒计时刷新 -->
-                            {{ $t("message.dataBoard.countDownFresh") }}
-                          </p>
-                        </div>
-                        <!-- <div class="dialogDataBox">
+                              >°
+                            </p>
+                            <p>
+                              <!-- 倾角 -->{{ $t('message.dataBoard.dip') }}X
+                            </p>
+                          </div>
+                          <div
+                            class="dialogDataBox"
+                            :class="[
+                              'normal',
+                              {
+                                alert:
+                                  lifterCurrentData.obliguityYAlarm != 0 ||
+                                  lifterCurrentData.obliguityYPreAlarm != 0,
+                              },
+                            ]"
+                          >
+                            <p>
+                              <span>{{
+                                lifterCurrentData.dipAngleY
+                                  ? lifterCurrentData.dipAngleY
+                                  : '--'
+                              }}</span
+                              >°
+                            </p>
+                            <p>
+                              <!-- 倾角 -->{{ $t('message.dataBoard.dip') }}Y
+                            </p>
+                          </div>
+                          <div
+                            class="dialogDataBox"
+                            :class="[
+                              'normal',
+                              {
+                                alert:
+                                  lifterCurrentData.speedAlarm != 0 ||
+                                  lifterCurrentData.speedPreAlarm != 0,
+                              },
+                            ]"
+                          >
+                            <p>
+                              <span>{{
+                                lifterCurrentData.speed
+                                  ? lifterCurrentData.speed
+                                  : '--'
+                              }}</span
+                              >m/s
+                            </p>
+                            <p>
+                              <!-- 当前速度 -->
+                              {{ $t('message.dataBoard.nowSpeed') }}
+                            </p>
+                          </div>
+                          <div
+                            v-if="company != 'longguang'"
+                            class="dialogDataBox"
+                            :class="[
+                              'normal',
+                              {
+                                alert:
+                                  lifterCurrentData.windSpeedAlarm != 0 ||
+                                  lifterCurrentData.windSpeedPreAlarm != 0,
+                              },
+                            ]"
+                          >
+                            <p>
+                              <span>{{
+                                lifterCurrentData.windSpeed
+                                  ? lifterCurrentData.windSpeed
+                                  : '--'
+                              }}</span
+                              >m/s
+                            </p>
+                            <p>
+                              <!-- 风速 -->
+                              {{ $t('message.dataBoard.windSpeed') }}
+                            </p>
+                          </div>
+                          <div class="dialogDataBox">
+                            <p>
+                              <span>{{ countDown }}</span
+                              >s
+                            </p>
+                            <p>
+                              <!-- 倒计时刷新 -->
+                              {{ $t('message.dataBoard.countDownFresh') }}
+                            </p>
+                          </div>
+                          <!-- <div class="dialogDataBox">
                           <p>
                             <span>{{
                               lifterCurrentData.peopleNumber
@@ -2058,245 +2124,152 @@
                           </p>
                           <p>重量百分比</p>
                         </div> -->
-                      </div>
-                      <div class="lifterRunBox fullHeight">
-                        <img
-                          src="@/assets/images/dataBoard/lifter-1.png"
-                          ref="lifterHeight"
-                          alt=""
-                          style="
-                            width: 130px;
-                            height: 417px;
-                            position: relative;
-                            bottom: 42px;
-                          "
-                        />
-                        <img
-                          src="@/assets/images/dataBoard/lifter-2.png"
-                          alt=""
-                          class="lifter2"
-                          :style="{ bottom: showHeight + 'px' }"
-                          style="width: 38px; height: 50px"
-                        />
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div class="leftBottom">
-                  <div class="dialogBlock">
-                    <div class="dialogBlockContent">
-                      <div class="blockTitle blockTitle2">
-                        <i></i>
-                        <!-- 设备信息 -->
-                        {{ $t("message.dataBoard.devInfo") }}
-                      </div>
-                      <div class="deviceInfo">
-                        <p>
-                          <!--  设备名称： -->{{
-                            $t("message.dataBoard.devName2") + ":"
-                          }}{{
-                            lifterInfo.lifter ? lifterInfo.lifter.devName : "--"
-                          }}
-                        </p>
-                        <p>
-                          <!-- 设备编号： -->{{
-                            $t("message.dataBoard.devCode") + ":"
-                          }}{{
-                            lifterInfo.lifter ? lifterInfo.lifter.devSn : "--"
-                          }}
-                        </p>
-                        <p>
-                          <!-- 设备备案号： -->{{
-                            $t("message.dataBoard.devAQ") + ":"
-                          }}{{
-                            lifterInfo.lifter
-                              ? lifterInfo.lifter.registNo
-                              : "--"
-                          }}
-                        </p>
-                        <p>
-                          <!--  设备最大载重： -->{{
-                            $t("message.dataBoard.devMaxLoad") + ":"
-                          }}{{
-                            lifterInfo.lifter
-                              ? lifterInfo.lifter.maxLoad
-                              : "--"
-                          }}kg
-                        </p>
-                        <p v-if="company == 'longguang'">
-                          <!--  总包单位： -->
-                          {{ $t("message.dataBoard.mainContractor") + ":"
-                          }}{{
-                            lifterInfo.lifter
-                              ? lifterInfo.lifter.generalContractorsName
-                              : "--"
-                          }}
-                        </p>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="dialogBlock">
-                    <div class="dialogBlockContent">
-                      <!-- '升降机操作人员':'司机信息' -->
-                      <div class="blockTitle blockTitle2">
-                        <i></i
-                        >{{
-                          company == "longguang"
-                            ? $t("message.dataBoard.lifterPlayer")
-                            : $t("message.dataBoard.driverInfo2")
-                        }}
-                      </div>
-                      <vue-scroll
-                        v-if="lifterInfoDriverList.length"
-                        style="width: 100%; height: 236px"
-                      >
-                        <div
-                          v-for="(item, index) in lifterInfo.driverList"
-                          :key="index"
-                          v-if="
-                            company == 'longguang' ||
-                            item.idCard == lifterCurrentData.driverIdCard
-                          "
-                          style="margin: 5px 0"
-                        >
-                          <div
-                            class="deviceInfo"
-                            style="
-                              display: inline-block;
-                              width: 50%;
-                              vertical-align: middle;
-                            "
-                          >
-                            <p>
-                              <!-- 姓名： -->{{
-                                $t("message.dataBoard.name") + ":"
-                              }}{{ item.workerName }}
-                            </p>
-                            <p>
-                              <!-- 年龄： -->{{
-                                $t("message.dataBoard.age") + ":"
-                              }}{{ item.age }}
-                            </p>
-                            <p>
-                              <!-- 特种证书编号： -->{{
-                                $t("message.dataBoard.certificateNumber") + ":"
-                              }}{{ item.certificateNumber }}
-                            </p>
-                            <p>
-                              <!-- 上岗时间： -->{{
-                                $t("message.dataBoard.workTime") + ":"
-                              }}{{ item.enterDate }}
-                            </p>
-                          </div>
+                        </div>
+                        <div class="lifterRunBox fullHeight">
                           <img
-                            width="80"
-                            height="90"
-                            :src="fileUrl + item.fieldAcquisitionUrl"
-                            @click="openImg(fileUrl + item.fieldAcquisitionUrl)"
+                            src="@/assets/images/dataBoard/lifter-1.png"
+                            ref="lifterHeight"
                             alt=""
                             style="
-                              display: inline-block;
-                              vertical-align: middle;
+                              width: 130px;
+                              height: 417px;
+                              position: relative;
+                              bottom: 42px;
                             "
                           />
+                          <img
+                            src="@/assets/images/dataBoard/lifter-2.png"
+                            alt=""
+                            class="lifter2"
+                            :style="{ bottom: showHeight + 'px' }"
+                            style="width: 38px; height: 50px"
+                          />
                         </div>
-                      </vue-scroll>
-                      <div v-else style="text-align: center">
-                        <img
-                          style="height: 150px; margin-top: 40px"
-                          src="@/assets/images/09b108269bb2491369b67686bd74c6a.png"
-                          alt=""
-                        />
-                        <p>
-                          <!-- 暂无数据 -->
-                          {{ $t("message.dataBoard.nodata") }}
-                        </p>
                       </div>
                     </div>
                   </div>
-                  <div class="dialogBlock">
-                    <div class="dialogBlockContent">
-                      <div class="blockTitle blockTitle2">
-                        <i></i>
-                        <!-- 报警信息 -->
-                        {{ $t("message.dataBoard.alarmInfo") }}
+                  <div class="leftBottom">
+                    <div class="dialogBlock">
+                      <div class="dialogBlockContent">
+                        <div class="blockTitle blockTitle2">
+                          <i></i>
+                          <!-- 设备信息 -->
+                          {{ $t('message.dataBoard.devInfo') }}
+                        </div>
+                        <div class="deviceInfo">
+                          <p>
+                            <!--  设备名称： -->{{
+                              $t('message.dataBoard.devName2') + ':'
+                            }}{{
+                              lifterInfo.lifter
+                                ? lifterInfo.lifter.devName
+                                : '--'
+                            }}
+                          </p>
+                          <p>
+                            <!-- 设备编号： -->{{
+                              $t('message.dataBoard.devCode') + ':'
+                            }}{{
+                              lifterInfo.lifter ? lifterInfo.lifter.devSn : '--'
+                            }}
+                          </p>
+                          <p>
+                            <!-- 设备备案号： -->{{
+                              $t('message.dataBoard.devAQ') + ':'
+                            }}{{
+                              lifterInfo.lifter
+                                ? lifterInfo.lifter.registNo
+                                : '--'
+                            }}
+                          </p>
+                          <p>
+                            <!--  设备最大载重： -->{{
+                              $t('message.dataBoard.devMaxLoad') + ':'
+                            }}{{
+                              lifterInfo.lifter
+                                ? lifterInfo.lifter.maxLoad
+                                : '--'
+                            }}kg
+                          </p>
+                          <p v-if="company == 'longguang'">
+                            <!--  总包单位： -->
+                            {{ $t('message.dataBoard.mainContractor') + ':'
+                            }}{{
+                              lifterInfo.lifter
+                                ? lifterInfo.lifter.generalContractorsName
+                                : '--'
+                            }}
+                          </p>
+                        </div>
                       </div>
-                      <div style="margin: 0px !important" class="deviceInfo">
+                    </div>
+                    <div class="dialogBlock">
+                      <div class="dialogBlockContent">
+                        <!-- '升降机操作人员':'司机信息' -->
+                        <div class="blockTitle blockTitle2">
+                          <i></i
+                          >{{
+                            company == 'longguang'
+                              ? $t('message.dataBoard.lifterPlayer')
+                              : $t('message.dataBoard.driverInfo2')
+                          }}
+                        </div>
                         <vue-scroll
-                          v-if="lifterAlarmList.length != 0"
-                          style="height: 200px"
+                          v-if="lifterInfoDriverList.length"
+                          style="width: 100%; height: 236px"
                         >
                           <div
-                            class="driverInfo"
-                            v-for="(item, index) in lifterAlarmList"
+                            v-for="(item, index) in lifterInfo.driverList"
                             :key="index"
+                            v-if="
+                              company == 'longguang' ||
+                              item.idCard == lifterCurrentData.driverIdCard
+                            "
+                            style="margin: 5px 0"
                           >
-                            <div class="TowerAlarm_item">
+                            <div
+                              class="deviceInfo"
+                              style="
+                                display: inline-block;
+                                width: 50%;
+                                vertical-align: middle;
+                              "
+                            >
                               <p>
-                                <!-- 设备名称: -->{{
-                                  $t("message.dataBoard.devName2") + ":"
-                                }}{{ item.devName }}
+                                <!-- 姓名： -->{{
+                                  $t('message.dataBoard.name') + ':'
+                                }}{{ item.workerName }}
                               </p>
                               <p>
-                                <!-- 报警时间： -->{{
-                                  $t("message.dataBoard.alarmTime") + ":"
-                                }}{{ transformTimestamp(item.addTime) }}
+                                <!-- 年龄： -->{{
+                                  $t('message.dataBoard.age') + ':'
+                                }}{{ item.age }}
                               </p>
-                              <p v-if="item.bottomAlarm" class="p1">
-                                <!-- 下限位报警 -->{{
-                                  $t("message.dataBoard.alarmTypeArray3")[0]
-                                }}
+                              <p>
+                                <!-- 特种证书编号： -->{{
+                                  $t('message.dataBoard.certificateNumber') +
+                                  ':'
+                                }}{{ item.certificateNumber }}
                               </p>
-                              <!--  <p class="p1">警报类别：{{ item.alarmType == 1?'报警':item.alarmType == 2?'预警':"&#45;&#45;" }}</p>-->
-                              <p v-if="item.fallAlarm">
-                                {{ $t("message.dataBoard.alarmTypeArray3")[1]
-                                }}<!-- 防坠器报警 -->
-                              </p>
-                              <p v-if="item.heightAlarm">
-                                {{ $t("message.dataBoard.alarmTypeArray3")[2]
-                                }}<!-- 高度报警 -->
-                              </p>
-                              <p v-if="item.motor1Alarm">
-                                {{ $t("message.dataBoard.alarmTypeArray3")[3]
-                                }}<!-- 1号电机报警 -->
-                              </p>
-                              <p v-if="item.motor2Alarm">
-                                {{ $t("message.dataBoard.alarmTypeArray3")[4]
-                                }}<!-- 2号电机报警 -->
-                              </p>
-                              <p v-if="item.motor3Alarm">
-                                {{ $t("message.dataBoard.alarmTypeArray3")[5]
-                                }}<!-- 3号电机报警 -->
-                              </p>
-                              <p v-if="item.obliguityXAlarm">
-                                {{ $t("message.dataBoard.alarmTypeArray3")[6]
-                                }}<!-- 倾角X报警 -->
-                              </p>
-                              <p v-if="item.obliguityYAlarm">
-                                {{ $t("message.dataBoard.alarmTypeArray3")[7]
-                                }}<!-- 倾角Y报警 -->
-                              </p>
-                              <p v-if="item.peopleCntAlarm">
-                                {{ $t("message.dataBoard.alarmTypeArray3")[8]
-                                }}<!-- 人数报警 -->
-                              </p>
-                              <p v-if="item.speedAlarm">
-                                {{ $t("message.dataBoard.alarmTypeArray3")[9]
-                                }}<!-- 速度报警 -->
-                              </p>
-                              <p v-if="item.topAlarm">
-                                {{ $t("message.dataBoard.alarmTypeArray3")[10]
-                                }}<!-- 防冲顶报警 -->
-                              </p>
-                              <p v-if="item.weightAlarm">
-                                {{ $t("message.dataBoard.alarmTypeArray3")[11]
-                                }}<!-- 载重报警 -->
-                              </p>
-                              <p v-if="item.windSpeedAlarm">
-                                {{ $t("message.dataBoard.alarmTypeArray3")[12]
-                                }}<!-- 风速报警 -->
+                              <p>
+                                <!-- 上岗时间： -->{{
+                                  $t('message.dataBoard.workTime') + ':'
+                                }}{{ item.enterDate }}
                               </p>
                             </div>
+                            <img
+                              width="80"
+                              height="90"
+                              :src="fileUrl + item.fieldAcquisitionUrl"
+                              @click="
+                                openImg(fileUrl + item.fieldAcquisitionUrl)
+                              "
+                              alt=""
+                              style="
+                                display: inline-block;
+                                vertical-align: middle;
+                              "
+                            />
                           </div>
                         </vue-scroll>
                         <div v-else style="text-align: center">
@@ -2307,16 +2280,117 @@
                           />
                           <p>
                             <!-- 暂无数据 -->
-                            {{ $t("message.dataBoard.nodata") }}
+                            {{ $t('message.dataBoard.nodata') }}
                           </p>
                         </div>
                       </div>
                     </div>
+                    <div class="dialogBlock">
+                      <div class="dialogBlockContent">
+                        <div class="blockTitle blockTitle2">
+                          <i></i>
+                          <!-- 报警信息 -->
+                          {{ $t('message.dataBoard.alarmInfo') }}
+                        </div>
+                        <div style="margin: 0px !important" class="deviceInfo">
+                          <vue-scroll
+                            v-if="lifterAlarmList.length != 0"
+                            style="height: 200px"
+                          >
+                            <div
+                              class="driverInfo"
+                              v-for="(item, index) in lifterAlarmList"
+                              :key="index"
+                            >
+                              <div class="TowerAlarm_item">
+                                <p>
+                                  <!-- 设备名称: -->{{
+                                    $t('message.dataBoard.devName2') + ':'
+                                  }}{{ item.devName }}
+                                </p>
+                                <p>
+                                  <!-- 报警时间： -->{{
+                                    $t('message.dataBoard.alarmTime') + ':'
+                                  }}{{ transformTimestamp(item.addTime) }}
+                                </p>
+                                <p v-if="item.bottomAlarm" class="p1">
+                                  <!-- 下限位报警 -->{{
+                                    $t('message.dataBoard.alarmTypeArray3')[0]
+                                  }}
+                                </p>
+                                <!--  <p class="p1">警报类别：{{ item.alarmType == 1?'报警':item.alarmType == 2?'预警':"&#45;&#45;" }}</p>-->
+                                <p v-if="item.fallAlarm">
+                                  {{ $t('message.dataBoard.alarmTypeArray3')[1]
+                                  }}<!-- 防坠器报警 -->
+                                </p>
+                                <p v-if="item.heightAlarm">
+                                  {{ $t('message.dataBoard.alarmTypeArray3')[2]
+                                  }}<!-- 高度报警 -->
+                                </p>
+                                <p v-if="item.motor1Alarm">
+                                  {{ $t('message.dataBoard.alarmTypeArray3')[3]
+                                  }}<!-- 1号电机报警 -->
+                                </p>
+                                <p v-if="item.motor2Alarm">
+                                  {{ $t('message.dataBoard.alarmTypeArray3')[4]
+                                  }}<!-- 2号电机报警 -->
+                                </p>
+                                <p v-if="item.motor3Alarm">
+                                  {{ $t('message.dataBoard.alarmTypeArray3')[5]
+                                  }}<!-- 3号电机报警 -->
+                                </p>
+                                <p v-if="item.obliguityXAlarm">
+                                  {{ $t('message.dataBoard.alarmTypeArray3')[6]
+                                  }}<!-- 倾角X报警 -->
+                                </p>
+                                <p v-if="item.obliguityYAlarm">
+                                  {{ $t('message.dataBoard.alarmTypeArray3')[7]
+                                  }}<!-- 倾角Y报警 -->
+                                </p>
+                                <p v-if="item.peopleCntAlarm">
+                                  {{ $t('message.dataBoard.alarmTypeArray3')[8]
+                                  }}<!-- 人数报警 -->
+                                </p>
+                                <p v-if="item.speedAlarm">
+                                  {{ $t('message.dataBoard.alarmTypeArray3')[9]
+                                  }}<!-- 速度报警 -->
+                                </p>
+                                <p v-if="item.topAlarm">
+                                  {{
+                                    $t('message.dataBoard.alarmTypeArray3')[10]
+                                  }}<!-- 防冲顶报警 -->
+                                </p>
+                                <p v-if="item.weightAlarm">
+                                  {{
+                                    $t('message.dataBoard.alarmTypeArray3')[11]
+                                  }}<!-- 载重报警 -->
+                                </p>
+                                <p v-if="item.windSpeedAlarm">
+                                  {{
+                                    $t('message.dataBoard.alarmTypeArray3')[12]
+                                  }}<!-- 风速报警 -->
+                                </p>
+                              </div>
+                            </div>
+                          </vue-scroll>
+                          <div v-else style="text-align: center">
+                            <img
+                              style="height: 150px; margin-top: 40px"
+                              src="@/assets/images/09b108269bb2491369b67686bd74c6a.png"
+                              alt=""
+                            />
+                            <p>
+                              <!-- 暂无数据 -->
+                              {{ $t('message.dataBoard.nodata') }}
+                            </p>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
                   </div>
                 </div>
-              </div>
 
-              <!-- <div class="right fullHeight">
+                <!-- <div class="right fullHeight">
                 <div class="dialogBlock fullHeight">
                   <div class="dialogBlockContent">
                     <div class="blockTitle blockTitle2"><i></i>循环记录</div>
@@ -2346,790 +2420,817 @@
                   </div>
                 </div>
               </div>-->
-            </div>
-          </div>
-        </el-dialog>
-        <!-- 车辆监测弹框 -->
-        <div class="carDialog pointDialog_l" v-show="showCarDialog">
-          <i class="closeBtn el-icon-error" @click="showCarDialog = false"></i>
-          <div class="pointDialogContent">
-            <div class="fullHeight">
-              <div class="top">
-                <div class="dialogBlock">
-                  <div class="dialogBlockContent">
-                    <div class="blockTitle blockTitle2">
-                      <i></i>
-                      <!-- 实时数据 -->
-                      {{ $t("message.dataBoard.realData") }}
-                    </div>
-                    <div class="leftTopInner">
-                      <div class="realTimeInfo2 fullHeight">
-                        <div class="dialogDataBox">
-                          <p>
-                            <span>{{ plantCap.pm10 }}</span>
-                            {{ $t("message.dataBoard.onces")
-                            }}<!-- 次 -->
-                          </p>
-                          <p>
-                            <!-- 今日进场车次 -->
-                            {{ $t("message.dataBoard.todayInCarOnces") }}
-                          </p>
-                        </div>
-                        <div class="dialogDataBox">
-                          <p>
-                            <span>{{ plantCap.pm25 }}</span>
-                            {{ $t("message.dataBoard.onces")
-                            }}<!-- 次 -->
-                          </p>
-                          <p>
-                            <!-- 今日出场车次 -->
-                            {{ $t("message.dataBoard.todayOutCarOnces") }}
-                          </p>
-                        </div>
-                        <div class="dialogDataBox">
-                          <p>
-                            <span>{{ plantCap.pm10 }}</span
-                            >{{ $t("message.dataBoard.onces")
-                            }}<!--  次 -->
-                          </p>
-                          <p>
-                            <!-- 白名单车辆数 -->{{
-                              $t(
-                                "message.dataBoard.numberOfVehiclesWhitelisted"
-                              )
-                            }}
-                          </p>
-                        </div>
-                        <div class="dialogDataBox">
-                          <p>
-                            <span>{{ plantCap.pm25 }}</span
-                            >{{ $t("message.dataBoard.onces") }}
-                            <!-- 次 -->
-                          </p>
-                          <p>
-                            <!-- 临时车辆数 -->
-                            {{
-                              $t("message.dataBoard.numberOfTemporaryVehicles")
-                            }}
-                          </p>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div class="dialogBlock">
-                  <div class="dialogBlockContent">
-                    <div class="blockTitle blockTitle2">
-                      <i></i
-                      ><!-- 车种进出统计 -->{{
-                        $t("message.dataBoard.carTypeInAndOutTotal")
-                      }}
-                    </div>
-                    <div class="chart"></div>
-                  </div>
-                </div>
-              </div>
-
-              <div class="bottom">
-                <div class="dialogBlock">
-                  <div class="dialogBlockContent">
-                    <div class="blockTitle blockTitle2">
-                      <i></i>
-                      <!-- 进出记录 -->
-                      {{ $t("message.dataBoard.inAndOutRecords") }}
-                    </div>
-                    <table class="dialogTable">
-                      <thead>
-                        <tr>
-                          <th>
-                            <!-- 车牌号 -->
-                            {{ $t("message.dataBoard.carNo") }}
-                          </th>
-                          <th>
-                            <!-- 进出时间 -->
-                            {{ $t("message.dataBoard.inOrOutTime") }}
-                          </th>
-                          <th>
-                            <!-- 进出标识 -->
-                            {{ $t("message.dataBoard.inOrOutMark") }}
-                          </th>
-                          <th>
-                            <!-- 车牌颜色 -->
-                            {{ $t("message.dataBoard.plateColor") }}
-                          </th>
-                          <th>
-                            <!-- 抓拍照片 -->
-                            {{ $t("message.dataBoard.paparazziPhotos") }}
-                          </th>
-                        </tr>
-                      </thead>
-                      <tbody>
-                        <tr>
-                          <td>1</td>
-                          <td>1</td>
-                          <td>1</td>
-                          <td>1</td>
-                          <td>
-                            <img src="" alt="" />
-                          </td>
-                        </tr>
-                      </tbody>
-                    </table>
-                  </div>
-                </div>
               </div>
             </div>
-          </div>
-        </div>
-        <div
-          class="environBox pointDialog_s"
-          v-show="showCarDialog2"
-          :style="{ position: 'absolute', left: carBoxPos.x, top: carBoxPos.y }"
-        >
-          <div class="title">
-            {{ carDetail.name }} -
-            <!-- 实时数据 -->{{ $t("message.dataBoard.realData") }}
-            <span class="closeBtn" @click="showCarDialog2 = false">
-              <i class="el-icon-close"></i>
-            </span>
-          </div>
-          <vue-scroll>
-            <div style="width: 330px; height: 230px">
-              <div
-                class="carData"
-                v-for="(item, index) in carList"
-                :key="index"
-              >
-                <img
-                  :src="$store.state.FILEURL + item.imageUrl"
-                  alt=""
-                  style="width: 65px; height: 65px"
-                />
-                <div class="carInfo">
-                  <div v-show="item.type === 0">
-                    {{ $t("message.dataBoard.inOrOutType")[0]
-                    }}<!-- 进出类型:进 -->
-                  </div>
-                  <!-- //进出类型 -->
-                  <div v-show="item.type === 1">
-                    {{ $t("message.dataBoard.inOrOutType")[1]
-                    }}<!-- 进出类型:出 -->
-                  </div>
-                  <!-- //进出类型 -->
-                  <div>
-                    {{ $t("message.dataBoard.carNo") + ":"
-                    }}{{ item.carNumber }}
-                  </div>
-                  <!-- //车牌号 -->
-                  <div>
-                    <!-- 通过时间: -->{{ $t("message.dataBoard.passTime") + ":"
-                    }}{{ item.passTime }}
-                  </div>
-                  <!-- //时间 -->
-                </div>
-              </div>
-            </div>
-          </vue-scroll>
-        </div>
-        <!--龙门吊-->
-        <!-- 龙门吊监测 -->
-        <el-dialog
-          class="dialog-wrapper"
-          @close="closeMap"
-          :title="$t('message.dataBoard.devTypeList')[8].name"
-          :visible.sync="showGantryCrane"
-          :modal-append-to-body="false"
-          width="95%"
-          top="0vh"
-        >
-          <div class="towerDialog pointDialog_l">
-            <i class="closeBtn el-icon-error" @click="closeTowerDialog"></i>
+          </el-dialog>
+          <!-- 车辆监测弹框 -->
+          <div class="carDialog pointDialog_l" v-show="showCarDialog">
+            <i
+              class="closeBtn el-icon-error"
+              @click="showCarDialog = false"
+            ></i>
             <div class="pointDialogContent">
-              <div class="showGantryCrane_top">
-                <div class="showGantryCrane_top_left">
-                  <div class="operationInfo_towercrane">
-                    <img
-                      class="imgGantry"
-                      src="../../../projectLevel/assets/images/gantryCrane/gantry2.png"
-                    />
-                    <div ref="hookBox" class="hookBox">
-                      <!--                    imgHeight:0,//照片升降高度-->
-                      <!--                    hookLeft:0//divhook向左移动距离-->
-                      <div class="hook" :style="{ left: hookLeft + 'px' }">
-                        <img
-                          class="imgHead"
-                          ref="imgHead"
-                          src="../../../projectLevel/assets/images/gantryCrane/head.png"
-                          alt=""
-                        />
-                        <img
-                          :style="{ height: imgHeight + 45 + 'px' }"
-                          class="imgMid"
-                          src="../../../projectLevel/assets/images/gantryCrane/mid.png"
-                          alt=""
-                        />
-                        <img
-                          class="imgBottom"
-                          src="../../../projectLevel/assets/images/gantryCrane/bottom.png"
-                          alt=""
-                        />
+              <div class="fullHeight">
+                <div class="top">
+                  <div class="dialogBlock">
+                    <div class="dialogBlockContent">
+                      <div class="blockTitle blockTitle2">
+                        <i></i>
+                        <!-- 实时数据 -->
+                        {{ $t('message.dataBoard.realData') }}
                       </div>
+                      <div class="leftTopInner">
+                        <div class="realTimeInfo2 fullHeight">
+                          <div class="dialogDataBox">
+                            <p>
+                              <span>{{ plantCap.pm10 }}</span>
+                              {{ $t('message.dataBoard.onces')
+                              }}<!-- 次 -->
+                            </p>
+                            <p>
+                              <!-- 今日进场车次 -->
+                              {{ $t('message.dataBoard.todayInCarOnces') }}
+                            </p>
+                          </div>
+                          <div class="dialogDataBox">
+                            <p>
+                              <span>{{ plantCap.pm25 }}</span>
+                              {{ $t('message.dataBoard.onces')
+                              }}<!-- 次 -->
+                            </p>
+                            <p>
+                              <!-- 今日出场车次 -->
+                              {{ $t('message.dataBoard.todayOutCarOnces') }}
+                            </p>
+                          </div>
+                          <div class="dialogDataBox">
+                            <p>
+                              <span>{{ plantCap.pm10 }}</span
+                              >{{ $t('message.dataBoard.onces')
+                              }}<!--  次 -->
+                            </p>
+                            <p>
+                              <!-- 白名单车辆数 -->{{
+                                $t(
+                                  'message.dataBoard.numberOfVehiclesWhitelisted'
+                                )
+                              }}
+                            </p>
+                          </div>
+                          <div class="dialogDataBox">
+                            <p>
+                              <span>{{ plantCap.pm25 }}</span
+                              >{{ $t('message.dataBoard.onces') }}
+                              <!-- 次 -->
+                            </p>
+                            <p>
+                              <!-- 临时车辆数 -->
+                              {{
+                                $t(
+                                  'message.dataBoard.numberOfTemporaryVehicles'
+                                )
+                              }}
+                            </p>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="dialogBlock">
+                    <div class="dialogBlockContent">
+                      <div class="blockTitle blockTitle2">
+                        <i></i
+                        ><!-- 车种进出统计 -->{{
+                          $t('message.dataBoard.carTypeInAndOutTotal')
+                        }}
+                      </div>
+                      <div class="chart"></div>
                     </div>
                   </div>
                 </div>
-                <div class="showGantryCrane_top_right">
-                  <div class="driverInformationBox">
-                    <div class="driverInformationTitle">
-                      <!-- 司机信息 -->{{ $t("message.dataBoard.driverInfo2") }}
+
+                <div class="bottom">
+                  <div class="dialogBlock">
+                    <div class="dialogBlockContent">
+                      <div class="blockTitle blockTitle2">
+                        <i></i>
+                        <!-- 进出记录 -->
+                        {{ $t('message.dataBoard.inAndOutRecords') }}
+                      </div>
+                      <table class="dialogTable">
+                        <thead>
+                          <tr>
+                            <th>
+                              <!-- 车牌号 -->
+                              {{ $t('message.dataBoard.carNo') }}
+                            </th>
+                            <th>
+                              <!-- 进出时间 -->
+                              {{ $t('message.dataBoard.inOrOutTime') }}
+                            </th>
+                            <th>
+                              <!-- 进出标识 -->
+                              {{ $t('message.dataBoard.inOrOutMark') }}
+                            </th>
+                            <th>
+                              <!-- 车牌颜色 -->
+                              {{ $t('message.dataBoard.plateColor') }}
+                            </th>
+                            <th>
+                              <!-- 抓拍照片 -->
+                              {{ $t('message.dataBoard.paparazziPhotos') }}
+                            </th>
+                          </tr>
+                        </thead>
+                        <tbody>
+                          <tr>
+                            <td>1</td>
+                            <td>1</td>
+                            <td>1</td>
+                            <td>1</td>
+                            <td>
+                              <img src="" alt="" />
+                            </td>
+                          </tr>
+                        </tbody>
+                      </table>
                     </div>
-                    <div class="driverInformation">
-                      <div class="driverInformationName">
-                        {{ $t("message.dataBoard.name") + ":"
-                        }}<!-- 姓名： -->{{
-                          gantryCraneOperationInfo.driverName
-                        }}
-                      </div>
-                      <div class="driverInformationIDCard">
-                        {{ $t("message.dataBoard.gender") + ":"
-                        }}<!-- 性别： -->{{
-                          getInfo(gantryCraneOperationInfo.driverIdCard).sex ==
-                          "- -"
-                            ? "- -"
-                            : getInfo(gantryCraneOperationInfo.driverIdCard)
-                                .sex == 1
-                            ? "男"
-                            : "女"
-                        }}
-                      </div>
-                      <div class="driverInformationName">
-                        {{ $t("message.dataBoard.idCardNo") + ":"
-                        }}<!-- 身份证号： -->{{
-                          gantryCraneOperationInfo.driverIdCard
-                            ? gantryCraneOperationInfo.driverIdCard
-                            : "- -"
-                        }}
-                      </div>
-                      <div class="driverInformationAge">
-                        {{ $t("message.dataBoard.age") + ":"
-                        }}<!-- 年龄： -->{{
-                          getInfo(gantryCraneOperationInfo.driverIdCard).age
-                        }}
-                      </div>
-                      <!--                      <div class="driverInformationWorkingYears">工作年限：3</div>-->
-                    </div>
-                  </div>
-                  <div class="equipmentInformationBox">
-                    <div class="equipmentInformationTitle">
-                      <!-- 设备信息 -->
-                      {{ $t("message.dataBoard.devInfo") }}
-                    </div>
-                    <div class="equipmentInformation">
-                      <div class="equipmentInformationName">
-                        <!-- 设备名称： -->{{
-                          $t("message.dataBoard.devName2") + ":"
-                        }}{{ gantryCraneInfo.devName }}
-                      </div>
-                      <div class="equipmentInformationQualified">
-                        <!-- 出厂日期： -->
-                        {{ $t("message.dataBoard.dateOfProduction") + ":" }}
-                        {{ transformTimestamp(gantryCraneInfo.factoryTime) }}
-                      </div>
-                      <div class="equipmentInformationRegister">
-                        <!-- 安装时间： -->
-                        {{ $t("message.dataBoard.installTime") + ":" }}
-                        {{
-                          transformTimestamp(gantryCraneInfo.installationTime)
-                        }}
-                      </div>
-                      <div class="equipmentInformationWidth">
-                        <!-- 额定跨度： -->
-                        {{ $t("message.dataBoard.ratedSpan") + ":" }}
-                        {{ gantryCraneInfo.ratedSpan }},
-                      </div>
-                      <div class="equipmentInformationHeight">
-                        <!-- 额定高度： -->
-                        {{ $t("message.dataBoard.rateHeight") + ":" }}
-                        {{ gantryCraneInfo.ratedHeight }}m
-                      </div>
-                      <div class="equipmentInformationWeight">
-                        <!-- 额定吊重 -->
-                        {{ $t("message.dataBoard.rateWeight") + ":" }}
-                      </div>
-                      <div class="liftingWeight">
-                        <div class="MainHook1">
-                          <!-- 小车1主钩： -->{{
-                            $t("message.dataBoard.smallCarList")[0] + ":"
-                          }}{{ gantryCraneInfo.mainHangerRatedLoad }}t
-                        </div>
-                        <div class="AuxiliaryHook1">
-                          {{ $t("message.dataBoard.smallCarList")[1] + ":"
-                          }}<!-- 小车1副钩： -->{{
-                            gantryCraneInfo.auxiliaryHangerRatedLoad
-                              ? gantryCraneInfo.auxiliaryHangerRatedLoad
-                              : "- -"
-                          }}t
-                        </div>
-                        <div class="MainHook2">
-                          {{ $t("message.dataBoard.smallCarList")[2] + ":"
-                          }}<!-- 小车2主钩： -->{{
-                            gantryCraneInfo.secondMainHangerRatedLoad
-                              ? gantryCraneInfo.secondMainHangerRatedLoad
-                              : "- -"
-                          }}t
-                        </div>
-                        <div class="AuxiliaryHook2">
-                          {{ $t("message.dataBoard.smallCarList")[3] + ":"
-                          }}<!-- 小车2副钩： -->{{
-                            gantryCraneInfo.secondAuxiliaryHangerRatedLoad
-                              ? gantryCraneInfo.secondAuxiliaryHangerRatedLoad
-                              : "- -"
-                          }}t
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="showGantryCrane_bottom">
-                <div class="operationData">
-                  <div class="operationData_item">
-                    <p>
-                      <!-- 风速 -->
-                      {{ $t("message.dataBoard.windSpeed") }}
-                    </p>
-                    <p>
-                      {{
-                        gantryCraneOperationInfo.windSpeed
-                          ? gantryCraneOperationInfo.windSpeed
-                          : "- -"
-                      }}m/s
-                    </p>
-                  </div>
-                  <div class="operationData_item">
-                    <p><!-- 倾斜 -->{{ $t("message.dataBoard.incline") }}X</p>
-                    <p>
-                      {{
-                        gantryCraneOperationInfo.angleXAxis !== ""
-                          ? gantryCraneOperationInfo.angleXAxis
-                          : "- -"
-                      }}°
-                    </p>
-                  </div>
-                  <div class="operationData_item">
-                    <p><!-- 倾斜 -->{{ $t("message.dataBoard.incline") }}Y</p>
-                    <p>
-                      {{
-                        gantryCraneOperationInfo.angleYAxis !== ""
-                          ? gantryCraneOperationInfo.angleYAxis
-                          : "- -"
-                      }}°
-                    </p>
-                  </div>
-                  <div class="operationData_item">
-                    <p>
-                      <!-- 小车位置 -->
-                      {{ $t("message.dataBoard.smallCarLocation") }}
-                    </p>
-                    <p>
-                      {{
-                        gantryCraneOperationInfo.smallCraneRange
-                          ? gantryCraneOperationInfo.smallCraneRange
-                          : "- -"
-                      }}m
-                    </p>
-                  </div>
-                  <div class="operationData_item">
-                    <p>
-                      <!-- 小车1主钩位置 -->
-                      {{ $t("message.dataBoard.smallCarList")[4] }}
-                    </p>
-                    <p>
-                      {{
-                        gantryCraneOperationInfo.smallCraneMainHookHeight
-                          ? gantryCraneOperationInfo.smallCraneMainHookHeight
-                          : "- -"
-                      }}m
-                    </p>
-                  </div>
-                  <div class="operationData_item">
-                    <p>
-                      <!-- 小车1主钩吊重 -->
-                      {{ $t("message.dataBoard.smallCarList")[5] }}
-                    </p>
-                    <p>
-                      {{
-                        gantryCraneOperationInfo.smallCraneMainHookLoad
-                          ? gantryCraneOperationInfo.smallCraneMainHookLoad
-                          : "- -"
-                      }}t
-                    </p>
-                  </div>
-                </div>
-                <div class="alarmData">
-                  <div class="alarmData_item">
-                    <p>
-                      <!-- 大车行程超限 -->
-                      {{ $t("message.dataBoard.smallCarList")[6] }}
-                    </p>
-                    <p
-                      v-if="
-                        gantryCraneOperationInfo.largeCraneDistanceState == 0
-                      "
-                      class="alarmNormal alarmP"
-                    ></p>
-                    <p
-                      v-if="
-                        gantryCraneOperationInfo.largeCraneDistanceState == 1 ||
-                        gantryCraneOperationInfo.largeCraneDistanceState == 2
-                      "
-                      class="alarmWarning alarmP"
-                    ></p>
-                    <p
-                      v-if="
-                        gantryCraneOperationInfo.largeCraneDistanceState == 3 ||
-                        gantryCraneOperationInfo.largeCraneDistanceState == 4
-                      "
-                      class="alarmPolice alarmP"
-                    ></p>
-                  </div>
-                  <div class="alarmData_item">
-                    <p>
-                      <!-- 小车行程超限 -->
-                      {{ $t("message.dataBoard.smallCarList")[7] }}
-                    </p>
-                    <p
-                      v-if="
-                        gantryCraneOperationInfo.smallCraneRangeState == 0 ||
-                        gantryCraneOperationInfo.secondSmallCraneRangeState == 0
-                      "
-                      class="alarmNormal alarmP"
-                    ></p>
-                    <!--                    <p class="alarmWarning alarmP"></p>-->
-                    <p
-                      v-if="
-                        gantryCraneOperationInfo.smallCraneRangeState == 1 ||
-                        gantryCraneOperationInfo.smallCraneRangeState == 2 ||
-                        gantryCraneOperationInfo.secondSmallCraneRangeState ==
-                          1 ||
-                        gantryCraneOperationInfo.secondSmallCraneRangeState == 2
-                      "
-                      class="alarmPolice alarmP"
-                    ></p>
-                  </div>
-                  <div class="alarmData_item">
-                    <p>
-                      <!-- 风速 -->
-                      {{ $t("message.dataBoard.windSpeed") }}
-                    </p>
-                    <p
-                      v-if="gantryCraneOperationInfo.windSpeedState == 0"
-                      class="alarmNormal alarmP"
-                    ></p>
-                    <p
-                      v-if="gantryCraneOperationInfo.windSpeedState == 1"
-                      class="alarmWarning alarmP"
-                    ></p>
-                    <p
-                      v-if="gantryCraneOperationInfo.windSpeedState == 2"
-                      class="alarmPolice alarmP"
-                    ></p>
-                  </div>
-                  <div class="alarmData_item">
-                    <p>
-                      <!-- 大车倾斜 -->
-                      {{ $t("message.dataBoard.smallCarList")[8] }}
-                    </p>
-                    <p
-                      v-if="
-                        gantryCraneOperationInfo.angleXState == 0 ||
-                        gantryCraneOperationInfo.angleYState == 0
-                      "
-                      class="alarmNormal alarmP"
-                    ></p>
-                    <p
-                      v-if="
-                        gantryCraneOperationInfo.angleXState == 1 ||
-                        gantryCraneOperationInfo.angleYState == 2
-                      "
-                      class="alarmWarning alarmP"
-                    ></p>
-                    <p
-                      v-if="
-                        gantryCraneOperationInfo.angleXState == 2 ||
-                        gantryCraneOperationInfo.angleYState == 2
-                      "
-                      class="alarmPolice alarmP"
-                    ></p>
-                  </div>
-                  <div class="alarmData_item">
-                    <p>
-                      <!-- 起吊超重 -->
-                      {{ $t("message.dataBoard.smallCarList")[9] }}
-                    </p>
-                    <p
-                      v-if="
-                        gantryCraneOperationInfo.mainHookWeightState == 0 ||
-                        gantryCraneOperationInfo.mainHookWeightState == 1 ||
-                        gantryCraneOperationInfo.mainHookWeightState == 2 ||
-                        gantryCraneOperationInfo.auxiliaryHookWeightState ==
-                          0 ||
-                        gantryCraneOperationInfo.auxiliaryHookWeightState ==
-                          1 ||
-                        gantryCraneOperationInfo.auxiliaryHookWeightState ==
-                          2 ||
-                        gantryCraneOperationInfo.secondMainHookWeightState ==
-                          0 ||
-                        gantryCraneOperationInfo.secondMainHookWeightState ==
-                          1 ||
-                        gantryCraneOperationInfo.secondMainHookWeightState ==
-                          2 ||
-                        gantryCraneOperationInfo.secondAuxiliaryHookWeightState ==
-                          0 ||
-                        gantryCraneOperationInfo.secondAuxiliaryHookWeightState ==
-                          1 ||
-                        gantryCraneOperationInfo.secondAuxiliaryHookWeightState ==
-                          2
-                      "
-                      class="alarmNormal alarmP"
-                    ></p>
-                    <p
-                      v-if="
-                        gantryCraneOperationInfo.mainHookWeightState == 3 ||
-                        gantryCraneOperationInfo.mainHookWeightState == 4 ||
-                        gantryCraneOperationInfo.auxiliaryHookWeightState ==
-                          3 ||
-                        gantryCraneOperationInfo.auxiliaryHookWeightState ==
-                          4 ||
-                        gantryCraneOperationInfo.secondMainHookWeightState ==
-                          3 ||
-                        gantryCraneOperationInfo.secondMainHookWeightState ==
-                          4 ||
-                        gantryCraneOperationInfo.secondAuxiliaryHookWeightState ==
-                          3 ||
-                        gantryCraneOperationInfo.secondAuxiliaryHookWeightState ==
-                          4
-                      "
-                      class="alarmWarning alarmP"
-                    ></p>
-                    <p
-                      v-if="
-                        gantryCraneOperationInfo.mainHookWeightState == 5 ||
-                        gantryCraneOperationInfo.mainHookWeightState == 6 ||
-                        gantryCraneOperationInfo.auxiliaryHookWeightState ==
-                          5 ||
-                        gantryCraneOperationInfo.auxiliaryHookWeightState ==
-                          6 ||
-                        gantryCraneOperationInfo.secondMainHookWeightState ==
-                          5 ||
-                        gantryCraneOperationInfo.secondMainHookWeightState ==
-                          6 ||
-                        gantryCraneOperationInfo.secondAuxiliaryHookWeightState ==
-                          5 ||
-                        gantryCraneOperationInfo.secondAuxiliaryHookWeightState ==
-                          6
-                      "
-                      class="alarmPolice alarmP"
-                    ></p>
-                  </div>
-                  <div class="alarmData_item">
-                    <p>
-                      <!-- 起吊高度超限 -->
-                      {{ $t("message.dataBoard.smallCarList")[10] }}
-                    </p>
-                    <p
-                      v-if="
-                        gantryCraneOperationInfo.mainHookHeightState == 0 ||
-                        gantryCraneOperationInfo.auxiliaryHookHeightState ==
-                          0 ||
-                        gantryCraneOperationInfo.secondMainHookHeightState ==
-                          0 ||
-                        gantryCraneOperationInfo.secondAuxiliaryHookHeightState ==
-                          0
-                      "
-                      class="alarmNormal alarmP"
-                    ></p>
-                    <!--                    <p class="alarmWarning alarmP"></p>-->
-                    <p
-                      v-if="
-                        gantryCraneOperationInfo.mainHookHeightState == 1 ||
-                        gantryCraneOperationInfo.auxiliaryHookHeightState ==
-                          1 ||
-                        gantryCraneOperationInfo.secondMainHookHeightState ==
-                          1 ||
-                        gantryCraneOperationInfo.secondAuxiliaryHookHeightState ==
-                          1
-                      "
-                      class="alarmPolice alarmP"
-                    ></p>
-                  </div>
-                  <div class="alarmData_item">
-                    <p>
-                      <!-- 机构碰撞 -->
-                      {{ $t("message.dataBoard.smallCarList")[11] }}
-                    </p>
-                    <p
-                      v-if="gantryCraneOperationInfo.largeCarSafeStatus == 0"
-                      class="alarmNormal alarmP"
-                    ></p>
-                    <!--                    <p  class="alarmWarning alarmP"></p>-->
-                    <p
-                      v-if="
-                        gantryCraneOperationInfo.largeCarSafeStatus == 1 ||
-                        gantryCraneOperationInfo.largeCarSafeStatus == 2
-                      "
-                      class="alarmPolice alarmP"
-                    ></p>
                   </div>
                 </div>
               </div>
             </div>
           </div>
-        </el-dialog>
-      </div>
-      <div v-if="company != 'henan' " class="fullHeight aside">
-        <div class="blockBox">
-          <!-- 人脸闸机 -->
-          <div class="blockTitle">
-            {{ $t("message.companyDiagram.ufaceDev") }}
-          </div>
-          <div class="blockContent">
-            <div class="devInfoBox">
-              <div class="item">
-                <img src="@/assets/images/dataBoard/uface.png" alt="" />
-                <div>
-                  <p class="num" style="color: #5181f6">
-                    {{ ufaceList.length }}
-                  </p>
-                  <p>
-                    <!-- 人脸闸机总数 -->
-                    {{ $t("message.dataBoard.ufaceDev") }}
-                  </p>
-                </div>
-              </div>
-              <div class="item">
-                <img src="@/assets/images/dataBoard/inpeople.png" alt="" />
-                <div>
-                  <p class="num" style="color: #f67f51">{{ ufaceInCount }}</p>
-                  <p>
-                    <!-- 今日进场人数 -->
-                    {{ $t("message.dataBoard.todayInPeople") }}
-                  </p>
-                </div>
-              </div>
-              <div class="list-box">
-                <vue-scroll>
-                  <div
-                    class="list-item"
-                    :class="item.deviceState == 2 ? 'offline' : 'online'"
-                    v-for="(item, index) in ufaceList"
-                    :key="index"
-                  >
-                    <span class="type" v-if="item.deviceState == 1">在线</span>
-                    <span class="type" v-else>离线</span>
-                    <p>{{ item.devName }}</p>
-                    <span class="inNum">进场人数:{{ item.inTotalNum }}</span>
-                    <span class="outNum">出场人数:{{ item.outTotalNum }}</span>
-                  </div>
-                </vue-scroll>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="blockBox">
-          <!-- AI分析 -->
-          <div class="blockTitle">
-            {{ $t("message.companyDiagram.AIAnalysis") }}
-          </div>
-          <div class="blockContent dataBoxContent">
-            <div
-              class="pieAnalyse2"
-              ref="pieAnalyse"
-              style="width: 100%; height: 60%"
-            ></div>
-            <img
-              class="image"
-              src="~@/assets/images/longguang/cutimage/AI_empty.png"
-              alt=""
-              v-show="!dangerAlarmTypeList.length"
-            />
-          </div>
-        </div>
-        <div class="blockBox">
-          <!-- 环境监测 -->
-          <div class="blockTitle">
-            {{ $t("message.companyDiagram.environmentMonitor") }}
-          </div>
-          <div class="blockContent">
-            <div class="devInfoBox">
-              <div class="item">
-                <img src="@/assets/images/dataBoard/online.jpg" alt="" />
-                <div>
-                  <p class="num" style="color: #5181f6">{{ onlineDevNum }}</p>
-                  <p>
-                    <!-- 在线设备 -->
-                    {{ $t("message.dataBoard.onlineDev") }}
-                  </p>
-                </div>
-              </div>
-              <div class="item">
-                <img src="@/assets/images/dataBoard/offline.jpg" alt="" />
-                <div>
-                  <p class="num" style="color: #f67f51">{{ offlineDevNum }}</p>
-                  <p>
-                    <!-- 离线设备 -->
-                    {{ $t("message.dataBoard.notOnlineDev") }}
-                  </p>
-                </div>
-              </div>
-              <div class="list-box">
-                <vue-scroll>
-                  <div
-                    class="list-item"
-                    :class="item.devOnline == 2 ? 'offline' : 'online'"
-                    v-for="(item, index) in environmentDevList"
-                    :key="index"
-                  >
-                    <span class="type" v-if="item.devOnline != 2">在线</span>
-                    <span class="type" v-else>离线</span>
-                    <p>{{ item.deviceName }}</p>
-                    <span class="alarm" v-if="item.alarmNum"
-                      >今日报警:{{ item.alarmNum }}</span
-                    >
-                    <span class="alarm" v-else>今日报警:0</span>
-                  </div>
-                </vue-scroll>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!-- 设备类型切换 -->
-      <div class="pointTabBox">
-        <ul>
-          <li
-            @click="
-              devType = item.id;
-              devTypeIndex = index;
-              showCarDialog2 = false;
-              getAllDevPointList();
-            "
-            v-for="(item, index) in devTypeList"
-            :key="index"
-            :class="{ active: devTypeIndex == index }"
-            v-if="
-              company == 'nanchang' || (company != 'nanchang' && item.id != 99)
-            "
+          <div
+            class="environBox pointDialog_s"
+            v-show="showCarDialog2"
+            :style="{
+              position: 'absolute',
+              left: carBoxPos.x,
+              top: carBoxPos.y,
+            }"
           >
-            {{ item.name }}
-          </li>
-        </ul>
-      </div>
+            <div class="title">
+              {{ carDetail.name }} -
+              <!-- 实时数据 -->{{ $t('message.dataBoard.realData') }}
+              <span class="closeBtn" @click="showCarDialog2 = false">
+                <i class="el-icon-close"></i>
+              </span>
+            </div>
+            <vue-scroll>
+              <div style="width: 330px; height: 230px">
+                <div
+                  class="carData"
+                  v-for="(item, index) in carList"
+                  :key="index"
+                >
+                  <img
+                    :src="$store.state.FILEURL + item.imageUrl"
+                    alt=""
+                    style="width: 65px; height: 65px"
+                  />
+                  <div class="carInfo">
+                    <div v-show="item.type === 0">
+                      {{ $t('message.dataBoard.inOrOutType')[0]
+                      }}<!-- 进出类型:进 -->
+                    </div>
+                    <!-- //进出类型 -->
+                    <div v-show="item.type === 1">
+                      {{ $t('message.dataBoard.inOrOutType')[1]
+                      }}<!-- 进出类型:出 -->
+                    </div>
+                    <!-- //进出类型 -->
+                    <div>
+                      {{ $t('message.dataBoard.carNo') + ':'
+                      }}{{ item.carNumber }}
+                    </div>
+                    <!-- //车牌号 -->
+                    <div>
+                      <!-- 通过时间: -->{{
+                        $t('message.dataBoard.passTime') + ':'
+                      }}{{ item.passTime }}
+                    </div>
+                    <!-- //时间 -->
+                  </div>
+                </div>
+              </div>
+            </vue-scroll>
+          </div>
+          <!--龙门吊-->
+          <!-- 龙门吊监测 -->
+          <el-dialog
+            class="dialog-wrapper"
+            @close="closeMap"
+            :title="$t('message.dataBoard.devTypeList')[8].name"
+            :visible.sync="showGantryCrane"
+            :modal-append-to-body="false"
+            width="95%"
+            top="0vh"
+          >
+            <div class="towerDialog pointDialog_l">
+              <i class="closeBtn el-icon-error" @click="closeTowerDialog"></i>
+              <div class="pointDialogContent">
+                <div class="showGantryCrane_top">
+                  <div class="showGantryCrane_top_left">
+                    <div class="operationInfo_towercrane">
+                      <img
+                        class="imgGantry"
+                        src="../../../projectLevel/assets/images/gantryCrane/gantry2.png"
+                      />
+                      <div ref="hookBox" class="hookBox">
+                        <!--                    imgHeight:0,//照片升降高度-->
+                        <!--                    hookLeft:0//divhook向左移动距离-->
+                        <div class="hook" :style="{ left: hookLeft + 'px' }">
+                          <img
+                            class="imgHead"
+                            ref="imgHead"
+                            src="../../../projectLevel/assets/images/gantryCrane/head.png"
+                            alt=""
+                          />
+                          <img
+                            :style="{ height: imgHeight + 45 + 'px' }"
+                            class="imgMid"
+                            src="../../../projectLevel/assets/images/gantryCrane/mid.png"
+                            alt=""
+                          />
+                          <img
+                            class="imgBottom"
+                            src="../../../projectLevel/assets/images/gantryCrane/bottom.png"
+                            alt=""
+                          />
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="showGantryCrane_top_right">
+                    <div class="driverInformationBox">
+                      <div class="driverInformationTitle">
+                        <!-- 司机信息 -->{{
+                          $t('message.dataBoard.driverInfo2')
+                        }}
+                      </div>
+                      <div class="driverInformation">
+                        <div class="driverInformationName">
+                          {{ $t('message.dataBoard.name') + ':'
+                          }}<!-- 姓名： -->{{
+                            gantryCraneOperationInfo.driverName
+                          }}
+                        </div>
+                        <div class="driverInformationIDCard">
+                          {{ $t('message.dataBoard.gender') + ':'
+                          }}<!-- 性别： -->{{
+                            getInfo(gantryCraneOperationInfo.driverIdCard)
+                              .sex == '- -'
+                              ? '- -'
+                              : getInfo(gantryCraneOperationInfo.driverIdCard)
+                                  .sex == 1
+                              ? '男'
+                              : '女'
+                          }}
+                        </div>
+                        <div class="driverInformationName">
+                          {{ $t('message.dataBoard.idCardNo') + ':'
+                          }}<!-- 身份证号： -->{{
+                            gantryCraneOperationInfo.driverIdCard
+                              ? gantryCraneOperationInfo.driverIdCard
+                              : '- -'
+                          }}
+                        </div>
+                        <div class="driverInformationAge">
+                          {{ $t('message.dataBoard.age') + ':'
+                          }}<!-- 年龄： -->{{
+                            getInfo(gantryCraneOperationInfo.driverIdCard).age
+                          }}
+                        </div>
+                        <!--                      <div class="driverInformationWorkingYears">工作年限：3</div>-->
+                      </div>
+                    </div>
+                    <div class="equipmentInformationBox">
+                      <div class="equipmentInformationTitle">
+                        <!-- 设备信息 -->
+                        {{ $t('message.dataBoard.devInfo') }}
+                      </div>
+                      <div class="equipmentInformation">
+                        <div class="equipmentInformationName">
+                          <!-- 设备名称： -->{{
+                            $t('message.dataBoard.devName2') + ':'
+                          }}{{ gantryCraneInfo.devName }}
+                        </div>
+                        <div class="equipmentInformationQualified">
+                          <!-- 出厂日期： -->
+                          {{ $t('message.dataBoard.dateOfProduction') + ':' }}
+                          {{ transformTimestamp(gantryCraneInfo.factoryTime) }}
+                        </div>
+                        <div class="equipmentInformationRegister">
+                          <!-- 安装时间： -->
+                          {{ $t('message.dataBoard.installTime') + ':' }}
+                          {{
+                            transformTimestamp(gantryCraneInfo.installationTime)
+                          }}
+                        </div>
+                        <div class="equipmentInformationWidth">
+                          <!-- 额定跨度： -->
+                          {{ $t('message.dataBoard.ratedSpan') + ':' }}
+                          {{ gantryCraneInfo.ratedSpan }},
+                        </div>
+                        <div class="equipmentInformationHeight">
+                          <!-- 额定高度： -->
+                          {{ $t('message.dataBoard.rateHeight') + ':' }}
+                          {{ gantryCraneInfo.ratedHeight }}m
+                        </div>
+                        <div class="equipmentInformationWeight">
+                          <!-- 额定吊重 -->
+                          {{ $t('message.dataBoard.rateWeight') + ':' }}
+                        </div>
+                        <div class="liftingWeight">
+                          <div class="MainHook1">
+                            <!-- 小车1主钩： -->{{
+                              $t('message.dataBoard.smallCarList')[0] + ':'
+                            }}{{ gantryCraneInfo.mainHangerRatedLoad }}t
+                          </div>
+                          <div class="AuxiliaryHook1">
+                            {{ $t('message.dataBoard.smallCarList')[1] + ':'
+                            }}<!-- 小车1副钩： -->{{
+                              gantryCraneInfo.auxiliaryHangerRatedLoad
+                                ? gantryCraneInfo.auxiliaryHangerRatedLoad
+                                : '- -'
+                            }}t
+                          </div>
+                          <div class="MainHook2">
+                            {{ $t('message.dataBoard.smallCarList')[2] + ':'
+                            }}<!-- 小车2主钩： -->{{
+                              gantryCraneInfo.secondMainHangerRatedLoad
+                                ? gantryCraneInfo.secondMainHangerRatedLoad
+                                : '- -'
+                            }}t
+                          </div>
+                          <div class="AuxiliaryHook2">
+                            {{ $t('message.dataBoard.smallCarList')[3] + ':'
+                            }}<!-- 小车2副钩： -->{{
+                              gantryCraneInfo.secondAuxiliaryHangerRatedLoad
+                                ? gantryCraneInfo.secondAuxiliaryHangerRatedLoad
+                                : '- -'
+                            }}t
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="showGantryCrane_bottom">
+                  <div class="operationData">
+                    <div class="operationData_item">
+                      <p>
+                        <!-- 风速 -->
+                        {{ $t('message.dataBoard.windSpeed') }}
+                      </p>
+                      <p>
+                        {{
+                          gantryCraneOperationInfo.windSpeed
+                            ? gantryCraneOperationInfo.windSpeed
+                            : '- -'
+                        }}m/s
+                      </p>
+                    </div>
+                    <div class="operationData_item">
+                      <p><!-- 倾斜 -->{{ $t('message.dataBoard.incline') }}X</p>
+                      <p>
+                        {{
+                          gantryCraneOperationInfo.angleXAxis !== ''
+                            ? gantryCraneOperationInfo.angleXAxis
+                            : '- -'
+                        }}°
+                      </p>
+                    </div>
+                    <div class="operationData_item">
+                      <p><!-- 倾斜 -->{{ $t('message.dataBoard.incline') }}Y</p>
+                      <p>
+                        {{
+                          gantryCraneOperationInfo.angleYAxis !== ''
+                            ? gantryCraneOperationInfo.angleYAxis
+                            : '- -'
+                        }}°
+                      </p>
+                    </div>
+                    <div class="operationData_item">
+                      <p>
+                        <!-- 小车位置 -->
+                        {{ $t('message.dataBoard.smallCarLocation') }}
+                      </p>
+                      <p>
+                        {{
+                          gantryCraneOperationInfo.smallCraneRange
+                            ? gantryCraneOperationInfo.smallCraneRange
+                            : '- -'
+                        }}m
+                      </p>
+                    </div>
+                    <div class="operationData_item">
+                      <p>
+                        <!-- 小车1主钩位置 -->
+                        {{ $t('message.dataBoard.smallCarList')[4] }}
+                      </p>
+                      <p>
+                        {{
+                          gantryCraneOperationInfo.smallCraneMainHookHeight
+                            ? gantryCraneOperationInfo.smallCraneMainHookHeight
+                            : '- -'
+                        }}m
+                      </p>
+                    </div>
+                    <div class="operationData_item">
+                      <p>
+                        <!-- 小车1主钩吊重 -->
+                        {{ $t('message.dataBoard.smallCarList')[5] }}
+                      </p>
+                      <p>
+                        {{
+                          gantryCraneOperationInfo.smallCraneMainHookLoad
+                            ? gantryCraneOperationInfo.smallCraneMainHookLoad
+                            : '- -'
+                        }}t
+                      </p>
+                    </div>
+                  </div>
+                  <div class="alarmData">
+                    <div class="alarmData_item">
+                      <p>
+                        <!-- 大车行程超限 -->
+                        {{ $t('message.dataBoard.smallCarList')[6] }}
+                      </p>
+                      <p
+                        v-if="
+                          gantryCraneOperationInfo.largeCraneDistanceState == 0
+                        "
+                        class="alarmNormal alarmP"
+                      ></p>
+                      <p
+                        v-if="
+                          gantryCraneOperationInfo.largeCraneDistanceState ==
+                            1 ||
+                          gantryCraneOperationInfo.largeCraneDistanceState == 2
+                        "
+                        class="alarmWarning alarmP"
+                      ></p>
+                      <p
+                        v-if="
+                          gantryCraneOperationInfo.largeCraneDistanceState ==
+                            3 ||
+                          gantryCraneOperationInfo.largeCraneDistanceState == 4
+                        "
+                        class="alarmPolice alarmP"
+                      ></p>
+                    </div>
+                    <div class="alarmData_item">
+                      <p>
+                        <!-- 小车行程超限 -->
+                        {{ $t('message.dataBoard.smallCarList')[7] }}
+                      </p>
+                      <p
+                        v-if="
+                          gantryCraneOperationInfo.smallCraneRangeState == 0 ||
+                          gantryCraneOperationInfo.secondSmallCraneRangeState ==
+                            0
+                        "
+                        class="alarmNormal alarmP"
+                      ></p>
+                      <!--                    <p class="alarmWarning alarmP"></p>-->
+                      <p
+                        v-if="
+                          gantryCraneOperationInfo.smallCraneRangeState == 1 ||
+                          gantryCraneOperationInfo.smallCraneRangeState == 2 ||
+                          gantryCraneOperationInfo.secondSmallCraneRangeState ==
+                            1 ||
+                          gantryCraneOperationInfo.secondSmallCraneRangeState ==
+                            2
+                        "
+                        class="alarmPolice alarmP"
+                      ></p>
+                    </div>
+                    <div class="alarmData_item">
+                      <p>
+                        <!-- 风速 -->
+                        {{ $t('message.dataBoard.windSpeed') }}
+                      </p>
+                      <p
+                        v-if="gantryCraneOperationInfo.windSpeedState == 0"
+                        class="alarmNormal alarmP"
+                      ></p>
+                      <p
+                        v-if="gantryCraneOperationInfo.windSpeedState == 1"
+                        class="alarmWarning alarmP"
+                      ></p>
+                      <p
+                        v-if="gantryCraneOperationInfo.windSpeedState == 2"
+                        class="alarmPolice alarmP"
+                      ></p>
+                    </div>
+                    <div class="alarmData_item">
+                      <p>
+                        <!-- 大车倾斜 -->
+                        {{ $t('message.dataBoard.smallCarList')[8] }}
+                      </p>
+                      <p
+                        v-if="
+                          gantryCraneOperationInfo.angleXState == 0 ||
+                          gantryCraneOperationInfo.angleYState == 0
+                        "
+                        class="alarmNormal alarmP"
+                      ></p>
+                      <p
+                        v-if="
+                          gantryCraneOperationInfo.angleXState == 1 ||
+                          gantryCraneOperationInfo.angleYState == 2
+                        "
+                        class="alarmWarning alarmP"
+                      ></p>
+                      <p
+                        v-if="
+                          gantryCraneOperationInfo.angleXState == 2 ||
+                          gantryCraneOperationInfo.angleYState == 2
+                        "
+                        class="alarmPolice alarmP"
+                      ></p>
+                    </div>
+                    <div class="alarmData_item">
+                      <p>
+                        <!-- 起吊超重 -->
+                        {{ $t('message.dataBoard.smallCarList')[9] }}
+                      </p>
+                      <p
+                        v-if="
+                          gantryCraneOperationInfo.mainHookWeightState == 0 ||
+                          gantryCraneOperationInfo.mainHookWeightState == 1 ||
+                          gantryCraneOperationInfo.mainHookWeightState == 2 ||
+                          gantryCraneOperationInfo.auxiliaryHookWeightState ==
+                            0 ||
+                          gantryCraneOperationInfo.auxiliaryHookWeightState ==
+                            1 ||
+                          gantryCraneOperationInfo.auxiliaryHookWeightState ==
+                            2 ||
+                          gantryCraneOperationInfo.secondMainHookWeightState ==
+                            0 ||
+                          gantryCraneOperationInfo.secondMainHookWeightState ==
+                            1 ||
+                          gantryCraneOperationInfo.secondMainHookWeightState ==
+                            2 ||
+                          gantryCraneOperationInfo.secondAuxiliaryHookWeightState ==
+                            0 ||
+                          gantryCraneOperationInfo.secondAuxiliaryHookWeightState ==
+                            1 ||
+                          gantryCraneOperationInfo.secondAuxiliaryHookWeightState ==
+                            2
+                        "
+                        class="alarmNormal alarmP"
+                      ></p>
+                      <p
+                        v-if="
+                          gantryCraneOperationInfo.mainHookWeightState == 3 ||
+                          gantryCraneOperationInfo.mainHookWeightState == 4 ||
+                          gantryCraneOperationInfo.auxiliaryHookWeightState ==
+                            3 ||
+                          gantryCraneOperationInfo.auxiliaryHookWeightState ==
+                            4 ||
+                          gantryCraneOperationInfo.secondMainHookWeightState ==
+                            3 ||
+                          gantryCraneOperationInfo.secondMainHookWeightState ==
+                            4 ||
+                          gantryCraneOperationInfo.secondAuxiliaryHookWeightState ==
+                            3 ||
+                          gantryCraneOperationInfo.secondAuxiliaryHookWeightState ==
+                            4
+                        "
+                        class="alarmWarning alarmP"
+                      ></p>
+                      <p
+                        v-if="
+                          gantryCraneOperationInfo.mainHookWeightState == 5 ||
+                          gantryCraneOperationInfo.mainHookWeightState == 6 ||
+                          gantryCraneOperationInfo.auxiliaryHookWeightState ==
+                            5 ||
+                          gantryCraneOperationInfo.auxiliaryHookWeightState ==
+                            6 ||
+                          gantryCraneOperationInfo.secondMainHookWeightState ==
+                            5 ||
+                          gantryCraneOperationInfo.secondMainHookWeightState ==
+                            6 ||
+                          gantryCraneOperationInfo.secondAuxiliaryHookWeightState ==
+                            5 ||
+                          gantryCraneOperationInfo.secondAuxiliaryHookWeightState ==
+                            6
+                        "
+                        class="alarmPolice alarmP"
+                      ></p>
+                    </div>
+                    <div class="alarmData_item">
+                      <p>
+                        <!-- 起吊高度超限 -->
+                        {{ $t('message.dataBoard.smallCarList')[10] }}
+                      </p>
+                      <p
+                        v-if="
+                          gantryCraneOperationInfo.mainHookHeightState == 0 ||
+                          gantryCraneOperationInfo.auxiliaryHookHeightState ==
+                            0 ||
+                          gantryCraneOperationInfo.secondMainHookHeightState ==
+                            0 ||
+                          gantryCraneOperationInfo.secondAuxiliaryHookHeightState ==
+                            0
+                        "
+                        class="alarmNormal alarmP"
+                      ></p>
+                      <!--                    <p class="alarmWarning alarmP"></p>-->
+                      <p
+                        v-if="
+                          gantryCraneOperationInfo.mainHookHeightState == 1 ||
+                          gantryCraneOperationInfo.auxiliaryHookHeightState ==
+                            1 ||
+                          gantryCraneOperationInfo.secondMainHookHeightState ==
+                            1 ||
+                          gantryCraneOperationInfo.secondAuxiliaryHookHeightState ==
+                            1
+                        "
+                        class="alarmPolice alarmP"
+                      ></p>
+                    </div>
+                    <div class="alarmData_item">
+                      <p>
+                        <!-- 机构碰撞 -->
+                        {{ $t('message.dataBoard.smallCarList')[11] }}
+                      </p>
+                      <p
+                        v-if="gantryCraneOperationInfo.largeCarSafeStatus == 0"
+                        class="alarmNormal alarmP"
+                      ></p>
+                      <!--                    <p  class="alarmWarning alarmP"></p>-->
+                      <p
+                        v-if="
+                          gantryCraneOperationInfo.largeCarSafeStatus == 1 ||
+                          gantryCraneOperationInfo.largeCarSafeStatus == 2
+                        "
+                        class="alarmPolice alarmP"
+                      ></p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </el-dialog>
+        </div>
+        <div v-if="company != 'henan'" class="fullHeight aside">
+          <div class="blockBox">
+            <!-- 人脸闸机 -->
+            <div class="blockTitle">
+              {{ $t('message.companyDiagram.ufaceDev') }}
+            </div>
+            <div class="blockContent">
+              <div class="devInfoBox">
+                <div class="item">
+                  <img src="@/assets/images/dataBoard/uface.png" alt="" />
+                  <div>
+                    <p class="num" style="color: #5181f6">
+                      {{ ufaceList.length }}
+                    </p>
+                    <p>
+                      <!-- 人脸闸机总数 -->
+                      {{ $t('message.dataBoard.ufaceDev') }}
+                    </p>
+                  </div>
+                </div>
+                <div class="item">
+                  <img src="@/assets/images/dataBoard/inpeople.png" alt="" />
+                  <div>
+                    <p class="num" style="color: #f67f51">{{ ufaceInCount }}</p>
+                    <p>
+                      <!-- 今日进场人数 -->
+                      {{ $t('message.dataBoard.todayInPeople') }}
+                    </p>
+                  </div>
+                </div>
+                <div class="list-box">
+                  <vue-scroll>
+                    <div
+                      class="list-item"
+                      :class="item.deviceState == 2 ? 'offline' : 'online'"
+                      v-for="(item, index) in ufaceList"
+                      :key="index"
+                    >
+                      <span class="type" v-if="item.deviceState == 1"
+                        >在线</span
+                      >
+                      <span class="type" v-else>离线</span>
+                      <p>{{ item.devName }}</p>
+                      <span class="inNum">进场人数:{{ item.inTotalNum }}</span>
+                      <span class="outNum"
+                        >出场人数:{{ item.outTotalNum }}</span
+                      >
+                    </div>
+                  </vue-scroll>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="blockBox">
+            <!-- AI分析 -->
+            <div class="blockTitle">
+              {{ $t('message.companyDiagram.AIAnalysis') }}
+            </div>
+            <div class="blockContent dataBoxContent">
+              <div
+                class="pieAnalyse2"
+                ref="pieAnalyse"
+                style="width: 100%; height: 60%"
+              ></div>
+              <img
+                class="image"
+                src="~@/assets/images/longguang/cutimage/AI_empty.png"
+                alt=""
+                v-show="!dangerAlarmTypeList.length"
+              />
+            </div>
+          </div>
+          <div class="blockBox">
+            <!-- 环境监测 -->
+            <div class="blockTitle">
+              {{ $t('message.companyDiagram.environmentMonitor') }}
+            </div>
+            <div class="blockContent">
+              <div class="devInfoBox">
+                <div class="item">
+                  <img src="@/assets/images/dataBoard/online.jpg" alt="" />
+                  <div>
+                    <p class="num" style="color: #5181f6">{{ onlineDevNum }}</p>
+                    <p>
+                      <!-- 在线设备 -->
+                      {{ $t('message.dataBoard.onlineDev') }}
+                    </p>
+                  </div>
+                </div>
+                <div class="item">
+                  <img src="@/assets/images/dataBoard/offline.jpg" alt="" />
+                  <div>
+                    <p class="num" style="color: #f67f51">
+                      {{ offlineDevNum }}
+                    </p>
+                    <p>
+                      <!-- 离线设备 -->
+                      {{ $t('message.dataBoard.notOnlineDev') }}
+                    </p>
+                  </div>
+                </div>
+                <div class="list-box">
+                  <vue-scroll>
+                    <div
+                      class="list-item"
+                      :class="item.devOnline == 2 ? 'offline' : 'online'"
+                      v-for="(item, index) in environmentDevList"
+                      :key="index"
+                    >
+                      <span class="type" v-if="item.devOnline != 2">在线</span>
+                      <span class="type" v-else>离线</span>
+                      <p>{{ item.deviceName }}</p>
+                      <span class="alarm" v-if="item.alarmNum"
+                        >今日报警:{{ item.alarmNum }}</span
+                      >
+                      <span class="alarm" v-else>今日报警:0</span>
+                    </div>
+                  </vue-scroll>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- 设备类型切换 -->
+        <div class="pointTabBox">
+          <ul>
+            <li
+              @click="
+                devType = item.id
+                devTypeIndex = index
+                showCarDialog2 = false
+                getAllDevPointList()
+              "
+              v-for="(item, index) in devTypeList"
+              :key="index"
+              :class="{ active: devTypeIndex == index }"
+              v-if="
+                company == 'nanchang' ||
+                (company != 'nanchang' && item.id != 99)
+              "
+            >
+              {{ item.name }}
+            </li>
+          </ul>
+        </div>
+      </template>
+      <template v-else>
+        <img src="@/assets/images/dataBoard/wisdomBuild/tab2.png" style="width: 100%;margin-top: 10px" alt="">
+      </template>
     </div>
     <div class="placeholderBox placeholderBox2" v-else>
       <img src="@/assets/images/noData3.png" alt="" srcset="" />
       <p>
         <!-- 暂无数据，请去项目基本信息上传图纸 -->
-        {{ $t("message.dataBoard.smallCarList")[12] }}
+        {{ $t('message.dataBoard.smallCarList')[12] }}
       </p>
     </div>
   </div>
@@ -3204,6 +3305,8 @@ export default {
   components: { areaTree, videoModule },
   data() {
     return {
+      // 当前激活的tabsItem
+      activeItem: 0,
       countDownTime: null,
       countDown: 5, //倒计时
       company: "",
@@ -3405,8 +3508,8 @@ export default {
     this.countBoxSize();
   },
   computed: {
-    changVideoSize() {},
-    closeVideo() {},
+    changVideoSize() { },
+    closeVideo() { },
     transformTimestamp() {
       return function (timestamp) {
         let a = new Date(timestamp).getTime();
@@ -3515,8 +3618,10 @@ export default {
     clearInterval(this.timer1);
   },
   methods: {
-    /** 初始化地图Echarts TODO: */
-    initMapEcharts() {},
+    /** tabItem点击操作 */
+    tabClick(index) {
+      this.activeItem = index;
+    },
     // 计算点位的缩小比
     countBoxSize() {
       this.$nextTick(() => {
@@ -3709,7 +3814,7 @@ export default {
             .line(
               (item.relatedX - this.minX).toFixed(2),
               Number((Number(item.relatedY) - this.minY).toFixed(2)) +
-                Number(item.posteriorArmLength),
+              Number(item.posteriorArmLength),
               (item.relatedX - this.minX).toFixed(2),
               (item.relatedY - this.minY - item.forearmLength).toFixed(2)
             )
@@ -3750,7 +3855,7 @@ export default {
             .text(
               (Number(item.relatedX) - this.minX).toFixed(2) - 6,
               (Number(item.relatedY) - this.minY).toFixed(2) -
-                item.forearmLength / 2,
+              item.forearmLength / 2,
               [
                 this.$t("message.dataBoard.forearmLong") + ":",
                 item.forearmLength ? item.forearmLength : "0",
@@ -4278,7 +4383,7 @@ export default {
             );
             if (
               this.gantryCraneInfo.ratedSpan <
-                res.result.smallCraneMainHookHeight ||
+              res.result.smallCraneMainHookHeight ||
               res.result.smallCraneMainHookHeight < 0
             ) {
               // 当前高度参数错误
@@ -4367,7 +4472,7 @@ export default {
       // 获取设备信息
       selectDevCoordinateListApi(data).then((res) => {
         console.log('res: ', res);
-        
+
         this.pointList = res.result;
         console.log(res.result);
         // [
@@ -4848,7 +4953,6 @@ img {
   object-fit: cover;
 }
 
-
 .carData {
   display: flex;
   margin: 7px;
@@ -5153,13 +5257,40 @@ img {
     width: 47%;
   }
 }
+
 .digitalSitePage {
   position: relative;
   width: 100%;
 }
+
+.digitalSitePage .tabs {
+  position: absolute;
+  top: -40px;
+  left: 50%;
+  z-index: 999;
+  transform: translateX(-50%);
+  text-align: center;
+}
+
+.tabs .tabs-item {
+  display: inline-block;
+  width: 95px;
+  height: 40px;
+  line-height: 40px;
+  color: #6ce9f0;
+  font-weight: bold;
+  background-image: url('../../../../assets/images/dataBoard/wisdomBuild/tabs-item.png');
+  background-size: 100% 100%;
+  &.active {
+    color: #fff;
+    background-image: url('../../../../assets/images/dataBoard/wisdomBuild/tabs-item-active.png');
+    background-size: 100% 100%;
+  }
+}
+
 .mapContent {
   width: calc(54% - 60px);
-  height: calc(100% - 100px);
+  height: calc(100% - 140px);
   text-align: center;
   float: left;
   position: relative;
@@ -5178,7 +5309,7 @@ img {
   position: absolute;
   bottom: 30px;
   left: 50%;
-  transform: translate(-50%);
+  transform: translateX(-50%);
   ul {
     width: 700px;
     display: flex;
@@ -5189,7 +5320,7 @@ img {
     margin-bottom: 15px;
     width: 120px;
     height: 39px;
-    background-image: url("../../../../assets/images/dataBoard/wisdomBuild/menu.png");
+    background-image: url('../../../../assets/images/dataBoard/wisdomBuild/menu.png');
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -5200,7 +5331,7 @@ img {
       margin-right: 0;
     }
     &.active {
-      background-image: url("../../../../assets/images/dataBoard/wisdomBuild/menu.png");
+      background-image: url('../../../../assets/images/dataBoard/wisdomBuild/menu-active.png');
       color: #fff;
     }
   }
@@ -5827,10 +5958,10 @@ img {
 .dataBoardPage_blue {
   .pointTabBox {
     li {
-      background-image: url("../../../../assets/images/dataBoard/blueTheme/tabBG.png");
+      background-image: url('../../../../assets/images/dataBoard/blueTheme/tabBG.png');
       color: rgba(255, 255, 254, 0.8);
       &.active {
-        background-image: url("../../../../assets/images/dataBoard/blueTheme/tabBG-active.png");
+        background-image: url('../../../../assets/images/dataBoard/blueTheme/tabBG-active.png');
         color: #ffffff;
       }
     }
@@ -5850,10 +5981,10 @@ img {
 .dataBoardPage_blue2 {
   .pointTabBox {
     li {
-      background-image: url("../../../../assets/images/dataBoard/blueTheme2/tabBG.png");
+      background-image: url('../../../../assets/images/dataBoard/blueTheme2/tabBG.png');
       color: rgba(255, 255, 254, 0.8);
       &.active {
-        background-image: url("../../../../assets/images/dataBoard/blueTheme2/tabBG-active.png");
+        background-image: url('../../../../assets/images/dataBoard/blueTheme2/tabBG-active.png');
         color: #ffffff;
       }
     }
@@ -5892,11 +6023,11 @@ img {
   width: 100%;
   position: relative;
   &::after {
-    content: "";
+    content: '';
     position: absolute;
     width: 100%;
     height: 100%;
-    background-image: url("../../../../assets/images/dataBoard/blockBG.png");
+    background-image: url('../../../../assets/images/dataBoard/blockBG.png');
     background-position: bottom center;
     background-repeat: no-repeat;
     background-size: 100% 100%;
@@ -5997,7 +6128,7 @@ img {
           }
         }
         .online {
-          background-color: #0a2124;
+          background-color: #07609a;
           .type {
             display: inline-block;
             width: 50px;
@@ -6015,7 +6146,7 @@ img {
           }
         }
         .offline {
-          background-color: #121a21;
+          background-color: #0f5795;
           .type {
             display: inline-block;
             width: 50px;
@@ -6046,7 +6177,7 @@ img {
   color: #ffffff !important;
   font-weight: normal !important;
   &::before {
-    content: "";
+    content: '';
     display: inline-block;
     background-color: #fff;
     width: 3px;
@@ -6057,5 +6188,4 @@ img {
     background-image: linear-gradient(#0054dd, #27a3e2);
   }
 }
-
 </style>