From 988aa969bf9eb03b43448ceeef14627c90794335 Mon Sep 17 00:00:00 2001
From: cwchen <1048842385@qq.com>
Date: Fri, 16 Aug 2024 17:52:10 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=BD=E5=B7=A5=E7=AE=A1=E6=8E=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/construction/manage/hoistManage.js    |   9 +
 src/assets/images/dz_dev.png                  | Bin 0 -> 6918 bytes
 .../manage/hoistManage/hoistManage.vue        | 656 +++++++++---------
 .../manage/personManage/personManage.vue      |   8 +-
 .../manage/realTimeManage/realTimeManage.vue  |  55 +-
 5 files changed, 338 insertions(+), 390 deletions(-)
 create mode 100644 src/api/construction/manage/hoistManage.js
 create mode 100644 src/assets/images/dz_dev.png

diff --git a/src/api/construction/manage/hoistManage.js b/src/api/construction/manage/hoistManage.js
new file mode 100644
index 0000000..b05db09
--- /dev/null
+++ b/src/api/construction/manage/hoistManage.js
@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+/* 吊装预警设备列表 */
+export function getDzWarnList(query) {
+    return request({
+        url: '/bracelet/consControl/getDzWarnList',
+        method: 'get',
+        params: query
+    })
+}
\ No newline at end of file
diff --git a/src/assets/images/dz_dev.png b/src/assets/images/dz_dev.png
new file mode 100644
index 0000000000000000000000000000000000000000..05e0ec9a6c6bd5b19c7523871428374a829eb3cc
GIT binary patch
literal 6918
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
M07*qoM6N<$f*q)%JOBUy

literal 0
HcmV?d00001

diff --git a/src/views/construction/manage/hoistManage/hoistManage.vue b/src/views/construction/manage/hoistManage/hoistManage.vue
index 8073d35..192ee37 100644
--- a/src/views/construction/manage/hoistManage/hoistManage.vue
+++ b/src/views/construction/manage/hoistManage/hoistManage.vue
@@ -1,360 +1,340 @@
 <template>
-  <div class="hoistManage" style="width: 100%;height: 80vh;background-color: #ffffff;box-shadow: 10px 10px 5px #000000;float: left;">
-    <div class="one">
-      <div style="color: #1E3850;font-size: 14x; font-weight: 600;">吊装作业</div>
-      <div class="title">
-        <el-input v-model="keyword" placeholder="请输入关键字" style="width: 100%;margin-top: 10px;">
-          <template #prepend>
-            <el-button class="el-icon-search" @click="searchClick"/>
-          </template>
-        </el-input>
-        <div class="content" style="width: 100%;height: 70vh;margin-top:10px; overflow: auto;">
-          <div  
-            v-for="(item, index) in hoistData"
-             @click="hoistClick(item.id)"
-            style="display: flex;justify-content: center;border: 1px solid #E2E2E2;border-radius: 5px;margin-bottom: 10px;cursor: pointer;">
-            <div class="left" style="width: 30%;margin: 10px 0 10px 10px;">
-              <img src="../../../../assets/images/camera.png" style="width: 100%;height: 100%;"/>
-            </div>
-            <div class="right" style="width: 70%;font-size: 14px;color: #344B60;margin: 10px 10px 10px 10px;">
-              <div style="">{{ item.proName }}</div>
-              <div style="margin-top: 5px;">
-                <span>班组：</span>
-                <span>{{ item.teamName }}</span>
-              </div>
-              <div style="margin-top: 5px;">
-                <span>组长：</span>
-                <span>{{ item.teamLeader }}</span>
-              </div>
-              <div style="margin-top: 5px;">{{ item.hoistName }}</div>
-              <div style="margin-top: 5px;margin-bottom: 10px;">{{ item.number }}</div>
-            </div>
+  <div class="hoistManage">
+    <div class="left">
+      <div class="layout">
+        <el-input placeholder="请输入关键字" prefix-icon="el-icon-search" v-model="keyWord" maxlength="30"
+          style="margin: 10px 10px 10px 0;width: 80%;" @keydown="searchData"></el-input>
+        <el-button type="primary" plain @click="searchData">查询</el-button>
+      </div>
+      <div class="dev-box" v-if="isShow">
+        <div class="dev-info-box layout" @click="clickDev(item.id)" v-for="item in devArr" :key="item.id">
+          <img :src="dz_dev_img">
+          <div class="layout dev-info">
+            <div>{{ item.proName }}</div>
+            <div>班组：{{ item.teamName }}</div>
+            <div>班组长：{{ item.teamLeader }}-{{ item.leaderPhone }}</div>
+            <div>{{ item.devName }}</div>
+            <div>{{ item.devCode }}</div>
           </div>
         </div>
       </div>
-    </div>
-    <div class="two">
-      <img :src="photoPath" style="width: 100%;height: 100%;"/>
-    </div>
-    <div class="three">
-
-      <div style="width: 100%;height: 24%;display: flex;justify-content: center;border: 1px solid #40A3FF;margin-bottom: 8px;">
-        <div style="width: 5%;height: 100%;display: flex;justify-content: center;align-items: center;color: #364D62;font-size: 14px;">前面</div>
-        <div style="width: 95%;height: 100%;">
-          <video id="video" class="vjs-default-skin" autoplay controls preload="none"
-                            style="width:100%;height: 100%;object-fit: fill"></video>
-        </div>
-      </div>
-      <div style="width: 100%;height: 24%;display: flex;justify-content: center;border: 1px solid #40A3FF;margin-bottom: 8px;">
-        <div style="width: 5%;height: 100%;display: flex;justify-content: center;align-items: center;color: #364D62;font-size: 14px;">前面</div>
-        <div style="width: 95%;height: 100%;">
-          <video id="video" class="vjs-default-skin" autoplay controls preload="none"
-                            style="width:100%;height: 100%;object-fit: fill"></video>
-        </div>
-      </div>
-      <div style="width: 100%;height: 24%;display: flex;justify-content: center;border: 1px solid #40A3FF;margin-bottom: 8px;">
-        <div style="width: 5%;height: 100%;display: flex;justify-content: center;align-items: center;color: #364D62;font-size: 14px;">前面</div>
-        <div style="width: 95%;height: 100%;">
-          <video id="video" class="vjs-default-skin" autoplay controls preload="none"
-                            style="width:100%;height: 100%;object-fit: fill"></video>
-        </div>
-      </div>
-      <div style="width: 100%;height: 24%;display: flex;justify-content: center;border: 1px solid #40A3FF;">
-        <div style="width: 5%;height: 100%;display: flex;justify-content: center;align-items: center;color: #364D62;font-size: 14px;">前面</div>
-        <div style="width: 95%;height: 100%;">
-          <video id="video" class="vjs-default-skin" autoplay controls preload="none"
-                            style="width:100%;height: 100%;object-fit: fill"></video>
-        </div>
-      </div>
-
-    </div>
-    <div class="four">
-      <div class="title" style="border: 1px solid #DFDFDF;border-radius: 3px;">
-        <div v-for="(item, index) in vibeDeviceData" style="display: flex;justify-content: center;align-items: center;">
-          <div>{{ item.name }}</div>
-          <div style="margin-left: 10px;">
-            <img v-if="item.battery >= 100" :src="batterys.battery1" width="25"/>
-            <img v-else-if="item.battery >= 50" :src="batterys.battery2" width="25"/>
-            <img v-else :src="batterys.battery3" width="25"/>
-            {{ item.battery }}
-          </div>
-          <div style="margin-left: 10px;">
-            <img @click="dialogVisible = true" src="../../../../assets/images/setUp.png" width="20" style="cursor: pointer;" title="设置"/>
-          </div>
-        </div>
-      </div>
-      <div class="content" style="width: 100%;height: 70vh;margin-top: 20px;overflow: auto;">
-        <el-table :data="tableData" style="width: 100%" :show-header="false">
-              <el-table-column prop="deviceName" label="人员姓名"/>
-              <el-table-column prop="time" label="设备名称"/>
-              <el-table-column prop="reason" label="操作"/>
-            </el-table>
+      <div class="no-data-box layout" v-if="!isShow">
+        <div>暂无数据</div>
       </div>
     </div>
+    <div class="center-1">
+      <img :src="dz_dev_warn_img" />
+    </div>
+    <div class="center-2 layout">
+      <div class="dz-video-box layout">
+        <div class="layout">前面</div>
+        <video class="ball-content" autoplay="autoplay" loop="loop" muted controls="controls"></video>
+      </div>
+      <div class="dz-video-box layout">
+        <div class="layout">后面</div>
+        <video class="ball-content" autoplay="autoplay" loop="loop" muted controls="controls"></video>
+      </div>
+      <div class="dz-video-box layout">
+        <div class="layout">左面</div>
+        <video class="ball-content" autoplay="autoplay" loop="loop" muted controls="controls"></video>
+      </div>
+      <div class="dz-video-box layout">
+        <div class="layout">右面</div>
+        <video class="ball-content" autoplay="autoplay" loop="loop" muted controls="controls"></video>
+      </div>
+    </div>
+    <div class="right">
+      <div class="dev-config"></div>
+      <div class="warn-info"></div>
+    </div>
 
-
-
-    <el-dialog
-        title="近电感应配置"
-        :visible.sync="dialogVisible" 
-        :append-to-body="true"
-        :draggable="true"
-        :destroy-on-close="true"
-        width="40%" custom-class="my-dialog1">
-          <div style="width: 100%;height: 50vh;overflow: auto;">
-            <div v-for="(item, index) in hoistSetUpData" style="width: 100%;height: 60%;">
-              <div>配置{{ index + 1 }}</div>
-              <el-form label-width="120px">
-                <el-form-item label="线路属性：">
-                  <el-radio-group v-model="item.lineType" class="ml-4" @change="lineTypeRadioChange(item, index)" style="margin-top: 10px;">
-                    <el-radio label="1" size="large">交流</el-radio>
-                    <el-radio label="2" size="large">直流</el-radio>
-                  </el-radio-group>
-                </el-form-item>
-                <el-form-item label="电压等级：">
-                  <el-radio-group v-model="item.level" class="ml-4" @change="levelRadioChange(item, index)" style="margin-top: 10px;">
-                    <el-radio label="1" size="large">≤10kV</el-radio>
-                    <el-radio label="2" size="large">20~35kV</el-radio>
-                    <el-radio label="3" size="large">66~110kV</el-radio>
-                    <el-radio label="4" size="large">220kV</el-radio>
-                    <el-radio label="5" size="large">330kV</el-radio>
-                    <el-radio label="6" size="large">500kV</el-radio>
-                    <el-radio label="7" size="large">700kV</el-radio>
-                    <el-radio label="8" size="large">1000kV</el-radio>
-                  </el-radio-group>
-                </el-form-item>
-                <el-form-item label="报警距离：">
-                  <el-input v-model="item.distance" type="number" placeholder="请输入" style="width: 25%;">
-                  </el-input>&nbsp;米
-                </el-form-item>
-              </el-form>
-              <el-button @click="delHoistSetUp(index)" v-if="index > 0" style="margin-left: 80%;">删除配置</el-button>
-            </div>
-          </div>
-          <template #footer>
-            <span class="dialog-footer">
-              <el-button type="primary" @click="addHoistSetUp">添加配置</el-button>
-              <el-button @click="provingDialogClose">取消</el-button>
-              <el-button type="primary" @click="provingDialogConfirm">确定</el-button>
-            </span>
-          </template>
-      </el-dialog>
+    <el-dialog title="近电感应配置" :visible.sync="dialogVisible" :append-to-body="true" :draggable="true"
+      :destroy-on-close="true" width="40%" custom-class="my-dialog1">
+      <div style="width: 100%;height: 50vh;overflow: auto;">
+        <div v-for="(item, index) in hoistSetUpData" style="width: 100%;height: 60%;">
+          <div>配置{{ index + 1 }}</div>
+          <el-form label-width="120px">
+            <el-form-item label="线路属性：">
+              <el-radio-group v-model="item.lineType" class="ml-4" @change="lineTypeRadioChange(item, index)"
+                style="margin-top: 10px;">
+                <el-radio label="1" size="large">交流</el-radio>
+                <el-radio label="2" size="large">直流</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="电压等级：">
+              <el-radio-group v-model="item.level" class="ml-4" @change="levelRadioChange(item, index)"
+                style="margin-top: 10px;">
+                <el-radio label="1" size="large">≤10kV</el-radio>
+                <el-radio label="2" size="large">20~35kV</el-radio>
+                <el-radio label="3" size="large">66~110kV</el-radio>
+                <el-radio label="4" size="large">220kV</el-radio>
+                <el-radio label="5" size="large">330kV</el-radio>
+                <el-radio label="6" size="large">500kV</el-radio>
+                <el-radio label="7" size="large">700kV</el-radio>
+                <el-radio label="8" size="large">1000kV</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="报警距离：">
+              <el-input v-model="item.distance" type="number" placeholder="请输入" style="width: 25%;">
+              </el-input>&nbsp;米
+            </el-form-item>
+          </el-form>
+          <el-button @click="delHoistSetUp(index)" v-if="index > 0" style="margin-left: 80%;">删除配置</el-button>
+        </div>
+      </div>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button type="primary" @click="addHoistSetUp">添加配置</el-button>
+          <el-button @click="provingDialogClose">取消</el-button>
+          <el-button type="primary" @click="provingDialogConfirm">确定</el-button>
+        </span>
+      </template>
+    </el-dialog>
 
   </div>
 </template>
-  
-  <script>
-  export default {
-    name: 'hoistManage',
-    data() {
-      return {
-        //保存左侧搜索框
-        keyword: '',
-        //保存左侧 吊装设备信息
-        hoistData: [
-          {
-            id: 'id1',
-            proName: 'xxxxxxx工程',
-            teamName: 'xxx班组',
-            teamLeader: '张三 15232325654',
-            hoistName: '1号吊装预警设备',
-            number: '232532323235623'
-          },
-          {
-            id: 'id2',
-            proName: 'xxxxxxx工程',
-            teamName: 'xxx班组',
-            teamLeader: '张三 15232325654',
-            hoistName: '1号吊装预警设备',
-            number: '232532323235623'
-          },
-          {
-            id: 'id3',
-            proName: 'xxxxxxx工程',
-            teamName: 'xxx班组',
-            teamLeader: '张三 15232325654',
-            hoistName: '1号吊装预警设备',
-            number: '232532323235623'
-          },
-          {
-            id: 'id4',
-            proName: 'xxxxxxx工程',
-            teamName: 'xxx班组',
-            teamLeader: '张三 15232325654',
-            hoistName: '1号吊装预警设备',
-            number: '232532323235623'
-          },
-          {
-            id: 'id5',
-            proName: 'xxxxxxx工程',
-            teamName: 'xxx班组',
-            teamLeader: '张三 15232325654',
-            hoistName: '1号吊装预警设备',
-            number: '232532323235623'
-          }
-        ],
 
-        //吊机视图路径
-        photoPath: require('../../../../assets/images/test.jpg'),
+<script>
+import { getDzWarnList } from "@/api/construction/manage/hoistManage.js";
+import dz_dev_img from "@/assets/images/dz_dev.png";
+import dz_dev_warn_img from "@/assets/images/test.jpg";
+export default {
+  name: 'hoistManage',
+  data() {
+    return {
+      keyWord: '',
+      // 吊装设备图片
+      dz_dev_img: dz_dev_img,
+      dz_dev_warn_img: dz_dev_warn_img,
+      //保存左侧 吊装设备信息
+      devArr: [],
+      // 吊装预警设备无数据时处理
+      isShow: true,
+      //电量图标
+      batterys: {
+        battery1: require('../../../../assets/images/battery1.png'),
+        battery2: require('../../../../assets/images/battery2.png'),
+        battery3: require('../../../../assets/images/battery3.png'),
+      },
 
-        //电量图标
-        batterys: {
-          battery1: require('../../../../assets/images/battery1.png'),
-          battery2: require('../../../../assets/images/battery2.png'),
-          battery3: require('../../../../assets/images/battery3.png'),
+      //近电感应设备信息
+      vibeDeviceData: [
+        {
+          name: '近电感应设备DX-J431',
+          battery: 90
         },
+        {
+          name: '近电感应设备DX-J431',
+          battery: 30
+        }
+      ],
 
-        //近电感应设备信息
-        vibeDeviceData: [
-          {
-            name: '近电感应设备DX-J431',
-            battery: 90
-          },
-          {
-            name: '近电感应设备DX-J431',
-            battery: 30
-          }
-        ],
+      //右侧表格数据
+      tableData: [
+        {
+          deviceName: '近电感应设备DX-J431',
+          time: '2024-03-03 13:26',
+          reason: '低于安全施工sss距离'
+        },
+        {
+          deviceName: '近电感应设备DX-J431',
+          time: '2024-03-03 13:26',
+          reason: '低于安全施工sss距离'
+        },
+        {
+          deviceName: '近电感应设备DX-J431',
+          time: '2024-03-03 13:26',
+          reason: '低于安全施工sss距离'
+        },
+      ],
+      //对话框开关
+      dialogVisible: false,
 
-        //右侧表格数据
-        tableData: [
-          {
-            deviceName: '近电感应设备DX-J431',
-            time: '2024-03-03 13:26',
-            reason: '低于安全施工sss距离'
-          },
-          {
-            deviceName: '近电感应设备DX-J431',
-            time: '2024-03-03 13:26',
-            reason: '低于安全施工sss距离'
-          },
-          {
-            deviceName: '近电感应设备DX-J431',
-            time: '2024-03-03 13:26',
-            reason: '低于安全施工sss距离'
-          },
-        ],
-        //对话框开关
-        dialogVisible: false,
-
-        //保存近电感应设置信息
-        hoistSetUpData: [
-          {
-            lineType: '1',
-            level: '1',
-            distance: 10
-          }
-        ]
+      //保存近电感应设置信息
+      hoistSetUpData: [
+        {
+          lineType: '1',
+          level: '1',
+          distance: 10
+        }
+      ]
+    };
+  },
+  created() {
+    this.laodDzWarnList();
+  },
+  methods: {
+    /* 加载吊装预警设备列表 */
+    laodDzWarnList() {
+      let params = {
+        'keyWord': this.keyWord
       };
+      getDzWarnList(params).then((res) => {
+        const data = res.data
+        this.devArr = data;
+        if (data && data.length > 0) {
+          this.isShow = true;
+        } else {
+          this.isShow = false;
+        }
+      }).catch(() => { })
     },
-    created() {
+    searchData() {
+      this.laodDzWarnList();
     },
-    methods: {
-      //搜索框点击
-      searchClick(){
-        console.log(this.keyword)
-      },
-      //左侧设备点击
-      hoistClick(id){
-        alert(id)
-      },
+    /* 吊装设备点击事件 */
+    clickDev(id) {
 
-      //对话框，线路类型单选按钮监听
-      lineTypeRadioChange(item, index){
-      },
-      //对话框，电压等级单选按钮监听
-      levelRadioChange(item, index){
-      },
-      //对话框，添加配置
-      addHoistSetUp(){
-        let json = {lineType: '1', level: '1', distance: 10};
-        this.hoistSetUpData.push(json)
-      },
-      //对话框，删除配置
-      delHoistSetUp(index){
-        this.hoistSetUpData.splice(index, 1);
-      },
+    },
+    //搜索框点击
+    searchClick() {
+      console.log(this.keyword)
+    },
+    //左侧设备点击
+    hoistClick(id) {
+      alert(id)
+    },
 
-      //验证对话框关闭
-      provingDialogClose(){
-        this.dialogVisible = false;
-      },
-      //验证对话框确认按钮
-      provingDialogConfirm(){
-        this.dialogVisible = false;
-      }
-    }
-  };
-  </script>
-  
-  <style>
-     .my-dialog1{
-      top: 100px
-    }
-    .hoistManage>div{
-      float: left;
-    }
-    .hoistManage .one{
-      width: 16.6%;
-      height: 100%;
-    }
-    .hoistManage .two{
-      width: 32.2%;
-      height: 100%;
-      margin-left: 1%;
-    }
-    .hoistManage .three{
-      width: 24%;
-      height: 100%;
-      margin-left: 1%;
-    }
-    .hoistManage .four{
-      width: 24%;
-      height: 100%;
-      margin-left: 1%;
-    }
-    .hoistManage .four>.title>div:nth-child(1){
-      margin-top: 10px;
-    }
-    .hoistManage .four>.title>div:nth-child( n + 1 ){
-      margin-bottom: 10px;
-    }
+    //对话框，线路类型单选按钮监听
+    lineTypeRadioChange(item, index) {
+    },
+    //对话框，电压等级单选按钮监听
+    levelRadioChange(item, index) {
+    },
+    //对话框，添加配置
+    addHoistSetUp() {
+      let json = { lineType: '1', level: '1', distance: 10 };
+      this.hoistSetUpData.push(json)
+    },
+    //对话框，删除配置
+    delHoistSetUp(index) {
+      this.hoistSetUpData.splice(index, 1);
+    },
 
+    //验证对话框关闭
+    provingDialogClose() {
+      this.dialogVisible = false;
+    },
+    //验证对话框确认按钮
+    provingDialogConfirm() {
+      this.dialogVisible = false;
+    }
+  }
+};
+</script>
 
-    .hoistManage .center{
-      
-    }
-    .hoistManage .right{
-      
-    }
-    ::-webkit-scrollbar {
-      width: 5px;
-      height: 5px;
-    }
-    /* 滚动槽 */
-    
-    ::-webkit-scrollbar-track {
-        -webkit-box-shadow: inset 0 0 5px #e8eceb;
-        border-radius: 5px;
-    }
-    
-    /* 滚动条滑块 */
-    
-    ::-webkit-scrollbar-thumb {
-        border-radius: 10px;
-        background: #ffffff;
-        -webkit-box-shadow: inset 0 0 6px #cbb7b7;
-    }
-    
-    ::-webkit-scrollbar-thumb:window-inactive {
-        background: #e8eceb;
-    }
-    
-    ::-webkit-scrollbar-corner {
-        background-color: #e8eceb;
-    }
-    ::v-deep .el-dialog{
-      height: 78vh;
-      overflow: auto;
-    }
-  </style>
\ No newline at end of file
+<style>
+.hoistManage {
+  width: 100%;
+  height: 80vh;
+  background-color: #fff;
+  box-shadow: 10px 10px 5px #000;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+}
+
+.layout {
+  display: flex;
+  align-items: center;
+  justify-content: start;
+}
+
+.hoistManage .left {
+  width: 20%;
+  height: 100%;
+}
+
+.dev-box {
+  width: 100%;
+  height: calc(100% - 50px);
+  overflow-y: auto;
+}
+
+.dev-info-box {
+  width: 100%;
+  margin: 0 0 4% 0;
+  height: 160px;
+  border: 1px solid #cccccc;
+  border-radius: 6px;
+  font-size: 15px;
+  justify-content: space-evenly;
+  align-items: start;
+  align-items: center;
+  letter-spacing: 1px;
+  box-sizing: border-box;
+  cursor: pointer;
+}
+
+.dev-info {
+  width: calc(100% - 104px);
+  height: 100%;
+  flex-direction: column;
+  align-items: start;
+  justify-content: space-evenly;
+}
+
+.no-data-box {
+  width: 100%;
+  height: 60px;
+  justify-content: center;
+  align-items: center;
+  color: #909399;
+  font-size: 14px;
+}
+
+.hoistManage .center-1 {
+  width: 31%;
+  height: 100%;
+  background-position: center center !important;
+}
+
+.hoistManage .center-2 {
+  width: 25%;
+  height: 100%;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+}
+
+.dz-video-box {
+  width: 100%;
+  height: 24%;
+}
+
+.dz-video-box>div {
+  width: 40px;
+  height: 100%;
+  border-left: 1px solid #4688BB;
+  border-top: 1px solid #4688BB;
+  border-bottom: 1px solid #4688BB;
+}
+
+.ball-content {
+  width: calc(100% - 40px);
+  height: 100%;
+  pointer-events: none;
+  object-fit: fill;
+}
+
+.hoistManage .right {
+  width: 20%;
+  height: 100%;
+}
+
+.dev-config {
+  width: 100%;
+  min-height: 150px;
+  max-height: 300px;
+  overflow-y: auto;
+  border: 1px solid #cccccc;
+  border-radius: 6px;
+}
+
+.warn-info {
+  width: 100%;
+  min-height: calc(100% - 300px);
+  max-height: calc(100% - 150px);
+  overflow-y: auto;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/construction/manage/personManage/personManage.vue b/src/views/construction/manage/personManage/personManage.vue
index 1e531c1..8f610e9 100644
--- a/src/views/construction/manage/personManage/personManage.vue
+++ b/src/views/construction/manage/personManage/personManage.vue
@@ -60,11 +60,15 @@
         <div id="sh-info" class="layout">
           <div class="layout">
             <div class="layout"><img src="../../../../assets/person_img/sh.png">{{ person.sh.name }}</div>
-            <div class="layout info" v-if="person.sh.elec >= 10">
+            <div class="layout info" v-if="person.sh.elec == 100">
               <img width="30px" height="16px" src="../../../../assets/person_img/elec.png">
               {{ person.sh.elec }}%
             </div>
-            <div class="layout info" v-if="person.sh.elec < 10"><img width="30px" height="16px"
+            <div class="layout info" v-if="person.sh.elec >= 20 && person.sh.elec < 100">
+              <img width="30px" height="16px" src="../../../../assets/images/battery2.png">
+              {{ person.sh.elec }}%
+            </div>
+            <div class="layout info" v-if="person.sh.elec < 20"><img width="30px" height="16px"
                 src="../../../../assets/person_img/elec_warn.png">{{ person.sh.elec }}%</div>
             <div class="layout info2"><img @click="openHistoryGj(person.sh.devId)"
                 src="../../../../assets/person_img/dw.png" title="历史轨迹"></div>
diff --git a/src/views/construction/manage/realTimeManage/realTimeManage.vue b/src/views/construction/manage/realTimeManage/realTimeManage.vue
index f4c49bf..e3f0acc 100644
--- a/src/views/construction/manage/realTimeManage/realTimeManage.vue
+++ b/src/views/construction/manage/realTimeManage/realTimeManage.vue
@@ -46,15 +46,6 @@
 
 <script>
 import { getBallDeviceLists } from "@/api/construction/manage/realTimeManage.js";
-/*   import { include } from '../../../../utils/video/include.js'
-  import { video } from '../../../../utils/video/video-7.19.1.min.js'
-  import { flv } from '../../../../utils/video/flv.js'
-  import { talk } from '../../../../utils/video/talk.js'
-  import { h5live } from '../../../../utils/video/h5live-1.0.6.js'
-  // import { videoPage } from '../../../../utils/video/videoPage';
-  import { videoQX } from '../../../../utils/video/videoQX';
-  
-  import $ from 'jquery'; */
 export default {
   name: 'realTimeManage',
   /* 球机树前端筛选 */
@@ -65,6 +56,8 @@ export default {
   },
   data() {
     return {
+      // 默认播放窗口
+      winDom: 'videoPlayer1',
       //页码
       pageNo: 1,
       //每页条数
@@ -113,9 +106,7 @@ export default {
   created() {
     this.laodBallDeviceLists();
   },
-  mounted() {
-    this.loadExternalScript();
-  },
+  mounted() { },
   methods: {
     /* 加载球机树 */
     laodBallDeviceLists() {
@@ -130,16 +121,6 @@ export default {
         }
       }).catch(res => { });
     },
-    async loadExternalScript() {
-      try {
-        // 假设你的JavaScript文件位于'/path/to/your/script.js'
-        const module = await import('../../../../utils/video/videoPage');
-        // 如果你需要使用module.export导出的内容，可以在这里进行操作
-      } catch (e) {
-        console.error('Error loading the external script:', e);
-      }
-    },
-
     /* 球机树过滤 */
     filterNode(value, data, node) {
       if (!value) {
@@ -183,20 +164,10 @@ export default {
     //球机树节点点击
     handleNodeClick(data, node, item) {
       if (node.level === 2) {
-        alert(data.id);
-      }
-    },
-    splitScreenClick(pane, event) {
-      console.log("pane:",);
-      console.log("event:", event);
-
-      if (pane.name === 'first') {
-
-      }
-      if (pane.name === 'second') {
-
+        // 点击球机时触发的事件
       }
     },
+    
     //给梳妆街头不同层级设置不同的icon
     renderContent(h, { node, data }) {
       // 根据层级使用不同的图标
@@ -216,22 +187,6 @@ export default {
         </span>
       );
     },
-
-    //
-    //分页器设置
-    handler() {
-      getHasRole()
-    },
-    //获取表格数据
-    getHasRole(page = 1) {
-      //修改当前页码
-      this.pageNo = page;
-      /* let request = await reqAllRoleList(pageNo.value, pageSize.value, keyWord.value);
-      if (request.data.code == 200) {
-          total.value = request.data.data.total;
-          roleArr.value = request.data.data.records;
-      } */
-    }
   }
 };
 </script>