|
| xqd
@@ -0,0 +1,254 @@
|
|
|
+@extends('layouts.app')
|
|
|
+
|
|
|
+@section('content')
|
|
|
+ <div class="page__bd">
|
|
|
+ <article class="weui-article">
|
|
|
+ <img src="http://cdnvote.9026.com/images/WechatIMG5.jpeg" >
|
|
|
+ <section>
|
|
|
+ <h2 class="title" align="center">投票</h2>
|
|
|
+ <div class="vote_info">
|
|
|
+ <ul class="info_ul">
|
|
|
+ <li class="info_list"><i class="fa fa-user"></i>参与选手<br></li>
|
|
|
+ <li class="border_list"><i class="fa fa-globe"></i>访问次数<br></li>
|
|
|
+ <li class="border_list"><i class="fa
|
|
|
+ fa-sticky-note-o"></i>累计投票<br><span id="count_votes"></span></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <h3><i class="fa fa-clock-o"></i>活动开始时间: </h3>
|
|
|
+ <h3><i class="fa fa-clock-o"></i>活动结束时间: </h3>
|
|
|
+ <h3><i class="fa fa-warning "></i>活动规则: </h3>
|
|
|
+ <h3><i class="fa fa-bar-chart"></i>重要提示: <i class="fa fa-angle-double-right"
|
|
|
+ id="show_desc"></i></h3>
|
|
|
+ <script type="text/javascript">
|
|
|
+ $(function(){
|
|
|
+ $("#show_desc").on('click', function(){
|
|
|
+ $("#vote_desc").toggle("normal", function(){
|
|
|
+ if( $("#show_desc").attr('class')=='fa fa-angle-double-down' ){
|
|
|
+ $("#show_desc").attr('class','fa fa-angle-double-right');
|
|
|
+ }else {
|
|
|
+ $("#show_desc").attr('class','fa fa-angle-double-down');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ })
|
|
|
+ </script>
|
|
|
+ <p id="vote_desc" style="display:none;">投票后票数有时不会立即变化,这是为了防止刷票服务器在做处理,稍等一段时间即可看到票数变化。</p>
|
|
|
+ </section>
|
|
|
+ <div class="weui-search-bar" id="searchBar" >
|
|
|
+ <form class="weui-search-bar__form" action="/vote/group/{{$group->id}}" method="get">
|
|
|
+ <div class="weui-search-bar__box">
|
|
|
+ <i class="weui-icon-search"></i>
|
|
|
+ <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="请输入选手编号或名称" required="" name="keywords">
|
|
|
+ <a href="#" class="weui-icon-clear" id="searchClear"></a>
|
|
|
+ </div>
|
|
|
+ <label class="weui-search-bar__label" id="searchText" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
|
|
|
+ <i class="weui-icon-search"></i>
|
|
|
+ <span>搜索</span>
|
|
|
+ </label>
|
|
|
+ </form>
|
|
|
+ <a href="#" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <a href="/vote/rank/{{$group->id}}" class="weui-btn weui-btn_primary"><i class="fa fa-bar-chart"></i>查看排名</a>
|
|
|
+
|
|
|
+ <div class="voteoplist">
|
|
|
+ <div class="plistleft leftoptions" style="float:left;width:100%;">
|
|
|
+
|
|
|
+ @foreach($players as $player)
|
|
|
+ @if( $loop->iteration % 2 == 0)
|
|
|
+ <div class="wxop" style="margin-right:0;">
|
|
|
+ <div class="wxopimg">
|
|
|
+ {{--<img src="http://cdnvote.9026.com/images/{{$player->image}}" class="wxopimg_img">--}}
|
|
|
+ <img src="http://cdnvote.9026.com/images/{{$player->image}}" class="wxopimg_img">
|
|
|
+ </div>
|
|
|
+ <div class="wxoptxt">
|
|
|
+ {{$player->no}}. {{$player->name}}
|
|
|
+ </div>
|
|
|
+ <div class="wxopvotediv" >
|
|
|
+ <div class="wxvbtn" align="center">
|
|
|
+ <a href="/vote/process/{{$player->id}}" class="weui-btn weui-btn_mini weui-btn_primary" style="width:90%;background-color:#2ECC71;"><i class="fa fa-thumbs-o-up"></i>
|
|
|
+ 投票</a>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="wxvinfo">
|
|
|
+ <span id="votes_{{$player->id}}"></span>票
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ @else
|
|
|
+ <div class="wxop">
|
|
|
+ <div class="wxopimg">
|
|
|
+ {{--<img src="http://cdnvote.9026.com/images/{{$player->image}}" class="wxopimg_img">--}}
|
|
|
+ <img src="http://cdnvote.9026.com/images/{{$player->image}}" class="wxopimg_img">
|
|
|
+ </div>
|
|
|
+ <div class="wxoptxt">
|
|
|
+ {{$player->no}}. {{$player->name}}
|
|
|
+ </div>
|
|
|
+ <div class="wxopvotediv" >
|
|
|
+ <div class="wxvbtn" align="center">
|
|
|
+ <a href="/vote/process/{{$player->id}}" class="weui-btn
|
|
|
+ weui-btn_mini
|
|
|
+ weui-btn_primary" style="width:90%;background-color:#2ECC71;"><i class="fa fa-thumbs-o-up"></i>
|
|
|
+ 投票</a>
|
|
|
+ </div>
|
|
|
+ <div class="wxvinfo">
|
|
|
+ <span id="votes_{{$player->id}}">{{$votes[$player->id]}}</span>票
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ @endif
|
|
|
+ @endforeach
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </article>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <div id="toast_1" style="display: none;">
|
|
|
+ <div class="weui-mask_transparent"></div>
|
|
|
+ <div class="weui-toast">
|
|
|
+ <i class="weui-icon-success-no-circle weui-icon_toast"></i>
|
|
|
+ <p class="weui-toast__content">投票成功</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div id="toast_6" style="display: none;">
|
|
|
+ <div class="weui-mask_transparent"></div>
|
|
|
+ <div class="weui-toast">
|
|
|
+ <p class="weui-toast__content" style="margin-top:40px;">对不起,您今天的投票已用完!</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div id="toast_2" style="display: none;">
|
|
|
+ <div class="weui-mask_transparent"></div>
|
|
|
+ <div class="weui-toast">
|
|
|
+ <p class="weui-toast__content" style="margin-top:40px;">对不起,您未关注公众号!</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div id="toast_3" style="display: none;">
|
|
|
+ <div class="weui-mask_transparent"></div>
|
|
|
+ <div class="weui-toast">
|
|
|
+ <p class="weui-toast__content" style="margin-top:40px;">对不起,活动已结束!</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div id="toast_4" style="display: none;">
|
|
|
+ <div class="weui-mask_transparent"></div>
|
|
|
+ <div class="weui-toast">
|
|
|
+ <p class="weui-toast__content" style="margin-top:40px;">对不起,您今天的投票已用完!</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div id="toast_5" style="display: none;">
|
|
|
+ <div class="weui-mask_transparent"></div>
|
|
|
+ <div class="weui-toast">
|
|
|
+ <p class="weui-toast__content" style="margin-top:40px;">对不起,活动未开始!</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div id="toast_7" style="display: none;">
|
|
|
+ <div class="weui-mask_transparent"></div>
|
|
|
+ <div class="weui-toast">
|
|
|
+ <p class="weui-toast__content" style="margin-top:40px;">对不起,您的本组投票已达上限!</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <script type="text/javascript">
|
|
|
+
|
|
|
+ $(function(){
|
|
|
+ var $searchBar = $('#searchBar'),
|
|
|
+ $searchResult = $('#searchResult'),
|
|
|
+ $searchText = $('#searchText'),
|
|
|
+ $searchInput = $('#searchInput'),
|
|
|
+ $searchClear = $('#searchClear'),
|
|
|
+ $searchCancel = $('#searchCancel');
|
|
|
+
|
|
|
+ function hideSearchResult(){
|
|
|
+ $searchResult.hide();
|
|
|
+ $searchInput.val('');
|
|
|
+ }
|
|
|
+ function cancelSearch(){
|
|
|
+ hideSearchResult();
|
|
|
+ $searchBar.removeClass('weui-search-bar_focusing');
|
|
|
+ $searchText.show();
|
|
|
+ }
|
|
|
+
|
|
|
+ $searchText.on('click', function(){
|
|
|
+ $searchBar.addClass('weui-search-bar_focusing');
|
|
|
+ $searchInput.focus();
|
|
|
+ });
|
|
|
+ $searchInput
|
|
|
+ .on('blur', function () {
|
|
|
+ if(!this.value.length) cancelSearch();
|
|
|
+ })
|
|
|
+ .on('input', function(){
|
|
|
+ if(this.value.length) {
|
|
|
+ $searchResult.show();
|
|
|
+ } else {
|
|
|
+ $searchResult.hide();
|
|
|
+ }
|
|
|
+ })
|
|
|
+ ;
|
|
|
+ $searchClear.on('click', function(){
|
|
|
+ hideSearchResult();
|
|
|
+ $searchInput.focus();
|
|
|
+ });
|
|
|
+ $searchCancel.on('click', function(){
|
|
|
+ cancelSearch();
|
|
|
+ $searchInput.blur();
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ @if(session('status'))
|
|
|
+ //*** status=1 : 投票成功
|
|
|
+ //*** status=6 : 微信号投票限制
|
|
|
+ //*** status=2 : 未关注公众号
|
|
|
+ //*** status=3 : 投票已结束
|
|
|
+ //*** status=4 : 投票ip限制,防止刷票
|
|
|
+ //*** status=5 : 投票未开始
|
|
|
+ //*** status=7 : 分组投票限制
|
|
|
+
|
|
|
+ @if(session('status') == 6)
|
|
|
+ var $toast = $('#toast_6');
|
|
|
+ $toast.fadeIn(100);
|
|
|
+ setTimeout(function () {
|
|
|
+ $toast.fadeOut(100);
|
|
|
+ }, 2000);
|
|
|
+ @elseif(session('status') == 1)
|
|
|
+ var $toast = $('#toast_1');
|
|
|
+ $toast.fadeIn(100);
|
|
|
+ setTimeout(function () {
|
|
|
+ $toast.fadeOut(100);
|
|
|
+ }, 2000);
|
|
|
+ @elseif(session('status') == 2)
|
|
|
+ var $toast = $('#toast_2');
|
|
|
+ $toast.fadeIn(100);
|
|
|
+ setTimeout(function () {
|
|
|
+ $toast.fadeOut(100);
|
|
|
+ }, 2000);
|
|
|
+ @elseif(session('status') == 3)
|
|
|
+ var $toast = $('#toast_3');
|
|
|
+ $toast.fadeIn(100);
|
|
|
+ setTimeout(function () {
|
|
|
+ $toast.fadeOut(100);
|
|
|
+ }, 2000);
|
|
|
+ @elseif(session('status') == 4)
|
|
|
+ var $toast = $('#toast_4');
|
|
|
+ $toast.fadeIn(100);
|
|
|
+ setTimeout(function () {
|
|
|
+ $toast.fadeOut(100);
|
|
|
+ }, 2000);
|
|
|
+ @elseif(session('status') == 5)
|
|
|
+ var $toast = $('#toast_5');
|
|
|
+ $toast.fadeIn(100);
|
|
|
+ setTimeout(function () {
|
|
|
+ $toast.fadeOut(100);
|
|
|
+ }, 2000);
|
|
|
+ @elseif(session('status') == 7)
|
|
|
+ var $toast = $('#toast_7');
|
|
|
+ $toast.fadeIn(100);
|
|
|
+ setTimeout(function () {
|
|
|
+ $toast.fadeOut(100);
|
|
|
+ }, 2000);
|
|
|
+ @endif
|
|
|
+ @endif
|
|
|
+
|
|
|
+ </script>
|
|
|
+@endsection
|