hebei-chengben-car/modules/car/views/default/index1.php

<?php
use yii\widgets\ActiveForm;
?>
<div class="row ">
    <div class="col-12">
        <div class="card main-wrapper">
            <div class="card-body">
                <!-- 搜索表单 -->
                <div class="searchbox"  >
                   <?php $form = ActiveForm::begin(['options' => ['id'=>'searchform','class' => 'row gy-2 gx-3 align-items-center'], 'enableClientValidation' => false]); ?>
                        <div class="col-sm-auto"><label class="col-form-label">账期</label></div>
                        <div class="col-sm-auto">
                            <input class="form-control" type="month" name="date" value="2019-08" >
                        </div>
                        <div class="col-sm-auto"><label class="col-form-label">地市</label></div>
                        <div class="col-sm-auto">
                            <?php echo  \app\common\widget\LinkmenuWidget::widget(['key_id'=>1,'name'=>'city','level'=>1,'emptyTxts'=>['全省'],'value'=>0,'selectClass'=>'form-select original ','blockClass'=>'row','unitStyle'=>'min-width:120px;']);?>
                        </div>
                        <div class="col-sm-auto">
                            <button type="button" class="btn btn-light" id="searchform-btn"><i class="fas fa-search"></i></button>
                        </div>
                    <?php ActiveForm::end(); ?>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-xl-6">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title mb-4">车辆基本情况</h4>
                <div id="basedata" class="apex-charts" dir="ltr"></div>
            </div>
        </div><!--end card-->
    </div>

    <div class="col-xl-6">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title mb-4">车辆费用</h4>
                <div id="feedata" class="apex-charts" dir="ltr"></div>
            </div>
        </div><!--end card-->
    </div>
</div>

<div class="row">
    <div class="col-xl-6">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title mb-4">车辆里程波动</h4>
                <div id="mileswave" class="apex-charts" dir="ltr"></div>
            </div>
        </div><!--end card-->
    </div>

    <div class="col-xl-6">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title mb-4">车辆出勤率波动</h4>
                <div id="usewave" class="apex-charts" dir="ltr"></div>
            </div>
        </div><!--end card-->
    </div>
</div>