<template>
  <div>
    <MonitorHK
      v-if="props.nowPreviewRecord.manufacturer == '海康'"
      :serialNumberValue="props.nowPreviewRecord.url"
      :width="1380"
      :height="900"
    />
    <MonitorLC
      v-if="props.nowPreviewRecord.manufacturer == '乐橙'"
      :deviceId="props.nowPreviewRecord.url"
      :channelId="0"
      :width="1396"
      :height="900"
      :videoMuted="true"
    />
    <MonitorTX
      v-if="props.nowPreviewRecord.manufacturer == '腾讯'"
      :serialNumberValue="props.nowPreviewRecord.url"
      :width="1396"
      :height="900"
      :videoLoop="false"
      :videoMuted="true"
      :videoFit="'contain'"
    />
    <MonitorQX
      v-if="props.nowPreviewRecord.manufacturer == '青犀'"
      :serialNumberValue="props.nowPreviewRecord.url"
      :width="1396"
      :height="900"
      :videoLoop="false"
      :videoMuted="true"
      :videoFit="'contain'"
    />
  </div>
</template>
<script lang="ts" setup>
  import { MonitorHK } from './preview';
  import { MonitorLC } from './preview';
  import { MonitorTX } from './preview';
  import { MonitorQX } from './preview';

  const props = defineProps(['nowPreviewRecord']);
  console.log(props.nowPreviewRecord);
</script>
<style lang="less"></style>
