fix: merge

src/api/cvs/video.ts

@@ -92,7 +92,7 @@ export const addDevice = (data: Partial<CVS.device>) => {
 }
 
 export const getDeviceRecordById = (params: {
-  deviceId: string
+  deviceId: number
   startTs?: number,
   endTs?: number,
   recordFormat: 'FLV' | 'TS' | 'MP4' | 'RAW'

src/controller/cvs/spaceController.ts

@@ -86,9 +86,11 @@ export class SpaceController {
 
   static async deviceRecordById (
     params: {
-      deviceId: string
+      deviceId: number
       startTs?: number,
       endTs?: number,
+      page: number,
+      pageSize: number
       recordFormat: 'FLV' | 'TS' | 'MP4' | 'RAW'
     }
   ) {

src/pages/cvs/video/device.vue

@@ -76,6 +76,20 @@
     </a-form>
   </modal-pro>
 </a-card>
+
+<modal-pro
+  :label="deviceState.deviceName"
+  :open="state.activeVisible"
+  @cancel="state.activeVisible = false"
+  @ok="state.activeVisible = false"
+>
+  <a-card
+    :tab-list="deviceTabs"
+    :active-tab-key="activeTabKey"
+  >
+
+  </a-card>
+</modal-pro>
 </template>
 <script lang='ts' setup >
 import { InputTsx } from '@/components/MicroComponents/index'
@@ -125,11 +139,21 @@ const deviceName = ref(null)
 
 const tableProDom = ref()
 
+const activeTabKey = ref<'record' | 'thumb' | 'ai'>('record')
+
+const deviceTabs = [
+  { key: 'record', tab: '录像回放' },
+  { key: 'thumb', tab: '截图查看' },
+  { key: 'ai', tab: 'AI分析' }
+]
+
 const state = reactive<{
   visible: boolean,
+  activeVisible: boolean,
   spaceList: CVS.space[]
 }>({
   visible: false,
+  activeVisible: false,
   spaceList: []
 })
 
@@ -161,7 +185,12 @@ const ok = () => {
   }).catch(() => {})
 }
 
-const recordParty = (record: CVS.device) => {}
+const recordParty = async (record: CVS.device) => {
+  state.activeVisible = true
+  resetFields({ ...record })
+  activeTabKey.value = 'record'
+  // const data = await SpaceController.deviceRecordById({ deviceId: record.deviceId, page: 1, pageSize: 10, recordFormat: 'FLV' })
+}
 
 const thumbParty = (record: CVS.device) => {}