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

<view class='container'>
  <view class='top'>
    <!-- 左边地区 -->
    <view class='top_left'>
      <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'>
      <view class='top_right_pic'>
        <image src='/img/aicon_02@2x.png'></image>
      </view>
      <input  placeholder='搜索岗位/招聘者'></input>
    </view>
  </view>
  <!-- 中部选择 -->
  <view class='mid' >

    <view class='mid_list' bindtap='atHome' data-cla='{{item.categories_name}}' 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> -->
  <swiper class='banner' indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-color="{{indicatorColor}}" indicator-active-color="{{indicatorActiveColor}}" bindchange="swiperChange">


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

            <!-- <view class="dot{{index == currentSwiper ? ' active' : ''}}"></view> -->

        </block>
        <!-- <view class="dots">
          <block wx:for="{{imgUrls}}" wx:key="">
          <view class="dot{{index == currentSwiper ? ' active' : ''}}"></view>
          </block>
        </view> -->


    </swiper>

  <!-- 筛选 -->
  <view class='select' bindtap='mask_show'>
    <view class='select_list'>
      <view>地区</view>
      <view class='select_list_pic'>
        <image src='/img/aicon_11@2x.png'></image>
      </view>
    </view>
    <view class='select_list'>
      <view>岗位</view>
      <view class='select_list_pic'>
        <image src='/img/aicon_11@2x.png'></image>
      </view>
    </view>
    <view class='select_list'>
      <view>推荐排序</view>
      <view class='select_list_pic'>
        <image src='/img/aicon_11@2x.png'></image>
      </view>
    </view>
    <view class='select_list'>
      <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' >
      <!-- 头部 -->
      <view class='item_top'>
        <view class='item_top_left'>
          <view class='item_top_left_pic'>
            <image src='/img/aicon_08@2x.png'></image>
          </view>
          <view class='item_top_left_text'>
            <view class='text_top'>酒店服务员</view>
            <view class='text_bottom'>4000-5000元/月</view>
          </view>
        </view>

        <view class='item_top_right' bindtap='regSuccess'>
          报名
        </view>
      </view>
      <!-- 底部 -->
      <view class='item_bottom'>
        <view class='item_bottom_left' bindtap='toRecruiter'>
          <view class='item_bottom_left_pic'>
            <image src='/img/aicon_10@2x.png'></image>
          </view>
          <!-- 名字 -->
          <view>王思迪</view>
        </view>

        <view class='item_bottom_right'>
          <view class='item_bottom_left_pic'>
            <image src='/img/aicon_09@2x.png'></image>
          </view>
          <view>南开区 3.2km</view>
        </view>
      </view>
    </view>
    <view class='item' bindtap='toPosition'>
      <!-- 头部 -->
      <view class='item_top'>
        <view class='item_top_left'>
          <view class='item_top_left_pic'>
            <image src='/img/aicon_08@2x.png'></image>
          </view>
          <view class='item_top_left_text'>
            <view class='text_top'>酒店服务员</view>
            <view class='text_bottom'>4000-5000元/月</view>
          </view>
        </view>

        <view class='item_top_right' bindtap='regSuccess'>
          报名
        </view>
      </view>
      <!-- 底部 -->
      <view class='item_bottom'>
        <view class='item_bottom_left'>
          <view class='item_bottom_left_pic'>
            <image src='/img/aicon_10@2x.png'></image>
          </view>
          <!-- 名字 -->
          <view>王思迪</view>
        </view>

        <view class='item_bottom_right'>
          <view class='item_bottom_left_pic'>
            <image src='/img/aicon_09@2x.png'></image>
          </view>
          <view>南开区 3.2km</view>
        </view>
      </view>
    </view>
    <view class='item' bindtap='toPosition'>
      <!-- 头部 -->
      <view class='item_top'>
        <view class='item_top_left'>
          <view class='item_top_left_pic'>
            <image src='/img/aicon_08@2x.png'></image>
          </view>
          <view class='item_top_left_text'>
            <view class='text_top'>酒店服务员</view>
            <view class='text_bottom'>4000-5000元/月</view>
          </view>
        </view>

        <view class='item_top_right' bindtap='regSuccess'>
          报名
        </view>
      </view>
      <!-- 底部 -->
      <view class='item_bottom'>
        <view class='item_bottom_left'>
          <view class='item_bottom_left_pic'>
            <image src='/img/aicon_10@2x.png'></image>
          </view>
          <!-- 名字 -->
          <view>王思迪</view>
        </view>

        <view class='item_bottom_right'>
          <view class='item_bottom_left_pic'>
            <image src='/img/aicon_09@2x.png'></image>
          </view>
          <view>南开区 3.2km</view>
        </view>
      </view>
    </view>
    <view class='item' bindtap='toPosition'>
      <!-- 头部 -->
      <view class='item_top'>
        <view class='item_top_left'>
          <view class='item_top_left_pic'>
            <image src='/img/aicon_08@2x.png'></image>
          </view>
          <view class='item_top_left_text'>
            <view class='text_top'>酒店服务员</view>
            <view class='text_bottom'>4000-5000元/月</view>
          </view>
        </view>

        <view class='item_top_right' bindtap='regSuccess'>
          报名
        </view>
      </view>
      <!-- 底部 -->
      <view class='item_bottom'>
        <view class='item_bottom_left'>
          <view class='item_bottom_left_pic'>
            <image src='/img/aicon_10@2x.png'></image>
          </view>
          <!-- 名字 -->
          <view>王思迪</view>
        </view>

        <view class='item_bottom_right'>
          <view class='item_bottom_left_pic'>
            <image src='/img/aicon_09@2x.png'></image>
          </view>
          <view>南开区 3.2km</view>
        </view>
      </view>
    </view>
    
  </view>

  <!------- 筛选弹层------->
  <view class='mask' wx:if='{{mask}}'>
    
<view class="select mask_select">
<view wx:for="{{navbar}}" data-idx="{{index}}" class="select_list {{currentTab==index ? 'active' : ''}}" wx:key="unique" bindtap="navbarTap" data-categoryid="{{item.id}}">{{item.name}}
   
    </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" bindtap="area_Tap" data-categoryid="{{item.id}}">{{item.name}}
   
    </view>
  </view>


      <!-- <view class='area_item'>
        <view class='area_item_name yellow_color'>不限</view>
      </view>
      <view class='area_item'>
        <view class='area_item_name '>不限</view>
      </view>
      <view class='area_item'>
        <view class='area_item_name'>和平</view>
      </view>
      <view class='area_item'>
        <view class='area_item_name'>河东万达广场</view>
      </view>
      <view class='area_item'>
        <view class='area_item_name'>河东万达广场</view>
      </view>
      <view class='area_item'>
        <view class='area_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" bindtap="job_Tap" data-categoryid="{{item.id}}">{{item.industry_name}}
   
        </view>
      </view>

      <!-- <view class='job_left'>
        <view class='job_left_item'>不限</view>
        <view class='job_left_item'>热门</view>
        <view class='job_left_item'>餐饮</view>
        <view class='job_left_item'>旅游/酒店</view>
        <view class='job_left_item pitch_on'>休闲</view>
        <view class='job_left_item'>运动健身</view>
        <view class='job_left_item'>餐饮</view>
        <view class='job_left_item'>旅游/酒店</view>
      </view> -->

      <!-- 右侧内容 -->


      <view class='job_right'>
        <view class='job_right_items' wx:if='{{jobTab==0}}'>
          <view wx:for="{{probar}}" data-idpro="{{index}}" class="job_right_item {{proTab==index ? 'yellow_color' : ''}}" wx:key="unique" bindtap="pro_Tap" data-categoryid="{{item.id}}">{{item.pro}}
   
          </view>



          <!-- <view class='job_right_item'>不限</view>
          <view class='job_right_item'>迎宾</view>
          <view class='job_right_item'>传菜员</view>
          <view class='job_right_item'>配菜打荷</view>
          <view class='job_right_item'>洗碗工</view>
          <view class='job_right_item yellow_color'>后厨</view> -->


        </view>

        <view class='job_right_items' wx:if='{{jobTab==1}}'>
          <view wx:for="{{probar}}" data-idpro="{{index}}" class="job_right_item {{proTab==index ? 'yellow_color' : ''}}" wx:key="unique" bindtap="pro_Tap" data-categoryid="{{item.id}}">{{item.pro}}
   
          </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" bindtap="sort_Tap" data-categoryid="{{item.id}}">{{item.sort}}
   
        </view>



      <!-- <view class='sort_item color_y'>推荐排序</view>
      <view class='sort_item'>离我最近</view>
      <view class='sort_item'>工资最高</view>
      <view class='sort_item'>最新发布</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" bindtap="screen_Tap" data-categoryid="{{item.id}}">{{item.education_name}}
      
            </view>
          </view>
        </view>  
      </view>
      <!-- 学历要求 -->
      <!-- <view class='screen_item'>
        <view class='screen_item_top'>学历要求</view>
        <view class='screen_item_bottom'>
          <view class='screen_item_bottom_i yellow_color'>不限</view>
          <view class='screen_item_bottom_i'>小学及以下</view>
          <view class='screen_item_bottom_i'>初中</view>
          <view class='screen_item_bottom_i'>高中</view>
          <view class='screen_item_bottom_i'>中专/技校</view>
          <view class='screen_item_bottom_i'>大专</view>
          <view class='screen_item_bottom_i'>本科</view>
          <view class='screen_item_bottom_i'>硕士</view>
          <view class='screen_item_bottom_i'>博士</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" bindtap="scope_Tap" data-categoryid="{{item.id}}">{{item.salary_name}}
      
            </view>
          </view>
        </view>  
      </view>



      <!-- <view class='screen_item'>
        <view class='screen_item_top'>酬薪范围</view>
        <view class='screen_item_bottom'>
          <view class='screen_item_bottom_i yellow_color'>不限</view>
          <view class='screen_item_bottom_i'>3000以下</view>
          <view class='screen_item_bottom_i'>3000~5000</view>
          <view class='screen_item_bottom_i'>5000~8000</view>
          <view class='screen_item_bottom_i'>8000以上</view>
    
        </view>
      </view> -->

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



  </view>

  <!-- 简历遮盖层 -->
  <view class='mask2' style='display:none'>
    <view class='mask2_mid'>
      <!-- 关闭 -->
      <view class='mask2_close'>
        <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'>张林</view>
      </view>
      <!-- 性别 -->
      <view class='mask2_item'>
        <view class='mask2_item_left'>性别</view>
        <view class='mask2_item_select'>
          <view class='mask2_select_left color_select'>男</view>
          <view class='mask2_select_right'>女</view>
        </view>
      </view>
      <!-- 手机号 -->
      <view class='mask2_item'>
        <view class='mask2_item_left'>手机号</view>
        <view class='mask2_item_right'>15578862868</view>
      </view>
      <!-- 出生日期 -->
      <view class='mask2_item birth'>
        <view class='mask2_item_left'>出生日期</view>
        <view class='mask2_item_date'>
          <view class='mask2_item_date_text'>2019-03-16</view>
          <view class='mask2_item_date_icon'>
            <image src='../../img/right.png'></image>
          </view>
        </view>
      </view>
      <!-- 家乡 -->
      <view class='mask2_item'>
        <view class='mask2_item_left'>家乡</view>
        <input placeholder='请输入您的家乡'></input>
      </view>
      <!-- 最高学历 -->
      <view class='mask2_item birth'>
        <view class='mask2_item_left'>出生日期</view>
        <view class='mask2_item_date'>
          <view class='mask2_item_date_text'>高中</view>
          <view class='mask2_item_date_icon'>
            <image src='../../img/right.png'></image>
          </view>
        </view>
      </view>
      <!-- 工作年限 -->
      <view class='mask2_item birth'>
        <view class='mask2_item_left'>工作年限</view>
        <view class='mask2_item_date'>
          <view class='mask2_item_date_text'>10年以上</view>
          <view class='mask2_item_date_icon'>
            <image src='../../img/right.png'></image>
          </view>
        </view>
      </view>
      <!-- 是否在职 -->
      <view class='mask2_item'>
        <view class='mask2_item_left'>是否在职</view>
        <view class='mask2_item_select'>
          <view class='mask2_select_left color_select'>在职</view>
          <view class='mask2_select_right'>离职</view>
        </view>
      </view>

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

    </view>
  </view>

</view>