chooseSeat.vue 712 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template>
  2. <view class="movie">
  3. <anil-seat
  4. ref="anilSeat"
  5. title="皮皮鲁与鲁西西之罐头小人"
  6. info="2021年01月22日 国语 奇幻 喜剧 儿童"
  7. room-name="5号厅"
  8. :seat-data="seatData"
  9. :max="4"
  10. @confirm="onConfirmSeat">
  11. </anil-seat>
  12. </view>
  13. </template>
  14. <script>
  15. import {
  16. seatData
  17. } from '@/utils/seat-data.js'
  18. export default {
  19. data() {
  20. return {
  21. }
  22. },
  23. methods: {
  24. onConfirmSeat (items) {
  25. console.log(items)
  26. uni.navigateTo({
  27. url:`/pay/pay1`,
  28. })
  29. }
  30. },
  31. onLoad() {
  32. // 座位图初始化 - seatData座位数据
  33. this.$refs['anilSeat'].initData(seatData)
  34. }
  35. }
  36. </script>
  37. <style lang="scss" scoped>
  38. .movie{
  39. }
  40. </style>