<template>
  <div>
    <VideoHKPlug
        layout="1x1"
        :width="780"
        :height="330"
        vid="equVideoDialog"
        realFuncName="startPreview"
        :playMode="0"
        :devList="[
          {
            streamMode: 0,
            transMode: 1,
            gpuMode: 0,
            cameraIndexCode: '46350109001321000065',
          },
        ]"
    />
    <div class="ss"></div>
  </div>
</template>

<script lang="ts">
import {
  defineComponent,
  computed,
  onMounted,
  ref,
  reactive,
  watch,
  getCurrentInstance,
  ComponentInternalInstance,
  toRefs,
  nextTick
} from 'vue'
import {useStore} from 'vuex'
import {useRouter, useRoute} from 'vue-router'
import VideoHKPlug from '@/components/video/hk-plug/index.vue'

export default defineComponent({
  name: '',
  components: {VideoHKPlug},
  setup() {
    const store = useStore();
    const router = useRouter();
    const route = useRoute();
    const that = (getCurrentInstance() as ComponentInternalInstance).appContext.config.globalProperties
    const state = reactive({})
    return {
      ...toRefs(state)
    }
  },
})
</script>

<style scoped lang="scss">
  .ss {
    $menuSkexX: -42deg;
    background-image: url("@/assets/images/layout/menu-item-bg.png");
    background-repeat: no-repeat;
    width: 128px;
    height: 57px;
    transform: skewX($menuSkexX);
    margin-left: 100px;
  }
</style>
