<template>
  <div :class="$style.content">
    <oaApply v-if="isApplyFlag" :apply-list="applyList"></oaApply>
    <div v-else :class="$style.file">
      <!-- 左侧的搜索条件 -->
      <!-- <oaFullsearchClassify
        :class="$style.leftcondition"
        v-bind="$attrs"
        v-on="$listeners"
      ></oaFullsearchClassify> -->
      <!-- 搜索内容及结果展示区 -->
      <oaFullsearchContent
        :class="$style.middleresult"
        :total="total"
        :search-list="searchList"
        :search-val="searchVal"
        :params="params"
        v-bind="$attrs"
        v-on="$listeners"
      ></oaFullsearchContent>
      <!-- 右侧的搜索热度排名 -->
      <!-- <oaFullsearchRate
        :class="$style.rightrate"
        v-bind="$attrs"
        v-on="$listeners"
      ></oaFullsearchRate>  -->
    </div></div
  >
</template>

<script>
import components from './_import-components/oa-full-content-import'
// import oaFullsearchClassify from './oa-fullsearch-classify.vue'
import oaFullsearchContent from './oa-fullsearch-content.vue'
// import oaFullsearchRate from './oa-fullsearch-rate.vue'
import oaApply from './oa-apply'

export default {
  name: 'OaFullContent',
  metaInfo: {
    title: 'OaFullContent',
  },
  components: {
    ...components,
    // oaFullsearchClassify,
    oaFullsearchContent,
    // oaFullsearchRate,
    oaApply,
  },
  props: {
    isApplyFlag: {
      type: Boolean,
      default: false,
    },
    searchVal: {
      type: String,
      default: '',
    },
    searchList: {
      type: Array,
      default: () => {},
    },
    total: {
      type: Number,
      default: 0,
    },
    params: {
      type: Array,
      default: () => {},
    },
    applyList: {
      type: Array,
      default: () => {},
    },
  },
  data() {
    return {}
  },
  methods: {},
}
</script>

<style module lang="scss">
@use '@/common/design' as *;
.content {
  display: flex;
  width: 100%;
  height: 100%;
  margin-top: 1rem;
  overflow: scroll;
  .file {
    display: flex;
    width: 100%;
    .leftcondition {
      max-width: 260px;
    }
    .middleresult {
      flex: 2;
    }
    .rightrate {
      flex: 1;
    }
  }
}
</style>
