nizongfeng
/
ZZCX_yii


			
				
					
						
						
							
							<?php
/**
 * Created by PhpStorm.
 * User: Steven
 * Date: 2017/6/16
 * Time: 18:33
 */

use yii\helpers\Html;
use yii\helpers\ArrayHelper;
use common\components\zActiveForm;
use backend\modules\motorcade\assets\motorcadeUIAsset;

motorcadeUIAsset::register($this);
motorcadeUIAsset::addScript($this, '/charts/js/highcharts.js');
motorcadeUIAsset::addScript($this, '/charts/js/exporting.js');
$param = $data['param'];
$model = $data['detail'];

$data_for_chart['param'] = $data['param'];
$data_for_chart['model'] = $data['model'];

$chart_data = json_encode($data_for_chart);
?>
<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
        #container {
            min-width: 310px;
            max-width: 1000px;
            height: 300px;
            margin: 0 auto
        }
    </style>
</head>
<body>
<?php
echo "<input id='data' type='hidden' value='{$chart_data}'>";
motorcadeUIAsset::addScript($this, '/js/oilDetail.js?v=1.11');
?>
<div style="padding: 20px 20px 0 20px;">
    <div class="panel panel-default">
        <div class="panel-heading">油耗明细图表</div>
        <div class="panel-body">
            <div id="container"></div>
        </div>
    </div>
</div>
<div style="padding: 20px 20px 0 20px;">
    <?=
    $dp1 = \common\components\zGridView:: widget([
        'id' => 'grid-view-list',
        'dataProvider' => $model,
        'tableOptions' => ['class' => 'table table-striped table-hover'],
        'emptyText' => '没有匹配的记录',
        'showPageSummary' => false,

        'showEmpty' => true,
        'summary' => '',

        'pagerFixed' => true,
        'columns' => [
            [
                'width' => '55px',
                'class' => 'kartik\grid\CheckboxColumn',
                'rowSelectedClass' => '',
            ],
            [
//            'width' => '8%',
                'label' => '日期',
                'attribute' => 'run_date',
            ],
            [
//            'width' => '16%',
                'label' => '行驶里程',
                'attribute' => 'Mileage',
            ],
            [
//            'width' => '10%',
                'label' => '标准耗油量(升)',
                'attribute' => 'oil_per',
                'value' => function ($model) {
                    return number_format($model['Mileage'] * ($model['oil_per']/100), 2);
                },
            ],
            [
//            'width' => '10%',
                'label' => '实际加油量(升)',
                'attribute' => 'ActualOil',
                'value' => function ($model) {
                    return number_format($model['ActualOil'], 2);
                }
            ],
            [
//            'width' => '10%',
                'label' => '油耗量差(升)',
                'attribute' => 'Mileage',
                'value' => function ($model) {
                    return number_format($model['ActualOil'] - $model['Mileage'] * ($model['oil_per']/100), 2);
                },
            ],
            [
//            'width' => '10%',
                'label' => '油耗(升 / 百公里)',
                'attribute' => 'oil_per',
                'value' => function ($model) {
                    return $model['Mileage'] == 0 ? '-' : number_format(($model['ActualOil'] / $model['Mileage']) * 100, 2);
                }
            ]
        ]
    ]);
    ?>
</div>
</body>
</html>