1. ndc-seat-map

ndc-seat-map

基于Vue的ndc的座位图组件

Tips:如果网站需要支持 IE 的话,建议使用库之前先在页面上引入 current-script-polyfill。

v-model

当前选择的座位

类型: types/vos/Block => default

prop: readonly

是否只读

类型: boolean

prop: seatData

座位数据

类型: types/pos/SeatMap => default

prop: alreadyChooseSeat

已经选择的座位

类型: types/vos/Block => BlockPosition[]

@click-block

点击座位图上的点信息(不包括表头)

类型: types/vos/Block => default

slot: col-header-aisle

过道列表头

slot-scope="{ col }"

类型: col => string 列名

slot: col-header-window

窗列表头

slot-scope="{ col }"

类型: col => string 列名

slot: col-header-item

列表头

slot-scope="{ col }"

类型: col => string 列名

slot: seat-locked

锁定的座位

slot-scope="{ block }"

类型: block => types/vos/Block => default

slot: seat-used

已使用的座位

slot-scope="{ block }"

类型: block => types/vos/Block => default

slot: seat-choosed

之前自己选择过的座位

slot-scope="{ block, payload }"

类型: block => types/vos/Block => default

类型: payload => types/vos/BlockPosition => default

slot: seat-current

当前选择的座位

slot-scope="{ block }"

类型: block => types/vos/Block => default

slot: seat-available

可用的座位

slot-scope="{ block }"

类型: block => types/vos/Block => default

slot: special-comp

特殊座位(如卫生间厨房)

slot-scope="{ block }"

类型: block => types/vos/Block => default

slot: left-window

左窗

slot-scope="{ block }"

类型: block => types/vos/Block => default

slot: right-window

右窗

slot-scope="{ block }"

类型: block => types/vos/Block => default

slot: aisle

过道

slot-scope="{ block }"

类型: block => types/vos/Block => default