<view id="updatePlan">
  <!-- 更新视力信息 -->
  <view id="sight">
    <view id="sightTitle">更新视力信息</view>
    <view id="sightInfo">
      <view id="sightInfoTop">
        <text class="sightInfoLeft">上次裸眼视力</text>
        <view id="sightInfoRight">
          <text class="sightLeft">左眼：{{leftEye}}</text>
          <text class="sightRight">右眼：{{rightEye}}</text>
        </view>
      </view>
      <view id="sightInfoBom">
        <text class="sightInfoLeft">本次裸眼视力</text>
        <picker mode="multiSelector" class="selectorPicker" bindchange="luoeyeChange" value="{{luoeyeIndex}}" range="{{luoeyeArray}}">
          <view class="eyesightConRight" wx:if="{{ luoeyeArray[0][luoeyeIndex[0]]=='-'||luoeyeArray[1][luoeyeIndex[1]]=='-' }}">
            <text>请选择</text>
          </view>
          <view class="eyesightConRight" wx:else>
            <view class="selItem sightLeft">左眼：{{luoeyeArray[0][luoeyeIndex[0]]}}</view>
            <view class="selItem sightRight">右眼：{{luoeyeArray[1][luoeyeIndex[1]]}}</view>
          </view>
        </picker>
      </view>
    </view>
  </view>
  <!-- 更新训练计划 -->
  <view id="plan">
    <view id="planTitle">更新训练计划</view>
    <!-- 第一组 -->
    <view class="train">
      <view class="trainTitle">
        <text>第一组</text>
        <picker bindchange="firstTrainChange" value="{{firstTrainIndex}}" range="{{trainArray}}">
          <view class="trainTitleSelect">
            <text>{{firstTrainType}}</text>
            <image src="../../assets/icon_more.png"></image>
          </view>
        </picker>
      </view>
      <!-- 单词 -->
      <view class="trainDes" hidden="{{firstTrainIndex!=0}}">
        <view><image class="trainDesIcon" src="../../assets/pic-word.png" /></view>
        <view class="trainDesText">学单词的同时进行训练。单词与课本同步，使用艾宾浩斯记忆法，让孩子能够在高效学习单词的同时锻炼睫状肌和外眼肌，保护视力。</view>
      </view>
      <!-- 动态 -->
      <view class="trainDes" hidden="{{firstTrainIndex!=1}}">
        <view><image class="trainDesIcon" src="../../assets/pic-dt.png" /></view>
        <view class="trainDesText">看视频的同时进行训练，通过丰富的内容画面，模拟真实世界场景，结合设备的远近调节，达到训练10分钟，满足当日长时间望远需要，锻炼睫状肌，缓解疲劳。</view>
      </view>
      <!-- 静态 -->
      <view class="trainDes" hidden="{{firstTrainIndex!=2}}">
        <view><image class="trainDesIcon" src="../../assets/pic-jt.png" /></view>
        <view class="trainDesText">看图片，听音乐进行训练，通过看自然风景，动漫人物， 科幻场景等主题图片来同时锻炼眼外肌和睫状肌的收缩性，改善睫状肌的收缩能力，从而预防和防控近视情况的产生。</view>
      </view>
      <view class="trainSet" hidden="{{firstTrainIndex!=0}}">
        <view class="trainSetCon">
          <view class="trainSetConLeft">
            <image src="../../assets/icon_traintime_0.png"></image>
            <text>{{wordNumber}}个新词</text>
          </view>
          <view class="trainSetConRight" bindtap="firstWordSet">
            <text>详细设置</text>
            <image src="../../assets/icon_more.png"></image>
          </view>
        </view>
      </view>
      <view class="trainSet" hidden="{{firstTrainIndex!=1}}">
        <picker bindchange="firstDChange" value="{{firstDIndex}}" range="{{DArray}}" range-key="name">
          <view class="trainSetCon">
            <view class="trainSetConLeft">
              <image src="../../assets/icon_traintime_0.png"></image>
              <text>{{DArray[firstDIndex].name}}</text>
            </view>
            <view class="trainSetConRight">
              <text>详细设置</text>
              <image src="../../assets/icon_more.png"></image>
            </view>
          </view>
        </picker>
      </view>
      <view class="trainSet" hidden="{{firstTrainIndex!=2}}">
        <picker bindchange="firstJChange" value="{{firstJIndex}}" range="{{JArray}}" range-key="name">
          <view class="trainSetCon">
            <view class="trainSetConLeft">
              <image src="../../assets/icon_traintime_0.png"></image>
              <text>{{JArray[firstJIndex].name}}</text>
            </view>
            <view class="trainSetConRight">
              <text>详细设置</text>
              <image src="../../assets/icon_more.png"></image>
            </view>
          </view>
        </picker>
      </view>
    </view>
    <!-- 第二组 -->
    <view class="train">
      <view class="trainTitle trainSecond">
        <text>第二组</text>
        <picker bindchange="secondTrainChange" value="{{secondTrainIndex}}" range="{{trainArray}}">
          <view class="trainTitleSelect">
            <text>{{secondTrainType}}</text>
            <image src="../../assets/icon_more.png"></image>
          </view>
        </picker>
      </view>
      <!-- 单词 -->
      <view class="trainDes" hidden="{{secondTrainIndex!=0}}">
        <view><image class="trainDesIcon" src="../../assets/pic-word.png" /></view>
        <view class="trainDesText">学单词的同时进行训练。单词与课本同步，使用艾宾浩斯记忆法，让孩子能够在高效学习单词的同时锻炼睫状肌和外眼肌，保护视力。</view>
      </view>
      <!-- 动态 -->
      <view class="trainDes" hidden="{{secondTrainIndex!=1}}">
        <view><image class="trainDesIcon" src="../../assets/pic-dt.png" /></view>
        <view class="trainDesText">看视频的同时进行训练，通过丰富的内容画面，模拟真实世界场景，结合设备的远近调节，达到训练10分钟，满足当日长时间望远需要，锻炼睫状肌，缓解疲劳。</view>
      </view>
      <!-- 静态 -->
      <view class="trainDes" hidden="{{secondTrainIndex!=2}}">
        <view><image class="trainDesIcon" src="../../assets/pic-jt.png" /></view>
        <view class="trainDesText">看图片，听音乐进行训练，通过看自然风景，动漫人物， 科幻场景等主题图片来同时锻炼眼外肌和睫状肌的收缩性，改善睫状肌的收缩能力，从而预防和防控近视情况的产生。</view>
      </view>
      <view class="trainSet" hidden="{{secondTrainIndex!=0}}">
        <view class="trainSetCon">
          <view class="trainSetConLeft">
            <image src="../../assets/icon_traintime_0.png"></image>
            <text>{{wordNumberSecond}}个新词</text>
          </view>
          <view class="trainSetConRight" bindtap="secondWordSet">
            <text>详细设置</text>
            <image src="../../assets/icon_more.png"></image>
          </view>
        </view>
      </view>
      <view class="trainSet" hidden="{{secondTrainIndex!=1}}">
        <picker bindchange="secondDChange" value="{{secondDIndex}}" range="{{DArray}}" range-key="name">
          <view class="trainSetCon">
            <view class="trainSetConLeft">
              <image src="../../assets/icon_traintime_0.png"></image>
              <text>{{DArray[secondDIndex].name}}</text>
            </view>
            <view class="trainSetConRight">
              <text>详细设置</text>
              <image src="../../assets/icon_more.png"></image>
            </view>
          </view>
        </picker>
      </view>
      <view class="trainSet" hidden="{{secondTrainIndex!=2}}">
        <picker bindchange="secondJChange" value="{{secondJIndex}}" range="{{JArray}}" range-key="name">
          <view class="trainSetCon">
            <view class="trainSetConLeft">
              <image src="../../assets/icon_traintime_0.png"></image>
              <text>{{JArray[secondJIndex].name}}</text>
            </view>
            <view class="trainSetConRight">
              <text>详细设置</text>
              <image src="../../assets/icon_more.png"></image>
            </view>
          </view>
        </picker>
      </view>
    </view>
  </view>
  <!-- 单词训练设置弹窗 -->
  <view id="wordSet" hidden="{{!wordSetShow}}">
    <view id="wordTitleBox">
      <image id="close" src="../../assets/close.png" bindtap="close"></image>
      单词训练设置
    </view>
    <view id="wordCon">
      <view id="wordTop">
        <view class="wordSetTitle">每日学习新单词个数</view>
        <view id="wordBox" wx:if="{{wordType=='first'}}">
          <view class="wordBoxTen">
            <text bindtap="selectWords" class="{{wordNumber==10?'selectedWord':''}}" data-number="10">10个新词</text>
            <view class="wordBoxTenDes">推荐</view>
          </view>
          <text bindtap="selectWords" class="{{wordNumber==15?'selectedWord':''}}" data-number="15">15个新词</text>
          <text bindtap="selectWords" class="{{wordNumber==20?'selectedWord':''}}" data-number="20">20个新词</text>
        </view>
        <view id="wordBox" wx:else>
          <view class="wordBoxTen">
            <text bindtap="selectWords" class="{{wordNumberSecond==10?'selectedWord':''}}" data-number="10">10个新词</text>
            <view class="wordBoxTenDes">推荐</view>
          </view>
          <text bindtap="selectWords" class="{{wordNumberSecond==15?'selectedWord':''}}" data-number="15">15个新词</text>
          <text bindtap="selectWords" class="{{wordNumberSecond==20?'selectedWord':''}}" data-number="20">20个新词</text>
        </view>
      </view>
      <view id="wordBom" wx:if="{{wordType=='first'}}">
        <view class="wordSetTitle">单词库设置</view>
        <view class="wordSetDes">您只要选择孩子要学习的内容，系统会跟随孩子学习的进度自动更新内容。</view>
        <view class="wordItem">
          <picker bindchange="teachChange" value="{{teachIndex}}" range="{{teachArray}}" range-key="name">
            <!-- 教材： -->
            <view class="wordItemCon">
              <text>{{teachArray[teachIndex].name}}</text>
              <image src="../../assets/arrow_down.png"></image>
            </view>
          </picker>
        </view>
        <view class="wordItem">
          <picker bindchange="bookChange" value="{{bookIndex}}" range="{{bookArray}}" range-key="name">
            <!-- 课本： -->
            <view class="wordItemCon">
              <text>{{bookArray[bookIndex].name}}</text>
              <image src="../../assets/arrow_down.png"></image>
            </view>
          </picker>
        </view>
        <view class="wordItem">
          <picker bindchange="unitChange" value="{{unitIndex}}" range="{{unitArray}}" range-key="name">
            <!-- 章节： -->
            <view class="wordItemCon">
              <text>{{unitArray[unitIndex].name}}</text>
              <image src="../../assets/arrow_down.png"></image>
            </view>
          </picker>
        </view>
      </view>
      <view id="wordBom" wx:else>
        <view class="wordSetTitle">单词库设置</view>
        <view class="wordSetDes">您只要选择孩子要学习的内容，系统会跟随孩子学习的进度自动更新内容。</view>
        <view class="wordItem">
          <picker bindchange="teachChange" value="{{teachIndexSecond}}" range="{{teachArray}}" range-key="name">
            <!-- 教材： -->
            <view class="wordItemCon">
              <text>{{teachArray[teachIndexSecond].name}}</text>
              <image src="../../assets/arrow_down.png"></image>
            </view>
          </picker>
        </view>
        <view class="wordItem">
          <picker bindchange="bookChange" value="{{bookIndexSecond}}" range="{{bookArray}}" range-key="name">
            <!-- 课本： -->
            <view class="wordItemCon">
              <text>{{bookArray[bookIndexSecond].name}}</text>
              <image src="../../assets/arrow_down.png"></image>
            </view>
          </picker>
        </view>
        <view class="wordItem">
          <picker bindchange="unitChange" value="{{unitIndexSecond}}" range="{{unitArraySecond}}" range-key="name">
            <!-- 章节： -->
            <view class="wordItemCon">
              <text>{{unitArraySecond[unitIndexSecond].name}}</text>
              <image src="../../assets/arrow_down.png"></image>
            </view>
          </picker>
        </view>
      </view>
    </view>
    <view id="sureBtn">
      <button id="sureDone" bindtap='sure'>确认</button>
    </view>
  </view>
  <!-- 完成按钮 -->
  <view id="updateBtn">
    <button id="updateDone" bindtap='updateDone'>完成</button>
  </view>
</view>
