<!--index.wxml-->
<cu-custom bgColor="bg-darkblue" isBack="{{false}}" isRelaunch="{{false}}">
  <view slot="content" style="color:#FFFFFF;">包头应急管理局</view>
</cu-custom>
<view style="display:flex;flex-direction:column;">
  <!-- 姓名和头像 -->
  <view style="width:100%;position: relative;" bindtap="showMineInfo">
    <image src="/images/icons/person-bg.png" mode="scaleToFill" style="width:100%;height:400rpx;"></image>
    <view class="userinfo-container">
      <view class="userinfo-icon round lg" style="background-image:url({{userIcon}});">
      </view>
      <view class="userinfo-content">
        <view class="text-white">
          <text class="text-lg text-cut">{{nickName}}</text>
        </view>
        <view class="text-white text-df flex" style="width:300rpx">
          <text class="text-cut">查看个人详细信息</text>
          <text class="cuIcon-right text-white margin-left-smm"></text>
        </view>
      </view>
    </view>
  </view>
  <!-- 内容 -->
  <view class="page-content">
    <!-- 功能按钮 -->
    <view class="page-function">
      <view class="funcation-item" bindtap="choosePage" data-page="5">
        <image src="../../images/icons/sign-icon.png" mode="scaleToFill"></image>
        <text class="text-df margin-top-xs">培训报名</text>
      </view>
      <view class="funcation-item" bindtap="choosePage" data-page="6">
        <image src="../../images/icons/status-icon.png" mode="scaleToFill"></image>
        <text class="text-df margin-top-xs">报名情况</text>
      </view>
      <view class="funcation-item" bindtap="choosePage" data-page="1">
        <image src="../../images/icons/org-icon.png" mode="scaleToFill"></image>
        <text class="text-df margin-top-xs">培训机构查询</text>
      </view>
      <view class="funcation-item" bindtap="choosePage" data-page="2">
        <image src="../../images/icons/achievement-icon.png" mode="scaleToFill"></image>
        <text class="text-df margin-top-xs">成绩查询</text>
      </view>
      <!-- <view class="funcation-item" bindtap="choosePage" data-page="3">
        <image src="../../images/icons/paper-icon.png" mode="scaleToFill"></image>
        <text class="text-df margin-top-xs">准考证查询</text>
      </view> -->
      <view class="funcation-item" bindtap="choosePage" data-page="4">
        <image src="../../images/icons/address-icon.png" mode="scaleToFill"></image>
        <text class="text-df margin-top-xs">考试网点查询</text>
      </view>
      
    </view>
    <view class="page-list-content">
      <!-- 内容 -->
      <view class="page-list">
        <view class="nav">
          <view class="cu-item {{index=='1' ? 'text-darkblue cur text-lg' : 'text-df'}}" bindtap="tabSelect"
            data-id="{{1}}">
            最新公告
          </view>
          <view class="cu-item {{index=='3' ? 'text-darkblue cur text-lg' : 'text-df'}}" bindtap="tabSelect"
            data-id="{{3}}">
            考试政策
          </view>
          <view class="cu-item {{index=='2' ? 'text-darkblue cur text-lg' : 'text-df'}}" bindtap="tabSelect"
            data-id="{{2}}">
            报考问答
          </view>
        </view>
        <view class="showmore" bindtap="showMoreList">
          <text class="text-sm">更多+</text>
        </view>
      </view>
      <!-- 开班通告 -->
      <view wx:if="{{index==1 || index==3}}">
        <view class="list" wx:if="{{noticeList.length>0}}">
          <view class="item" wx:for="{{noticeList}}" wx:key="index" bindtap="showNoticeDetail" data-item="{{item}}">
            <image class="cu-avatar radius" style="width:200rpx;height:120rpx;min-width:200rpx;min-height:120rpx;"
              src="{{item.showPhoto}}" mode="scaleToFill"></image>
            <view class="content">
              <text class="text-cut-two text-black text-bold org-title">{{item.title}}</text>
              <view class="flex justify-between">
                <view class="org-text">
                  <image src="../../images/icons/type-icon.png" class="type-icon"></image>
                  {{item.source}}
                </view>
                <view class="org-text">
                  <image src="../../images/icons/date-icon.png" class="type-icon"></image>
                  {{item.publishDate}}
                </view>
              </view>
            </view>
          </view>
        </view>
        <van-empty description="暂无数据" wx:else />
      </view>

      <!-- 报考问答 -->
      <view wx:elif="{{index==2}}">
        <view class="list" wx:if="{{answerList.length>0}}">
          <view class="item" wx:for="{{answerList}}" wx:key="index" bindtap="showAnswerDetail" data-item="{{item}}">
            <image class="cu-avatar radius" style="width:200rpx;height:120rpx;min-width:200rpx;min-height:120rpx;"
              src="{{item.showPhoto}}" mode="scaleToFill"></image>
            <view class="content">
              <text class="text-cut text-black text-bold">{{item.title}}</text>
              <view class="flex justify-between">
                <text class="text-cut">{{item.source}}</text>
                <text class="text-cut">{{item.publishDate}}</text>
              </view>
            </view>
          </view>
        </view>
        <van-empty description="暂无数据" wx:else />
      </view>
    </view>
  </view>

</view>
<!-- <van-popup show="{{ show }}" position="bottom" bind:close="onClose">
  <view style="padding:20rpx;">
    <view class="text-xl  text-bold margin-bottom-sm">手机号绑定</view>
    <view class="cu-bar bg-white search">
      <view class="search-form round" style="margin-top:5rpx;margin-bottom:5rpx">
        <text class="cuIcon-mobile"></text>
        <input cursor-spacing="80" type="text" placeholder="请输入手机号" confirm-type="done" bindinput="bindPhone"></input>
      </view>
    </view>
    <view class="cu-btn bg-gradual-blue radius margin-top padding-tb" style="width:100%;"
      bindtap="doBindPhone">绑定</view>
  </view>
</van-popup> -->