From c769b1809eb92b72c56b4df098ff8ef7b7078378 Mon Sep 17 00:00:00 2001
From: songwenxuan <1924103812@qq.com>
Date: Mon, 29 Jan 2024 08:47:18 +0800
Subject: [PATCH] =?UTF-8?q?cmt=E6=B8=AF=E5=9C=B0=E5=9B=BE=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/map/components/renyuanCmt.vue    | 413 +++++++++++++++++++++
 src/views/map/dialog/index.vue             |   6 +
 src/views/map/dialog/peoplePositionCmt.vue | 120 ++++++
 src/views/map/dialog/video_play_cmt.vue    |  66 ++++
 src/views/map/index.vue                    | 147 +++++++-
 src/views/map/js/dragentity.js             |   6 +-
 src/views/map/js/ry_dragentity.js          |   4 +-
 static/config.js                           |   1 +
 8 files changed, 751 insertions(+), 12 deletions(-)
 create mode 100644 src/views/map/components/renyuanCmt.vue
 create mode 100644 src/views/map/dialog/peoplePositionCmt.vue
 create mode 100644 src/views/map/dialog/video_play_cmt.vue

diff --git a/src/views/map/components/renyuanCmt.vue b/src/views/map/components/renyuanCmt.vue
new file mode 100644
index 0000000..87d28f2
--- /dev/null
+++ b/src/views/map/components/renyuanCmt.vue
@@ -0,0 +1,413 @@
+<template>
+  <div class="renyuan">
+    <div class="block1">
+      <layout-title title="定位基础信息"/>
+      <div class="options">
+        <div v-for="(item,index) in block1OptionsList" :key="index" class="option">
+          <div class="imger">
+            <img :src="item.img" alt="">
+          </div>
+          <div class="info">
+            <div class="label">{{ item.title }}</div>
+            <div class="text"><count-to :start-val="0" :end-val="item.count" :duration="3600"/></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="block2">
+      <layout-title title="告警数据"/>
+      <div class="options">
+        <div class="bg"/>
+        <div v-for="(item,index) in block2OptionsList" :key="index" class="option">
+          <div class="label">{{ item.alarmTypeName }}：</div>
+          <div class="info">
+            <span class="count"><count-to :start-val="0" :end-val="item.alarmCount" :duration="3600"/></span>
+            <span class="company">条</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="block3">
+      <layout-title title="定位标签状态"/>
+      <div class="content">
+        <div class="options">
+          <div
+            v-for="(item,index) in block3OptionsList"
+            :key="index"
+            :class="['title', {active:index === block3OptionsIndex}]"
+            @click="block3OptionsClick(index)"
+          >
+            {{ item }}
+          </div>
+        </div>
+        <div class="table">
+          <div class="tr">
+            <div class="td">卡号</div>
+            <div class="td">姓名</div>
+            <div class="td">状态</div>
+          </div>
+          <div v-infinite-scroll="load" :infinite-scroll-disabled="disabled" class="scroll">
+            <div v-for="(item,index) in block3List" :key="index" class="tr">
+              <div class="td">{{ item.devidno }}</div>
+              <div class="td">{{ item.fullName }}</div>
+              <div class="td">{{ item.onlineornot ? '在线':'离线' }}</div>
+              <!--            <div :class="['td',{error:item.STATE == '1'}]">{{ item.STATE == '1' ? '异常' : '正常' }}</div>-->
+            </div>
+            <div v-if="loading" class="tr">
+              <div class="td">加载中...</div>
+            </div>
+          </div>
+
+          <!--          <div v-for="(item,index) in block3List" :key="index" class="tr">-->
+          <!--            <div class="td">{{ item.cardNo }}</div>-->
+          <!--            <div class="td">{{ item.name }}</div>-->
+          <!--            <div class="td">{{ item.cardType }}</div>-->
+          <!--          </div>-->
+        </div>
+
+        <!--        <div v-show="block3OptionsIndex=== 1" class="table">-->
+        <!--          <div class="tr">-->
+        <!--            <div class="td">车牌号</div>-->
+        <!--            <div class="td">状态</div>-->
+        <!--          </div>-->
+        <!--          <div v-for="(item,index) in block4List" :key="index" class="tr">-->
+        <!--            <div class="td">{{ item.name }}</div>-->
+        <!--            <div class="td">在线</div>-->
+        <!--          </div>-->
+        <!--        </div>-->
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import layoutTitle from './title.vue'
+import { requestFN } from '../../../utils/request'
+import CountTo from 'vue-count-to'
+export default {
+  components: {
+    layoutTitle,
+    CountTo
+  },
+  data() {
+    return {
+      block1OptionsList: [
+        {
+          title: '在线员工',
+          img: require('../../../assets/map/renyuan/img1ico1.png'),
+          count: 0
+        },
+        {
+          title: '外协人员',
+          img: require('../../../assets/map/renyuan/img1ico4.png'),
+          count: 0
+        },
+        {
+          title: '内部人员',
+          img: require('../../../assets/map/renyuan/img1ico3.png'),
+          count: 0
+        }
+        // ,
+        // {
+        //   title: '在线车辆',
+        //   img: require('../../../assets/map/renyuan/img1ico2.png'),
+        //   count: 0
+        // },
+        // {
+        //   title: '临时人员',
+        //   img: require('../../../assets/map/renyuan/img1ico5.png'),
+        //   count: 0
+        // }
+      ],
+      block2OptionsList: [
+        {
+          title: '电子围栏告警',
+          count: 0
+        },
+        {
+          title: '静超时告警',
+          count: 0
+        },
+        {
+          title: '超员/缺员告警',
+          count: 0
+        },
+        {
+          title: '离岗告警',
+          count: 0
+        },
+        {
+          title: '车辆超速告警',
+          count: 0
+        },
+        {
+          title: 'SOS求救',
+          count: 0
+        }
+      ],
+      block3OptionsList: ['相关方员工', '普通员工'],
+      block3OptionsIndex: 0,
+      currentPage: 1,
+      loading: false,
+      count: 0,
+      totalPage: 0,
+      block3List: [],
+      block4List: [],
+      timer: ''
+    }
+  },
+  computed: {
+    noMore() {
+      return this.currentPage >= this.totalPage
+    },
+    disabled() {
+      return this.loading || this.noMore
+    }
+  },
+  mounted() {
+  },
+  destroyed() {
+    clearInterval(this.timer) // 关闭定时器
+  },
+  created() {
+    this.getCmtWorkCardLocationCount()
+  },
+  methods: {
+    getCmtWorkCardLocationCount() {
+      requestFN(
+        '/map/findWorkCardLocation',
+        {}
+      ).then((data) => {
+        this.block1OptionsList[0].count = data.onlineCount
+      }).catch((e) => {
+      })
+    },
+    getCmtWorkCardLocation() {
+      requestFN(
+        '/map/findWorkCardLocation',
+        {}
+      ).then((data) => {
+        this.block3List = this.block3List.concat(data.list)
+      }).catch((e) => {
+      })
+    },
+    block3OptionsClick(index) {
+      this.currentPage = 1
+      this.block3List = []
+      this.block3OptionsIndex = index
+      if (index === 1) {
+        this.getCmtWorkCardLocation()
+      }
+      // this.getCzksPersonStaffListPage()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.renyuan {
+  .title {
+    background-image: url("../../../assets/map/menjin/title_on.png");
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    width: 113px;
+    height: 26px;
+    font-size: 14px;
+    line-height: 26px;
+    text-align: center;
+    color: #fff;
+
+    &.active {
+      background-image: url("../../../assets/map/menjin/title.png");
+    }
+  }
+
+  .block1 {
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .options {
+      padding: 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+      display: flex;
+      flex-wrap: wrap;
+
+      .option {
+        display: flex;
+        width: 50%;
+        align-items: center;
+        margin-top: 10px;
+
+        &:nth-child(-n+2) {
+          margin-top: 0;
+        }
+
+        .imger {
+          width: 50px;
+          height: 50px;
+          background-image: url("../../../assets/map/menjin/img1.png");
+          background-size: 100% 100%;
+          background-repeat: no-repeat;
+          text-align: center;
+          margin-left: 20px;
+
+          img {
+            width: 30px;
+            height: 30px;
+            animation: scale 2s infinite;
+            margin-top: 10px;
+          }
+        }
+
+        .info {
+          color: #FFFFFF;
+          margin-left: 10px;
+
+          .label {
+            font-size: 12px;
+            height: 25px;
+            line-height: 25px;
+          }
+
+          .text {
+            font-size: 24px;
+            background: linear-gradient(to top, #48bbf0, #ffffff);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            font-weight: bold;
+            font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif;
+            margin-top: -5px;
+          }
+        }
+      }
+    }
+  }
+
+  .block2 {
+    width: 410px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+    margin-top: 10px;
+
+    .options {
+      padding: 10px 15px;
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      align-items: center;
+      position: relative;
+      height: 244px;
+
+      .bg {
+        background-image: url("../../../assets/map/renyuan/img2.png");
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+        width: 287px;
+        height: 244px;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+
+      .option {
+        flex-basis: 35%;
+        text-align: center;
+
+        .label {
+          font-size: 14px;
+          color: #fff;
+        }
+
+        .info {
+          .count {
+            font-size: 24px;
+            background: linear-gradient(to top, #48bbf0, #ffffff);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            font-weight: bold;
+            font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif;
+          }
+
+          .company {
+            font-size: 14px;
+            color: #fff;
+          }
+        }
+      }
+    }
+  }
+
+  .block3 {
+    margin-top: 10px;
+    width: 400px;
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
+
+    .content {
+      border: 1px solid;
+      border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1;
+      border-top: none;
+      padding: 10px;
+
+      .options {
+        display: flex;
+        justify-content: flex-end;
+
+        .title {
+          cursor: pointer;
+        }
+      }
+
+      .table {
+        margin-top: 5px;
+        .scroll {
+          max-height: 250px;
+          overflow-y: auto;
+          &::-webkit-scrollbar {
+            width: 5px;
+          }
+          &::-webkit-scrollbar-thumb {
+            border-radius: 5px;
+            background: rgba(2, 30, 81, 0.851);
+          }
+          &::-webkit-scrollbar-track {
+            border-radius: 5px;
+            background: rgba(255, 255, 255, 0.1);
+          }
+        }
+        .tr {
+          display: flex;
+
+          &:nth-child(odd) {
+            background-color: rgba(42, 86, 158, 0.53);
+          }
+
+          .td {
+            flex: 1;
+            text-align: center;
+            font-size: 12px;
+            color: #fff;
+            padding: 5px;
+          }
+        }
+      }
+    }
+  }
+}
+
+@keyframes scale {
+  0% {
+    transform: scale(0.9);
+  }
+  50% {
+    transform: scale(0.8);
+  }
+  100% {
+    transform: scale(0.9);
+  }
+}
+</style>
diff --git a/src/views/map/dialog/index.vue b/src/views/map/dialog/index.vue
index 785972c..aca7806 100644
--- a/src/views/map/dialog/index.vue
+++ b/src/views/map/dialog/index.vue
@@ -16,6 +16,7 @@
       <zhong_da_info v-if="type === 'majordangersource'" :id="id" :type="type" :gangkou="gangkou"/>
       <video-play v-if="type === 'video'" :id="id" :type="type" :gangkou="gangkou" request-url="/api/homemajor/getVideoInfo"/>
       <video-play-cfd v-if="type === 'CAMERA00004' || type === 'platcamera00004'" :id="id" :type="type" :gangkou="gangkou"/>
+      <video-play-cmt v-if="type === 'CAMERA00005' || type === 'platcamera00005'" :id="id" :type="type" :gangkou="gangkou"/>
       <video-play-plat v-if="type === 'platcamera'" :id="id" :type="type" :gangkou="gangkou" :corp-info-id="corpInfoId"/>
       <!--秦港一公司 边界入侵  详细页面 start-->
       <video-play-bianjieruqin v-if="type === 'bianjieruqin'" :id="id" :type="type" :gangkou="gangkou"/>
@@ -45,6 +46,7 @@
       <breakgroundCfdD v-if="type === 'BREAKGROUND' && corpInfoId === '635917e77af8461691d5da5507b56347'" :id="id" :type="type"/>
       <hoistingCfdD v-if="type === 'HOISTING' && corpInfoId === '635917e77af8461691d5da5507b56347'" :id="id" :type="type"/>
       <peoplePositionCfdD v-if="type === 'peoplePosition'" :id="id" :type="type" :infoname="infoname"/>
+      <peoplePositionCmt v-if="type === 'peoplePosition00005'" :id="id" :type="type" :infoname="infoname"/>
       <carPositionCfdD v-if="type === 'carPosition'" :id="id" :type="type" :infoname="infoname"/>
       <!--曹妃甸东 八项作业 曹实业详细页面 end-->
       <peoplePositionNine v-if="type === 'peoplePositionNine'" :id="id" :type="type" :infoname="infoname"/>
@@ -80,6 +82,7 @@ import breakgroundOrder from './breakgroundOrder.vue'
 import hoistingOrder from './hoistingOrder.vue'
 import videoPlay from './video_play.vue'
 import videoPlayCfd from './video_play_cfd.vue'
+import videoPlayCmt from './video_play_cmt.vue'
 import videoPlayPlat from './video_play_plat.vue'
 import videoPlayBianjieruqin from './video_play_bianjieruqin.vue'
 import hotworkCfdD from './hotworkCfdD.vue'
@@ -91,6 +94,7 @@ import cutroadCfdD from './cutroadCfdD.vue'
 import breakgroundCfdD from './breakgroundCfdD.vue'
 import hoistingCfdD from './hoistingCfdD.vue'
 import peoplePositionCfdD from './peoplePositionCfdD.vue'
+import peoplePositionCmt from './peoplePositionCmt.vue'
 import carPositionCfdD from './carPositionCfdD.vue'
 import peoplePositionOne from './peoplePositionOne.vue'
 import hotworkFirst from "./hotworkFirst";
@@ -119,6 +123,7 @@ export default {
     hoistingOrder,
     videoPlay,
     videoPlayCfd,
+    videoPlayCmt,
     videoPlayPlat,
     hotworkCfdD,
     confinedspaceCfdD,
@@ -130,6 +135,7 @@ export default {
     hoistingCfdD,
     MkGateMachineCfd,
     peoplePositionCfdD,
+    peoplePositionCmt,
     carPositionCfdD,
     videoPlayBianjieruqin,
     peoplePositionOne,
diff --git a/src/views/map/dialog/peoplePositionCmt.vue b/src/views/map/dialog/peoplePositionCmt.vue
new file mode 100644
index 0000000..d2c0a0c
--- /dev/null
+++ b/src/views/map/dialog/peoplePositionCmt.vue
@@ -0,0 +1,120 @@
+<template>
+  <div class="app-container print-work">
+    <div class="level-title">
+      <h1>人员信息</h1>
+    </div>
+    <table class="table-ui">
+      <tr>
+        <td class="bbg-transparent">姓名</td>
+        <td >{{ info.NAME }}</td>
+      </tr>
+      <tr>
+        <td class="bbg-transparent">工号</td>
+        <td >{{ id }}</td>
+      </tr>
+      <tr>
+        <td class="bbg-transparent">部门</td>
+        <td >{{ info?info.DEPARTMENT_NAME:'' }}</td>
+      </tr>
+      <tr>
+        <td class="bbg-transparent">岗位</td>
+        <td >{{ info?info.POST_NAME:'' }}</td>
+      </tr>
+    </table>
+    <table class="table-ui">
+      <div class="level-title titles">
+        <h1>八项作业</h1>
+      </div>
+
+      <tr>
+        <td colspan="4" style="padding: 0;">
+          <table class="table-vi">
+            <tr class="bbg-transparent">
+              <td>序号</td>
+              <td>作业类型</td>
+              <td>作业内容</td>
+              <td>编号</td>
+            </tr>
+            <tr v-for="(item, index) in measuresList" :key="item.ID">
+              <td>{{ index + 1 }}</td>
+              <td>{{ item.WORK_TYPE }}</td>
+              <td>{{ item.WORK_CONTENT }}</td>
+              <td>{{ item.WORK_NUMBER }}</td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+    </table>
+  </div>
+</template>
+
+<script>
+import { requestFN } from '@/utils/request'
+import moment from 'moment/moment'
+
+export default {
+  props: {
+    id: {
+      type: String,
+      default() {
+        return ''
+      }
+    },
+    type: {
+      type: String,
+      default() {
+        return ''
+      }
+    },
+    infoname: {
+      type: String,
+      default() {
+        return ''
+      }
+    }
+  },
+  data() {
+    return {
+      config: config,
+      info: {},
+      ImgList: [],
+      measuresList: [],
+      gongdanList: []
+    }
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    formatDate(date, format) {
+      if (date) {
+        return moment(date).format(format)
+      } else {
+        return ''
+      }
+    },
+    getData() {
+      requestFN(
+        '/map/findEightsByUserId',
+        {
+          cardNo: this.id,
+          TYPE: this.type
+        }
+      ).then((data) => {
+        this.info = data.info
+        console.log(data.info)
+        this.ImgList = data.ImgList
+        this.measuresList = data.varList
+      }).catch((e) => {
+      })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+
+.titles {
+  margin-top: 20px;
+}
+
+</style>
diff --git a/src/views/map/dialog/video_play_cmt.vue b/src/views/map/dialog/video_play_cmt.vue
new file mode 100644
index 0000000..706f9b7
--- /dev/null
+++ b/src/views/map/dialog/video_play_cmt.vue
@@ -0,0 +1,66 @@
+<template>
+  <div>
+    <div id="aLiVideoPlayer" class="prism-player"/>
+  </div>
+</template>
+
+<script>
+
+export default {
+  props: {
+    id: {
+      type: String,
+      default() {
+        return ''
+      }
+    },
+    type: {
+      type: String,
+      default() {
+        return ''
+      }
+    }
+  },
+  data() {
+    return {
+      hls: false,
+      player: null,
+      url: ''
+    }
+  },
+  beforeDestroy() {
+    this.player && this.player.dispose()
+  },
+  created() {
+    console.info(this.id)
+    this.showVideo()
+  },
+  methods: {
+    showVideo() {
+      this.$nextTick(() => {
+        // eslint-disable-next-line no-undef
+        this.player = new Aliplayer({
+          'id': 'aLiVideoPlayer',
+          'source': config.ysVideoUrl + '/live/loadmin/38f8c7d91db97445a1f6e0ef5bbd5ae0/' + config.ysVideoDefinition + '/' + this.id + '.m3u8',
+          // 'source': 'http://172.16.11.146:8991/videoApi/live/loadmin/38f8c7d91db97445a1f6e0ef5bbd5ae0/4/MT-CFD-MK-IPC-16216_1.m3u8',
+          'width': '100%',
+          'height': '500px',
+          'autoplay': true,
+          'isLive': true,
+          'rePlay': false,
+          'playsinline': true,
+          'preload': true,
+          'controlBarVisibility': 'hover',
+          'useH5Prism': true
+        }, function(player) {
+          console.log('The player is created')
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/src/views/map/index.vue b/src/views/map/index.vue
index 59cb052..0dd0913 100644
--- a/src/views/map/index.vue
+++ b/src/views/map/index.vue
@@ -39,8 +39,7 @@
           :corp-info-id="CORP_INFO_ID"
           :gangkou="gangkouActive"/>
         <menjin
-          v-if="gangkouActive && gangkouActive !== '00004' && gangkouActive !== '00002' && bottomOptionsIndex === 0"
-          v-if="gangkouActive && gangkouActive !== '00004' &&  gangkouActive !== '00005'  && bottomOptionsIndex === 0"
+          v-if="gangkouActive && gangkouActive !== '00004' && gangkouActive !== '00002' && gangkouActive !== '00005'  && bottomOptionsIndex === 0"
           :corp-info-id="CORP_INFO_ID"
           :area="area"
           :gangkou="gangkouActive"/>
@@ -85,7 +84,7 @@
           :area="area"
           :gangkou="gangkouActive"/>
         <renyuan
-          v-if="gangkouActive && gangkouActive !== '00004' && gangkouActive !== '00002' && bottomOptionsIndex === 4"
+          v-if="gangkouActive && gangkouActive !== '00004' && gangkouActive !== '00002' && gangkouActive !== '00005' && bottomOptionsIndex === 4"
           :corp-info-id="CORP_INFO_ID"
           :area="area"
           :gangkou="gangkouActive"/>
@@ -99,6 +98,11 @@
           :corp-info-id="CORP_INFO_ID"
           :area="area"
           :gangkou="gangkouActive"/>
+        <renyuanCmt
+          v-if="gangkouActive && gangkouActive === '00005' && bottomOptionsIndex === 4"
+          :corp-info-id="CORP_INFO_ID"
+          :area="area"
+          :gangkou="gangkouActive"/>
         <bianjieruqin
           v-if="gangkouActive && gangkouActive !== '00004' && gangkouActive !== '00002' && bottomOptionsIndex === 6"
           :corp-info-id="CORP_INFO_ID"
@@ -254,6 +258,7 @@ import anquan from './components/anquan.vue'
 import anquanCfd from './components/anquanCfd.vue'
 import qixiang from './components/qixiang.vue'
 import renyuan from './components/renyuan.vue'
+import renyuanCmt from './components/renyuanCmt.vue'
 import bianjieruqin from './components/bianjieruqin.vue'
 import renyuanCfd from './components/renyuanCfd.vue'
 import zhongda from './components/zhongda.vue'
@@ -275,6 +280,9 @@ let drag = null
 let ry_drag = null
 var tiandituTk = 'e8a16137fd226a62a23cc7ba5c9c78ce'
 var subdomains = ['0', '1', '2', '3', '4', '5', '6', '7']
+var PI = 3.1415926535897932384626
+var a = 6378245.0 // 卫星椭球坐标投影到平面地图坐标系的投影因子。
+var ee = 0.00669342162296594323 // 椭球的偏心率。//判断是否在国内，在中国国内的经纬度才需要做偏移
 // 沧州矿石人员定位数组
 let czksPerLocArr = []
 const Cesium = window.Cesium
@@ -305,6 +313,7 @@ export default {
     anquan,
     qixiang,
     renyuan,
+    renyuanCmt,
     renyuanCfd,
     zhongda,
     layoutDialog,
@@ -1398,8 +1407,7 @@ export default {
             this.dialog.infoname = infoname
             return
           }
-          if (this.gangkouActive === '00005' && point_id.substring(0, 1) !== '1') {
-            // if (this.gangkouActive === '00004' && point_type.indexOf('标记点') !== -1 && point_id.substring(0, 1) === '0' || point_id.substring(0, 1) === '5') {
+          if (this.gangkouActive === '00005' && point_id.substring(0, 1) !== '1' &&  point_type !== 'peoplePosition') {
             const { label, point_type, data_id, infoname,name, code } = pick.id._monitoItems.data
             this.dialog.visible = true
             this.dialog.title = label
@@ -1411,6 +1419,19 @@ export default {
             console.log(this.dialog)
             return
           }
+          if (this.gangkouActive === '00005' && point_type === 'peoplePosition') {
+            const { label, point_type, id, corpInfoId, name, infoname } = pick.id._monitoItems.data
+            console.log(pick.id._monitoItems.data)
+            this.dialog.visible = true
+            this.dialog.title = label
+            this.dialog.type = point_type+'00005'
+            console.log(this.dialog.type)
+            this.dialog.id = id
+            this.dialog.name = name
+            this.dialog.infoname = infoname
+            this.dialog.corpInfoId = corpInfoId
+            return
+          }
           if (point_type.indexOf('标记点') !== -1) {
             const { label, point_type, data_id, corpInfoId, dialog_width, infoname } = pick.id._monitoItems.data
             this.dialog.visible = true
@@ -1920,6 +1941,7 @@ export default {
     },
 
     bottomOptionsItemsClick(pindex, index, label, urlType, pointUrl, dialog_width) {
+      var _this = this
       if (this.bottomOptionsList[pindex].list[index].check || this.gangkouActive === '00004' && this.cfdBottomOptionsList[pindex].list[index].check) {
         // 取消选中
         // 沧州矿石人员定位关闭
@@ -2028,6 +2050,7 @@ export default {
                 point.name = varList[i].MAP_POINT_NAME
                 point.infoname = varList[i].MAP_POINT_NAME
               }
+              console.log(point)
               points.push(point)
             }
             if (this.gangkouActive === '00004' && urlType === 'carPosition') {
@@ -2049,6 +2072,13 @@ export default {
             } else {
               this.dragEntity(points, pindex, index)
             }
+            // 人员定位开启实时获取定位websocket
+            if (this.gangkouActive === '00005' && urlType === 'peoplePosition') {
+              if (!this.fwebsocket.url) {
+                this.cmtinitNinePerLocWebsocket()
+              }
+            }
+            _this.dragEntity(points, pindex, index)
           }).catch((e) => {
             console.log(e)
           })
@@ -2457,6 +2487,71 @@ export default {
         }
       }
     },
+    // 曹煤炭人员定位websocket
+    cmtinitNinePerLocWebsocket() {
+      const _this = this
+      console.info(config.perRealTimeLocUrl)
+      if (window.WebSocket) {
+        this.fwebsocket = new WebSocket(encodeURI('ws://' + config.cmtperRealTimeLocUrl)) // oladress在main.jsp页面定义
+        this.fwebsocket.onopen = () => {
+          console.info('人员定位监听成功')
+        }
+        this.fwebsocket.onerror = function() {
+          console.info('连接失败')
+        }
+        this.fwebsocket.onclose = function() {
+          console.info('onclose')
+        }
+        this.fwebsocket.onmessage = function(message) {
+          const mockData = JSON.parse(message.data)
+          console.log(mockData)
+
+          // 将地图上的点与最新的定位人员点进行对比  删除地图上多的点
+          const ninePerLoc = _this.ninePerLocArr.filter(item => {
+            const index = mockData.findIndex(item1 => {
+              return item.id.toString() === item1.cardno.toString()
+            })
+            return index !== -1
+          })
+
+          // 将地图上剩余的点与最新的定位人员点进行对比   更新地图上已存在的点    新增地图上之前没有的点
+          for (const item of mockData) {
+            console.log(item)
+            const wgs84 = _this.gcj02towgs84(parseFloat(item.longitude), parseFloat(item.latitude))
+            item.longitude = wgs84[0]
+            item.latitude = wgs84[1]
+            const index = ninePerLoc.findIndex(item1 => {
+              return item1.id.toString() === item.cardno.toString()
+            })
+
+            const pointColor = _this.isPointxyWithinTheArea(_this.pointBox, item.longitude, item.latitude)
+            if (index !== -1) {
+              ninePerLoc[index].x = item.longitude
+              ninePerLoc[index].y = item.latitude
+              ninePerLoc[index].icon_type = 'img4_0' + pointColor
+              ry_drag.getPosition(ninePerLoc[index])
+            } else {
+              const perLoc = {
+                id: item.cardno,
+                name: item.name,
+                x: item.longitude,
+                y: item.latitude,
+                point_type: 'peoplePosition',
+                icon_type: 'img4_0' + pointColor
+              }
+              ninePerLoc.push(perLoc)
+              ry_drag.delEntity(perLoc)
+              ry_drag.addEntity(perLoc)
+              var qianzhui = 'person'
+              _this.allOrientationPoint[qianzhui + item.cardno] = item.cardno
+              // qianzhui  前缀是点位的前缀，用于区分不同类型的点（如一公司人员、二公司人员），删除时，可根据点位前缀进行删除点
+            }
+          }
+          // 最后更新ninePerLocArr
+          _this.ninePerLocArr = ninePerLoc
+        }
+      }
+    },
     /* 一公司人员定位   mqtt务必使用4.2.1版本*/
     // 九公司人员定位websocket
     initNinePerLocWebsocket() {
@@ -2765,6 +2860,7 @@ export default {
       point.empNo = data.empNo || '' // 工号
       point.cardNo = data.cardNo || '' // 卡号
       point.gangkou = this.gangkouActive
+      console.log(point)
       return point
     },
     // 查询当前所有点位是否在区域内
@@ -2824,7 +2920,42 @@ export default {
         }
       })
     },
-
+    gcj02towgs84(lng, lat) {
+      if (this.out_of_china(lng, lat)) {
+        return [lng, lat]
+      } else {
+        var dlat = this.transformlat(lng - 105.0, lat - 35.0)
+        var dlng = this.transformlng(lng - 105.0, lat - 35.0)
+        var radlat = lat / 180.0 * PI
+        var magic = Math.sin(radlat)
+        magic = 1 - ee * magic * magic
+        var sqrtmagic = Math.sqrt(magic)
+        dlat = (dlat * 180.0) / ((a * (1 - ee)) / (magic * sqrtmagic) * PI)
+        dlng = (dlng * 180.0) / (a / sqrtmagic * Math.cos(radlat) * PI)
+        const mglat = lat + dlat
+        const mglng = lng + dlng
+        return [lng * 2 - mglng, lat * 2 - mglat]
+      }
+    },
+    out_of_china(lng, lat) {
+      return (lng < 72.004 || lng > 137.8347 || (lat < 0.8293 || lat > 55.8271 || false))
+    },
+    // 转化经度
+    transformlng(lng, lat) {
+      var ret = 300.0 + lng + 2.0 * lat + 0.1 * lng * lng + 0.1 * lng * lat + 0.1 * Math.sqrt(Math.abs(lng))
+      ret += ((20.0 * Math.sin(6.0 * lng * PI) + 20.0 * Math.sin(2.0 * lng * PI)) * 2.0) / 3.0
+      ret += ((20.0 * Math.sin(lng * PI) + 40.0 * Math.sin((lng / 3.0) * PI)) * 2.0) / 3.0
+      ret += ((150.0 * Math.sin((lng / 12.0) * PI) + 300.0 * Math.sin((lng / 30.0) * PI)) * 2.0) / 3.0
+      return ret
+    },
+    // 转化纬度
+    transformlat(lng, lat) {
+      var ret = -100.0 + 2.0 * lng + 3.0 * lat + 0.2 * lat * lat + 0.1 * lng * lat + 0.2 * Math.sqrt(Math.abs(lng))
+      ret += ((20.0 * Math.sin(6.0 * lng * PI) + 20.0 * Math.sin(2.0 * lng * PI)) * 2.0) / 3.0
+      ret += ((20.0 * Math.sin(lat * PI) + 40.0 * Math.sin((lat / 3.0) * PI)) * 2.0) / 3.0
+      ret += ((160.0 * Math.sin((lat / 12.0) * PI) + 320 * Math.sin((lat * PI) / 30.0)) * 2.0) / 3.0
+      return ret
+    },
     // 重新加载人员定位点位信息
     localtionReload(pindex, index) {
       var _this = this
@@ -2985,8 +3116,8 @@ export default {
       }
       this.bottomClickDisable = false
       done()
-    }
-  }
+    },
+  },
 }
 </script>
 
diff --git a/src/views/map/js/dragentity.js b/src/views/map/js/dragentity.js
index 01b4e6f..9445d96 100644
--- a/src/views/map/js/dragentity.js
+++ b/src/views/map/js/dragentity.js
@@ -9,8 +9,8 @@ const img0_2 = require('../../../assets/map/gangkou_index/point/ico3.png')
 const img1_0 = require('../../../assets/map/gangkou_index/point/ico4.png')
 const img1_1 = require('../../../assets/map/gangkou_index/point/ico5.png')
 const img1_2 = require('../../../assets/map/gangkou_index/point/ico6.png')
-// const img1_3 = require('../../../assets/map/gangkou_index/point/ico7.png')
-const img1_3 = require('../../../assets/map/gangkou_index/point/ico8.png')
+const img1_3 = require('../../../assets/map/gangkou_index/point/ico7.png')
+const img1_4 = require('../../../assets/map/gangkou_index/point/ico8.png')
 
 const img2_0 = require('../../../assets/map/gangkou_index/point/ico9.png')
 const img2_1 = require('../../../assets/map/gangkou_index/point/ico10.png')
@@ -53,7 +53,7 @@ const img8_3 = require('../../../assets/map/gangkou_index/point/ico26.png')
 
 const imgMap = {
   img0_0, img0_1, img0_2,
-  img1_0, img1_1, img1_2, img1_3,
+  img1_0, img1_1, img1_2, img1_3, img1_4,
   img2_0, img2_1, img2_2, img2_3, img2_4, img2_5, img2_6, img2_7, cfd_img2_8,
   cfd_img3_0, img3_0, img3_1,
   img4_0, img4_0_1, img4_0_2, img4_0_3, img4_1,
diff --git a/src/views/map/js/ry_dragentity.js b/src/views/map/js/ry_dragentity.js
index 4472aad..f63fb12 100644
--- a/src/views/map/js/ry_dragentity.js
+++ b/src/views/map/js/ry_dragentity.js
@@ -43,7 +43,9 @@ export default class DragEntity {
     this.viewer.clock.clockRange = Cesium.ClockRange.CLAMPED
     this.viewer.clock.shouldAnimate = false
   }
-
+  delEntity(point) {
+    this.viewer.entities.remove(point)
+  }
   getPosition(point) {
     if (this.viewer.clock.shouldAnimate === false) {
       this.viewer.clock.shouldAnimate = true
diff --git a/static/config.js b/static/config.js
index c002a23..fe3e613 100644
--- a/static/config.js
+++ b/static/config.js
@@ -11,6 +11,7 @@ const config = {
   weburlNaiwang: 'http://192.168.192.201:8992/', // 附件服务器地址,
   httpurlNaiwang: 'http://192.168.192.201:8992//qa-prevention-gwj/', // 附件服务器地址,
   perRealTimeLocUrl: '192.168.210.32:8084/netty/test.io',
+  cmtperRealTimeLocUrl: '192.168.0.247:8899',
   cfdfileUrl: 'http://60.2.209.238:8991/file',
   xfgUrl: 'https://skqhdg.porthebei.com:9006/static/qrcode/views/xgf_hgz/index.html',
   messageUrl: 'http://192.168.151.56:8082/static/qrcode/views/xgf_hgz/index.html'