src/views/data/video/camera/index.vue

@@ -102,7 +102,8 @@
      <el-table-column label="设备类型" align="center" prop="device" width="200"/>
      <el-table-column label="编码" align="center" prop="code" width="200"/>
      <el-table-column label="IP" align="center" prop="ip" />
      <el-table-column label="端口" align="center" prop="port" width="100"/>
      <el-table-column label="端口" align="center" prop="port" width="80"/>
      <el-table-column label="通道" align="center" prop="channel" width="80"/>
      <el-table-column label="用户名" align="center" prop="username" width="100"/>
      <el-table-column label="状态" prop="status" width="80">
        <template #default="scope">
@@ -129,6 +130,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>
@@ -144,6 +153,7 @@
  <!-- 表单弹窗：添加/修改 -->
  <CameraForm ref="formRef" @success="getList" />

  <CameraImage ref="imageFormRef"/>

</template>
<script lang="ts" setup>
@@ -151,6 +161,8 @@
  import download from '@/utils/download'
  import * as CameraApi from '@/api/data/video/camera'
  import CameraForm from './CameraForm.vue'
import CameraImage from './CameraImage.vue'


  defineOptions({name: 'Camera'})

@@ -195,6 +207,7 @@
  /** 重置按钮操作 */
  const resetQuery = () => {
    queryFormRef.value.resetFields()
  queryParams.brand = undefined
    handleQuery()
  }

@@ -218,6 +231,12 @@
    }
  }

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

  /** 导出按钮操作 */
  const handleExport = async () => {
    try {