doum
4 天以前 bc09bc87234065abe7130b84c92f81f143f5f3e7
admin/src/components/common/SearchFormCollapse.vue
@@ -1,14 +1,21 @@
<template>
  <div class="search-form-collapse" :class="{'collapse__hidden': !showMore}">
    <slot></slot>
    <el-button v-if="!showMore" class="collapse__switch" @click="showMore = true">更多查询...</el-button>
    <el-button v-else class="collapse__switch" @click="showMore = false">收起</el-button>
    <el-button  v-if="needMore && !showMore" class="collapse__switch" @click="showMore = true">更多查询...</el-button>
    <el-button v-else-if="needMore && showMore" class="collapse__switch" @click="showMore = false">收起</el-button>
  </div>
</template>
<script>
export default {
  name: 'SearchFormCollapse',
  props: {
    needMore: {
      type: Boolean,
      required: false,
      default: () => true
    }
  },
  data () {
    return {
      showMore: false