<template>
  <view class="page">
    <base-background />
    <!-- 使用自定义导航栏组件 -->
    <custom-navbar title="往生殿"
                   ref="customNavbar"/>
    <view class="header">
      <!-- 状态展示 -->
      <status-display
          v-if="loading"
          type="loading"
          loading-text="加载中..."
      />
      <!-- 页面内容将在这里添加 -->
      <search-box
          v-model="searchName"
          :width="'682rpx'"
          :search-icon="CommonEnum.SEARCH"
          placeholder="请输入姓名或分区进行查找"
          btn-text="搜索"
          @search="handleSearch"
      />
    </view>
  </view>
</template>

<script>
import {CommonEnum} from '@/enum/common.js'
import SearchBox from "../../components/search-box/search-box.vue";
export default {
  components: {
    SearchBox,
    MonkSearchBox: SearchBox
  },
  data() {
    return {
      bgc: {
        backgroundColor: "#F5F0E7"
      },
      CommonEnum,
      searchName: ''
    }
  },
  onLoad() {
  },
  methods: {
  }
}
</script>
<style lang="scss" scoped>
.page {
  width: 100%;
  min-height: 100vh;
}
.header {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 15rpx 40rpx 15rpx;
}
</style>