Blame view

src/components/room/floorSelect2.vue 1.05 KB
b25b036d   wuxw   v1.9 优化日期
1
  <template>
15981f1e   wuxw   商铺开发完成
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
    <el-select v-model="selectedFloor" filterable remote :remote-method="searchFloors" :loading="loading"
      :placeholder="$t('shops.buildingPlaceholder')" style="width: 100%" @change="handleChange">
      <el-option v-for="item in floors" :key="item.floorId" :label="item.floorNum + $t('shops.building')"
        :value="item"></el-option>
    </el-select>
  </template>
  
  <script>
  import { getCommunityId } from '@/api/community/communityApi'
  
  import { getFloors } from '@/api/room/roomApi'
  
  export default {
    name: 'FloorSelect2',
    data() {
      return {
        selectedFloor: null,
        floors: [],
        loading: false
      }
    },
    methods: {
      open() {
        this.searchFloors()
      },
      async searchFloors() {
          const {apiFloorDataVoList} = await getFloors({
            communityId: getCommunityId(),
            page:1,
            row:100
          })
          this.floors = apiFloorDataVoList
      },
      handleChange(value) {
        this.$emit('change', value)
      },
      clear() {
        this.selectedFloor = null
        this.floors = []
      }
    }
  }
  </script>