{#layout name="public/layout" /#}
{#load href="__ROOT__/assets/css/mobile/m_companyDetail.css" /#}
{#load href="__ROOT__/assets/js/mobile/zepto.min.js" /#}
{#load href="__ROOT__/assets/js/mobile/swiper/swiper-bundle.min.js" /#}
{#load href="__ROOT__/assets/js/mobile/swiper/swiper-bundle.min.css" /#}
<div id="app">
  <div class="header-detail2s">
    <div class="topMeny"></div>
  </div>
  <div class="content">
    <div id="Mask" style="display: none;">
      <!-- 微信-复制-海报 -->
      <div id="maskList" style="display: none;">
        <div class="picture">
          <div id="weixin">
            <div class="A" @click="handleForward"></div>
            <div class="p_Text">微信好友</div>
          </div>
          <div id="haibao" @click="handlePoster">
            <div class="C"></div>
            <div class="p_Text">生成海报</div>
          </div>
        </div>
        <div id="close">取消</div>
      </div>
    </div>
    <!-- 右侧弹窗 -->
    <div id="tool"></div>
    <div id="rightBox" class="rightBox" style="display: none;">
      {#if condition="$info['has_attention'] == 1"#}
      <div @click="collectClick" id="btnA_s"></div>
      {#else#}
      <div @click="collectClick" id="btnA"></div>
      {#/if#}
      <div id="btnB"></div>
      <div id="btnC"></div>
      <div class="put_away">收起</div>
    </div>
    <div class="company">
      <div class="baseInfo">
        <!-- 最多展示25个字 -->
        <div class="companyName substring2">
          {#if condition="$info['base_info']['companyname_slice']"#}
          <span>{#$info['base_info']['companyname_slice']#}</span>
          {#else#}
          <span>{#$info['base_info']['companyname']#}</span>
          {#/if#}
          {#if condition="$info['base_info']['audit'] == 1"#}
          <span class="auth">认证</span>
          {#/if#}
          {#if condition="$info['base_info']['setmeal_icon']"#}
          <img class="icon" src="{#$info['base_info']['setmeal_icon']#}" />
          {#/if#}
        </div>
        <div class="substring other">
          <!-- {{base_info.trade_text}}{{base_info.scale_text}}{{base_info.nature_text}} -->
          {#if condition="$info['base_info']['trade_text'] != ''"#}
          <span class="item">{#$info['base_info']['trade_text']#}</span>
          {#/if#}
          {#if condition="$info['base_info']['scale_text'] != ''"#}
          <span class="item">{#$info['base_info']['scale_text']#}</span>
          {#/if#}
          {#if condition="$info['base_info']['nature_text'] != ''"#}
          <span class="item">{#$info['base_info']['nature_text']#}</span>
          {#/if#}
        </div>
        <div class="companyImg">
          <img src="{#$info['base_info']['logo_src']#}" />
        </div>
      </div>
      {#if condition="$info['report'] == 1 || isset($info['base_info']['tag_text_arr']) &&
      count($info['base_info']['tag_text_arr']) > 0"#}
      <div class="tag">
        {#if condition="$info['report'] == 1"#}
        <div class="item ac">实地认证</div>
        {#/if#}
        {#volist name="info['base_info']['tag_text_arr']" id="vo"#}
        <div class="item">{#$vo#}</div>
        {#/volist#}
      </div>
      {#/if#}
      <!-- 统计 -->
      <div class="count">
        {#if condition="$info['watch_percent'] != '0%'"#}
        <div class="item w1">
          <div class="label">简历查看率：</div>
          <div class="value">{#$info['watch_percent']#}</div>
        </div>
        {#else#}
        <div class="item w1">
          <div class="label">企业热度：</div>
          <div class="value">{#$info['base_info']['clickNum']#}</div>
        </div>
        {#/if#}
        <div class="item w2">
          <div class="label">最近登录：</div>
          <div class="value">{#$info['last_login_time']#}</div>
        </div>
      </div>
      <!-- 统计 -->
      <!-- 公司介绍 -->
      {#if condition="$info['base_info']['content'] != ''"#}
      <div class="companyDes">
        <div class="publicTitle">
          公司介绍
        </div>
        <div class="readMore">
          {#$info['base_info']['content']#}
        </div>
        <div class="showMoreBtnWapper">
          <div id="showMoreBtn" class="arrowDown">查看全部</div>
        </div>
      </div>
      {#/if#}
      <!-- 公司介绍 -->
      <!-- 公司地址 -->
      {#if condition="$info['base_info']['address'] != ''"#}
      <div class="companyAddress">
        <div class="publicTitle">
          工作地址
        </div>
        <div class="addressInfo">
          <div class="address">{#$info['base_info']['address']#}</div>
          {#if condition="$info['base_info']['map_lat'] * 1 || $info['base_info']['map_lng'] * 1"#}
          <div class="map toMap">
            <div class="mapCenter">
              <div class="text substring">{#$info['base_info']['companyname']#}</div>
              <div class="icon"></div>
            </div>
          </div>
          {#/if#}
          {#if condition="$info['base_info']['map_lat'] * 1 || $info['base_info']['map_lng'] * 1"#}
          <div class="distance">
            {#if condition="$info['base_info']['map_lat'] && $info['base_info']['map_lng']"#}
            <div><span class="distances"></span></div>
            {#/if#}
            <div class="rightText toMap">到这里去</div>
          </div>
          {#/if#}
        </div>
      </div>
      {#/if#}
      <!-- 公司地址 -->

      <!-- 企业风采 -->
      {#if condition="isset($info['img_list']) && count($info['img_list']) > 0"#}
      <div class="companyImg2">
        <div class="publicTitle">
          企业风采
        </div>
        <div class="imgList">
          {#volist name="info['img_list']" id="vo"#}
          <div class="img">
            <img src="{#$vo.img_src#}" mode="aspectFill" />
          </div>
          {#/volist#}
        </div>
        <div class="bigBox">
          <div class="imgBig">
            <img id="modal-img">
          </div>
        </div>
      </div>
      {#/if#}
      <!-- 企业风采 -->
    </div>
    <!-- 职位弹窗 -->
    <div class="jobPopup jobPopupTotop">
      <div class="expand top expandTotop"></div>
      <div class="main mainTotop">
        <div class="jobPopupTitle expands">
          <div class="leftText">
            <span class="color1">在招</span>
            <span class="color2">职位</span>
          </div>
          <div class="rigthText">点击收起全部职位</div>
        </div>

        <div class="jobPopupList" id="scrollableDiv">
          {#if condition="count($job_list) gt 0"#}
          <div class="job-list">
            {#volist name="job_list" id="vo"#}
            <a href="{#:url('mobile/job/show',['id'=>$vo.id])#}" class="job-item">
              {#if condition="$vo.stick == 1"#}
              <div class="title stick-pad substring">
                <span class="stick-title"></span>
                {#$vo.jobname#}
              </div>
              {#elseif condition="$vo.emergency == 1"#}
              <div class="title stick-pad substring">
                <span class="emergency"></span>
                {#$vo.jobname#}
              </div>
              {#else#}
              <div class="title substring">
                {#$vo.jobname#}
              </div>
              {#/if#}
              <div class="box-1">
                <span class="text1">{#$vo.wage_text#}</span>
                <span class="text2">{#$vo.refreshtime#}</span>
              </div>
              <div class="box-2">
                {#if condition="$vo.education_text"#}
                <span class="color0">{#$vo.education_text#}</span>
                {#/if#}
                {#if condition="$vo.experience_text"#}
                <span class="color2">{#$vo.experience_text#}</span>
                {#/if#}
                {#if condition="isset($vo.tag)"#}
                {#volist name="vo.tag" id="vo1" key="index2"#}
                <span class="color{#$index2 % 3#}">{#$vo1#}</span>
                {#/volist#}
                {#/if#}
              </div>
              <div class="box-3">
                <div class="com-info">
                  <img class="avator" src="{#$vo.company_logo#}" alt="">
                  <div class="info">
                    <div class="comFor substring">{#$vo.job_contact#}</div>
                    <div class="comName substring">{#$vo.companyname#}</div>
                  </div>
                </div>
                {#if condition="isset($vo.distance)"#}
                <div class="com-addr substring">
                  {#$vo.distance#}
                </div>
                {#else#}
                <div class="com-addr substring">
                  {#$vo.district_text#}
                </div>
                {#/if#}
              </div>
            </a>
            {#/volist#}
          </div>
          <div style="display: none" class="van-list__finished-text is_empty">没有更多了</div>
          {#else#}
          <van-empty description="没有找到对应数据" image="__ROOT__/assets/images/mobile/empty-image-search.png"></van-empty>
          {#/if#}
        </div>
      </div>
    </div>
    <!-- 职位弹窗 -->
    <div class="showDialog" style="display:none">
      <div id="mapContainer"></div>
      <div id="tMapContainer"></div>
      <!-- <div id="rightNav" class="rightNav">
         <div class="btn more"></div>
         <div class="btnOther">
           &lt;!&ndash; 收藏 &ndash;&gt;
           <div class="btn collect"></div>
           &lt;!&ndash; 分享 &ndash;&gt;
           <div class="btn share"></div>
           <div class="fold" id="fold_rightNav">收起</div>
         </div>
       </div> -->
      <div class="alw-layer" v-if="showLayer" @click="cancelShare('ordinary')"></div>
      <div class="alw-layer" v-if="showWxLayer" @click="cancelShare('wx')"></div>
      <div v-if="showPoster">
        <div class="job_popup">
          <div class="job_popup_box">
            <van-overlay z-index="999" :show="makePicDone===false"><van-loading color="#1989fa"
                class="loading">加载中...</van-loading></van-overlay>
            <div class="final-pic">
              <img v-if="makePicDone===true" src="__ROOT__/assets/images/mobile/close_ico.png" alt="" class="close"
                @click="showPoster = false">
              <img v-if="makePicDone===true" class="final-img" :src="imgUrl" />
            </div>
            <div class="job_btns">
              <div class="job_btn_1" @click="changeTpl">换一个</div>
              <div class="job_btn_2" @click="longTap">长按保存图片</div>
            </div>
          </div>
        </div>
      </div>
      <van-overlay z-index="126" :show="showPoster" @click="showPoster = false"></van-overlay>
    </div>
  </div>
</div>
<!-- {#load href="__ROOT__/assets/js/mobile/m_companyDetail.js" /#} -->
{#if condition="$global_config['map_type'] == 1 && $global_config['is_open_map'] == 1"#}
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak={#$global_config.map_ak#}"></script>
{#/if#}
{#if condition="$global_config['map_type'] == 2 && $global_config['is_open_map'] == 1"#}
<script type="text/javascript" src="https://api.tianditu.gov.cn/api?v=4.0&tk={#$global_config.tian_map_ak#}"></script>
{#/if#}
<script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script>
  var id = "{#$info['base_info']['id']#}"
  var jobnum = "{#$info[\'base_info\'][\'jobnum\']#}"
  var address = "{#$info['base_info']['address']#}"
  var companyname = "{#$info['base_info']['companyname']#}"
  var district_text = "{#$info['base_info']['district_text']#}"
  var nature_text = "{#$info['base_info']['nature_text']#}"
  var trade_text = "{#$info['base_info']['trade_text']#}"
  var logo_src = "{#$info['base_info']['logo_src']#}"
  var job_show_url = "{#:url('mobile/job/show',['id'=>'_id_'])#}"
  var wx_config_appId = "{#$wxConfig['appId']#}"
  var wx_config_timestamp = "{#$wxConfig['timestamp']#}"
  var wx_config_nonceStr = "{#$wxConfig['nonceStr']#}"
  var wx_config_signature = "{#$wxConfig['signature']#}"
  var config_map_type = "{#$global_config['map_type']#}"
  var map_lat = "{#$info['base_info']['map_lat']#}"
  var map_lng = "{#$info['base_info']['map_lng']#}"
  var config_is_open_map = "{#$global_config['is_open_map']#}"
</script>
{#load href="__ROOT__/assets/js/mobile/m_companyDetail.js" /#}