From ca538842ddd812e96ebb026c93d88bd1a955177c Mon Sep 17 00:00:00 2001
From: TimSpan <cat20201314@163.com>
Date: Wed, 16 Oct 2024 17:20:56 +0800
Subject: [PATCH] =?UTF-8?q?=E6=98=8E=E6=97=A5=E4=BB=BB=E5=8A=A1=EF=BC=9A?=
 =?UTF-8?q?=E6=B5=8B=E8=AF=95=E6=8A=A5=E8=AD=A6=E6=B5=AE=E7=AA=97=E6=98=AF?=
 =?UTF-8?q?=E5=90=A6=E6=AD=A3=E5=B8=B8=E6=98=BE=E7=A4=BA=20=20=E5=92=8C=20?=
 =?UTF-8?q?=E6=81=A2=E5=A4=8D=E6=A0=91=E7=BB=93=E6=9E=84=E5=B1=95=E5=BC=80?=
 =?UTF-8?q?=E5=AE=9A=E4=BD=8D=E6=BB=91=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/page/offLineMap.vue | 184 ++++++++++++++++++++++++++++++++++
 1 file changed, 184 insertions(+)

diff --git a/src/views/page/offLineMap.vue b/src/views/page/offLineMap.vue
index bfe6cab6..a821bb13 100644
--- a/src/views/page/offLineMap.vue
+++ b/src/views/page/offLineMap.vue
@@ -195,6 +195,190 @@
         </div>
       </div>
     </a-layout-sider>
+    <!-- 浮窗模块 -->
+    <div v-show="dialogTableVisible" class="dialogTableVisibleClass">
+      <el-popover :visible="visible" :show-arrow="false" placement="left" :width="400" :popper-style="{background: '#06325F', border: '1px solid #60626654'}">
+        <template #reference>
+          <el-icon @click="clickKz(infoData)" style="top: -6px" size="16px" color="#409EFC">
+            <DArrowLeft />
+          </el-icon>
+        </template>
+        <el-icon size="16px" style="margin-left: 350px" color="#409EFC" @click="visible = false">
+          <DArrowRight />
+        </el-icon>
+        <div>
+          <p style="color: rgb(179, 194, 208)">视频点位:</p>
+          <ul v-if="ingrssddata">
+            <li style="text-align: center; color: #fff" v-if="ingrssddata.ipcList.length < 1">暂无数据</li>
+            <li v-else style="margin-left: 20px; margin-top: 10px; color: rgb(1, 216, 226)" v-for="(item, index) in ingrssddata.ipcList" :key="index">{{ item.title }}</li>
+          </ul>
+        </div>
+        <div style="margin-top: 10px">
+          <p style="color: rgb(179, 194, 208)">安保点位:</p>
+          <ul v-if="ingrssddata">
+            <li style="text-align: center; color: #fff" v-if="ingrssddata.mobileList.length < 1">暂无数据</li>
+            <li style="margin-left: 20px; margin-top: 10px; color: rgb(1, 216, 226)" v-for="(item, index) in ingrssddata.mobileList" :key="index">{{ item.title }}</li>
+          </ul>
+        </div>
+        <div style="margin-top: 10px">
+          <p style="color: rgb(179, 194, 208)">文件列表:</p>
+          <ul v-if="ingrssddata">
+            <li style="text-align: center; color: #fff" v-if="ingrssddata.fileList.length < 1">暂无数据</li>
+            <li style="display: inline-block; margin-right: 5px" v-for="(item, index) in ingrssddata.fileList" :key="index">
+              <el-image
+                style="width: 150px; height: 150px"
+                v-if="item.type == 'image'"
+                :src="item.url"
+                :zoom-rate="1.2"
+                :max-scale="7"
+                :min-scale="0.2"
+                :preview-src-list="[item.url]"
+                :initial-index="4"
+                fit="cover"
+              />
+              <video width="150" height="150" v-if="item.type == 'video'" :src="item.url" autoplay="true" controls></video>
+            </li>
+          </ul>
+        </div>
+      </el-popover>
+      <el-icon @click="closee" style="position: absolute; left: 327px; top: 4px" size="23">
+        <close-bold />
+      </el-icon>
+
+      <ul>
+        <li style="margin-bottom: 20px">
+          <span id="" class="c_b3c2d0"> 事件类型: </span>
+          <span id="" class="p10c">
+            {{ infoData.alarmCode }}
+          </span>
+        </li>
+        <li style="margin-bottom: 20px">
+          <span id="" class="c_b3c2d0"> 上报时间: </span>
+          <span id="" class="p10c">
+            {{ infoData.timestamp }}
+          </span>
+        </li>
+        <li style="margin-bottom: 20px">
+          <span id="" class="c_b3c2d0"> 上报地点: </span>
+          <span id="" class="p10c">
+            {{ infoData.address }}
+          </span>
+        </li>
+        <li style="margin-bottom: 20px">
+          <span id="" class="c_b3c2d0"> 上报来源: </span>
+          <span id="" class="p10c">
+            {{ infoData.alarmSource }}
+          </span>
+        </li>
+        <li style="margin-bottom: 20px">
+          <span id="" class="c_b3c2d0"> 核验状态: </span>
+          <span id="" class="p10c">
+            {{ totypecn(infoData.fakeState) }}
+          </span>
+        </li>
+        <li style="margin-bottom: 20px">
+          <span id="" class="c_b3c2d0"> 转发模式: </span>
+          <span id="" class="p10c">
+            {{ infoData.reportMode == '1' ? '自动转发' : infoData.reportMode == '2' ? '核验转发' : '' }}
+          </span>
+        </li>
+        <li style="margin-bottom: 20px">
+          <span id="" class="c_b3c2d0"> 描述信息: </span>
+          <span id="" class="p10c">
+            {{ infoData.description }}
+          </span>
+        </li>
+        <li style="margin-bottom: 20px">
+          <span id="" class="c_b3c2d0"> 设备类型: </span>
+          <span id="" class="p10c">
+            {{ infoData.deviceType }}
+          </span>
+        </li>
+        <li style="margin-bottom: 20px">
+          <span id="" class="c_b3c2d0"> 警报类型: </span>
+          <span id="" class="p10c">
+            {{ infoData.alarmCode }}
+          </span>
+        </li>
+        <li style="margin-bottom: 20px; display: flex">
+          <div style="flex: 1">
+            <span id="" class="c_b3c2d0"> 联系人1: </span>
+            <span id="" class="p10c">
+              {{ infoData.user1Name }}
+            </span>
+          </div>
+          <div style="flex: 1">
+            <span id="" style="color: #b3c2d0; margin-left: 20px"> 电话: </span>
+            <span id="" class="p10c">
+              {{ infoData.user1Phone }}
+            </span>
+          </div>
+        </li>
+        <li style="margin-bottom: 20px; display: flex">
+          <div style="flex: 1">
+            <span id="" class="c_b3c2d0"> 联系人2: </span>
+            <span id="" class="p10c">
+              {{ infoData.user2Name }}
+            </span>
+          </div>
+          <div style="flex: 1">
+            <span id="" style="color: #b3c2d0; margin-left: 20px"> 电话: </span>
+            <span id="" class="p10c">
+              {{ infoData.user2Phone }}
+            </span>
+          </div>
+        </li>
+        <li style="margin-bottom: 20px; display: flex">
+          <div style="flex: 1">
+            <span id="" class="c_b3c2d0"> 联系人3: </span>
+            <span id="" class="p10c">
+              {{ infoData.user3Name }}
+            </span>
+          </div>
+          <div style="flex: 1">
+            <span id="" style="color: #b3c2d0; margin-left: 20px"> 电话: </span>
+            <span id="" class="p10c">
+              {{ infoData.user3Phone }}
+            </span>
+          </div>
+        </li>
+        <li style="margin-bottom: 20px">
+          <span id="" class="c_b3c2d0"> 处置状态: </span>
+          <span id="" class="p10c">
+            {{ infoData.state == 'new' ? '新事件' : infoData.state == 'processing' ? '处置中' : infoData.state == 'processed' ? '处置完成' : infoData.state == 'close' ? '关闭' : '' }}
+          </span>
+        </li>
+        <li style="margin-bottom: 20px">
+          <span id="" style="color: #01d8e2">
+            <div style="display: inline-block; margin-left: 3px">
+              <el-button @click="cz(infoData, upstatuslist)" type="primary" size="small">处置</el-button>
+            </div>
+            <div style="display: inline-block; margin-left: 3px" v-if="infoData.lockState == 'lock'">
+              <el-button @click="jiesuo(infoData)" type="info" size="small">解锁</el-button>
+            </div>
+
+            <div style="display: inline-block; margin-left: 3px" v-else>
+              <el-button @click="lock(infoData)" type="warning" size="small">锁定</el-button>
+            </div>
+            <div style="display: inline-block; margin-left: 3px">
+              <el-button type="danger" size="small" @click="close(infoData)">关闭</el-button>
+            </div>
+          </span>
+        </li>
+      </ul>
+      <div style="width: 100%; border-top: 1px solid #fff; margin-top: 10px"></div>
+      <a-timeline style="color: #beceda; overflow-y: auto; height: 248px; padding-top: 10px">
+        <a-timeline-item v-for="(item, index) in upstatuslist" :key="index">
+          <p>{{ toCn(item.operation) }}</p>
+          <p>时间:{{ item.timestamp }}</p>
+          <p>操作者: {{ item.operatorType }}</p>
+        </a-timeline-item>
+      </a-timeline>
+    </div>
+
+    <div v-if="showIframe" class="iframe-container">
+      <iframe :src="videoUrl" frameborder="0"></iframe>
+    </div>
   </a-layout>
 </template>