src/views/data/video/nvr/NvrCamera.vue

@@ -79,6 +79,14 @@
          >
            删除
          </el-button>
            <el-button
              link
              type="success"
              @click="imageHandle(scope.row.id)"
              v-hasPermi="['video:image:query']"
            >
              查看截图
            </el-button>
        </template>
      </el-table-column>
    </el-table>
@@ -95,6 +103,7 @@
  <!-- 表单弹窗：添加/修改 -->
  <NvrCameraForm ref="formRef" @success="getList" />

  <CameraImage ref="imageFormRef"/>

</template>
<script lang="ts" setup>
@@ -102,6 +111,7 @@
import * as CameraApi from '@/api/data/video/camera'
import NvrCameraForm from './NvrCameraForm.vue'
import {DICT_TYPE} from "@/utils/dict";
import CameraImage from "../camera/CameraImage.vue";

defineOptions({name: 'NvrCamera'})

@@ -148,6 +158,12 @@
  }
}

/** 查看截图 */
const imageFormRef = ref()
const imageHandle = (id: string) => {
  imageFormRef.value.open(id)
}

/** 搜索按钮操作 */
const handleQuery = () => {
  queryParams.pageNo = 1
@@ -156,7 +172,7 @@

/** 重置按钮操作 */
const resetQuery = () => {
  queryFormRef.value.resetFields()
  queryParams.location = undefined
  handleQuery()
}