| | |
| | | <template> |
| | | <div style="display: flex; flex-wrap: wrap; margin-bottom: 20px"> |
| | | <div class=wrap v-for="(value, key) in bedMap" :key="key"> |
| | | <RoomBedSelect :title="key" :bedList="value" v-model="curSel"/> |
| | | <div style="display: flex; flex-direction: column; align-items: center;"> |
| | | <div style="display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px"> |
| | | <div class=roomwrap v-for="(value, key) in bedMap" :key="key"> |
| | | <RoomBedSelect :title="key" :bedList="value" v-model="curSel"/> |
| | | </div> |
| | | </div> |
| | | <el-button type="primary" @click="roomConfirm">确认</el-button> |
| | | </div> |
| | | <el-button @click="roomConfirm">KKKK</el-button> |
| | | <!-- |
| | | <el-button type="primary">Primary Button</el-button> |
| | | <el-button type="success">Success Button</el-button> |
| | | <el-button type="info">Info Button</el-button> |
| | | <el-button type="warning">Warning Button</el-button> |
| | | <el-button type="danger">Danger Button</el-button> |
| | | --> |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | |
| | | |
| | | const bedMap = ref<Map<String, RoomVO[]>>() // 列表的数据 |
| | | |
| | | const curSel = ref<String>("B2"); |
| | | const curSel = ref<RoomVO>({ |
| | | id: 0, |
| | | roomId: 0, |
| | | roomName: "", |
| | | bedNo: "", |
| | | onstage: true |
| | | }); |
| | | |
| | | /** 查询列表 */ |
| | | const getList = async () => { |
| | |
| | | } |
| | | |
| | | const roomConfirm = () => { |
| | | console.info(curSel.value) |
| | | } |
| | | |
| | | /** 初始化 **/ |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | | .wrap { |
| | | .roomwrap { |
| | | margin-right: 20px; |
| | | } |
| | | </style> |