From 8a01cf38566c3bcac6c2db03051eae17fdc315e2 Mon Sep 17 00:00:00 2001
From: haha <lj7788@126.com>
Date: Mon, 5 May 2025 20:12:53 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=B5=8E=E5=B7=A5?=
 =?UTF-8?q?=E7=BD=91=E8=80=83=E5=8B=A4=E7=B3=BB=E7=BB=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../mapper/manage/ProCostOutputMapper.xml     | 20 +++++++++----------
 .../yanzhu/job/task/AttendanceJgwTask.java    | 12 +++++------
 .../job/QuartzProjectAttendanceDataMapper.xml | 10 ++++++----
 .../job/QuartzProjectAttendanceUserMapper.xml | 10 ++++++----
 .../mapper/job/SysApplyConfigMapper.xml       |  6 +++---
 .../src/views/manage/attendance_cfg/index.vue | 12 ++++++++---
 6 files changed, 40 insertions(+), 30 deletions(-)

diff --git a/yanzhu-common/yanzhu-common-mapper/src/main/resources/mapper/manage/ProCostOutputMapper.xml b/yanzhu-common/yanzhu-common-mapper/src/main/resources/mapper/manage/ProCostOutputMapper.xml
index 17f5cce6..c21ef8e9 100644
--- a/yanzhu-common/yanzhu-common-mapper/src/main/resources/mapper/manage/ProCostOutputMapper.xml
+++ b/yanzhu-common/yanzhu-common-mapper/src/main/resources/mapper/manage/ProCostOutputMapper.xml
@@ -347,32 +347,32 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
     <select id="groupBYProject" parameterType="ProCostOutput" resultMap="ProCostOutputResult">
         select  x.id,x.remark,x.money,y.money money2,x.month from (
         select a.dict_value id,  a.dict_label remark,sum(b.money) money,count(a.id) month ,'总投资' cost_type from (                                                                                                                                                           SELECT a.id,c.dict_label,c.dict_value
-        FROM sur_project a,sys_dict_data c
-        where a.isDel=0
+        FROM pro_project_info a,sys_dict_data c
+        where a.is_Del=0
         <if test="costType==1">
-            and a.projectType=c.dict_value and c.dict_type='project_category'
+            and a.project_type=c.dict_value and c.dict_type='project_category'
         </if>
         <if test="costType==2">
-            and a.projiectLevel=c.dict_value and c.dict_type='project_level'
+            and a.project_level=c.dict_value and c.dict_type='project_level'
         </if>
         <if test="id!=null and id>0"> and a.deptId = #{id}</if>
         ) a
-        left join (select  project_id,money from sur_project_cost_output where cost_type=1) b on a.id=b.project_id
+        left join (select  project_id,money from pro_cost_output where cost_type=1) b on a.id=b.project_id
         group by a.dict_value,a.dict_label ) x,
         (
         select a.dict_value id,  a.dict_label remark,sum(b.money) money,count(a.id) month ,'年度' cost_type from (
         SELECT a.id,c.dict_label,c.dict_value
-        FROM sur_project a,sys_dict_data c
-        where a.isDel=0
+        FROM pro_project_info a,sys_dict_data c
+        where a.is_Del=0
         <if test="costType==1">
-            and a.projectType=c.dict_value and c.dict_type='project_category'
+            and a.project_type=c.dict_value and c.dict_type='project_category'
         </if>
         <if test="costType==2">
-            and a.projiectLevel=c.dict_value and c.dict_type='project_level'
+            and a.project_level=c.dict_value and c.dict_type='project_level'
         </if>
         <if test="id!=null and id>0"> and a.deptId = #{id}</if>
         ) a
-        left join (select  project_id,money from sur_project_cost_output where cost_type=2 and year=#{year}) b on a.id=b.project_id
+        left join (select  project_id,money from pro_cost_output where cost_type=2 and year=#{year}) b on a.id=b.project_id
         group by a.dict_value,a.dict_label
         )y where x.id=y.id
     </select>
diff --git a/yanzhu-modules/yanzhu-job/src/main/java/com/yanzhu/job/task/AttendanceJgwTask.java b/yanzhu-modules/yanzhu-job/src/main/java/com/yanzhu/job/task/AttendanceJgwTask.java
index 6760218a..4163d2da 100644
--- a/yanzhu-modules/yanzhu-job/src/main/java/com/yanzhu/job/task/AttendanceJgwTask.java
+++ b/yanzhu-modules/yanzhu-job/src/main/java/com/yanzhu/job/task/AttendanceJgwTask.java
@@ -425,7 +425,7 @@ public class AttendanceJgwTask {
         String filePath= resourcesConfig.getUploadPath();
         try {
             String name=FileUtil.getName(photo);
-           return "/jgw"+FileUtils.writeBytes(buffer, filePath+"/jgw",name);
+           return "/jgw/"+FileUtils.writeBytes(buffer, filePath+"/jgw",name);
         }catch (Exception ex){
             return  "";
         }
@@ -827,7 +827,7 @@ public class AttendanceJgwTask {
     private void doSyncWorker(JSONObject jo, long startId, QuartzProjectAttendanceCfg it) {
         String appId=jo.getString("appId");
         String token=jo.getString("token");
-        String projectId=jo.getString("projectId");
+        String projectId=jo.getString("appProjectId");
         String path="/webapi/project/findAddWorkerByProject";
         String time = System.currentTimeMillis() + "";
         String url=host+path+"?appId=" + appId + "&tokenSign=" + token +"&timestamp=" + time;
@@ -913,7 +913,7 @@ public class AttendanceJgwTask {
     private void doSyncProContractor(JSONObject jo, long startId, QuartzProjectAttendanceCfg it) {
         String appId=jo.getString("appId");
         String token=jo.getString("token");
-        String projectId=jo.getString("projectId");
+        String projectId=jo.getString("appProjectId");
         String path="/webapi/project/findProContractorByProjectId";
         String time = System.currentTimeMillis() + "";
         String url=host+path+"?appId=" + appId + "&tokenSign=" + token +"&timestamp=" + time;
@@ -972,7 +972,7 @@ public class AttendanceJgwTask {
     private void doSyncDirectlyUnderGroup(JSONObject jo, long startId, QuartzProjectAttendanceCfg it) {
         String appId=jo.getString("appId");
         String token=jo.getString("token");
-        String projectId=jo.getString("projectId");
+        String projectId=jo.getString("appProjectId");
         String phone=jo.getString("phone");
         String subcontractorId=getSubcontractor(appId,token,phone);
         String path="/webapi/project/findDirectlyUnderTeam";
@@ -1031,7 +1031,7 @@ public class AttendanceJgwTask {
     private void doSyncGroup(JSONObject jo, long startId, QuartzProjectAttendanceCfg it) {
         String appId=jo.getString("appId");
         String token=jo.getString("token");
-        String projectId=jo.getString("projectId");
+        String projectId=jo.getString("appProjectId");
         String path="/webapi/project/findTeamByProjectId";
         String time = System.currentTimeMillis() + "";
         String url=host+path+"?appId=" + appId + "&tokenSign=" + token +"&timestamp=" + time;
@@ -1134,7 +1134,7 @@ public class AttendanceJgwTask {
     private void doSyncAttendanceData(JSONObject jo, String startId, QuartzProjectAttendanceCfg it) {
         String appId=jo.getString("appId");
         String token=jo.getString("token");
-        String projectId=jo.getString("projectId");
+        String projectId=jo.getString("appProjectId");
         String startTime=jo.getString("startTime");
         String endTime=jo.getString("endTime");
         String path="/webapi/project/findAttendanceByProject";
diff --git a/yanzhu-modules/yanzhu-job/src/main/resources/mapper/job/QuartzProjectAttendanceDataMapper.xml b/yanzhu-modules/yanzhu-job/src/main/resources/mapper/job/QuartzProjectAttendanceDataMapper.xml
index 4dca9357..97b29be6 100644
--- a/yanzhu-modules/yanzhu-job/src/main/resources/mapper/job/QuartzProjectAttendanceDataMapper.xml
+++ b/yanzhu-modules/yanzhu-job/src/main/resources/mapper/job/QuartzProjectAttendanceDataMapper.xml
@@ -409,6 +409,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
         <if test="subDeptId!=null and subDeptId>0">
             and sp.dis_dept_id=#{subDeptId}
         </if>
+        <if test='proType != null and proType != "" and proType != "0"'> and sp.project_Type = #{proType}</if>
         <if test="prjIds !=null and prjIds.size()>0">
             and c.project_id in
             <foreach collection="prjIds"  item="item" index="index" open="(" close=")" separator=",">
@@ -451,7 +452,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
 
     <select id="todayAttendance" parameterType="QuartzProjectAttendanceData" resultMap="SurProjectAttendanceDataResult">
         select ady.* from sur_project_attendance_data_${year} ady
-        left join sur_project sp on sp.id = ady.projectId
+        left join pro_project_info sp on sp.id = ady.projectId
         where sp.is_Del=0
             <if test="projectId!=null and projectId>0">
                 and ady.projectId=#{projectId}
@@ -468,6 +469,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             <if test="deptId!=null and deptId>0">
                 and sp.dis_dept_id=#{deptId}
             </if>
+        <if test='proType != null and proType != "" and proType != "0"'> and sp.project_Type = #{proType}</if>
             <if test="prjIds !=null and prjIds.size()>0">
                 and ady.projectId in
                 <foreach collection="prjIds"  item="item" index="index" open="(" close=")" separator=",">
@@ -503,14 +505,14 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
         <if test="projectId!=null and projectId>0">
             and projectId=#{projectId}
         </if>
-        and projectId in (select id from sur_project sp where sp.isDel=0
+        and projectId in (select id from pro_project_info sp where sp.is_Del=0
 
         <if test="deptId!=null and deptId>0">
-            and sp.deptId=#{deptId}
+            and sp.dis_dept_id=#{deptId}
         </if>
         <if test="attendanceTime != null  and attendanceTime != ''"> and date(ady.attendance_time) =date(#{attendanceTime})</if>
 
-        <if test='proType != null and proType != "" and proType != "0"'> and sp.projectType = #{proType}</if>
+        <if test='proType != null and proType != "" and proType != "0"'> and sp.project_type = #{proType}</if>
         <if test="prjIds !=null and prjIds.size()>0">
             and ady.projectId in
             <foreach collection="prjIds"  item="item" index="index" open="(" close=")" separator=",">
diff --git a/yanzhu-modules/yanzhu-job/src/main/resources/mapper/job/QuartzProjectAttendanceUserMapper.xml b/yanzhu-modules/yanzhu-job/src/main/resources/mapper/job/QuartzProjectAttendanceUserMapper.xml
index 1541e4d7..7f1de729 100644
--- a/yanzhu-modules/yanzhu-job/src/main/resources/mapper/job/QuartzProjectAttendanceUserMapper.xml
+++ b/yanzhu-modules/yanzhu-job/src/main/resources/mapper/job/QuartzProjectAttendanceUserMapper.xml
@@ -507,7 +507,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             and c.project_id=#{projectId}
         </if>
         <if test="deptId!=null and deptId>0">
-            and  c.project_id in (SELECT id FROM sur_project WHERE deptid=#{deptId})
+            and  c.project_id in (SELECT id FROM pro_project_info WHERE dis_dept_id=#{deptId})
         </if>
         <if test="prjIds !=null and prjIds.size()>0">
             and c.project_id in
@@ -538,7 +538,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             and c.project_id=#{projectId}
         </if>
         <if test="deptId!=null and deptId>0">
-            and  c.project_id in (SELECT id FROM sur_project WHERE deptid=#{deptId})
+            and  c.project_id in (SELECT id FROM pro_project_info WHERE dis_dept_id=#{deptId})
         </if>
         <if test="prjIds !=null and prjIds.size()>0">
             and c.project_id in
@@ -595,7 +595,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
         <if test="deptId!=null and deptId>0">
             and sp.dis_dept_id=#{deptId}
         </if>
-
+        <if test='proType != null and proType != "" and proType != "0"'> and sp.project_Type = #{proType}</if>
         <if test="prjIds !=null and prjIds.size()>0">
             and b.project_id in
             <foreach collection="prjIds"  item="item" index="index" open="(" close=")" separator=",">
@@ -641,7 +641,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
         <if test="deptId!=null and deptId>0">
             and p.dis_dept_id=#{deptId}
         </if>
-        <if test='proType != null and proType != "" and proType != "0"'> and p.projectType = #{proType}</if>
+        <if test='proType != null and proType != "" and proType != "0"'> and p.project_Type = #{proType}</if>
         <if test="prjIds !=null and prjIds.size()>0">
             and b.project_id in
             <foreach collection="prjIds"  item="item" index="index" open="(" close=")" separator=",">
@@ -691,6 +691,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
         <if test="deptId!=null and deptId>0">
             and p.dis_dept_id=#{deptId}
         </if>
+        <if test='proType != null and proType != "" and proType != "0"'> and p.project_Type = #{proType}</if>
         <if test="prjIds !=null and prjIds.size()>0">
             and b.project_id in
             <foreach collection="prjIds"  item="item" index="index" open="(" close=")" separator=",">
@@ -726,6 +727,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
         <if test="deptId!=null and deptId>0">
             and sp.dis_dept_id=#{deptId}
         </if>
+        <if test='proType != null and proType != "" and proType != "0"'> and sp.project_Type = #{proType}</if>
         <if test="prjIds !=null and prjIds.size()>0">
             and b.project_id in
             <foreach collection="prjIds"  item="item" index="index" open="(" close=")" separator=",">
diff --git a/yanzhu-modules/yanzhu-job/src/main/resources/mapper/job/SysApplyConfigMapper.xml b/yanzhu-modules/yanzhu-job/src/main/resources/mapper/job/SysApplyConfigMapper.xml
index 7bf8280c..37baad0f 100644
--- a/yanzhu-modules/yanzhu-job/src/main/resources/mapper/job/SysApplyConfigMapper.xml
+++ b/yanzhu-modules/yanzhu-job/src/main/resources/mapper/job/SysApplyConfigMapper.xml
@@ -24,8 +24,8 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
     </resultMap>
 
     <sql id="selectSysApplyConfigVo">
-        select sac.id, sac.cfg_type, sac.cfg_id, sac.app_id, sac.public_key, sac.private_key, sac.project_id, sp.projectName, sac.dept_id, sd.dept_name as deptName, sac.is_del, sac.create_by, sac.create_time, sac.update_by, sac.update_time, sac.remark from sys_apply_config sac
-        left join sur_project sp on sac.project_id = sp.id
+        select sac.id, sac.cfg_type, sac.cfg_id, sac.app_id, sac.public_key, sac.private_key, sac.project_id, sp.project_name, sac.dept_id, sd.dept_name as deptName, sac.is_del, sac.create_by, sac.create_time, sac.update_by, sac.update_time, sac.remark from sys_apply_config sac
+        left join pro_project_info sp on sac.project_id = sp.id
         left join sys_dept sd on sac.dept_id = sd.dept_id
     </sql>
 
@@ -35,7 +35,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             <if test="cfgId != null "> and sac.cfg_id = #{cfgId}</if>
             <if test="cfgType != null "> and sac.cfg_type = #{cfgType}</if>
             <if test="appId != null "> and sac.app_id like concat('%', #{appId}, '%')</if>
-            <if test="projectName != null "> and sp.projectName like concat('%', #{projectName}, '%')</if>
+            <if test="projectName != null "> and sp.project_name like concat('%', #{projectName}, '%')</if>
             <if test="deptName != null "> and sd.dept_name like concat('%', #{deptName}, '%')</if>
             <if test="isDel != null  and isDel != ''"> and sac.is_del = #{isDel}</if>
         </where>
diff --git a/yanzhu-ui-vue3/src/views/manage/attendance_cfg/index.vue b/yanzhu-ui-vue3/src/views/manage/attendance_cfg/index.vue
index 224d6fd6..d7b9bbce 100644
--- a/yanzhu-ui-vue3/src/views/manage/attendance_cfg/index.vue
+++ b/yanzhu-ui-vue3/src/views/manage/attendance_cfg/index.vue
@@ -89,14 +89,14 @@
 
         <!-- 添加或修改考勤配置对话框 -->
         <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false" :close-on-press-escape="false">
-            <el-form ref="attendance_cfgRef" :model="form" :rules="rules" label-width="100px" :key="data.formKey">
+            <el-form ref="attendance_cfgRef" :model="form" :rules="rules" label-width="120px" :key="data.formKey">
                 <el-form-item label="所属项目" prop="projectId">
-                    <el-select :disabled="data.currentPrjId != ''||data.mode=='edit'" v-model="form.projectId" placeholder="请选择项目">
+                    <el-select :disabled="data.currentPrjId != ''||data.mode=='edit'" v-model="form.projectId" placeholder="请选择项目" style="width:300px;">
                         <el-option v-for="prj in data.projects" :key="prj.id" :label="prj.projectName" :value="prj.id"></el-option>
                     </el-select>
                 </el-form-item>
                 <el-form-item label="考勤厂商" prop="vendorsCode">
-                    <el-select v-model="form.vendorsCode" placeholder="请选择厂商" @change="vendorsCodeChange">
+                    <el-select v-model="form.vendorsCode" placeholder="请选择厂商" @change="vendorsCodeChange" :disabled="data.mode=='edit'">
                         <el-option v-for="dict in attendance_vendors" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
                     </el-select>
                 </el-form-item>
@@ -123,6 +123,12 @@
                     </el-form-item>
                 </template>
 
+                <template v-if="form.vendorsCode=='jgw'">
+                    <el-form-item label="项目经理手机" prop="phone">
+                        <el-input v-model="form.phone" placeholder="项目经理手机" clearable />
+                    </el-form-item>
+                </template>
+
                 <el-form-item label="已启用" prop="enabled">
                     <el-switch v-model="form.enabled" :active-value="1" :inactive-value="0" />
                 </el-form-item>

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

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

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