<movable-area class="movableArea" scale-area> 

  <movable-view class="movableView" x="{{x}}" y="{{y}}"  direction="all" scale scale-min="1" scale-max="4" scale-value="{{scaleValue}}">

  <view class="SerialNumber">

        <view class="SerialNumberList" wx:for="{{SeatList}}" wx:for-item="item" wx:for-index="index" wx:key="index">{{index+1}}</view>

  </view>

    <view class="SeatSelectionCenter">      

        <view class="SeatSelectionCenterHorizontal" wx:for="{{SeatList}}" wx:for-item="item" wx:for-index="index" wx:key="index">

          <view  class="SeatListBox" wx:for="{{item}}" wx:for-item="data" wx:for-index="i" data-item="{{data}}" wx:key="i">

            <view class="SeatList" wx:if="{{data}}"></view>

          </view>

        </view>

    </view>

  </movable-view>

</movable-area>