<template>
  <CellWrapper title="快速访问" :cellContentHeight="cellContentHeight">
    <template v-slot:header>
      <span class="el-icon-setting" title="设置" @click="openSetting"></span>
    </template>

    <quick
      ref="quick"
      quickType="visit"
      :cellContentHeight="cellContentHeight"
    ></quick>
  </CellWrapper>
</template>

<script>
import CellWrapper from "../common/CellWrapper.vue";
import quick from "../common/quick.vue";

import defaultVisitItems from "../common/defaultQuickVisitItems.js";

export default {
  name: "QuickVisit",
  components: { CellWrapper, quick },
  props: {
    cellContentHeight: {
      type: Number,
      required: true,
    },
  },
  created() {
    const admin = localStorage.getItem("quick-visit-admin");
    if (!admin) {
      localStorage.setItem(
        "quick-visit-admin",
        JSON.stringify(defaultVisitItems.admin)
      );
    }
    const normal = localStorage.getItem("quick-visit-normal");
    if (!normal) {
      localStorage.setItem(
        "quick-visit-normal",
        JSON.stringify(defaultVisitItems.normal)
      );
    }
  },
  methods: {
    openSetting() {
      this.$refs.quick.openSetting();
    },
  },
};
</script>

<style scoped></style>
