socialforge/app/views/games/_exec_results.html.erb

<%= content_for(:header_tags) do %>
<%= javascript_include_tag  'baiduTemplate', 'jquery.datetimepicker.js' %>
<% end %>
<div id="code_results">
</div>
<script id="t:exec_results" type="text/html">
  <div class="col-width fl mt15 content-half-fix undis" style="margin-top:125px;">
    <div class="panel-header clearfix">
      <h3 class="fl">测评历史</h3>
      <div class="fr  mt5">
        <a href="#"><i class="fa fa-minus font-14 mr10 fl color-grey"></i></a>
        <a href="javascript:void(0)" onclick="hide_windows();"><i class="fa fa-compress font-14  fl color-grey"></i></a>
      </div>
    </div>
    <div class="content-history-inner" style="height: 100px;">
      <div class="clearfix history-success mb10">
        <span class="icon-success fl mr5">2</span>
        <p class="fl">恭喜，您已经完成了本任务！</p>
        <a href="#" class="fr mr10">详情</a>
      </div>
      <div class="clearfix history-fail mb10">
        <span class="icon-fail fl mr5">1</span>
        <p class="fl">错误结果！</p>
        <a href="#" class="fr mr10">详情</a>
      </div>
    </div>
  </div>
    <div class="col-width fl content-history mt15" >
            <div class="panel-header clearfix">
            <h3 class="fl">测评历史</h3>
    <div class="fr mt5">
            <a href="#"><i class="fa fa-minus font-14 mr10 fl color-grey"></i></a>
        <a href="javascript:void(0)" onclick="extend_window()"><i class="fa fa-expand font-14  fl color-grey"></i></a>
    </div>
    </div>
    <div class="content-history-inner">
            <% unless @outputs.blank? %>
            <% @outputs.each do |output| %>
            <div class="<%= output.code == 0 ? 'clearfix history-success mb10' : 'clearfix history-fail mb10' %>">
            <span class="<%= output.code == 0 ? 'icon-success fl mr5' : 'icon-fail fl mr5' %>">2</span>
    <p class="fl"><%= output.code == 0 ? '恭喜，您已经完成了本任务！' : '错误结果！' %></p>
    <%= link_to "详情", outputs_show_myshixun_game_path(@game, :myshixun_id => @myshixun, :game_output_id => output.id), :class => "fr mr10" %>
    </div>
    <% end %>
    <% end %>
    </div>
    </div>
    <div class="col-width fl content-output ml15 mt15">
            <div class="panel-header ">
            <h3 >测试输出</h3>
    </div>
    <div class="content-history-inner">
            999999
            </div>
    </div>
    <div class="col-width fl content-submit ml15 mt15">
            <div class="panel-header ">
            <h3 >操作</h3>
    </div>
    <div class="content-submitbox">
      <a href="javascript:void(0)" class="task-btn mb10" onclick="file_edit_submit()">保存修改</a>
    <! if(status == 0){ !>
    <div id="game_commit">
            <a href="javascript:void(0)" class="task-btn task-btn-green" onclick="training_task_submmit();">提交评测</a>
    </div>
    <! }else if(status == 1){ !>
    <a class="task-btn mb10">评测中..</a>
    <! }else if(status == 2){ !>
    <%= link_to "下 一 步", {:controller => 'games', :action => "next_step", :id => @game, :myshixun_id => @myshixun}, :class => "task-btn task-btn-green", :onclick => "training_task_submmit();", :remote => true %>
    <! } !>
    </div>
    </div>
</script>

<script >
    var bt = baidu.template;
    bt.LEFT_DELIMITER = '<!';
    bt.RIGHT_DELIMITER = '!>';
    $(function(){
        var html = bt('t:exec_results',{status: <%= @game.status %>});
        $("#code_results").html(html);
    });

    function training_task_submmit(){

        $.ajax({
            url: '<%= game_build_myshixun_game_path(@game, @myshixun) %>',
                success: function (){
                $("#training_tasl_commit").html("<span class='task-display-span alert-blue mt10'>当前任务正在后台测评中，稍后将显示您的任务完成情况......</span>");
                //循环等1分钟
                var intId = setInterval(function(){
                    $.ajax({
                        url: '<%= game_status_myshixun_game_path(@game) %>',
                        data:'test',
                        success:function(data){
                            //如果查到了，就退出
                            alert(data.status);
                            clearInterval(intId);
                            var html = bt('t:exec_results',{status: 2});
                            console.log(html);
                            $("#code_results").html(html);
                        }
                    });
                }, 6000);
            }
        })

    }
    function extend_window(){
        var web_h = window.innerHeight;
        if($.browser.msie) {
            $(".content-half-fix").css("width", "42%");
            $(".content-half-fix").css("height", web_h - 168 + "px");
        }
        else if($.browser.safari)
        {
            $(".content-half-fix").css("width", "42%");
            $(".content-half-fix").css("height", web_h - 168 + "px");
        }
        else if($.browser.mozilla)
        {
            $(".content-half-fix").css("width", "42.5%");
            $(".content-half-fix").css("height", web_h - 158 + "px");
        }
        else if($.browser.opera) {
            $(".content-half-fix").css("width", "42%");
        }else if($.browser.chrome){
            if(window.navigator.userAgent.indexOf("MetaSr") == -1){
                $(".content-half-fix").css("width", "42.5%");
                $(".content-half-fix").css("height", web_h - 160 + "px");
            }else{
                $(".content-half-fix").css("width", "42.5%");
                $(".content-half-fix").css("height", web_h - 155 + "px");
            }
        }
        $(".content-half-fix").show();
    }
    function hide_windows(){
        $(".content-half-fix").hide();
    }


    function file_edit_submit(){
        $('#file_update_id').submit();
    }

</script>