<template>
  <div>
    <AnjuanContent v-if="selectedCategory.arrangeType === 1 || selectedCategory.arrangeType === 2" ref="ajContent" class="ajContent" :selected-category="selectedCategory" :is-recycle="isRecycle" :smart-query="smartQuery" />
    <el-drawer
      v-else
      class="anjuan-drawer"
      :with-header="false"
      :visible.sync="anjuanDrawer"
      :modal="false"
      :wrapper-closable="true"
      :show-close="false"
      direction="rtl"
      size="90%"
    >
      <AnjuanContent ref="ajContent" :selected-category="selectedCategory" :is-recycle="isRecycle" :smart-query="smartQuery" />
      <span class="closed-btn" @click="closeDrawer" />
    </el-drawer>
  </div>
</template>

<script>
import AnjuanContent from './content'
export default {
  name: 'Anjuan',
  components: { AnjuanContent },
  props: {
    data: {
      type: String,
      default: ''
    },
    selectedCategory: {
      type: Object,
      default: function() {
        return {}
      }
    },
    isRecycle: {
      type: Boolean,
      default: false
    },
    smartQuery: {
      type: Object,
      default: function() {
        return {}
      }
    }
  },
  data() {
    return {
      anjuanDrawer: false
    }
  },
  created() {
  },
  mounted() {
  },
  methods: {
    closeDrawer() {
      this.anjuanDrawer = false
      this.$parent.parentsProjectId = null
      this.$parent.parentsProjectRow = null
      localStorage.removeItem('currentPageSize')
      localStorage.removeItem('currentPage')
    }
  }
}
</script>

<style lang='scss' scoped>
[data-theme=light] .ajContent{
  padding-top: 2px;
}
</style>
