<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0 ,user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <title>2018时尚MEGO“优秀业户</title>
        
        <script>
                function setRootSize(){
                    var docWid = window.document.documentElement,
                        width = docWid.getBoundingClientRect().width,
                        fontSize = (width >= 450) ? (450 / 7.5) : width / 750 * 100;
                        docWid.style.fontSize = fontSize + 'px';
                }
                window.addEventListener('resize', function() {
                    setRootSize();
                }, false);
                setRootSize();
                var host="https://vote-sz.guoguodz.com/";
        </script>
        <script src="../dist/script/authorize.js"></script>
        <link rel="stylesheet" type="text/css" href="../dist/style/initial.css" />
        <link rel="stylesheet" type="text/css" href="../dist/style/index.css" />
    </head>
    <body>
          <header>
                <a href="javascript:void(0)" class="check-rule">活动规则</a>
          </header>
          <nav>
               <div class="search-wrap">
                   <input type="text" class="inp" placeholder="搜索店名或编号"/>
                   <button class="search"><img src="../dist/images/search_empty.png"/></button>
               </div>
               <ul class="menu">
                   <li class="active">优秀商户</li>
                   <li>优秀营业员</li>
               </ul>
          </nav>
          
          <section id="owner-box">
               <div id="owner" class="owner-item">
                    <ul class="owner-list">
                    </ul>
                    <p class="loading">
                        <img src="../dist/images/loading.png"/>
                    </p>
                    <p class="end">加载完毕</p>
                    <div class="no-data">
                         <p>没有符合条件的搜索结果</p>
                    </div>
               </div>
              <div id="seller" class="owner-item">
                  <ul class="seller-list">
                  </ul>
                  <p class="loading">
                      <img src="../dist/images/loading.png"/>
                  </p>
                  <p class="end">加载完毕</p>
                  <div class="no-data">
                      <p>没有符合条件的搜索结果</p>
                  </div>
              </div>
          </section>

          <div class="rule-wrap">
               <a href="javascript:void(0)" class="close-rule">关闭</a>
               <div class="rule">
                    <h1>活动规则</h1>
                    <h2>一、投票时间:2018年10月24日-2018年10月28日止。</h2>
                    <h2>二、投票规则:每类“优秀业户”投票人每人每天可投2票,每天可投同一业户一票(每个微信ID限投12票)。</h2>
                    <h2>三、投票方法:</h2>
                    <h3>1.在投票活动页面中选择您准备投票的业户(或输入编号、商户名称搜索),您可以点击“投票”按钮直接投票。
                        也可以进入该业户详情页面,点击“投票”参与投票。投票后,提示票数+1,说明您已经为该商户成功投票。</h3>
                    <h3>2.您可以点击商铺详情页面中右上角按钮,分享朋友圈,让更多的朋友来为喜欢的选手投上一票。</h3>
                    <h2>四、投票说明:</h2>
                    <h3>1.优秀业户每拥有100票即可获赠一张价值100元的入场门票(时尚集团30周年广州塔入场券),票数越多获得的门票数就越多,此门票可转赠其他商业用户。</h3>
                    <h3>2.优秀营业员每拥有100票即可获赠一张电影票(电影票总数限量30张,请及时与运营人员联系)。</h3>
                    <h3>3.最后评选为优秀业户者的将获得国外商业考察一周的机会,评选为优秀营业员者将获得国内商业考察一周的机会。</h3>
                    <h2>五、投票说明:</h2>
                    <h3>1.本次活动本着公平、公正、公开的原则,投票形式采用手机微信网络投票方式,以最后得票数排名为晋级标准。</h3>
                    <h3>2.评分标准为商户经营状况占比50%,线上投票排名占比50%。</h3>
                    <h3>3.特别提醒:系统具有先进的投票日志分析系统和报警系统,如一量发现刷票行为,将取消为无效投票,情节严重者,将取消参与资格。</h3>
               </div>
          </div>

          <div class="tip">
               <span></span>
          </div>
          <script src="../dist/script/jquery-1.8.3.min.js"></script>
          <script src="../dist/script/index.js"></script>
          <!--微信分享-->
          <script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
          <script>
                 function getAppId(){
                    return new Promise(function(resolve,reject){
                        var xmlhttp = new XMLHttpRequest();
                        xmlhttp.onreadystatechange=function(){
                          if (xmlhttp.readyState==4 && xmlhttp.status==200)
                          {
                             resolve(JSON.parse(xmlhttp.responseText));
                          }
                        }
                        xmlhttp.open("POST",host+"vote.php/Index/getShare",true);
                        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
                        xmlhttp.send(`url=${encodeURIComponent(location.href)}`);
                    });
                 }
                 
                 getAppId().then(function(res){
                     wx.config({
                        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
                        appId: res.data.appId, // 必填,公众号的唯一标识
                        timestamp: res.data.timestamp, // 必填,生成签名的时间戳
                        nonceStr: res.data.nonceStr, // 必填,生成签名的随机串
                        signature: res.data.signature,// 必填,签名,见附录1
                        jsApiList: ["onMenuShareTimeline","onMenuShareAppMessage","onMenuShareQQ","onMenuShareWeibo","onMenuShareQZone","hideMenuItems"] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
                     });
                 },function(data){
                     throw new Error(data);
                 })

                 var shareConfig={
                    title: '2018深圳时尚MEGO“优秀商户”网络评选,投上你最nice的一票!', // 分享标题
                    desc: '一定有一家你爱过~', // 分享描述
                    link: 'https://vote-sz.guoguodz.com/vote/html', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'https://vote-sz.guoguodz.com/vote/dist/images/share.png', // 分享图标
                    success: function () { 
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function () { 
                        // 用户取消分享后执行的回调函数
                    }
                 }
                 wx.ready(function(){
                    wx.onMenuShareTimeline(shareConfig);
                    wx.onMenuShareAppMessage(shareConfig);
                    wx.onMenuShareQQ(shareConfig);
                    wx.onMenuShareWeibo(shareConfig);
                    wx.onMenuShareQZone(shareConfig);
                    wx.onMenuShareTimeline(shareConfig);
                 });
          </script>
    </body>
</html>