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']