Mina/pages/detail/index.wxml

<wxs src="../tools.wxs" module="globalTools" />
<import src="../../plugins/wxParse/wxParse.wxml" />

<!-- 非福利岗位 -->
<block wx:if="{{positionCategory!=5}}">
  <view class='panel {{positionCategory==4?"pt":""}}'>
    <image src="{{imgServerUrl}}/images/detail/detail-bg.jpg" class="bg" mode='widthFix' />
    <view class='row job'>{{postitionDetail.positionName}}
      <image class="auth" wx:if="{{postitionDetail.hpCompany.approveStatus}}" src="{{imgServerUrl}}/images/detail/auth-has.png" mode="widthFix" />
    </view>
    <block wx:if="{{postitionDetail.reward}}">
      <view class='row award'>
        <text class='award-info' wx:if="{{positionCategory==2}}">入职奖励最高<text class='money'>{{postitionDetail.reward}}元</text></text>
        <text class='award-info' wx:if="{{positionCategory==3}}">入职奖励最高<text class='money'>{{postitionDetail.reward}}+{{postitionDetail.platformAllowance}}元</text></text>
        <view bindtap="toPt" class="rule" wx:if="{{positionCategory==4}}">拼团规则</view>
        <view bindtap='toFanxian' class="rule" wx:else>说明</view>
      </view>
    </block>
    <view class='row pt-award' wx:if="{{positionCategory==4}}">
      <text>参团上班奖励<text class="num" wx:if="{{postitionDetail.fiveGroupCashback}}">{{postitionDetail.fiveGroupCashback}}元</text>
      </text>
      <view class='toTuan' bindtap='fetchPtList'>去参团
        <i-icon type="enter"></i-icon>
      </view>
    </view>
  </view>

  <view class="card">
    <view class="card-title">
      <image class="card-title-icon" src="{{imgServerUrl}}/images/detail/icon-box.png" mode="widthFix"></image>
      公司信息
    </view>
    <view class="card-content">
      <image class="company-logo" src="{{imgServerUrl}}/images/temp/men.png" mode="widthFix" />
      <view class="company-info">
        <view class="company-name">{{postitionDetail.hpCompany.companyName}}</view>
        <!-- <view class="color99">{{comScale}} | {{comType}}</view> -->
      </view>
    </view>
    <view class="card-footer">
      <view class="address" style='width:90%;'>
        <image class="map-icon" src="{{imgServerUrl}}/images/detail/map-icon.png" />
        <text class="" style='width:90%;'>{{postitionDetail.hpPositionAddressList[0].adname}}{{postitionDetail.hpPositionAddressList[0].address}}</text>
      </view>
      <image class="map" src="{{imgServerUrl}}/images/detail/map.png" bindtap='tomap' />
    </view>
  </view>

  <view class="box">
    <view class="tabs">
      <view class="tab" data-top="{{basePos}}" bindtap='scrollTop' hover-class='hover-tabs'>基本信息</view>
      <view class="tab" data-top="{{requirePos}}" bindtap='scrollTop' hover-class='hover-tabs'>岗位要求</view>
      <view class="tab" data-top="{{otherWelfarePos}}" bindtap='scrollTop' hover-class='hover-tabs'>其他福利</view>
      <view class="tab" data-top="{{jieshaoPos}}" bindtap='scrollTop' hover-class='hover-tabs'>公司详情</view>
    </view>

    <!-- 基本信息 -->
    <view class="info-box topic" id="base">
      <view class="topic-title">
        <image class="icon-box" src="{{imgServerUrl}}/images/jianli/icon-box.png" mode="widthFix" />
        <view class="topic-text">基本信息</view>
      </view>
      <view class="tags">
        <view class="tag" wx:if="{{postitionDetail.salary}}">薪资待遇：{{postitionDetail.salary}}</view>
        <view class="tag" wx:if="{{postitionDetail.settlementMethod}}">结算方式：{{postitionDetail.settlementMethod}}</view>
        <view class="tag" wx:if="{{postitionDetail.workDay}}">工作日期：{{postitionDetail.workDay}}</view>
        <view class="tag" wx:if="{{postitionDetail.basicSalary}}">基础工资：{{postitionDetail.basicSalary}}/月</view>
        <view class="tag" wx:if="{{postitionDetail.salaryStructure}}">薪资结构：{{postitionDetail.salaryStructure}}</view>
        <view class="tag" wx:if="{{postitionDetail.totalSalary}}">综合工资：{{postitionDetail.totalSalary}}/月</view>
        <view class="tag" wx:if="{{postitionDetail.payDay}}">发工资日：{{postitionDetail.payDay}}</view>
        <view class="tag" wx:if="{{postitionDetail.workTime}}">工作时间：{{postitionDetail.workTime}}</view>
        <view class="tag" wx:if="{{postitionDetail.positionDetail}}">工作描述：{{postitionDetail.positionDetail}}</view>
        <view class="tag" wx:if="{{postitionDetail.workEnvironment}}">工作环境：{{postitionDetail.workEnvironment}}</view>
        <view class="tag" wx:if="{{postitionDetail.otherInformation}}">其他：{{postitionDetail.otherInformation}}</view>
      </view>
    </view>
    <!-- 岗位要求 -->
    <view class="info-box topic" id="require">
      <view class="topic-title">
        <image class="icon-box" src="{{imgServerUrl}}/images/jianli/icon-box.png" mode="widthFix" />
        <view class="topic-text">岗位要求</view>
      </view>
      <view class="tags">
        <view class="tag" wx:if="{{postitionDetail.gender!=0}}">性别：{{postitionDetail.gender==1?"男":"女"}}</view>
        <view class="tag" wx:else>性别：不限</view>
        <view class="tag" wx:if="{{postitionDetail.ageRange}}">年龄：{{postitionDetail.ageRange}}</view>
        <view class="tag" wx:if="{{postitionDetail.qualification}}">学历要求：{{postitionDetail.qualification}}</view>
        <view class="tag" wx:if="{{postitionDetail.workExperience}}">工作年限：{{postitionDetail.workExperience}}</view>
        <view class="tag" wx:if="{{postitionDetail.isPhysical}}">体检：需要</view>
        <view class="tag" wx:if="{{postitionDetail.profressionSkill}}">专业技能：{{postitionDetail.profressionSkill}}</view>
        <view class="tag" wx:if="{{postitionDetail.otherRequirement}}">其他要求：{{postitionDetail.otherRequirement}}</view>

      </view>
    </view>
    <!-- 其他福利 -->
    <view class="info-box topic" id="otherWelfare">
      <view class="topic-title">
        <image class="icon-box" src="{{imgServerUrl}}/images/jianli/icon-box.png" mode="widthFix" />
        <view class="topic-text">其他福利</view>
      </view>
      <view class="tags">
        <block wx:if="{{positionCategory == 1}}">
          <block wx:if="{{postitionDetail.welfare}}">
            <view class="tag">其他福利：
              <i-tag wx:for="{{globalTools.splitStr1(postitionDetail.welfare,',')}}" wx:key="*this" wx:for-item="tag" i-class="tag-class">
                {{tag}}
              </i-tag>
            </view>
          </block>
        </block>
        <block wx:else>
          <block wx:if="{{postitionDetail.accommodation}}">
            <view class="tag">
              住宿：{{postitionDetail.accommodation}}
            </view>
          </block>
          <block wx:if="{{postitionDetail.socialSecurity}}">
            <view class="tag">
              社保：{{postitionDetail.socialSecurity}}
            </view>
          </block>
          <block wx:if="{{postitionDetail.workDinner}}">
            <view class="tag">
              工作餐：{{postitionDetail.workDinner}}
            </view>
          </block>
          <block wx:if="{{postitionDetail.regularBus}}">
            <view class="tag">
              交通：{{postitionDetail.regularBus}}
            </view>
          </block>
          <block wx:if="{{postitionDetail.specialWelfare}}">
            <view class="tag">
              其他福利：
              <i-tag wx:for="{{globalTools.splitStr1(postitionDetail.specialWelfare,',')}}" wx:key="*this" wx:for-item="tag" i-class="tag-class">
                {{tag}}
              </i-tag>
            </view>
          </block>
        </block>
      </view>
    </view>
  </view>

  <!-- 公司介绍 -->
  <view class="word-break com-desc" id='jieshao'>
    <view class='topic'>
      <view class="topic-title">
        <image class="icon-box" src="{{imgServerUrl}}/images/jianli/icon-box.png" mode="widthFix" />
        <view class="topic-text">公司介绍</view>
      </view>
      <view wx:if="{{postitionDetail.hpCompany.companyDescription}}">{{postitionDetail.hpCompany.companyDescription}}</view>
    </view>
  </view>

  <view class="address-box" wx:if="{{positionCategory==1}}">
    <view class="address" style='width:90%;'>
      <image class="map-icon" src="{{imgServerUrl}}/images/detail/map-icon.png" />
      <text class="" style='width:90%;'>{{postitionDetail.hpCompany.adname}}{{postitionDetail.hpCompany.address}}</text>
    </view>
    <image class="map" src="{{imgServerUrl}}/images/detail/map.png" bindtap='tomap' />
  </view>

  <!-- 客服 -->
  <view class="kefu-box">
    <view class="kefu-info">
      <image class="kefu-icon" src="{{imgServerUrl}}/images/detail/kefu.png" mode="widthFix" />
      <view class="kefu-content">
        <view class="kefu-title">开心客服电话：</view>
        <view class="kefu-iphone">{{postitionDetail.contactPhone}}</view>
      </view>
    </view>
    <image class="icon-iphone" src="{{imgServerUrl}}/images/detail/iphone.png" bindtap='phoneCall' mode="widthFix" />
  </view>
</block>
<!-- 福利岗位 -->
<block wx:else>
  <view class='wel_top' wx:if="{{postitionDetail.titleImg}}">
    <image src='{{postitionDetail.titleImg}}' style='height:{{swiperH}}px'></image>
  </view>
  <view class='wel_body'>
    <view class='wel_tagline'>{{postitionDetail.tagline}}</view>
    <view class='wel_title'>{{postitionDetail.positionName}}</view>
    <view class='wel_title'>{{postitionDetail.positionFeature}} • {{postitionDetail.recruitNumber == null ? '若干' : postitionDetail.recruitNumber}}个名额 • {{globalTools.subStr(postitionDetail.endTime)}}报名截止</view>
    <view class='topic_detail wel_detail'>
      <view class="topic-title">
        <image class="icon-box" src="{{imgServerUrl}}/images/jianli/icon-box.png" mode="widthFix" />
        <view class="topic-text">职位详情</view>
      </view>
      <block wx:for="{{postitionDetail.hpWelfarePositionDetailList}}" wx:key="id">
        <view class='wel_detail1'>
          <template is="wxParse" data="{{wxParseData:detailArray[index].positionDetail.nodes}}" />
        </view>
        <view class='wel_top' style='padding-bottom:10rpx;' wx:if="{{item.positionImg}}">
          <image src="{{item.positionImg}}" style='height:{{swiperH}}px'></image>
        </view>
      </block>
    </view>
    <view class='topic_applyCondition'>
      <view class="topic-title">
        <image class="icon-box" src="{{imgServerUrl}}/images/jianli/icon-box.png" mode="widthFix" />
        <view class="topic-text">申请条件</view>
      </view>
      <view class="welfare-container">
        <template is="wxParse" data="{{wxParseData:applyCondition.nodes}}" />
      </view>
    </view>
  </view>
</block>

<!-- tips -->
<view class="tips">
  <image class="icon-tips" src="{{imgServerUrl}}/images/detail/tips.png" mode="widthFix" />
  <text>以担保或任何理由索取财物，扣押证照，均涉嫌违法，请提高警惕</text>
</view>

<!-- btn -->
<view class="btn-group fixed-footer">
  <form bindsubmit="applyJob" report-submit='true' wx:if="{{positionCategory!=4 && !isApply}}">
    <button class="distance selfBtn" form-type="submit">免费申请工作</button>
  </form>
  <form bindsubmit="applyPt" report-submit='true' wx:if="{{positionCategory==4 && !isApply}}">
    <button class="distance selfBtn" form-type="submit">申请开团</button>
  </form>
  <i-button type="primary" shape="circle" i-class="distance" wx:if="{{positionCategory!=4 && isApply}}">已申请</i-button>
  <i-button bind:click="catPt" type="primary" shape="circle" i-class="distance" wx:if="{{positionCategory==4 && isApply}}">我的拼团</i-button>
</view>
<!-- <view class='btn-group' wx:if="{{!isOpen}}">
  <i-button type="primary" shape="circle" i-class="distance">{{positionCategory!=4?"岗位已结束":"拼团已结束"}}</i-button>
</view> -->

<view class='auth-mask' wx:if="{{authMask}}">
  <view class='auth-modal'>
    <view class='title'>授权提示</view>
    <view class='content'>当前服务需要获取您的位置信息，请确认授权</view>
    <view class='footer' bindtap='hideAuth'>
      <view class='btn'>暂不授权</view>
      <button class='btn' open-type="openSetting">去授权</button>
    </view>
  </view>
</view>