<!--pages/index/index.wxml-->

<view class='container'>
  <view class='top'>
    <!-- 左边地区 -->
    <view class='top_left' bindtap="gocity">
      <view class='top_left_text'>{{city}}</view>
      <view class='top_left_img'>
        <image src='/img/aicon_01@2x.png'></image>
      </view>
    </view>
    <!-- 右边搜索框 -->
    <view class='top_right' bindtap='toSearch'>
      <view class='top_right_pic'>
        <image src='/img/aicon_02@2x.png'></image>
      </view>
      <view class='top_right_text'>搜索岗位/招聘者</view>
    </view>
  </view>
  <!-- 中部选择 -->
  <view class='mid'>

    <view class='mid_list' bindtap='atHome' data-cla='{{item.categories_name}}' data-id='{{item.id}}' wx:for='{{category}}' wx:key=''>
      <!-- 图片 -->
      <view class='mid_list_top'>
        <image src='{{item.thumbnail}}'></image>
      </view>
      <!-- 底部文字 -->
      <view class='mid_list_bottom'>
        {{item.categories_name}}
      </view>
    </view>

    <!-- <view class='mid_list' bindtap='atHome'>
      
      <view class='mid_list_top'>
        <image src='/img/aicon_03@2x.png'></image>
      </view>
      
      <view class='mid_list_bottom'>
        在家可做
      </view>
    </view>
    <view class='mid_list' bindtap='goodWord'>
     
      <view class='mid_list_top'>
        <image src='/img/aicon_05@2x.png'></image>
      </view>
    
      <view class='mid_list_bottom'>
        好评工作
      </view>
    </view>
    <view class='mid_list' bindtap='hotRecommend'>
 
      <view class='mid_list_top'>
        <image src='/img/aicon_04@2x.png'></image>
      </view>
    
      <view class='mid_list_bottom'>
        热门推荐
      </view>
    </view>
    <view class='mid_list' bindtap='easyPart'>
     
      <view class='mid_list_top'>
        <image src='/img/aicon_06@2x.png'></image>
      </view>
     
      <view class='mid_list_bottom'>
        轻松兼职
      </view>
    </view> -->
  </view>


  <!-- 轮播图 -->
  <!-- <view class='banner'>
    <image src='/img/aicon_07@2x.png'></image>
  </view> -->

  <view class='banner_box'>
    <swiper class='banner' indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-color="{{indicatorColor}}" indicator-active-color="{{indicatorActiveColor}}" bindchange="swiperChange" circular="true">


      <block wx:for="{{slide}}" wx:key=''>
        <swiper-item>
          <image src="{{item.image}}" class="slide-image" data-tourl="{{item.url}}" bindtap='toUrl' />
        </swiper-item>

      </block>

    </swiper>
    <view class="dots">
      <block wx:for="{{slide}}" wx:key="">
        <view class="dot{{index == currentSwiper ? ' dotactive' : ''}}"></view>
      </block>
    </view>
  </view>


  <!-- 筛选 -->
  <view class='select'>
    <view class='select_list' bindtap='mask_show' data-idx="0">
      <view>地区</view>
      <view class='select_list_pic'>
        <image src='/img/aicon_11@2x.png'></image>
      </view>
    </view>
    <view class='select_list' bindtap='mask_show' data-idx="1">
      <view>岗位</view>
      <view class='select_list_pic'>
        <image src='/img/aicon_11@2x.png'></image>
      </view>
    </view>
    <view class='select_list' bindtap='mask_show' data-idx="2">
      <view>推荐排序</view>
      <view class='select_list_pic'>
        <image src='/img/aicon_11@2x.png'></image>
      </view>
    </view>
    <view class='select_list' bindtap='mask_show' data-idx="3">
      <view>筛选</view>
      <view class='select_list_pic_big'>
        <image src='/img/aicon_12@2x.png'></image>
      </view>
    </view>
  </view>
  <!-- 条目 -->
  <view class='items'>
    <view class='item' bindtap='toPosition' wx:for='{{jobs}}' wx:key='' data-id="{{item.id}}">
      <!-- 头部 -->
      <view class='item_top'>
        <view class='item_top_left'>
          <view class='item_top_left_pic'>
            <image src='{{item.logo}}'></image>
          </view>
          <view class='item_top_left_text'>
            <view class='text_top'>{{item.station_name}}</view>
            <view class='text_bottom'>{{item.min_money}}-{{item.max_money}}{{item.unit_name}}</view>
          </view>
        </view>

        <!-- <view class='item_top_right' catchtap='toApply' data-id="{{item.id}}" wx:if="{{item.is_apply==0}}">
          报名
        </view>
        <view class='item_top_right' wx:else>
          已报名
        </view> -->
      </view>
      <!-- 底部 -->
      <view class='item_bottom'>
        <view class='item_bottom_left' bindtap='toRecruiter' data-user_id="{{item.user_id}}" data-jobid="{{item.id}}">
          <view class='item_bottom_left_pic'>
            <image src='/img/aicon_10@2x.png'></image>
          </view>
          <!-- 名字 -->
          <view>{{item.resume_name}}</view>
           <view class="signname">报名人数:{{item.apply}}</view>
        </view>

        <view class='item_bottom_right'>
          <view class='item_bottom_left_pic'>
            <image src='/img/aicon_09@2x.png'></image>
          </view>
          <view>{{item.work_county}} {{item.distance}}</view>
           
        </view>
      </view>
    </view>



  </view>

  <!------- 筛选弹层------->
  <view class='mask' wx:if='{{mask}}' bindtap='mask_close'>

    <view class="select mask_select">
      <view wx:for="{{navbar}}" data-idx="{{index}}" class="select_list {{currentTab==index ? 'active' : ''}}" wx:key="unique" catchtap="navbarTap" data-categoryid="{{item.id}}">{{item.name}}
        <view class='select_pic'>
          <image src="{{currentTab==index?item.img1:item.img}}"></image>
          <!-- <image src='../../img/aicon_11@2x.png'></image> -->
        </view>
      </view>
    </view>

    <!-- 地区内容 -->
    <view class='area' wx:if="{{currentTab==0}}">
      <view class="area_item">
        <view wx:for="{{city_1}}" data-idarea="{{index}}" class="area_item_name {{areaTab==index ? 'active' : ''}}" wx:key="unique" catchtap="area_Tap" data-categoryid="{{item.id}}" data-area='{{item.name}}'>{{item.name}}

        </view>
      </view>


    </view>

    <!-- 岗位内容 -->
    <view class='job' wx:if="{{currentTab==1}}">
      <!-- 左侧内容 -->
      <view class="job_left">
        <view wx:for="{{industry_1}}" data-idjob="{{index}}" class="job_left_item {{jobTab==index ? 'pitch_on' : ''}}" wx:key="unique" catchtap="job_Tap" data-industry_id='{{item.id}}' data-categoryid="{{item.id}}">{{item.industry_name}}
        </view>
      </view>
      <view class='job_right'>
        <view class='job_right_items'>
          <view wx:for="{{station_1}}" data-idpro="{{index}}" class="job_right_item {{proTab==index ? 'yellow_color' : ''}}" wx:key="unique" catchtap="pro_Tap" data-categoryid="{{item.id}}">{{item.station_name}}

          </view>

        </view>
      </view>
    </view>

    <!-- 推荐排序 -->
    <view class='sort' wx:if="{{currentTab==2}}">
      <view wx:for="{{sortbar}}" data-idsort="{{index}}" class="sort_item {{sortTab==index ? 'color_y' : ''}}" wx:key="unique" catchtap="sort_Tap" data-orderid="{{item.id}}">{{item.sort}}

      </view>
    </view>

    <!-- 筛选 -->

    <view class='screen' wx:if="{{currentTab==3}}">
      <view class='screen_item'>
        <view class='screen_item_top'> 学历要求
          <view class="screen_item_bottom">
            <view wx:for="{{education_1}}" data-idscreen="{{index}}" class="screen_item_bottom_i {{screenTab==index ? 'yellow_color' : ''}}" wx:key="unique" catchtap="screen_Tap" data-eduid="{{item.id}}">{{item.education_name}}

            </view>
          </view>
        </view>
      </view>
      <!-- 酬薪范围 -->
      <view class='screen_item'>
        <view class='screen_item_top'> 酬薪范围
          <view class="screen_item_bottom">
            <view wx:for="{{salary_1}}" data-idscope="{{index}}" class="screen_item_bottom_i {{scopeTab==index ? 'yellow_color' : ''}}" wx:key="unique" catchtap="scope_Tap" data-id="{{item.id}}">{{item.salary_name}}

            </view>
          </view>
        </view>
      </view>

      <!-- 底部按钮 -->
      <view class='screen_bottom'>
        <view class='screen_bottom_left' bindtap='toReset'>重置</view>
        <view class='screen_bottom_right' catchtap='toConfirm'>确认</view>
      </view>
    </view>

  </view>

  <!-- 简历遮盖层 -->
  <view class='mask2' wx:if="{{myResume}}">
    <view class='mask2_mid'>
      <!-- 关闭 -->
      <view class='mask2_close' bindtap='closeResume'>
        <image src='../../img/aicon_47@2x.png'></image>
      </view>
      <view class='mask2_mid_top'>
        <view class='mask2_mid_top_big'>我的简历</view>
        <view class='mask2_mid_top_small'>亲，您需要完善您的简历，才能报名哦！</view>
      </view>
      <!-- 下划线 -->
      <view class='mask2_mid_underline'></view>
      <!-- 真实姓名 -->
      <view class='mask2_item'>
        <view class='mask2_item_left'>真实姓名</view>
        <!-- <view class='mask2_item_right'>{{resume.user_nickname}}</view> -->
        <input class='mask2_item_right' placeholder='请输入姓名' bindinput='realName' value='{{resume_name}}'></input>
      </view>
      <!-- 性别 -->
      <view class='mask2_item'>
        <view class='mask2_item_left'>性别</view>
        <view class='mask2_item_select'>
          <view class='mask2_select_left {{gender==true?"color_select":""}}' bindtap='switch_a'>男</view>
          <view class='mask2_select_right {{gender==false?"color_select":""}}' bindtap='switch_a'>女</view>
        </view>
      </view>
      <!-- 手机号 -->
      <view class='mask2_item'>
        <view class='mask2_item_left'>手机号</view>
        <input class='mask2_item_right' placeholder='请输入手机号' bindinput='realMobile' value='{{resume_mobile}}'></input>
      </view>
      <!-- 出生日期 -->
      <view class='mask2_item birth'>
        <view class='mask2_item_left'>出生日期</view>


        <picker mode="date" value="{{date}}" bindchange="bindDateChange">
          <view class="mask2_item_date">

            <view class='mask2_item_date_text'>{{resume_birthday}}</view>
            <view class='mask2_item_date_icon'>
              <image src='../../img/right.png'></image>
            </view>
          </view>
        </picker>

      </view>
      <!-- 家乡 -->
      <view class='mask2_item'>
        <view class='mask2_item_left'>家乡</view>
        <input placeholder='请输入您的家乡' bindinput='realHome' value='{{resume_home}}'></input>
      </view>
      <!-- 最高学历 -->
      <view class='mask2_item birth'>
        <view class='mask2_item_left'>学历</view>

        <picker bindchange="bindEdu" value="{{eduIndex}}" range="{{edu}}" range-key='education_name'>
          <view class='mask2_item_date'>
            <!-- {{edu[eduIndex].education_name}} -->
            <view class='mask2_item_date_text'>{{education_name}}</view>
            <view class='mask2_item_date_icon'>
              <image src='../../img/right.png'></image>
            </view>
          </view>
        </picker>

      </view>
      <!-- 工作年限 -->
      <view class='mask2_item birth'>
        <view class='mask2_item_left'>工作年限</view>
        <picker bindchange="bindYear" value="{{yearIndex}}" range="{{year}}">
          <view class='mask2_item_date'>
            <!-- year[yearIndex] -->
            <view class='mask2_item_date_text'>{{yearname}}</view>
            <view class='mask2_item_date_icon'>
              <image src='../../img/right.png'></image>
            </view>
          </view>
        </picker>

      </view>
      <!-- 工作经验 -->
      <!-- <view class='mask2_item'>
        <view class='mask2_item_left'>工作经验</view>
        <input placeholder='请输入工作经验' bindinput='workexperience' value='{{resume_exp}}'></input>
      </view> -->
      <view class='mask2_item'>
        <view class='mask2_item_left'>简介</view>
        <input placeholder='请输入简介' bindinput='workbrief' value='{{resume_brief}}'></input>
      </view>
      <!-- 是否在职 -->
      <view class='mask2_item'>
        <view class='mask2_item_left'>是否在职</view>
        <view class='mask2_item_select'>
          <view class='mask2_select_left {{status==true?"color_select":""}}' bindtap='switch_b'>在职</view>
          <view class='mask2_select_right {{status==false?"color_select":""}}' bindtap='switch_b'>离职</view>
        </view>
      </view>

      <!-- 完成按钮 -->
      <view class='bottom' bindtap='saveResume'>
        完成
      </view>

    </view>
  </view>

</view>