<mobile-main frameStyle="{{frameStyle}}" bind:back="back">
    <view slot="info" class="main" style="height:{{infoHeight}}px;">
        <form catchsubmit="formSubmit" catchreset="formReset">
            <view class="form" style="height:{{infoHeight-140}}px;">
                <view class="one">
                    <view class="text">比赛名称</view>
                    <input class="input" name="match_name" disabled="true" value="{{form.name}}" placeholder="" />
                </view>
                <view class="one">
                    <view class="text">蓝方</view>
                    <picker mode="selector" bindchange="bindCatePickerChangeblue" value="{{cateIndex}}"   data-item="{{cateArray[cateIndex]}}" range-key="team_name" range="{{cateArray}}">
                        <view class="input" >{{cateArray[cateIndex].team_name}}</view>
                    </picker>
                </view>
                <view class="one">
                    <view class="text">红方</view>
                    <picker mode="selector" bindchange="bindCatePickerChangered" value="{{cateIndex1}}" data-item="{{cateArray[cateIndex1]}}" range-key="team_name" range="{{cateArray}}">
                        <view class="input"  >{{cateArray[cateIndex1].team_name}}</view>
                    </picker>
                </view>
                <view class="one">
                    <view class="text">比赛时间</view>
                    <picker mode="date" value="{{date}}" start="2015-09-01" end="3017-09-01" bindchange="bindDateChange">
                        <view class="input1">{{date}}</view>
                    </picker>
                    <picker mode="time" value="{{time}}" start="00:00" end="23:59" bindchange="bindTimeChange">
                        <view class="input2">{{time}}</view>
                    </picker>
                </view>
            </view>

            <view class="btn-area">
                <button class="button" formType="submit">保存</button>
            </view>
        </form>
    </view>
</mobile-main>