maintenance/application/admin/view/teacher/exams/index.html

<style>
    /*.commonsearch-table{*/
    /*    background: #d9f7d3;*/
    /*    padding-top:5px*/
    /*}*/
</style>
<div class="panel panel-default panel-intro">
    {:build_heading()}
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="tableTitle" style="font-size: 16px;margin: 10px 0">成绩列表</div>
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
<!--                        <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('teacher/exams/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>-->
                        <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('teacher/exams/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>
<!--                        <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('teacher/exams/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>-->


<!--                        <a href="javascript:;" class="btn btn-chakan btn-info btn-view btn-disabled disabled {:$auth->check('teacher/exams/view')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-eye"></i> {:__('成绩详情')}</a>-->
                        <a href="javascript:;" class="btn btn-success btn-export" title="导出成绩" ><i class="fa fa-download"></i> 导出成绩</a>

                        <a href="javascript:;" class="btn btn-sure  btn-warning btn-multi btn-disabled disabled  {:$auth->check('teacher/exams/multi')?'':'hide'}" data-params="is_sure=1"><i class="fa fa-check"></i> 确认成绩</a>

                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           data-operate-edit="{:$auth->check('teacher/exams/edit')}"
                           data-operate-del="{:$auth->check('teacher/exams/del')}"
                           width="100%">
                    </table>
                </div>
            </div>


        </div>
        <div class="tableTitle success" style="font-size: 16px;margin: 10px 0">成绩分析</div>
        <table style="width: 100%" class="table table-striped table-bordered table-hover table-nowrap panel-success">
            <tbody>
            <tr class="">
                <td style="width: 10%">平均成绩</td>
                <td class="pingfen_total text-success"></td>
                <td style="width: 10%">最高成绩</td>
                <td class="max_total text-danger"></td>
                <td style="width: 10%">最低成绩</td>
                <td class="min_total text-warning"></td>
            </tr>
            </tbody>
        </table>

        <div class="tableTitle success" style="font-size: 16px;margin: 10px 0">错误率统计</div>
        <table style="width: 33%;float: left;border: 2px solid #bfb8b8;" class="table table-striped table-bordered table-hover table-nowrap panel-success">
            <thead>
            <tr style="text-align: center">
                <td colspan="2">FZD04B型侦毒器</td>
            </tr>
            <tr style="text-align: center">
                <td>故障名称</td>
                <td>错误率</td>
            </tr>
            </thead>
            <tbody class="tbodyone">

            </tbody>
        </table>
        <table style="width: 33%;float: left;border: 2px solid #bfb8b8;" class="table table-striped table-bordered table-hover table-nowrap panel-success">
            <thead>
            <tr style="text-align: center">
                <td colspan="2">FZB006型毒剂报警器</td>
            </tr>
            <tr style="text-align: center">
                <td>故障名称</td>
                <td>错误率</td>
            </tr>
            </thead>
            <tbody class="tbodytwo">

            </tbody>
        </table>
        <table style="width: 33%;border: 2px solid #bfb8b8;" class="table table-striped table-bordered table-hover table-nowrap panel-success">
            <thead>
            <tr style="text-align: center">
                <td colspan="2">防化兵用毒剂报警器</td>
            </tr>
            <tr style="text-align: center">
                <td>故障名称</td>
                <td>错误率</td>
            </tr>
            </thead>
            <tbody class="tbodythree">

            </tbody>
        </table>

    </div>
</div>