sports_admin/resources/views/admin/Sportswq/outcome.blade.php

@extends('vip.layouts')
@section('seo_title')
    网球赛事
@endsection
@section('content')
    <style>
        .layui-laydate-range {
            width: auto;
        }

        .layui-form-switch em {
            width: auto;
        }

        .layui-form-switch {
            width: 44px;
            line-height: 23px;
        }

        .layui-form-item .checkbox {
            width: auto;
        }
    </style>

    <!-- 样式 -->
<style type="text/css">
    /* 弹窗 (background) */
    .modal {
        display: none; /* 默认隐藏 */
        /*生成绝对定位的元素，相对于浏览器窗口进行定位。*/
        position: fixed; 
        z-index: 1; 
        left: 0;
        top: 0;
        /*设置弹窗位置*/
        padding-top: 100px;
        padding-bottom: 200px;
        /*浮在全屏上*/
        width: 100%; 
        height:  100%; 
        /*overflow：auto；如果内容被修剪，则浏览器会显示滚动条，以便查看其余内容。*/
        overflow: auto; 
        background-color: rgb(0,0,0); 
        background-color: rgba(0,0,0,0.4);
        text-align: right;
    }

    /* 弹窗内容 */
    .modal-content {
        /*position: relative;*/
        /*弹窗背景色设置*/
        background-color: #fefefe;
        margin: auto;
        padding: 260px auto;
        width: 800px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
        border-radius: 10px;
       }

    /* 添加动画 */
    @-webkit-keyframes animatetop {
        from {top:-200px; opacity:0} 
        to {top:0; opacity:1}
    }

    @keyframes animatetop {
        from {top:-200px; opacity:0}
        to {top:0; opacity:1}
    }

    /* 关闭按钮 */
    .close {
        color: white;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

    .modal-header {
        display: block;
        line-height: 30px;
        padding: 2px 10px;
        background-color: #AEAEAE;
        color: white;
        text-align: left;
        border-radius: 5px 5px 0 0;
    }

    .modal-body {
        padding: 2px 16px;
        font-size: 18px;
        /*height: 200px;*/
    }

    .modal-footer {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 720px;
        padding: 0 40px;
        height: 50px;
       border-radius:0 0 5px 5px;
        display: block;
        line-height: 39px;
        background-color: #AEAEAE;
        color: white;
    }
    .ok,.no{
        width: 100px;
        height: 40px;
    }
</style>
    
    <script type="text/html" id="newtime">
      @{{#if(d.match_id!=null){ }}
        <span>@{{ d.match_id}}</span>
      @{{#} }}<br>
      @{{#if(d.saisname!=null){ }}
        <span>@{{ d.saisname}}</span>
      @{{#} }}
    </script>

    <script type="text/html" id="matchscore"> 
            <input type="text" style="width:30px;heigth:20px" id="home_player_score@{{d.match_id}}" name="home_player_score" value="@{{d.home_player_score}}"> /
            <input type="text" style="width:30px;heigth:20px" id="guest_player_score@{{d.match_id}}" name="guest_player_score" value="@{{d.guest_player_score}}">
            <button class="layui-icon" onclick="inputscore(@{{d.match_id}})"><h6>提交</h6></button>
    </script>

    <script type="text/html" id="dsnum">
        <span><a href="/admin/SoccerNoteList/notelist?type=wq&match_id=@{{d.match_id}}">单式</a></span>
    </script>

    <script type="text/html" id="statusmatch">
    @{{#if(d.status==0){ }}
        <span>未开始</span>
      @{{#} }}
      @{{#if(d.status==1){ }}
        <span>进行中</span>
      @{{#} }}
      @{{#if(d.status==2){ }}
        <span>已结束</span>
      @{{#} }}
      @{{#if(d.status==3){ }}
        <span>已结算</span>
      @{{#} }}
      @{{#if(d.status==4){ }}
        <span>已作废</span>
      @{{#} }}
    </script>

    <script type="text/html" id="operation">
        <!-- <button onclick="addResult(@{{d.match_id}})" class="layui-btn layui-btn-sm layui-btn-green set">赛事结果</button> -->
        @{{#if(d.status==2 || d.status==3){ }}
            @{{#if(d.status==2){ }}
                <span><li class="layui-btn layui-btn-sm layui-btn-green set" onclick="settlement(@{{d.match_id}},1)">结算</li></span>
            @{{#} }}
            @{{#if(d.status==3){ }}
                <span><li class="layui-btn   layui-btn-sm layui-btn-normal reset" onclick="settlement(@{{d.match_id}},2)">再结算</li></span>
            @{{#} }}
        @{{#} }}
        @{{#if(d.status!=4 && d.status!=3){ }}
        <span><li class="layui-btn layui-btn-sm  layui-btn-danger" onclick="revoke(@{{d.match_id}})">作废</li></span>
        @{{#} }}
        @{{#if(d.status==4){ }}
        <span><li class="layui-btn layui-btn-sm  layui-btn-danger" onclick="revoke(@{{d.match_id}})">已作废</li></span>
        @{{#} }}
    </script>

    <script type="text/html" id="status">
        @if(checkRriv('/admin/sportsbk/index'))<input type="checkbox" name="status" value="@{{d.id}}" lay-skin="switch" lay-text="进行中|已结束" lay-filter="openStatus" @{{ d.status == '1' ? 'checked' : '' }}>@endif
    </script>

    <div class="layui-row">
        <div class="layui-col-xs12">
            <form class="layui-form rewrite" eventType="eventForm"  action="">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">{{ trans('sportsbk.sousuo') }}</label>
                        <div class="layui-input-inline">
                            <input type="text" name="home_team" id="home_team" eventType="event-query"  value="{{ $home_team }}" lay-verify="required" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-input-inline checkbox">
                            <input type="checkbox" name="sureblur" id="form_sureblur" lay-skin="switch" lay-text="精确|模糊" @if(!isset($sureblurs) || $sureblurs=='on') checked @endif  class="layui-input" eventType=event-query>
                            <input type="hidden" name="sureblurs" id="form_sureblurs" lay-verify="required" autocomplete="off" class="layui-input" eventType=event-query  value="{{ $sureblurs }}">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">{{ trans('sportsbk.status') }}</label>
                        <div class="layui-input-inline" style="width: 200px">
                            <select name="status"  id="form_status"  lay-verify="" autocomplete="off" class="layui-input"  eventType=event-query>
                                <option value="-1">{{ trans('sportsbk.select_status') }}</option>
                                @foreach(trans('status.match_operation.status') as $k=>$v):
                                    @if($status==$k))
                                        <option value="{{$k}}" selected="selected">{{$v}}</option>
                                    @else
                                        <option value="{{$k}}">{{$v}}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                   </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">{{ trans('sportsfoot.star_time') }}</label>
                        <div class="layui-input-inline">
                            <input type="text" name="star_time" value="{{ $star_time }}" id="star_time" placeholder=" - "  lay-verify="" autocomplete="off" class="layui-input test-item" eventType=event-query>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">{{ trans('sportsfoot.end_time') }}</label>
                        <div class="layui-input-inline">
                            <input type="text" name="end_time"  value="{{$end_time}}" id="end_time" placeholder=" - " word-break: break-all; lay-verify="" autocomplete="off" class="layui-input test-item" eventType=event-query>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <a class="layui-btn layui-btn-sm lay-btn-diy"   data-type="reload" eventType="event-query-submit" style="opacity: 1; pointer-events: auto;">提交</a>
                        <a  class="layui-btn   layui-btn-sm layui-btn-normal reset" data-type="reload" style="opacity: 1; pointer-events: auto;">重置</a>
                        <a class="layui-btn layui-btn-xs" data-type="reload" style="opacity: 1; pointer-events: auto;"><i class="layui-icon" onclick="refreshall('wq')">刷新赛事</i></a>
                        <!--@if(checkRriv('/admin/sportsbk/addoutcome'))<a href="/admin/sportsbk/addoutcome" class="layui-btn layui-btn-sm ">添加</a>@endif-->
                        @if(checkRriv('/admin/sportsbk/deleteoutcome'))<a href="javascript:delWin('/admin/sportsbk/deleteoutcome?id=');" class="layui-btn layui-btn-sm  layui-btn-danger">删除</a>@endif
                        @if(checkRriv('/admin/sportsbk/Settlement'))<a href="javascript:allbalance('/admin/sportsbk/Settlement?allhalf=1&id=');" class="layui-btn layui-btn-sm layui-btn-green set">结算全场</a>@endif
                        @if(checkRriv('/admin/sportsbk/Settlement'))<a href="javascript:allbalance('/admin/sportsbk/Settlement?allhalf=2&id=');" class="layui-btn layui-btn-xs">结算上半场</a>@endif
                        @if(checkRriv('/admin/sportsbk/Settlement'))<a href="javascript:allbalance('/admin/sportsbk/Settlement?allhalf=2&id=');" class="layui-btn layui-btn-sm layui-btn-green set">重新结算上半场</a>@endif
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- 弹窗隐藏区域 -->
    <div id="myModal" class="modal">
            <input type="hidden" id="matchid" name="matchid" value="">
            <div class="modal-content">
                <div class="modal-header">
                    <span class="close">&times;</span>
                    <h2>赛事结果添加</h2>
                </div>
                <div class="modal-body">
                    <p style="text-align:left;color:#5f7788;">请认真填写赛事结果,将会按照改结果结算</p><br>
                    <div style="text-align:left;">
                        
                        <div style="display: flex;">
                            <li>最先得分队员：</li>
                            <select name="firstscoreplayer" id="firstscoreplayer">
                            </select>
                        </div>
                        <div style="display: flex;">
                            <li>最后得分队员：</li>
                            <select name="lastscoreplayer" id="lastscoreplayer">
                            </select>
                        </div>
                        <div style="display: flex;">
                            <li>获胜球队队员：</li>
                            <select name="matchwinerplayer" id="matchwinerplayer">
                            </select>
                        </div>

                        <!-- <div style="display:flex">
                            <li style="width: 110px;">第一局获胜队</li>
                            <div id="onegame">
                                <input type="radio" name="onegame" value="" checked>主队
                                <input type="radio" name="onegame" value="" >客队
                            </div>
                        </div>
                        <div style="display:flex">
                            <li style="width: 110px;">第二局获胜队</li>
                            <div id="twogame">
                                <input type="radio" name="twogame" value="1" checked>主队
                                <input type="radio" name="twogame" value="0" >客队
                            </div>
                        </div>
                        <div style="display:flex">
                            <li style="width: 110px;">第三局获胜队</li>
                            <div id="threegame">
                                <input type="radio" name="threegame" value="1" checked>主队
                                <input type="radio" name="threegame" value="0" >客队
                            </div>
                        </div>
                        <div style="display:flex">
                            <li style="width: 110px;">第四局获胜队</li>
                            <div id="fourgame">
                                <input type="radio" name="fourgame" id="fourgame" eventType="event-query" value="1" checked>主队
                                <input type="radio" name="fourgame" id="fourgame" eventType="event-query" value="0" >客队
                            </div>
                        </div>
                        <div style="display:flex">
                            <li style="width: 110px;">第五局获胜队</li>
                            <div id="fourgame">
                                <input type="radio" name="fivegame" id="fivegame" eventType="event-query" value="1" checked>主队
                                <input type="radio" name="fivegame" id="fivegame" eventType="event-query" value="0" >客队
                            </div>
                        </div>
                        <div style="display:flex">
                            <li style="width: 110px;">第六局获胜队</li>
                            <div id="sixgame">
                                <input type="radio" name="sixgame" value="1" checked>主队
                                <input type="radio" name="sixgame" value="0" >客队
                            </div>
                        </div>
                        <div style="display:flex">
                            <li style="width: 110px;">第七局获胜队</li>
                            <div id="sevengame">
                                <input type="radio" name="sevengame" value="1" checked>主队
                                <input type="radio" name="sevengame" value="0" >客队
                            </div>
                        </div>
                        <div style="display:flex">
                            <li style="width: 110px;">第八局获胜队</li>
                            <div id="eightgame">
                                <input type="radio" name="eightgame" value="1" checked>主队
                                <input type="radio" name="eightgame" value="0" >客队
                            </div>
                        </div>
                        <div style="display:flex">
                            <li style="width: 110px;">第九局获胜队</li>
                            <div id="ninegame">
                                <input type="radio" name="ninegame" value="1" checked>主队
                                <input type="radio" name="ninegame" value="0" >客队
                            </div>
                        </div> -->

                    </div>
                </div>
                <div class="modal-footer">
                    <button class="ok" onchange="buttonClick()"><h3>确定</h3></button>&nbsp;<button class="no"><h3>取消</h3></button>
                </div>
            </div>
        </div>        
	<script>
        $(function () {
            $('body').on('click', 'a[eventtype="event-delete"]', function () {
                var span = $(this).prev();
                var id = span.attr('data-id');
                // openWin('/admin/system/AddMenu','{{ trans("menu.menu_edit")}}','600px','500px',id);
            })
            $('body').on('click','#form_sureblur~.layui-form-switch',function(){
            	var sus = $('#form_sureblur').next().text();
            	if(sus=='精确'){
            		$('#form_sureblurs').val('on');
            	}else{
            		$('#form_sureblurs').val('off');
            	}
            })
        })

        function addResult($match_id){
            $(":input",$("#myModal")).each(function(i){  $(this).val('');});
            var match_id = $match_id;//alert(match_id);
            document.getElementById("matchid").value=$match_id;//赋值个弹窗
            
            $.ajax({
                type: 'POST',
                dataType: 'json',
                url: '/admin/Sportswq/Matchresult',
                data: {match_id:match_id},
                success: function(data) {
                    // alert(data.wqresult);
                    // document.getElementById("matchwiner").value=data.newapp.match_winer;
                    // document.getElementById("homeallcard").value=data.penalty_card.home;
                    // document.getElementById("guestallcard").value=data.penalty_card.guest;
                    // document.getElementById("homehalfcard").value=data.penalty_card.home_half;
                    // document.getElementById("guesthalfcard").value=data.penalty_card.guest_half;
                    // document.getElementById("homeallcorner").value=data.corner_ball.home;
                    // document.getElementById("guestallcorner").value=data.corner_ball.guest;
                    // document.getElementById("homehalfcorner").value=data.corner_ball.home_half;
                    // document.getElementById("guesthalfcorner").value=data.corner_ball.guest_half;

                    firstscoreplayer = "<option value='"+data.wqresult.first_score_player+"' selected=''>";
                    if (data.wqresult.first_score_player != 0){
                        firstscoreplayer += data.wqresult.first_score_player;
                    }else{
                        firstscoreplayer += '请选择最先进球';
                    }
                    firstscoreplayer += "</option><option value=" + data.wqresult.home_player_name + ">" + data.wqresult.home_player_name + "</option><option value=" + data.wqresult.guest_player_name + ">" + data.wqresult.guest_player_name + "</option>";
                    $("#firstscoreplayer").html(firstscoreplayer);

                    lastscoreplayer = "<option value='"+data.wqresult.last_score_player+"' selected=''>";
                    if (data.wqresult.last_score_player  != 0){
                        lastscoreplayer += data.wqresult.last_score_player;
                    }else{
                        lastscoreplayer += '请选择最后进球';
                    }
                    lastscoreplayer += "</option><option value=" + data.wqresult.home_player_name + ">" + data.wqresult.home_player_name + "</option><option value=" + data.wqresult.guest_player_name + ">" + data.wqresult.guest_player_name + "</option>";
                    $("#lastscoreplayer").html(lastscoreplayer);

                    matchwinerplayer = "<option value='"+data.wqresult.match_winer_player+"' selected=''>";
                    if (data.wqresult.match_winer_player  != 0){
                        matchwinerplayer += data.wqresult.match_winer_player;
                    }else{
                        matchwinerplayer += '请选择最后胜利队员';
                    }
                    matchwinerplayer += "</option><option value=" + data.wqresult.home_player_name + ">" + data.wqresult.home_player_name + "</option><option value=" + data.wqresult.guest_player_name + ">" + data.wqresult.guest_player_name + "</option>";
                    $("#matchwinerplayer").html(matchwinerplayer);
                }
            }) 

            //获取弹窗得div
            var modal = document.getElementById('myModal');
            // 获取 <span> 元素，用于关闭弹窗 （X）
            var span = document.getElementsByClassName("close")[0];
            //获取弹窗中得确定按钮
            var ok=document.getElementsByClassName("ok")[0];
            //获取弹窗中得取消按钮
            var no=document.getElementsByClassName("no")[0];
            //窗体弹出
            modal.style.display = "block";
            //点击窗体ok
            ok.onclick=function(){
                //执行弹出窗体得确定后得操作
                alert("执行确定按钮点击得操作");
                //关闭窗口
                modal.style.display = "none";
                buttonClick();
            }
            //点击窗体取消按钮
            no.onclick=function(){
                //直接关闭窗口
                modal.style.display = "none";
            }
            // 点击 <span> (x), 关闭弹窗
            span.onclick = function() {
                //直接关闭窗口
                modal.style.display = "none";
            }
            // 在用户点击其他地方时，关闭弹窗
            window.onclick = function(event) {
                //点击窗口外内容，关闭窗口
                if (event.target == modal) modal.style.display = "none";
            }
        }
        
        function buttonClick(){
            var matchid = $("#matchid").val();
            var first_score_player = $("#firstscoreplayer").val();
            var last_score_player = $("#lastscoreplayer").val();
            var match_winer_player = $("#matchwinerplayer").val();

            $.ajax({
                type: 'POST',
                dataType: 'json',
                url: '/admin/Sportswq/addend',
                data: {matchid:matchid,first_score_player:first_score_player,last_score_player:last_score_player,match_winer_player:match_winer_player},
                success: function(data) {
                    layer.msg(data.msg);
                    location. reload()//刷新当前页面
                }
            })
        }

        //刷新赛事数据
        function refreshall(game_code){ 
            var game_code = game_code;
            $.ajax({
                type: 'POST',
                dataType: 'json',
                url: '/setSports',
                data: {game_code:game_code},
                success: function(data) {
                    var data = JSON.stringify(data);
                    if(data){
                        layer.msg(data.msg);
                        location. reload()//刷新当前页面
                    }
                }
            })
        }

        //撤销
        function revoke(match_id){
            var match_id = match_id;
            $.ajax({
                type: 'POST',
                dataType: 'json',
                url: '/admin/Sportswq/revoke',
                data: {match_id:match_id},
                success: function(data) {
                    if(data.status==1){
                        layer.msg(data.msg);
                        location. reload()//刷新当前页面
                    }
                }
            })
        }

        //结算 
        function settlement(match_id,type){
            var match_id = match_id;
            var type = type;
            $.ajax({
                type: 'POST',
                dataType: 'json',
                url: '/admin/Sportswq/Settlement',
                data: {match_id:match_id,type:type},
                success: function(data) {
                    if(data.status==1){
                        layer.msg(data.msg);
                        location. reload()//刷新当前页面
                    }else if(data.status==2){
                        layer.msg(data.msg);
                        reloadDataTable();return;
                    }else if(data.status==4){
                        layer.msg(data.msg);
                        reloadDataTable();return;
                    }else{
                        layer.msg(data.msg);
                        reloadDataTable();return;
                    }
                }
            })
        }

        //修改赛事比分
        function inputscore(match_id){
            var match_id = match_id;
            // var reg = /^[0-99]\d*$/;
            var guest_player_score = $("#guest_player_score"+match_id).val();
            var home_player_score = $("#home_player_score"+match_id).val();

            // if(reg.test(num)==false){ 
            //     layer.msg('不能为空值');
            //     reloadDataTable();return;
            // }

            $.ajax({
                type: 'POST',
                dataType: 'json',
                url: '/admin/Sportswq/updatascore',
                data: {match_id:match_id,guest_player_score:guest_player_score,home_player_score:home_player_score},
                success: function(data) {
                    if(data.status==1){
                        layer.msg(data.msg);
                        location. reload()//刷新当前页面
                    }
                }
            })
        }

	</script>
@push('dataTableJS')
/*var active = {
    reload: function(){
      //执行重载
      table.reload('{{ $dataId }}', {
        page: {
          curr: 1 //重新从第 1 页开始
        }
        ,where: {
            account:$("#form_account").val(),
            register_ip:$('#form_register_ip').val(),
            last_ip:$('#form_last_ip').val(),
            register_url:$('#form_register_url').val(),
            last_url:$('#form_last_url').val(),
            regist_startime:$('#form_regist_startime').val(),
            regist_endtime:$('#form_regist_endtime').val(),
            statuss:$('#form_statuss').val(),
            cash_small:$('#form_cash_small').val(),
            cash_big:$('#form_cash_big').val(),
            sureblur:$('.layui-form-switch').text(),
        }
      });
    }
  };
$('.lay-btn-diy').on('click', function(){
    var type = $(this).data('type');
    active[type] ? active[type].call(this) : '';
  });*/

  //重置表单
  $('.reset').on('click',function(){
      $('input').val('');
      $('#form_statuss').val('');
      //var type = $(this).data('type');
      //active[type] ? active[type].call(this) : '';
  });
  //刷新表单
    $('.set').on('click',function(){
    //var type = $(this).data('type');
    //active[type] ? active[type].call(this) : '';
    });

@endpush

    @include('vip.datatable')
@endsection