<!--pages/newAddPage/safetyBriefingLearning/index.wxml-->
<view class="study_max">
    <view class="study_min">
        <view class="module_title">安全视频</view>
    </view>
    <view class="study_video" >
    <!-- 在此添加一个tab栏切换 -->
      <view class="modify_video_nav" style="margin-top: 64rpx;background-color: #191d28;">
      <view class="{{activeState==1?'active':''}}" bindtap="trainingTypeJump" data-index="1"><text>公司级</text></view>
      <view class="{{activeState==2?'active':''}}" bindtap="trainingTypeJump" data-index="2"><text>项目级</text></view>
      <view class="{{activeState==3?'active':''}}" bindtap="trainingTypeJump" data-index="3"><text>班组级</text></view>
  </view>
<view class="whoBox">
    <view class="outsideBox showBoxs">
        <!-- 最外边展示盒子 -->
        <view class="showBox">
            <!-- 左按钮 -->
            <!-- <view class="leftBtn">
            <image src="http://fileimg.makalu.cc/WEB_1CFE1E31022543CB934B01E8777B5907.png" mode="" style="width:100%;height:100%;"/>
            </view> -->
            <!-- 右按钮 -->
            <!-- <view class="rightBtn">
                <image src="http://fileimg.makalu.cc/WEB_1CFE1E31022543CB934B01E8777B5907.png" mode="" style="width:100%;height:100%;"/>
            </view> -->
            <swiper style="height: 450rpx;" indicator-dots duration='500' indicator-active-color='#fff'>
                <swiper-item wx:for="{{videoList}}" wx:key="index">
                    <video id="myVideo" src="{{item.videoUrl}}" binderror="videoErrorCallback" show-center-play-btn='{{true}}' show-play-btn="{{true}}" bindplay="bindplay_click" bindpause="bindpause_click" bindended="getUserLearnTime" controls></video>
                </swiper-item>
            </swiper>
        </view>
        <view class="study_video_tips">
            温馨提示：请观看视频后进行答题
        </view>
        <view wx:if="{{paperFlag}}">
            <view class="study_min">
                <view class="module_title">安全考试</view>
            </view>

            <view class="study_examination_questions">

                <view class="study_examination_questions_con" style="position: relative;">
                    <view class="study_examination_questions_topic">{{questionsData[index].topic}}</view>
                    <view class="study_examination_questions_radio">
                        <view class="{{item.answer_state? (questionsData[index].correct_answer==item.letter?'study_examination_questions_list active':'study_examination_questions_list error'):'study_examination_questions_list'}}" wx:for="{{questionsData[index].answer_list}}" wx:for-index="j" wx:key="j" bindtap="chooseAnswer" data-j="{{j}}" data-item="{{item}}">
                            <view class="study_radio">
                                <van-icon name="success" />
                            </view>
                            <view class="study_radio_subject">{{item.answer}}</view>
                        </view>
                    </view>
                    <!-- 查看按钮 -->
                    <view class="chakan" wx:if="{{questionsData.length > 0 }}" data-set="{{index}}" bindtap="chakanBtn">
                        查看详情
                    </view>
                </view>

                <view class="answer_result" wx:if="{{questionsData[index].type}}">
                    答案：{{answerTip}}
                    <!-- 答案：{{ questionsData[index].answer_list.filter(item=>item.letter==questionsData[index].correct_answer)}} -->
                </view>

                <view class="switch_button">
                    <button class="switch_button_up" wx:if="{{up}}" bindtap="onClickUp">上一题</button>
                    <button class="switch_button_down" wx:if="{{down}}" bindtap="onClickDown">下一题</button>
                    <button class="switch_button_to" wx:if="{{to}}" bindtap="onClickTo">确认提交</button>
                </view>

            </view>
        </view>
    </view>
</view>
<!-- <van-tabs active="a"  >
        <van-tab title="公司级" name="a"></van-tab>
        <van-tab title="项目级" name="b"></van-tab>
        <van-tab title="班组级" name="c"></van-tab>
    </van-tabs> -->

</view>



</view>




















