<template>
  <div class="securityAlarmGrid">
    <Card title="宫格模式" style="height: 99%">
      <div style="height: 100%;margin: 0 15px 15px">
        <a-row style="height: 100%">
          <a-col :span="4" style="height: 90%">
            <div style="padding-left: 15px; height: 100%">
              <SecurityDeviceSelect></SecurityDeviceSelect>
            </div>
          </a-col>
          <a-col :span="20" style="height: 90%">
            <div style="height: 100%">
              <HkwsCamera />
            </div>
          </a-col>
        </a-row>
      </div>
    </Card>
  </div>
</template>

<script>
import HkwsCamera from "@/components/security/camera/hkwsCamera.vue";
import SecurityDeviceSelect from "@/components/security/common/securityDeviceSelect.vue";

export default {
  components: {
    SecurityDeviceSelect,
    HkwsCamera
  }
}
</script>

<style lang="less" scoped>
.securityAlarmGrid {
  width: 100%;
  height: 100%;
}
</style>