From 894db08c4e512f16884a49ef4f03e4fb5df7a937 Mon Sep 17 00:00:00 2001
From: wuhongjian <wuhongjian@hisense.com>
Date: Wed, 24 Aug 2022 13:53:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B8=82=E5=B1=80=E5=9F=BA=E7=A1=80=E8=AE=BE?=
 =?UTF-8?q?=E6=96=BD=E5=8F=AA=E8=A6=81=E5=9B=BE=E7=89=87=E9=A2=84=E8=A7=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/views/home/infrastructurePage.vue | 52 ++++++++++++++++++++-
 1 file changed, 51 insertions(+), 1 deletion(-)

diff --git a/front/src/views/home/infrastructurePage.vue b/front/src/views/home/infrastructurePage.vue
index 8dc1c108..eb7001e0 100644
--- a/front/src/views/home/infrastructurePage.vue
+++ b/front/src/views/home/infrastructurePage.vue
@@ -438,7 +438,12 @@
           </div>
           <i class="boundary"></i>
           <!-- 批量预览 -->
-          <a-button type="primary" @click="batchPreview" class="buttonAdd">
+          <a-button
+            type="primary"
+            @click="batchPreview"
+            class="buttonAdd"
+            v-show="isXiHaiAn"
+          >
             批量预览
           </a-button>
           <!-- 添加至申购车 -->
@@ -474,6 +479,7 @@
           <template #bodyCell="{ column, record }">
             <template v-if="column.dataIndex === 'operation'">
               <a
+                v-if="isXiHaiAn"
                 @click="
                   openVideo(
                     record.channelCode ||
@@ -484,6 +490,18 @@
               >
                 预览
               </a>
+              <a
+                v-else
+                @click="
+                  openPicture(
+                    record.channelCode ||
+                      record.channelId ||
+                      record.channelCode.channelId
+                  )
+                "
+              >
+                预览
+              </a>
             </template>
           </template>
         </a-table>
@@ -532,6 +550,19 @@
           </div>
         </div>
       </a-modal>
+      <!-- 图片预览 -->
+      <a-modal
+        wrapClassName="single-preview-modal"
+        v-model:visible="picVisible"
+        title="图片预览"
+        :width="960"
+        destroyOnClose
+      >
+        <template #footer></template>
+        <div style="width: 100%; display: flex; justify-content: center">
+          <a-image :src="options.src" />
+        </div>
+      </a-modal>
       <!-- 批量预览弹窗 -->
       <a-modal
         wrapClassName="batch-preview-modal"
@@ -641,6 +672,7 @@
     getCameraByParentId,
     getStreamByChannelCode,
     getCameraAllLabel,
+    selectByChannelCode,
   } from '@/api/videoSurveillance'
   import { getCameraByCondition } from '@/api/file'
   import {
@@ -692,6 +724,7 @@
   })
   const videoList = ref([])
   let visible = ref(false)
+  let picVisible = ref(false)
   let batchVisible = ref(false)
   const jcssType = ref(router.currentRoute.value.query.type)
   const pagination = ref({
@@ -884,6 +917,7 @@
     tabList.value[0].content.push('无人机')
     tabList.value[0].content.push('单兵设备')
   }
+  // 打开视频预览
   const openVideo = (id) => {
     console.log('打开视频', id)
     const param = {
@@ -895,6 +929,22 @@
       options.src = res.data.data
     })
   }
+  // 打开图片预览
+  const openPicture = (id) => {
+    console.log('打开图片', id)
+    const param = {
+      channelCode: id,
+    }
+    selectByChannelCode(param).then((res) => {
+      console.log(res)
+      if (res.data.data && res.data.data[0].picUrl) {
+        options.src = res.data.data[0].picUrl
+        picVisible.value = true
+      } else {
+        message.warning('该点位暂无预览图片！')
+      }
+    })
+  }
   // const dataTypeList = () => {
   //   if (tabList.value[0].content.indexOf('视频资源') != -1) {
   //     tabList.value[1].content = ['123344', '213124']