<template>
	<view>
		<u-popup :show="visible" mode="right" custom-style="width:70vw">
			<view class="card">
				<slot />
			</view>
			<view class="footer flex-between">
				<view style="flex: 1">
					<u-button text="重置" @click="fnReset" />
				</view>
				<view style="flex: 1">
					<u-button type="primary" text="搜索" @click="fnSearch" />
				</view>
			</view>
		</u-popup>

		<app-fab-button type="search" @click="visible = true" />
	</view>
</template>

<script>
import AppFabButton from '@/components/fabButton/index.vue';

export default {
  components: { AppFabButton },

  data() {
    return {
      visible: false
    }
  },

  methods: {
    fnReset() {
      this.$emit('reset')
      this.fnSearch();
    },
    fnSearch() {
      this.$emit('search')
      this.visible = false;
    }
  }
}
</script>

<style lang="scss" scoped>
.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
</style>
