<!Doctype html>
<html>
  <head>
    #include('@layout/global/head.html')
  </head>

  <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  <script type="text/template" id="tpl_head">
     {{@ head}}
  </script> 
   
  <body>
   <div id="db-content"></div>
   <script type="text/template" id="tpl_main">
       {{include 'tpl_title'}}
       {{include 'tpl_source'}}
       <div class="card-handle" id="J_card">
         {{include 'tpl_handle'}}
       </div>
       {{include 'tpl_content'}}
       {{include 'tpl_share'}}
       {{include 'tpl_footer_card'}}
       <div class="disclaimer__wrap">
         <div class="contact">
            <p>版权归作者所有。</p>
            <p>如有侵权，请发邮件至邮箱：kejiji@126.com </p>
         </div>
         <div class="">
           <p>免责声明：</p>
           <p>
              本资讯来自公开网络，客集集不保证讯息的完整性和准确性，也不代表客集集的观点和立场。
              如有疑问，请发邮件至邮箱：kejiji@126.com
           </p>
         </div>
       </div>
       <section class="dui-block"></section>
       {{include 'tpl_modal'}}
       {{include 'tpl_intercept'}}  
       {{if myself && isInMiniProgram}}
         {{include 'tpl_footer'}}
       {{/if}}

   </script>
   <script type="text/template" id="tpl_title">
     <section class="content__wrap artcle_titlt">
      {{@ title}}
     </section>
   </script>  
   <script type="text/template" id="tpl_content">
     <section class="content__wrap">
      {{@ text}}
     </section>
   </script> 
   <script type="text/template" id="tpl_source">
     <div class="dui-control__wrap">
       <span class="dui-article-source">原创{{source ? '：' + source : ''}}</span>
     </div>
   </script>   
   <script type="text/template" id="tpl_handle">
      <section class="dui-card__wrap">
        <div class="card__main">
          <div class="dui-seller-avator">
              <img src="{{sellerCardVO.avatar}}" alt="">
            </div>
            <div class="dui-seller-info">
              <p class="dui-seller-title">{{sellerCardVO.sellerName}}</p>
              <p class="dui-seller-company">{{sellerCardVO.companyName}}</p>
      
            </div>
            <div class="dui-seller-detail" id="J_open-modal">
            </div>
        </div>
      </section>
   </script> 
   <script type="text/template" id="tpl_footer_card">
      <div class="dui-footer__card">
        <div class="part-line">
          <span class="line"></span>
          <span class="part-name">TA的名片</span>
          <span class="line"></span>
        </div>
        <div class="shadow__wrap">
          <div class="card_warp">
            <div class="card_avator">
                <img src="{{sellerCardVO.avatar}}" alt="">
            </div>
            <p class="card-title">{{sellerCardVO.sellerName}}</p>
            <p class="card-company">{{sellerCardVO.jobPost || '暂无职位信息'}} </p>
            <p class="card-company">{{sellerCardVO.companyName || '暂无公司信息'}}</p>
            <a href="{{'tel:' + sellerCardVO.phoneNumber}}"><p class="card-phone">{{sellerCardVO.phoneNumber || '暂无联系方式'}} </p></a>
              {{if sellerCardVO.wechatQrCode}}
                <div class="qrcode__wrap">
                  <img src="{{sellerCardVO.wechatQrCode}}" alt="">
                </div>
              {{else}}
                <div class="qrcode__default">
                  <img src="//yun.duiba.com.cn/h5/miniprogram/kejiji/images/article/pic_ewm_k.png" alt="">
                </div>
              {{/if}}
              {{if sellerCardVO.wechatQrCode}}
                <p class="des">长按识别二维码</p>
              {{else}}
                <p class="tips">暂无二维码</p>
              {{/if}}
          </div>
        </div>
      </div>
  </script>
    <script type="text/template" id="tpl_footer">
      <section>
        <div class="dui-footer__wrap">
          <div class="dui-footer__btn">转发</div>
          <!-- <div class="card-visible__control">
            <input class="switch switch-anim" type="checkbox" checked>
            <p>隐藏名片</p>
          </div> -->
        </div>
      </section>
   </script>       
   <script type="text/template" id="tpl_share">
     <section class="dui-share__methods">
       <div class="share-wrap" id="J_share-wrap">
           <div class="close"></div>
           <h5>分享到微信</h5>
           <ul>
             <li class="J_weixin"> <div>微信群</div> </li>
             <li class="J_pengyouquan"> <div>朋友圈</div> </li>
           </ul>
       </div>
       <div class="gudide-des">从菜单中点击转发分享</div>        
       <div class="share-yindao">
         <img src="//yun.duiba.com.cn/h5/miniprogram/kejiji/images/guide.png" alt="">
       </div>
     </section>
   </script>
   <script type="text/template" id="tpl_modal">
    {{if sellerCardVO}}
    <section class="seller-info__modal">
      <div class="modal__wrap">
        <div class="modal__container">
          <div class="close"></div>
          <div class="avatar"><img src="{{sellerCardVO.avatar}}" alt=""></div>
          <div class="name">{{sellerCardVO.sellerName}}</div>
          <div class="company">{{sellerCardVO.companyName  || '暂无公司信息'}}</div>
          <div class="post">{{sellerCardVO.jobPost || '暂无职位信息'}}</div>
          <a href="{{'tel:'+ sellerCardVO.phoneNumber}}"><div class="phone">{{sellerCardVO.phoneNumber  || '暂无联系方式'}}</div></a>
          {{if sellerCardVO.wechatQrCode}}
            <div class="qrcode">
                <img src="{{sellerCardVO.wechatQrCode}}" alt="">
            </div>
            <p>长按识别二维码</p>
          {{/if}}
        </div>
      </div>
    </section>
    {{/if}}
   </script> 
   <script type="text/template" id="tpl_intercept">
    <div class="intercept__modal">
      <div class="modal_main">
        <div class="J_close close"></div>
        <div class="banner-top"></div>
        <div class="tip_wrap">
          <p class="tip1">完善名片信息</p>
          <p class="tip2">让客户主动联系你</p>
        </div>
        <div class="J_complete btn">去完善</div>
      </div>
    </div>
   </script>
   #include('@layout/global/footer.html')
  <script src="//yun.duiba.com.cn/webapp/js/clipboard.min.js"></script>
  </body>
</html>