<template>
  <picker :range="props?.data?.houseList" range-key="full_name" @change="method?.handleChange">
    <view class="bill_header">
      {{ useModel?.currentHouses?.value?.name || '' }}
      <uni-icons type="right" size="12"></uni-icons>
    </view>
  </picker>
</template>

<script setup lang="ts">
import { defineProps, defineEmits } from 'vue'
const props = defineProps(['data'])
import method from '../method'
import useModel from '../model'
</script>

<style setup lang="scss">
.bill_header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border-top: 1rpx solid #eee;
  z-index: 100;
  padding: 30rpx;
  color: #333333;
  font-size: 28rpx;
}
</style>
